/*

* 03/05/2017

1 - Button
Table of Content
==================================================
    Part 0:  #Button
    Part 1:  #Icon
    Part 2:  #Font Color
    Part 3:  #Margin
    Part 4:  #Padding
    Part 5:  #Link
    Part 6 : #Pagination
    Part 7:  #Hr
    Part 8:  #Font SIze


    Part 4:  #Text alert
    Part 5:  #Clients
    Part 6:  #Testimonials
    Part 7:  #Contact
    Part 8:  #Footer

==================================================
*/
/*--- Part 0:  #Color      ---*/
.primary-text{
    color: #348aee !important;
}
.btn-transparent-txt-white{
    /*background-color: #aa1f6b;*/
    background: transparent;
    color: #000 !important;
}
.btn-transparent-txt-white:hover, .btn-transparent-txt-white:focus, .btn-transparent-txt-white:active, .btn-transparent-txt-white.active, .open > .dropdown-toggle.btn-transparent-txt-white{
    /*background-color: #FFF;*/
    background: transparent;
    color: #000 !important;
}
.btn-transparent-txt-white:active, .btn-transparent-txt-white.active {
    box-shadow: none;
}

.btn-pink{
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
    color: white;
    /*box-shadow: 0 3px 0 0 #d13d8f;*/
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open > .dropdown-toggle.btn-pink {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
}
.btn-pink:active, .btn-pink.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
    box-shadow: none;
}

.btn-light-pink{
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
    color: white;
    /*box-shadow: 0 3px 0 0 #d13d8f;*/
}

.btn-light-pink:hover, .btn-light-pink:focus, .btn-light-pink:active, .btn-light-pink.active, .open > .dropdown-toggle.btn-light-pink {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
}
.btn-light-pink:active, .btn-light-pink.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
    box-shadow: none;
}

.btn-success{
    background-image: -webkit-gradient(linear, left top, right top, from(#99db4f), color-stop(#8bd148), color-stop(#7dc741), color-stop(#6fbe3b), to(#61b434));
    background-image: linear-gradient(to right, #99db4f, #8bd148, #7dc741, #6fbe3b, #61b434);
}

.btn-transparent{
    /*background-color: #FFF;*/
    background: transparent;
    color: #1e1e21;
}

.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active, .btn-transparent.active, .open > .dropdown-toggle.btn-transparent{
    /*background-color: #FFF;*/
    background: transparent;
}
.btn-transparent:active, .btn-transparent.active {
    box-shadow: none;
}


.btn-green{
    background-image: -webkit-gradient(linear, left top, right top, from(#99db4f), color-stop(#8bd148), color-stop(#7dc741), color-stop(#6fbe3b), to(#61b434));
    background-image: linear-gradient(to right, #99db4f, #8bd148, #7dc741, #6fbe3b, #61b434);
    color: white;
    /*box-shadow: 0 3px 0 0 #83cb38;*/
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#99db4f), color-stop(#8bd148), color-stop(#7dc741), color-stop(#6fbe3b), to(#61b434));
    background-image: linear-gradient(to right, #99db4f, #8bd148, #7dc741, #6fbe3b, #61b434);
}
.btn-green:active, .btn-green.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#99db4f), color-stop(#8bd148), color-stop(#7dc741), color-stop(#6fbe3b), to(#61b434));
    background-image: linear-gradient(to right, #99db4f, #8bd148, #7dc741, #6fbe3b, #61b434);
    box-shadow: none;
}

.btn-white{
    background-color: #FFF;
    color: #348aee;
    /*box-shadow: 0 3px 0 0 #d13d8f;*/
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
}
.btn-white:active, .btn-white.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
    box-shadow: none;
}


.btn-white-radius{
    border-radius: 25px;
    background-color: #FFF;
    border: solid 1px #CCCCCC;
    color: #348aee;
}

.btn-white-radius:hover, .btn-white-radius:focus, .btn-white-radius:active, .btn-white-radius.active, .open > .dropdown-toggle.btn-white-radius {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
    border: solid 1px #348aee;
}
.btn-white-radius:active, .btn-white.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#52c4f2), color-stop(#36b7f3), color-stop(#20a9f4), color-stop(#1f9af2), to(#348aee));
    background-image: linear-gradient(to right, #52c4f2, #36b7f3, #20a9f4, #1f9af2, #348aee);
    box-shadow: none;
}


/*--- Part 1:  #Icon      ---*/
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px !important; }
.right-addon input { padding-right: 30px; }




/*--- Part 2:  #Font Color     ---*/

.txt-white{
    color: #FFF;
}

.txt-light-pink{
    color: #36b7f3;
}

.txt-dark-pink{
    color: #348aee;
}
.txt-grey{
    color: #CCCCCC;
}

/*--- Part 3:  #Margin      ---*/
.m5{
    margin: 5px;
}
.m10{
    margin: 10px;
}

.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}

.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mb40{
    margin-bottom: 40px;
}

.ml10{
    margin-left: 10px !important;
}

.ml15{
    margin-left: 15px ;
}

/*--- Part 4:  #Padding      ---*/
.no-pl{
    padding-left: 0px !important;
}
.p5{
    padding: 5px ;
}
.p10{
    padding: 10px !important;
}

.pt10{
    padding-top: 10px;
}


.pb10{
    padding-bottom: 10px;
}


/*--- Part 5:  #Link      ---*/


a:link {
    color: #5e5e5f ;
    text-decoration: none;
}

a:hover {
    color: #348aee ;
    text-decoration: none;
    font-weight: bold;
}
a:visited {
    color: #5e5e5f ;
    text-decoration: none;
}

a:link.link-lightgrey {
    color: #9e9e9e ;
    text-decoration: none;
}
a:hover.link-lightgrey {
    color: #36b7f3 ;
    text-decoration: none;
}
a:visited.link-lightgrey {
    color: #9e9e9e ;
    text-decoration: none;
}

a:link.link-pink {
    color: #348aee ;
    text-decoration: none;
}
a:hover.link-pink {
    color: #9e9e9e ;
    text-decoration: none;
}
a:visited.link-pink {
    color: #348aee ;
    text-decoration: none;
}



.link-bg-pink{
    border-bottom: solid 1px #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
}

.link-bg-pink:hover{
    background-color: #fbd7e6;
    text-decoration: none;
    cursor: pointer;
}

.link-bg-blue{
    border-bottom: solid 1px #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
}

.link-bg-blue:hover{
    background-color: #dcf3fc;
    text-decoration: none;
    cursor: pointer;
}


/*--- Part 6:  #Pagination     ---*/
.pagination_pink a {
    color: #348aee !important;
    text-decoration: none;
    font-weight: bold !important;
    transition: background-color .3s;
    font-size: 12px!important;
}

.pagination_pink a.active {
    background-color: #348aee;
    color: white !important;
}

.pagination_pink > li > a {
    border: 1px solid #348aee;

}

.pagination_pink a:hover:not(.active) {
    background-color: #ddd;
    border: 1px solid #348aee;
}

/*--- Part 7:  #HR      ---*/
.hr-pink{
    border: solid #348aee;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 20px;
    height: 0;
}



/*--- Part 7:  #Font Size      ---*/
.txt10{
    font-size: 10px !important;
}
.txt11{
    font-size: 11px !important;
}
.txt12{
    font-size: 12px !important;
}
.txt13{
    font-size: 13px !important;
}
.txt14{
    font-size: 14px !important;
}