.responstable {
    width: 100%;
    background: #FFF;
    /*color: #696969;*/
    border-radius: 10px;
    border: 1px solid #EEEEEE;
    font-size: smaller;
}

    .responstable tr {
        border: 1px solid transparent;
        padding: 2px 2px 2px 2px;
        vertical-align: middle;
    }

        .responstable tr:nth-child(odd) {
            background-color: #EEEEEE;
        }

    .responstable th {
        background: #27282a;
        padding: 2px 2px 2px 2px;
        color: white;
        text-transform: uppercase;
    }

    .responstable td {
    }

        .responstable td:first-child {
            border-right: 1px solid transparent;
        }

    .responstable .faIcon {
        font-size: 15px;
        color: #0000cd;
        cursor: pointer;
    }

        .responstable .faIcon :hover {
            color: blue;
        }

@media (min-width: 480px) {
    .responstable td {
        border: .2px solid transparent;
    }
}

.responstable th, .responstable td {
    text-align: left;
    padding: 2px 2px 2px 2px;
}

@media (min-width: 480px) {
    .responstable th, .responstable td {
    }
}

/*Responsive table End*/

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    margin-right: 10px;
}


.responstableChild {
    font-size: 14px !important;
}

    .responstableChild tr {
        background-color: transparent !important;
    }

    .responstableChild td {
        font-size: 14px !important;
    }


/*Hide all except first fieldset*/
.msform fieldset:not(:first-of-type) {
    display: none;
}

.input-group {
    /* position: relative; */
    /*margin-bottom: 10px;*/
}

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2
    }

        .input-group-append .btn:focus, .input-group-prepend .btn:focus {
            z-index: 3
        }

        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}


.float-right {
    float: right;
}

.website-only {
}

@media (max-width: 767px) {
    .website-only {
        display: none;
    }
}

.border-right {
    border-right: 1px solid #cdcdcd !important;
}


@media (max-width: 767px) {
    .border-right {
        border-right: none !important;
    }
}


.padding-right-30 {
    padding-right: 30px;
}

.padding-right-30-website {
    padding-right: 30px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-30-website {
    padding-left: 30px;
}

@media (max-width: 767px) {
    .padding-left-30-website {
        padding-left: 0px !important;
    }

    .padding-right-30-website {
        padding-right: 0px !important;
    }
}

.padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.border-radious-0 {
    border-radius: 0px !important;
}

.text-decoration {
    text-decoration: underline !important;
}

.yellow-button {
    background-color: #ffc600 !important;
    border-color: #ffc600 !important;
}

.form-group-new {
}

    .form-group-new > label {
        position: absolute;
        top: -20px;
        left: 10px;
        background-color: white;
        color: gray;
        padding-left: 3px;
        padding-right: 3px;
    }

    .form-group-new > input {
    }

.table-no-border {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

    .table-no-border td {
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
    }


    .btn-secondary:hover {
        color: #fff;
        background-color: #140049;
        border-color: #140049;
    }


.notify-badge {
    position: absolute;
    right: 0px;
    top: 0;
    background: #ffc107;
    text-align: center;
    /*border-radius: 30px 10px 10px 30px;*/
    border: 1px solid transparent;
    padding: 5px 10px 5px 10px;
    /* font-size: 20px; */
}

.notify-badge-left {
    left: 0px;
    background: #ffc107;
    text-align: center;
    border-radius: 10px 30px 30px 10px;
    color: white;
    padding: 5px;
    /* font-size: 20px; */
}

.notify-badge-right {
    right: 0px;
    background: #ffc107;
    text-align: center;
    border-radius: 30px 10px 10px 30px;
    color: white;
    padding: 5px;
    /* font-size: 20px; */
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 15px;
}
.icon-over-image {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: large;
}

.terms-control {
    height: 300px;
    overflow: scroll
}

.data-value {
    font-weight: 500;
}

.label-status {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: white;
    margin-top: 0rem !important;
}
.status-Pending {
    background-color: #a1a1a1
}
.status-Accepted {
    background-color: #A4DD74;
}

.status-Declined, .status-Rejected, .status-Cancelled, .status-Deleted {
    background-color: #e85342;
}



.status-Paid, .status-Assigned {
    background-color: #33ae10;
}

.status-Picked, .status-Dropped {
    background-color: #ff8400;
}

.status-Closed {
    background-color: green
}

.strike-through {
    text-decoration: line-through;
    color: gray;
}

.form-control[disabled], .form-control[readonly] {
    background-color: #fff;
}

.file-info{
    font-size:10px;
}

.date:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 41px;
    background-color: #f3f3f3;
    background-image: url(../icons/arrow-down.png);
    background-position: center;
    background-repeat: no-repeat;
    /* z-index: 10; */
    background-size: 15px;
    border-left: 1px solid #cccccc;
    /*content: "f073"*/
}

.calendor-icon {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 18px;
    color: #434343;
}

.div-upload-info {
    margin-top: -10px !important;
    margin-bottom: 10px;
    font-size:10px;
    color:gray;
}


.floating-label-on-focus {
    font-size: 12px !important;
    position: absolute !important;
    top: -10px !important;
    left: 10px !important;
    background-color: white !important;
    color: gray !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}


.error-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 15px;
    color: red;
}

.website-tooltip {
    position: absolute;
    top: -10px;
    right: 0px;
    font-size: 15px;
    color: red;
    display: none;
    z-index:10;
}


    .website-tooltip .emdaad-tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: navajowhite;
        color: red;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .website-tooltip:hover .emdaad-tooltiptext {
        visibility: visible;
    }


.user-input-wrap {
    position: relative;
}



    .user-input-wrap .floating-label {
        position: absolute;
        pointer-events: none;
        color: gray;
        font-size: 12px;
        top: 9px;
        left: 15px;
        transition: 0.2s ease all;
        z-index: 5;
    }

.floating-label-on-focus {
    font-size: 12px !important;
    position: absolute !important;
    top: -10px !important;
    left: 10px !important;
    background-color: white !important;
    color: gray !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

/*ValidationModel*/

.user-input-wrap textarea .form-control {
    padding-top: .7rem;
}


.img-product-thumb{
    width:100%;
   /* max-width:250px;
    height:250px*/
}

.width-full{
    width:100%;
    text-align:center;
}

.dropbtn {
    /*background-color: #04AA6D;*/
    color: white;
    padding: 14px;
    font-size: 14px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px !important;
    max-width: 90% !important;
    box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 14px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:focus .dropdown-content {
    display: block;
}

.dropdown:visited .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


@media (max-width: 767px) {
    .caption-group h2 {
        font-size:12px;
    }
    .caption-group h4 {
        font-size: 10px;
    }
}

.font-info{
    padding-left:10px;
    font-size:14px;
    margin-top:2px;
    
}

.brand-list img{
    width:100px !important;
}

.brands-area  h2{
    color: #333333 !important;
 
}

.modal-header {
    background-color: #640D5F !important;
    color:white !important;
}

    .modal-header .close {
        color: white !important;
    }

.inner-row {
    margin-right: 0px;
    margin-left: 0px;
}

.login-form-login div{
    margin-top:10px !important;
}

.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    border-radius: 100%;
}

.box {
    position: relative;
    border-top: 0;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 1.171px 9.607px 15px 16px rgba(71, 95, 123, 0.2);
}

ul.flexbox {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

[data-overlay] {
    position: relative;
}

.flexbox {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.box-body {
    padding: 1.5rem 1.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 10px;
}

.flexbox > *:first-child {
    margin-left: 0;
}

.flex-justified > *, .flex-grow-all > *, .flex-cols-wide > *, .flex-col-wide, .flex-grow {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.flexbox > * {
    margin-left: 4px;
    margin-right: 4px;
}

.fa-whatsapp, .fa-twitter, .fa-facebook, .fa-info, .fa-youtube {
    color: white !important;
}

.btn-square {
    padding: 5px;
    width: 36px;
    height: 36px;
}

    .btn-square.btn-lg {
        width: 48px;
        height: 48px;
    }

    .btn-square.btn-sm {
        width: 29px;
        height: 29px;
    }

    .btn-square.btn-xs {
        width: 24px;
        height: 24px;
    }

.btn-link {
    font-weight: 500;
    background-color: #c7cfd5;
    border-color: #c7cfd5;
    color: #475f7b;
}

    .btn-link:hover, .btn-link:focus {
        text-decoration: none;
        color: #475f7b;
    }

.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

    .btn-facebook:hover, .btn-facebook:active, .btn-facebook.active {
        background-color: #2d4373;
        border-color: #2d4373;
        color: #ffffff !important;
    }

    .btn-facebook:focus, .btn-facebook.focus {
        color: #ffffff !important;
    }

    .btn-facebook.disabled, .btn-facebook:disabled {
        opacity: 0.5;
    }

    .btn-facebook:active, .btn-facebook.active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

    .btn-facebook.btn-outline {
        background-color: transparent;
        border-color: #3b5998;
        color: #3b5998;
    }

        .btn-facebook.btn-outline:hover, .btn-facebook.btn-outline:active, .btn-facebook.btn-outline.active {
            background-color: #2d4373 !important;
            border-color: #2d4373 !important;
            color: #ffffff;
        }

.show > .btn-facebook.dropdown-toggle, .show > .btn-outline.btn-facebook.dropdown-toggle {
    background-color: #2d4373;
    border-color: #2d4373;
    color: #ffffff;
}

.btn-google {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #ffffff;
}

    .btn-google:hover, .btn-google:active, .btn-google.active {
        background-color: #c23321;
        border-color: #c23321;
        color: #ffffff !important;
    }

    .btn-google:focus, .btn-google.focus {
        color: #ffffff !important;
    }

    .btn-google.disabled, .btn-google:disabled {
        opacity: 0.5;
    }

    .btn-google:active, .btn-google.active {
        background-color: #c23321;
        border-color: #c23321;
    }

    .btn-google.btn-outline {
        background-color: transparent;
        border-color: #dd4b39;
        color: #dd4b39;
    }

        .btn-google.btn-outline:hover, .btn-google.btn-outline:active, .btn-google.btn-outline.active {
            background-color: #c23321 !important;
            border-color: #c23321 !important;
            color: #ffffff;
        }

.show > .btn-google.dropdown-toggle, .show > .btn-outline.btn-google.dropdown-toggle {
    background-color: #c23321;
    border-color: #c23321;
    color: #ffffff;
}

.btn-twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #ffffff;
}

    .btn-twitter:hover, .btn-twitter:active, .btn-twitter.active {
        background-color: #0c85d0;
        border-color: #0c85d0;
        color: #ffffff !important;
    }

    .btn-twitter:focus, .btn-twitter.focus {
        color: #ffffff !important;
    }

    .btn-twitter.disabled, .btn-twitter:disabled {
        opacity: 0.5;
    }

    .btn-twitter:active, .btn-twitter.active {
        background-color: #0c85d0;
        border-color: #0c85d0;
    }

    .btn-twitter.btn-outline {
        background-color: transparent;
        border-color: #1da1f2;
        color: #1da1f2;
    }

        .btn-twitter.btn-outline:hover, .btn-twitter.btn-outline:active, .btn-twitter.btn-outline.active {
            background-color: #0c85d0 !important;
            border-color: #0c85d0 !important;
            color: #ffffff;
        }

.show > .btn-twitter.dropdown-toggle, .show > .btn-outline.btn-twitter.dropdown-toggle {
    background-color: #0c85d0;
    border-color: #0c85d0;
    color: #ffffff;
}

.btn-linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
    color: #ffffff;
}

    .btn-linkedin:hover, .btn-linkedin:active, .btn-linkedin.active {
        background-color: #005582;
        border-color: #005582;
        color: #ffffff !important;
    }

    .btn-linkedin:focus, .btn-linkedin.focus {
        color: #ffffff !important;
    }

    .btn-linkedin.disabled, .btn-linkedin:disabled {
        opacity: 0.5;
    }

    .btn-linkedin:active, .btn-linkedin.active {
        background-color: #005582;
        border-color: #005582;
    }

    .btn-linkedin.btn-outline {
        background-color: transparent;
        border-color: #0077b5;
        color: #0077b5;
    }

        .btn-linkedin.btn-outline:hover, .btn-linkedin.btn-outline:active, .btn-linkedin.btn-outline.active {
            background-color: #005582 !important;
            border-color: #005582 !important;
            color: #ffffff;
        }

.show > .btn-linkedin.dropdown-toggle, .show > .btn-outline.btn-linkedin.dropdown-toggle {
    background-color: #005582;
    border-color: #005582;
    color: #ffffff;
}

.btn-pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
    color: #ffffff;
}

    .btn-pinterest:hover, .btn-pinterest:active, .btn-pinterest.active {
        background-color: #8c0615;
        border-color: #8c0615;
        color: #ffffff !important;
    }

    .btn-pinterest:focus, .btn-pinterest.focus {
        color: #ffffff !important;
    }

    .btn-pinterest.disabled, .btn-pinterest:disabled {
        opacity: 0.5;
    }

    .btn-pinterest:active, .btn-pinterest.active {
        background-color: #8c0615;
        border-color: #8c0615;
    }

    .btn-pinterest.btn-outline {
        background-color: transparent;
        border-color: #bd081c;
        color: #bd081c;
    }

        .btn-pinterest.btn-outline:hover, .btn-pinterest.btn-outline:active, .btn-pinterest.btn-outline.active {
            background-color: #8c0615 !important;
            border-color: #8c0615 !important;
            color: #ffffff;
        }

.show > .btn-pinterest.dropdown-toggle, .show > .btn-outline.btn-pinterest.dropdown-toggle {
    background-color: #8c0615;
    border-color: #8c0615;
    color: #ffffff;
}

.btn-git {
    background-color: #6cc644;
    border-color: #6cc644;
    color: #ffffff;
}

    .btn-git:hover, .btn-git:active, .btn-git.active {
        background-color: #55a532;
        border-color: #55a532;
        color: #ffffff !important;
    }

    .btn-git:focus, .btn-git.focus {
        color: #ffffff !important;
    }

    .btn-git.disabled, .btn-git:disabled {
        opacity: 0.5;
    }

    .btn-git:active, .btn-git.active {
        background-color: #55a532;
        border-color: #55a532;
    }

    .btn-git.btn-outline {
        background-color: transparent;
        border-color: #6cc644;
        color: #6cc644;
    }

        .btn-git.btn-outline:hover, .btn-git.btn-outline:active, .btn-git.btn-outline.active {
            background-color: #55a532 !important;
            border-color: #55a532 !important;
            color: #ffffff;
        }

.show > .btn-git.dropdown-toggle, .show > .btn-outline.btn-git.dropdown-toggle {
    background-color: #55a532;
    border-color: #55a532;
    color: #ffffff;
}

.btn-tumblr {
    background-color: #35465c;
    border-color: #35465c;
    color: #ffffff;
}

    .btn-tumblr:hover, .btn-tumblr:active, .btn-tumblr.active {
        background-color: #222d3c;
        border-color: #222d3c;
        color: #ffffff !important;
    }

    .btn-tumblr:focus, .btn-tumblr.focus {
        color: #ffffff !important;
    }

    .btn-tumblr.disabled, .btn-tumblr:disabled {
        opacity: 0.5;
    }

    .btn-tumblr:active, .btn-tumblr.active {
        background-color: #222d3c;
        border-color: #222d3c;
    }

    .btn-tumblr.btn-outline {
        background-color: transparent;
        border-color: #35465c;
        color: #35465c;
    }

        .btn-tumblr.btn-outline:hover, .btn-tumblr.btn-outline:active, .btn-tumblr.btn-outline.active {
            background-color: #222d3c !important;
            border-color: #222d3c !important;
            color: #ffffff;
        }

.show > .btn-tumblr.dropdown-toggle, .show > .btn-outline.btn-tumblr.dropdown-toggle {
    background-color: #222d3c;
    border-color: #222d3c;
    color: #ffffff;
}

.btn-vimeo {
    background-color: #1ab7ea;
    border-color: #1ab7ea;
    color: #ffffff;
}

    .btn-vimeo:hover, .btn-vimeo:active, .btn-vimeo.active {
        background-color: #1295bf;
        border-color: #1295bf;
        color: #ffffff !important;
    }

    .btn-vimeo:focus, .btn-vimeo.focus {
        color: #ffffff !important;
    }

    .btn-vimeo.disabled, .btn-vimeo:disabled {
        opacity: 0.5;
    }

    .btn-vimeo:active, .btn-vimeo.active {
        background-color: #1295bf;
        border-color: #1295bf;
    }

    .btn-vimeo.btn-outline {
        background-color: transparent;
        border-color: #1ab7ea;
        color: #1ab7ea;
    }

        .btn-vimeo.btn-outline:hover, .btn-vimeo.btn-outline:active, .btn-vimeo.btn-outline.active {
            background-color: #1295bf !important;
            border-color: #1295bf !important;
            color: #ffffff;
        }

.show > .btn-vimeo.dropdown-toggle, .show > .btn-outline.btn-vimeo.dropdown-toggle {
    background-color: #1295bf;
    border-color: #1295bf;
    color: #ffffff;
}

.btn-youtube {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #ffffff;
}

    .btn-youtube:hover, .btn-youtube:active, .btn-youtube.active {
        background-color: #cc0000;
        border-color: #cc0000;
        color: #ffffff !important;
    }

    .btn-youtube:focus, .btn-youtube.focus {
        color: #ffffff !important;
    }

    .btn-youtube.disabled, .btn-youtube:disabled {
        opacity: 0.5;
    }

    .btn-youtube:active, .btn-youtube.active {
        background-color: #cc0000;
        border-color: #cc0000;
    }

    .btn-youtube.btn-outline {
        background-color: transparent;
        border-color: #ff0000;
        color: #ff0000;
    }

        .btn-youtube.btn-outline:hover, .btn-youtube.btn-outline:active, .btn-youtube.btn-outline.active {
            background-color: #cc0000 !important;
            border-color: #cc0000 !important;
            color: #ffffff;
        }

.show > .btn-youtube.dropdown-toggle, .show > .btn-outline.btn-youtube.dropdown-toggle {
    background-color: #cc0000;
    border-color: #cc0000;
    color: #ffffff;
}

.btn-flickr {
    background-color: #ff0084;
    border-color: #ff0084;
    color: #ffffff;
}

    .btn-flickr:hover, .btn-flickr:active, .btn-flickr.active {
        background-color: #cc006a;
        border-color: #cc006a;
        color: #ffffff !important;
    }

    .btn-flickr:focus, .btn-flickr.focus {
        color: #ffffff !important;
    }

    .btn-flickr.disabled, .btn-flickr:disabled {
        opacity: 0.5;
    }

    .btn-flickr:active, .btn-flickr.active {
        background-color: #cc006a;
        border-color: #cc006a;
    }

    .btn-flickr.btn-outline {
        background-color: transparent;
        border-color: #ff0084;
        color: #ff0084;
    }

        .btn-flickr.btn-outline:hover, .btn-flickr.btn-outline:active, .btn-flickr.btn-outline.active {
            background-color: #cc006a !important;
            border-color: #cc006a !important;
            color: #ffffff;
        }

.show > .btn-flickr.dropdown-toggle, .show > .btn-outline.btn-flickr.dropdown-toggle {
    background-color: #cc006a;
    border-color: #cc006a;
    color: #ffffff;
}

.btn-reddit {
    background-color: #ff4500;
    border-color: #ff4500;
    color: #ffffff;
}

    .btn-reddit:hover, .btn-reddit:active, .btn-reddit.active {
        background-color: #cc3700;
        border-color: #cc3700;
        color: #ffffff !important;
    }

    .btn-reddit:focus, .btn-reddit.focus {
        color: #ffffff !important;
    }

    .btn-reddit.disabled, .btn-reddit:disabled {
        opacity: 0.5;
    }

    .btn-reddit:active, .btn-reddit.active {
        background-color: #cc3700;
        border-color: #cc3700;
    }

    .btn-reddit.btn-outline {
        background-color: transparent;
        border-color: #ff4500;
        color: #ff4500;
    }

        .btn-reddit.btn-outline:hover, .btn-reddit.btn-outline:active, .btn-reddit.btn-outline.active {
            background-color: #cc3700 !important;
            border-color: #cc3700 !important;
            color: #ffffff;
        }

.show > .btn-reddit.dropdown-toggle, .show > .btn-outline.btn-reddit.dropdown-toggle {
    background-color: #cc3700;
    border-color: #cc3700;
    color: #ffffff;
}

.btn-dribbble {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #ffffff;
}

    .btn-dribbble:hover, .btn-dribbble:active, .btn-dribbble.active {
        background-color: #e51e6b;
        border-color: #e51e6b;
        color: #ffffff !important;
    }

    .btn-dribbble:focus, .btn-dribbble.focus {
        color: #ffffff !important;
    }

    .btn-dribbble.disabled, .btn-dribbble:disabled {
        opacity: 0.5;
    }

    .btn-dribbble:active, .btn-dribbble.active {
        background-color: #e51e6b;
        border-color: #e51e6b;
    }

    .btn-dribbble.btn-outline {
        background-color: transparent;
        border-color: #ea4c89;
        color: #ea4c89;
    }

        .btn-dribbble.btn-outline:hover, .btn-dribbble.btn-outline:active, .btn-dribbble.btn-outline.active {
            background-color: #e51e6b !important;
            border-color: #e51e6b !important;
            color: #ffffff;
        }

.show > .btn-dribbble.dropdown-toggle, .show > .btn-outline.btn-dribbble.dropdown-toggle {
    background-color: #e51e6b;
    border-color: #e51e6b;
    color: #ffffff;
}

.btn-skype {
    background-color: #00aff0;
    border-color: #00aff0;
    color: #ffffff;
}

    .btn-skype:hover, .btn-skype:active, .btn-skype.active {
        background-color: #008abd;
        border-color: #008abd;
        color: #ffffff !important;
    }

    .btn-skype:focus, .btn-skype.focus {
        color: #ffffff !important;
    }

    .btn-skype.disabled, .btn-skype:disabled {
        opacity: 0.5;
    }

    .btn-skype:active, .btn-skype.active {
        background-color: #008abd;
        border-color: #008abd;
    }

    .btn-skype.btn-outline {
        background-color: transparent;
        border-color: #00aff0;
        color: #00aff0;
    }

        .btn-skype.btn-outline:hover, .btn-skype.btn-outline:active, .btn-skype.btn-outline.active {
            background-color: #008abd !important;
            border-color: #008abd !important;
            color: #ffffff;
        }

.show > .btn-skype.dropdown-toggle, .show > .btn-outline.btn-skype.dropdown-toggle {
    background-color: #008abd;
    border-color: #008abd;
    color: #ffffff;
}

.btn-instagram {
    background-color: #e1306c;
    border-color: #e1306c;
    color: #ffffff;
}

    .btn-instagram:hover, .btn-instagram:active, .btn-instagram.active {
        background-color: #c21c54;
        border-color: #c21c54;
        color: #ffffff !important;
    }

    .btn-instagram:focus, .btn-instagram.focus {
        color: #ffffff !important;
    }

    .btn-instagram.disabled, .btn-instagram:disabled {
        opacity: 0.5;
    }

    .btn-instagram:active, .btn-instagram.active {
        background-color: #c21c54;
        border-color: #c21c54;
    }

    .btn-instagram.btn-outline {
        background-color: transparent;
        border-color: #e1306c;
        color: #e1306c;
    }

        .btn-instagram.btn-outline:hover, .btn-instagram.btn-outline:active, .btn-instagram.btn-outline.active {
            background-color: #c21c54 !important;
            border-color: #c21c54 !important;
            color: #ffffff;
        }

.show > .btn-instagram.dropdown-toggle, .show > .btn-outline.btn-instagram.dropdown-toggle {
    background-color: #c21c54;
    border-color: #c21c54;
    color: #ffffff;
}

.btn-lastfm {
    background-color: #d51007;
    border-color: #d51007;
    color: #ffffff;
}

    .btn-lastfm:hover, .btn-lastfm:active, .btn-lastfm.active {
        background-color: #a40c05;
        border-color: #a40c05;
        color: #ffffff !important;
    }

    .btn-lastfm:focus, .btn-lastfm.focus {
        color: #ffffff !important;
    }

    .btn-lastfm.disabled, .btn-lastfm:disabled {
        opacity: 0.5;
    }

    .btn-lastfm:active, .btn-lastfm.active {
        background-color: #a40c05;
        border-color: #a40c05;
    }

    .btn-lastfm.btn-outline {
        background-color: transparent;
        border-color: #d51007;
        color: #d51007;
    }

        .btn-lastfm.btn-outline:hover, .btn-lastfm.btn-outline:active, .btn-lastfm.btn-outline.active {
            background-color: #a40c05 !important;
            border-color: #a40c05 !important;
            color: #ffffff;
        }

.show > .btn-lastfm.dropdown-toggle, .show > .btn-outline.btn-lastfm.dropdown-toggle {
    background-color: #a40c05;
    border-color: #a40c05;
    color: #ffffff;
}

.btn-behance {
    background-color: #1769ff;
    border-color: #1769ff;
    color: #ffffff;
}

    .btn-behance:hover, .btn-behance:active, .btn-behance.active {
        background-color: #0050e3;
        border-color: #0050e3;
        color: #ffffff !important;
    }

    .btn-behance:focus, .btn-behance.focus {
        color: #ffffff !important;
    }

    .btn-behance.disabled, .btn-behance:disabled {
        opacity: 0.5;
    }

    .btn-behance:active, .btn-behance.active {
        background-color: #0050e3;
        border-color: #0050e3;
    }

    .btn-behance.btn-outline {
        background-color: transparent;
        border-color: #1769ff;
        color: #1769ff;
    }

        .btn-behance.btn-outline:hover, .btn-behance.btn-outline:active, .btn-behance.btn-outline.active {
            background-color: #0050e3 !important;
            border-color: #0050e3 !important;
            color: #ffffff;
        }

.show > .btn-behance.dropdown-toggle, .show > .btn-outline.btn-behance.dropdown-toggle {
    background-color: #0050e3;
    border-color: #0050e3;
    color: #ffffff;
}

.btn-rss {
    background-color: #f26522;
    border-color: #f26522;
    color: #ffffff;
}

    .btn-rss:hover, .btn-rss:active, .btn-rss.active {
        background-color: #d54d0d;
        border-color: #d54d0d;
        color: #ffffff !important;
    }

    .btn-rss:focus, .btn-rss.focus {
        color: #ffffff !important;
    }

    .btn-rss.disabled, .btn-rss:disabled {
        opacity: 0.5;
    }

    .btn-rss:active, .btn-rss.active {
        background-color: #d54d0d;
        border-color: #d54d0d;
    }

    .btn-rss.btn-outline {
        background-color: transparent;
        border-color: #f26522;
        color: #f26522;
    }

        .btn-rss.btn-outline:hover, .btn-rss.btn-outline:active, .btn-rss.btn-outline.active {
            background-color: #d54d0d !important;
            border-color: #d54d0d !important;
            color: #ffffff;
        }

.show > .btn-rss.dropdown-toggle, .show > .btn-outline.btn-rss.dropdown-toggle {
    background-color: #d54d0d;
    border-color: #d54d0d;
    color: #ffffff;
}

.btn-bitbucket {
    background-color: #205081;
    border-color: #205081;
    color: #ffffff;
}

    .btn-bitbucket:hover, .btn-bitbucket:active, .btn-bitbucket.active {
        background-color: #163758;
        border-color: #163758;
        color: #ffffff !important;
    }

    .btn-bitbucket:focus, .btn-bitbucket.focus {
        color: #ffffff !important;
    }

    .btn-bitbucket.disabled, .btn-bitbucket:disabled {
        opacity: 0.5;
    }

    .btn-bitbucket:active, .btn-bitbucket.active {
        background-color: #163758;
        border-color: #163758;
    }

    .btn-bitbucket.btn-outline {
        background-color: transparent;
        border-color: #205081;
        color: #205081;
    }

        .btn-bitbucket.btn-outline:hover, .btn-bitbucket.btn-outline:active, .btn-bitbucket.btn-outline.active {
            background-color: #163758 !important;
            border-color: #163758 !important;
            color: #ffffff;
        }

.show > .btn-bitbucket.dropdown-toggle, .show > .btn-outline.btn-bitbucket.dropdown-toggle {
    background-color: #163758;
    border-color: #163758;
    color: #ffffff;
}

.btn-dropbox {
    background-color: #007ee5;
    border-color: #007ee5;
    color: #ffffff;
}

    .btn-dropbox:hover, .btn-dropbox:active, .btn-dropbox.active {
        background-color: #0062b2;
        border-color: #0062b2;
        color: #ffffff !important;
    }

    .btn-dropbox:focus, .btn-dropbox.focus {
        color: #ffffff !important;
    }

    .btn-dropbox.disabled, .btn-dropbox:disabled {
        opacity: 0.5;
    }

    .btn-dropbox:active, .btn-dropbox.active {
        background-color: #0062b2;
        border-color: #0062b2;
    }

    .btn-dropbox.btn-outline {
        background-color: transparent;
        border-color: #007ee5;
        color: #007ee5;
    }

        .btn-dropbox.btn-outline:hover, .btn-dropbox.btn-outline:active, .btn-dropbox.btn-outline.active {
            background-color: #0062b2 !important;
            border-color: #0062b2 !important;
            color: #ffffff;
        }

.show > .btn-dropbox.dropdown-toggle, .show > .btn-outline.btn-dropbox.dropdown-toggle {
    background-color: #0062b2;
    border-color: #0062b2;
    color: #ffffff;
}

.btn-foursquare {
    background-color: #2d5be3;
    border-color: #2d5be3;
    color: #ffffff;
}

    .btn-foursquare:hover, .btn-foursquare:active, .btn-foursquare.active {
        background-color: #1a45c3;
        border-color: #1a45c3;
        color: #ffffff !important;
    }

    .btn-foursquare:focus, .btn-foursquare.focus {
        color: #ffffff !important;
    }

    .btn-foursquare.disabled, .btn-foursquare:disabled {
        opacity: 0.5;
    }

    .btn-foursquare:active, .btn-foursquare.active {
        background-color: #1a45c3;
        border-color: #1a45c3;
    }

    .btn-foursquare.btn-outline {
        background-color: transparent;
        border-color: #2d5be3;
        color: #2d5be3;
    }

        .btn-foursquare.btn-outline:hover, .btn-foursquare.btn-outline:active, .btn-foursquare.btn-outline.active {
            background-color: #1a45c3 !important;
            border-color: #1a45c3 !important;
            color: #ffffff;
        }

.show > .btn-foursquare.dropdown-toggle, .show > .btn-outline.btn-foursquare.dropdown-toggle {
    background-color: #1a45c3;
    border-color: #1a45c3;
    color: #ffffff;
}

.btn-github {
    background-color: #4078c0;
    border-color: #4078c0;
    color: #ffffff;
}

    .btn-github:hover, .btn-github:active, .btn-github.active {
        background-color: #33609a;
        border-color: #33609a;
        color: #ffffff !important;
    }

    .btn-github:focus, .btn-github.focus {
        color: #ffffff !important;
    }

    .btn-github.disabled, .btn-github:disabled {
        opacity: 0.5;
    }

    .btn-github:active, .btn-github.active {
        background-color: #33609a;
        border-color: #33609a;
    }

    .btn-github.btn-outline {
        background-color: transparent;
        border-color: #4078c0;
        color: #4078c0;
    }

        .btn-github.btn-outline:hover, .btn-github.btn-outline:active, .btn-github.btn-outline.active {
            background-color: #33609a !important;
            border-color: #33609a !important;
            color: #ffffff;
        }

.show > .btn-github.dropdown-toggle, .show > .btn-outline.btn-github.dropdown-toggle {
    background-color: #33609a;
    border-color: #33609a;
    color: #ffffff;
}

.btn-vk {
    background-color: #45668e;
    border-color: #45668e;
    color: #ffffff;
}

    .btn-vk:hover, .btn-vk:active, .btn-vk.active {
        background-color: #344d6c;
        border-color: #344d6c;
        color: #ffffff !important;
    }

    .btn-vk:focus, .btn-vk.focus {
        color: #ffffff !important;
    }

    .btn-vk.disabled, .btn-vk:disabled {
        opacity: 0.5;
    }

    .btn-vk:active, .btn-vk.active {
        background-color: #344d6c;
        border-color: #344d6c;
    }

    .btn-vk.btn-outline {
        background-color: transparent;
        border-color: #45668e;
        color: #45668e;
    }

        .btn-vk.btn-outline:hover, .btn-vk.btn-outline:active, .btn-vk.btn-outline.active {
            background-color: #344d6c !important;
            border-color: #344d6c !important;
            color: #ffffff;
        }

.show > .btn-vk.dropdown-toggle, .show > .btn-outline.btn-vk.dropdown-toggle {
    background-color: #344d6c;
    border-color: #344d6c;
    color: #ffffff;
}

.btn-green {
    background-color: #25D366 !important;
}