@import url('https://fonts.googleapis.com/css?family=Lato');

body {
    /*font-family: "TypeMates - CeraPRO-Regular", "Mier B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    */
     font-family: "Lato",-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif;
}
/*--------- LOGO -------------- */
.nav-md .nav_title img { height:35px;}
.x_title h2 { line-height: 23px;} 
/*--------- LOGIN --------------*/
#loginForm h4,#menu_toggle{ color:#10069f}
.login-box {     box-shadow: none!important; background-color: #fff}
.login-box img{ height:45px}
.login-box h4{ color: #fff!important;}
.login-input{ border: 1px solid #ccc}

/*----------  NAV MENU ---------*/
.nav_menu.ombra{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);    border-bottom: 1px solid #E6E9ED!important}
.toggle i{ color:#707070}
#myNavbar i, #myNavbar a { color: #707070!important; font-weight: 100;}
.menu_fixed{ border-right: 1px solid #E6E9ED; position: relative; }
.menu_fixed::after{ position: absolute; content: " "; background-color:#fff; height:57px;width: 5px; right: -2px;}
/*---------- PROFILE AREA -------*/
.profile{border-top:1px solid #E6E9ED; height: 100px; }
.profile_pic i {    color: #0077c8!important;}
.profile_info span, .profile_info h2, .menu_section h3 { color: #666B6E!important;}
/* --------- SIDE MENU --------  */
.nav-md .navbar.nav_title,.nav-sm .navbar.nav_title{ background-color: #fff!important}

.nav-sm .nav_title img{ height:50px; margin-left:0px}
.menu_fixed{  background-image: none!important; background-color:#fff  }
.site_title img{ visibility: hidden}
.nav.side-menu > li > a, .nav.child_menu > li > a.nav.side-menu > li > a, .main_menu span.fa {
    color: #707070!important;
}

.nav.side-menu > li.active:not(.current-page) {
    border-right: 5px solid #f2f4f8!important;
    background-color:    #f2f4f8!important;border-right-color:  #f2f4f8!important; color:#707070!important;
}
.nav.child_menu a{
    color:#707070
}
.nav.child_menu > li > a{
    color:#707070!important
}
.nav.child_menu > li::before,.nav.child_menu > li::after{
    color:#707070!important
}
.nav.child_menu > li > a:hover{
    color:red

}
.nav.side-menu > li.active:not(.current-page) > a {
    text-shadow: none!important;
    box-shadow: none!important;
    background-color: #6286A4!important;color:#fff!important
}
.nav.side-menu > li.current-page{
    background-color:   #0077c8!important; border-right-color:  #0077c8!important;
}
#sidebar-menu .nav .current-page,#sidebar-menu .nav .current-page a{
    background-color: #0077c8!important;
    color: #fff!important;
    box-shadow: none !important;
}

#sidebar-menu .nav > li > a:hover{
    background-color:    #8a8d8f!important;border-right-color:  #8a8d8f!important; color:#fff!important;
}
/*------------ CONTENT -------------*/
body .container.body .right_col {
    background: #fafafa;
}
/*------------ TABS ----------------*/
.material .nav-tabs > li > a::after{ background-color: #0077c8;}
/*------------ FOOTER ------------- */
footer{height: 52px; background-color: #e1e3e4!important;border-top: 1px solid #E6E9ED!important}
/*footer a{color:#fff!important; display: none}*/
/*------------ ORGANIZATION ROLE -------------*/
 .badge.GLOBAL,.badge-blu{ background-color:#0077c8; color: #fff;border: 1px solid #fff;  }
 .role-icon.GLOBAL{ background-color: #000;border: 1px solid #000;}
.role-icon.REGION {background-color:#0c5e90;border: 1px solid #0c5e90;}
.role-icon.AREA{background-color:#6286A4;color:#fff;border: 1px solid #6286A4;}
.role-icon.COUNTRY{background-color:#0077c8; color:#fff;border: 1px solid #0077c8}
.role-icon.LOCAL_AREA{ background-color:#076091;border: 1px solid #076091;}
.role-icon.TECHNICAL{background-color: #8a8d8f;; color:#fff;border: 1px solid #8a8d8f;}
.role-icon.APPLICATION{background-color: #fff; color:#111;border: 1px solid #0077c8;}
.sw-theme-arrows > ul.step-anchor > li.active > a{ background-color:#64bccf!important;color: #000 !important; }
.sw-theme-arrows > ul.step-anchor > li.active > a:after {border-left: 30px solid #64bccf!important;}
.sw-theme-arrows > ul.step-anchor > li.done > a.GLOBAL{ background-color:#000!important}
.sw-theme-arrows > ul.step-anchor > li.done > a.GLOBAL:after {border-left: 30px solid #000!important;}
.sw-theme-arrows > ul.step-anchor > li.done > a.REGION{ background-color: #0c5e90!important}
.sw-theme-arrows > ul.step-anchor > li.done > a.REGION:after {border-left: 30px solid #0c5e90!important;}
.sw-theme-arrows > ul.step-anchor > li.done > a.AREA{ background-color: #6286A4!important}
.sw-theme-arrows > ul.step-anchor > li.done > a.AREA:after {border-left: 30px solid #6286A4!important;}
.sw-theme-arrows > ul.step-anchor > li.done > a.COUNTRY{ background-color: #0077c8!important}
.sw-theme-arrows > ul.step-anchor > li.done > a.COUNTRY:after {border-left: 30px solid #0077c8!important;}
.sw-theme-arrows > ul.step-anchor > li.done > a.LOCAL_AREA{ background-color: #076091!important}
.sw-theme-arrows > ul.step-anchor > li.done > a.LOCAL_AREA:after {border-left: 30px solid #076091!important;}
.sw-theme-arrows > ul.step-anchor > li.done > a.TECHNICAL{ background-color: #8a8d8f!important; color:#fff!important}
.sw-theme-arrows > ul.step-anchor > li.done > a.TECHNICAL:after {border-left: 30px solid #8a8d8f!important;}
.sw-theme-arrows > ul.step-anchor > li.done > a.APPLICATION{ background-color: #fff!important}
.sw-theme-arrows > ul.step-anchor > li.done > a.APPLICATION:after {border-left: 30px solid #fff!important;}

/*---------- APPLICATION ICON ----------------*/

/*
*/
.site_title img{ visibility: visible}
.login-box h1 img{visibility: visible;}
/*--------- BUTTONS ------------------------*/
.btn-primary{ background-color: #0077c8;border-color:#0077c8; font-weight: 100;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{ background-color: #FFF;color: #707070!important;border-color:#0077c8}
.btn-success,.label-WORKING, .label-RUNNING,.device-online{ background-color: #64bccf!important}


.login-body {
    background-image: url('/images/style/login.jpg');
    background-position: center left;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}


.reset_pass{    color: #333!important;
    background-color: #ffffff;
    border:1px solid #ddd;
    display: block; 
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.bootstrap-dialog.type-primary .modal-header{ background-color: #0c5e90;}
/* .x_panel, .group-box,.dispenser-box{ background-color: #f7f7f7} */

footer img{
    height: 21px
}
.footer1{ display: none;}



/*------- first menu row color fix -------------------*/
.nav-sm .side-menu > li:first-child > a {
    color: #fff !important;
}

.login-box{ margin-top:150px!important; }