/* ==========================================================================
   TABLE OF CONTENTS
   --------------------------------------------------------------------------
   1.0  =UTILITIES
   2.0  =NAVIGATION
   3.0  =HEADER
   4.0  =MAIN CONTENT
   5.0  =TYPOGRAPHY
   6.0  =FORMS
   7.0  =BUTTONS
   8.0  =KNOWLEDGEBASE
   9.0  =ADMIN DASHBOARD
   10.0 =MISCELLANEOUS
   ========================================================================== */


/* ==========================================================================
   1.0  =UTILITIES
   ========================================================================== */

body.customers .mtop40 { margin-top: 70px; }


/* ==========================================================================
   2.0  =NAVIGATION
   ========================================================================== */

.navbar-default .navbar-toggle .icon-bar { background-color: #1f1f25; }

@media (max-width:  767px) {
    body.customers .navbar-nav {
        padding-bottom:  10px;
        padding-left: 10px;
   } 
}

body.customers .navbar-nav > li > a { font-size: 16px; }

@media (min-width:  768px) {
   body.customers .navbar-nav > li > a { padding: 0; } 
}

body.customers .navbar-nav > li > a:hover,
body.customers .navbar-nav > li > a:focus,
body.customers .navbar-nav > li.active > a,
body.customers .navbar-nav > li.active > a:hover,
body.customers .navbar-nav > li.active > a:focus {
    background-color: transparent;
    color: #f900ca;
}

@media (min-width: 768px) {
    .navbar-default .navbar-nav > li.customers-nav-item-login {
        margin-left: 30px;
    }
}

.navbar-default .navbar-nav > li.customers-nav-item-login > a {
    background-color: transparent !important;
    border: 2px solid #1f1f25;
    border-radius: 5px;
    color: #1f1f25 !important;
    font-size:  16px;
    font-weight: 600;
}

.navbar-default .navbar-nav > li.customers-nav-item-login > a:hover,
.navbar-default .navbar-nav > li.customers-nav-item-login > a:focus,
.navbar-default .navbar-nav > li.customers-nav-item-login.active > a,
.navbar-default .navbar-nav > li.customers-nav-item-login.active > a:hover,
.navbar-default .navbar-nav > li.customers-nav-item-login.active > a:focus {
    background-color: #f900ca !important;
    border-color: #f900ca;
    color: #fff !important;
}


/* ==========================================================================
   3.0  =HEADER
   ========================================================================== */

.navbar a.navbar-brand { padding-top: 33px !important; }

@media (max-width: 767px) {
    .navbar a.navbar-brand { padding: 11px 0 25px 0; }
}

@media (min-width: 768px) {
    .navbar a.navbar-brand { padding-left: 15px; }
}

.navbar a.navbar-brand img { height: 20px; }

#logo img { height: 20px; }


/* ==========================================================================
   4.0  =MAIN CONTENT
   ========================================================================== */

body.customers {
    background-color: #f8f9fc;
    color:  #1f1f25;
}

#content { padding-bottom: 65px; }


/* ==========================================================================
   5.0  =TYPOGRAPHY
   ========================================================================== */

body.customers h1,
body.customers h2,
body.login_admin h1 {
    color: #1f1f25;
    font-weight: 600;
}


/* ==========================================================================
   6.0  =FORMS
   ========================================================================== */

body.customers .panel_s .panel-body,
body.login_admin .authentication-form {
    border-radius: 10px;
    padding: 30px;
}

body.customers label,
body.customers .control-label,
body.login_admin label,
body.login_admin .control-label,
body.ticket_form label,
body.ticket_form .control-label {
    color: #1f1f25;
    font-size: 16px;
}

body.customers input[type=email],
body.customers input[type=password],
body.customers input[type=text],
body.login_admin input[type=email],
body.login_admin input[type=password],
body.login_admin input[type=text],
body.ticket_form input[type=email],
body.ticket_form input[type=text],
body.ticket_form textarea.form-control {
    border: 1px solid #cfd6ea;
    border-radius: 5px;
    color: #1f1f25;
    font-size: 16px;
}

body.ticket_form input[type=file] { border: 1px solid #cfd6ea; }


/* ==========================================================================
   7.0  =BUTTONS
   ========================================================================== */

.btn {
    border-radius: 5px;
    font-size: 16px;
}

body.customers .btn-primary,
body.login_admin .btn-primary {
    font-weight: 600;
    line-height: 1;
    padding: 10px 20px;
}

body.customers .btn-primary:hover,
body.customers .btn-primary:focus,
body.login_admin .btn-primary:hover,
body.login_admin .btn-primary:focus {
    background-color:  #ac00f9;
    border-color: #ac00f9;
}


/* ==========================================================================
   8.0  =KNOWLEDGEBASE
   ========================================================================== */

.kb-search input[type=search] {
    border: 1px solid #cfd6ea;
    border-radius: 5px;
    color: #1f1f25;
}

.kb-search .form-control-feedback { color: #1f1f25; }

.kb-search button[type=submit] {
    background-color:  #f900ca;
    border:  1px solid #f900ca;
    font-weight:  600;
    padding: 13px;
}

.kb-search button[type=submit]:hover,
.kb-search button[type=submit]:focus {
    background-color: #ff35da;
    border:  1px solid #ff35da;
}


/* ==========================================================================
   9.0  =ADMIN DASHBOARD
   ========================================================================== */

body.login_admin a {
    color:  #1f1f25;
    text-decoration:  underline !important;
}

body.login_admin a:hover,
body.login_admin a:focus { color:  #f900ca; }

body.app.admin #wrapper { background: #f8f9fc; }


/* ==========================================================================
   10.0  =MISCELLANEOUS
   ========================================================================== */

/* Width */
html::-webkit-scrollbar { width: 17px; }
 
/* Handle */
html::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #363636, #363636);
    border-radius: 5px;
    box-shadow: inset 2px 2px 2px hsla(0, 0%, 100%, .25),
                inset -2px -2px 2px rgba(0, 0, 0, .25);
}
 
/* Track */
html::-webkit-scrollbar-track {
    background: 
        linear-gradient(90deg, #060606, #060606 1px, #060606 0, #060606);
}