/*
 * 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
 */


.smart-style-3 #header {
    padding: 28px 40px;
    border-bottom: 1px solid #e6eaec;
    height: 96px;
    background: #001e35;
    background: -moz-linear-gradient(-45deg, #001e35 0%, #001e35 49%, #00070c 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #001e35), color-stop(49%, #001e35), color-stop(100%, #00070c));
    background: -webkit-linear-gradient(-45deg, #001e35 0%, #001e35 49%, #00070c 100%);
    background: -o-linear-gradient(-45deg, #001e35 0%, #001e35 49%, #00070c 100%);
    background: -ms-linear-gradient(-45deg, #001e35 0%, #001e35 49%, #00070c 100%);
    background: linear-gradient(135deg, #001e35 0%, #001e35 49%, #00070c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$site-nav-bg', endColorstr='#e9e7f1', GradientType=1 );
    -webkit-box-shadow: 5px 5px 12px rgba(0,0,0,0.06) !important;
    -moz-box-shadow: 5px 5px 12px rgba(0,0,0,0.06) !important;
    box-shadow: 5px 5px 12px rgba(0,0,0,0.06) !important;
}
.smart-style-3 #header>div {
    height:auto;
}
.btn-default {
    border-width: 1px;
    border-color: #ddd;
    background-color: #f5f5f5;
    padding: 8px 20px;
    border-style: solid;
    border-radius: 0.25em;
}

.smart-style-3 #logo {
    margin-top: 0;
    margin-left: 0;
}
.smart-style-3 #logo img {
     width: 176px;
     height: auto;
     padding-left: 0;
     margin-top: 0;
 }
/* check box styling config - features */
.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(76, 175, 80);
    border-color: rgb(76, 175, 80);
    box-shadow: rgb(76, 175, 80) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}