/*Button classes*/
.btn {
	border-radius: 2px;
    position: relative;
}
.btn.btn-no-border {
    border: 0px !important;
}
/*Round button*/
.btn.btn-round {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-size: 15px;
    text-align: center;
}
.btn.btn-round i {
    display: block;
    margin: 3px 0px 2px 0px;
}
.btn.btn-round span {
    font-weight: bold;
}
/*Transparent button*/
.btn.btn-transparent {
    border: 1px solid #ffffff !important;
    background: transparent !important;
    color: #ffffff !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn.btn-transparent:hover,
.btn.btn-transparent:focus,
.btn.btn-transparent.active,
.btn.btn-transparent:active {
    background: #ffffff !important;
    color: #808080 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*1 Aqua*/
.btn.btn-aqua {
    background: #26bac8;
    color: #ffffff;
    border: 1px solid #23A4AF;
}
.btn.btn-aqua:hover,
.btn.btn-aqua:focus,
.btn.btn-aqua.active,
.btn.btn-aqua:active {
    background: #23A4AF;
    color: #ffffff;
}
.btn.btn-aqua.btn-outline {
    background: transparent !important;
    border: 1px solid #23A4AF !important;
    color: #23A4AF;
}
/*2 Black*/
.btn.btn-black {
    color: #ffffff;
    background: #666666;
    border: 1px solid #4d4d4d;
}
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black.active,
.btn.btn-black:active {
    background: #4d4d4d;
    color: #ffffff;
}
.btn.btn-black.btn-outline {
    background: transparent !important;
    border: 1px solid #4d4d4d !important;
    color: #4d4d4d;
}
/*3 Blue*/
.btn.btn-blue {
    background: #3498db;
    color: #ffffff;
    border: 1px solid #2980b9;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue.active,
.btn.btn-blue:active {
    background: #2980b9;
    color: #ffffff;
}
.btn.btn-blue.btn-outline {  
    background: transparent !important;
    border: 1px solid #2980b9 !important;
    color: #2980b9;
}
/*4 Brown*/
.btn.btn-brown {
    background: #9c8061;
    color: #ffffff;
    border: 1px solid #81674b;
}
.btn.btn-brown:hover,
.btn.btn-brown:focus,
.btn.btn-brown.active,
.btn.btn-brown:active {
    background: #81674b;
    color: #ffffff;
}
.btn.btn-brown.btn-outline {
    background: transparent !important;
    border: 1px solid #81674b !important;
    color: #81674b;
}
/*5 Dark Blue*/
.btn.btn-dark-blue {
    background: #4765a0;
    color: #ffffff;
    border: 1px solid #324c80;
}
.btn.btn-dark-blue:hover,
.btn.btn-dark-blue:focus,
.btn.btn-dark-blue.active,
.btn.btn-dark-blue:active {
    background: #324c80;
    color: #ffffff;
}
.btn.btn-4765a0.btn-outline {  
    background: transparent !important;
    border: 1px solid #324c80 !important;
    color: #324c80;
}
/*6 Dark Brown*/
.btn.btn-dark-brown {
    background: #663300;
    color: #ffffff;
    border: 1px solid #562C01;
}
.btn.btn-dark-brown:hover,
.btn.btn-dark-brown:focus,
.btn.btn-dark-brown.active,
.btn.btn-dark-brown:active {
    background: #562C01;
    color: #ffffff;
}
.btn.btn-dark-brown.btn-outline {
    background: transparent !important;
    border: 1px solid #562C01 !important;
    color: #562C01;
}
/*7 Dark Red*/
.btn.btn-dark-red {
    background: #b61332;
    color: #ffffff;
    border: 1px solid #a10f2b;
}
.btn.btn-dark-red:hover,
.btn.btn-dark-red:focus,
.btn.btn-dark-red.active,
.btn.btn-dark-red:active {
    background: #a10f2b;
    color: #ffffff;
}
.btn.btn-dark-red.btn-outline {
    background: transparent !important;
    border: 1px solid #a10f2b !important;
    color: #a10f2b;
}
/*8 Green*/
.btn.btn-green {
    color: #ffffff;
    background: #72c02c;
    border: 1px solid #5fb611;
}
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green.active,
.btn.btn-green:active {
    background: #5fb611;
    color: #ffffff;
}
.btn.btn-green.btn-outline {
    background: transparent !important;
    border: 1px solid #72c02c !important;
    color: #72c02c;
}
/*9 Grey*/
.btn.btn-grey {
    background: #868d8d;
    color: #ffffff;
    border: 1px solid #868d8d;
}
.btn.btn-grey:hover,
.btn.btn-grey:focus,
.btn.btn-grey.active,
.btn.btn-grey:active {
    background: #868d8d;
    color: #ffffff;
}
.btn.btn-grey.btn-outline {
    background: transparent !important;
    border: 1px solid #868d8d !important;
    color: #868d8d;
}
/*10 Light Grey*/
.btn.btn-light-grey {
    background: #95a5a6;
    color: #ffffff;
    border: 1px solid #7f8c8d;
}
.btn.btn-light-grey:hover,
.btn.btn-light-grey:focus,
.btn.btn-light-grey.active,
.btn.btn-light-grey:active {
    background: #7f8c8d;
    color: #ffffff;
}
.btn.btn-light-grey.btn-outline {
    background: transparent !important;
    border: 1px solid #7f8c8d !important;
    color: #7f8c8d;
}
/*11 Purple*/
.btn.btn-purple {
    background: #9b6bcc;
    color: #ffffff;
    border: 1px solid #814fb5;
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple.active,
.btn.btn-purple:active {
    background: #814fb5;
    color: #ffffff;
}
.btn.btn-purple.btn-outline {
    background: transparent !important;
    border: 1px solid #814fb5 !important;
    color: #814fb5;
}
/*12 Orange*/
.btn.btn-orange {
    background: #e67e22;
    color: #ffffff;
    border: 1px solid #d35400;
}
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange.active,
.btn.btn-orange:active {
    background: #d35400;
    color: #ffffff;
}
.btn.btn-orange.btn-outline {
    background: transparent !important;
    border: 1px solid #d35400 !important;
    color: #d35400;
}
/*13 Red*/
.btn.btn-red {
    background: #e74c3c;
    color: #ffffff;
    border: 1px solid #c0392b;
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red.active,
.btn.btn-red:active {
    background: #c0392b;
    color: #ffffff;
}
.btn.btn-red.btn-outline {
    background: transparent !important;
    border: 1px solid #c0392b !important;
    color: #c0392b;
}
/*14 Rose*/
.btn.btn-rose {
    background: #ff61e7;
    color: #ffffff;
    border: 1px solid #ff2edf;
}
.btn.btn-rose:hover,
.btn.btn-rose:focus,
.btn.btn-rose.active,
.btn.btn-rose:active {
    background: #ff2edf;
    color: #ffffff;
}
.btn.btn-rose.btn-outline {
    background: transparent !important;
    border: 1px solid #ff2edf !important;
    color: #ff2edf;
}
/*15 Sea*/
.btn.btn-sea {
    background: #1abc9c;
    color: #ffffff;
    border: 1px solid #16a085;
}
.btn.btn-sea:hover,
.btn.btn-sea:focus,
.btn.btn-sea.active,
.btn.btn-sea:active {
    background: #16a085;
    color: #ffffff;
}
.btn.btn-sea.btn-outline {
    background: transparent !important;
    border: 1px solid #16a085 !important;
    color: #16a085;
}
/*16 Teal*/
.btn.btn-teal {
    background: #2cd5b6;
    color: #ffffff;
    border: 1px solid #18ba9b;
}
.btn.btn-teal:hover,
.btn.btn-teal:focus,
.btn.btn-teal.active,
.btn.btn-teal:active {
    background: #18ba9b;
    color: #ffffff;
}
.btn.btn-teal.btn-outline {
    background: transparent !important;
    border: 1px solid #18ba9b !important;
    color: #18ba9b;
}
/*17 White*/
.btn.btn-white {
    background: #ffffff;
    color: #666666;
    border: 1px solid #dddddd;
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white.active,
.btn.btn-white:active {
    background: #f7f7f7;
    color: #666666;
}
.btn.btn-white.btn-outline {
    background: transparent !important;
    border: 1px solid #f7f7f7 !important;
    color: #f7f7f7;
}
/*18 Yellow*/
.btn.btn-yellow {
    background: #f1c40f;
    color: #ffffff;
    border: 1px solid #f39c12;
}
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
.btn.btn-yellow.active,
.btn.btn-yellow:active {
    background: #f39c12;
    color: #ffffff;
}
.btn.btn-yellow.btn-outline {
    background: transparent !important;
    border: 1px solid #f39c12 !important;
    color: #f39c12;
}