/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES

 */

@media only screen and (max-width: 479px) {
    #header > #logo-group{
        width:70px!important;
    }
}

.customer-name {
    color: #337ab7;
    font-size: 30px;
}

.customer-name-check {
    color: #337ab7;
    font-size: 34px;
    margin-left: 5px;
}

.customer-contact {
    color: #337ab7;
    font-style: italic;
    font-weight: bold;
    font-size: 14px
}

.customer-contact-check{
    color: green;
    font-size: 26px;
    margin-left: 5px;
}

.customer-contact-remove{
    color: black;
    font-size: 26px;
    margin-left: 5px;
}

.underline {
    text-decoration: underline;
}

.btn-glyphicon {
    padding:6px;
    background:#ffffff;
    margin-right:4px;
}
.icon-btn {
    padding: 1px 15px 3px 2px;
    border-radius:50px;
    margin:10px; /* create gap between buttons for display, you can remove this*/
}

.customer-type {
    float: left;
    /*width: 150px;*/
    /*text-align: center;*/
}

.color-email {
    color: green;
    font-size: 18px
}

.color-primary-phone {
    color: #9b711a;
    font-size: 20px
}

.color-share-phone {
    color: #ed1c24;
    font-size: 20px
}

.color-facebook {
    color: #1f496d;
    font-size: 20px
}

.smart-form .toggle i {
    background: rgba(255,255,255,.12);
    width: 70px;
    height: 20px;
}

.smart-form .toggle input:checked+i:before {
    right: 55px;
}

.smart-form .toggle i:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 4px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    opacity: 1;
    transition: right .2s;
    -o-transition: right .2s;
    -ms-transition: right .2s;
    -moz-transition: right .2s;
    -webkit-transition: right .2s;
}

.smart-form .toggle i:after {
    content: attr(data-swchoff-text);
    position: absolute;
    top: 3px;
    right: 8px;
    left: 8px;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    text-align: left;
    color: #5f5f5f;
}
.error{
    font-style: italic !important;
}

.invalid {
    color: red;!important;
}