﻿
.color-7ea5b1 { color:#7ea5b1}
:focus {outline:none;}              /*prevent hilight of select e radgrid qhen focus*/

/* ================================================================================================================================ */
/* MENU BAR STYLES */
.MB_height{height: 88px; }
.MB_main-bgcolor {background: #463c30!important;}
.MB_main-bgcolor_over {background: #3b7689!important;}
.MB_icon_txt_li {display:block!important; clear:both; width:100%}
.MB_icon_a {margin:  0 30px 0 0px!important;padding:0!important; text-align:center}
.MB_txt_a {  text-align:center;font-family:Segoe UI!important; font-size:19px!important; font-weight:normal!important; line-height:30px!important; top: 0!important; padding: 0 0 0  0px!important; margin:0!important; }
.MB_on-off_color {  color: #64b1ca!important;}


/*#MB_row-login div { margin:0!important; padding:0!important; line-height:1}*/

#MB_row-logo-icone {/* height:88px*/}

.top-bar section { padding:0!important}

.top-bar { height:88px; background: #463c30; color:White; margin:0; padding:0 ;line-height:inherit}
.top-bar .name { height: 88px; font-size: 32px; background: #463c30 }
.top-bar .name a{ color:White; margin: 0 50px 0 15px }
.top-bar .toggle-topbar.menu-icon a  { width: 58px; height: 58px; top:0;}
.top-bar .toggle-topbar.menu-icon { top: 0; margin-top: 0; background: #463c30!important;}
.top-bar.expanded .toggle-topbar a span, .top-bar .toggle-topbar.menu-icon a span {box-shadow: 0 10px 0 1px #463c30, 0 16px 0 1px #463c30, 0 22px 0 1px #463c30;}
.top-bar .toggle-topbar a { text-transform:none; }
.top-bar-section ul {line-height:inherit}
.top-bar-section li a:not(.button) { padding: 0;  line-height: 1; background: trasparent!important; }


/* ================================================================================================================================ */
/* MENU BAR - DROPDOWN STYLES*/
.MM_bk-color-general { background-color:#3b7689; color:White; }
/*definisce in che punto top si apre il pannello nella vers ridotta */
.MM_txt_title { font-size:45px; font-family:Segoe UI Light, Segoe UI; font-weight:lighter;}
.MM_first_level {font-size:35px!important; vertical-align:top; margin-right:40px}
.MM_first_level img, .MM_second_level img {max-width:42px; }
.MM_second_level {font-size:20px!important;margin-top:10px ;margin-right:40px}
.MM_bk-filigrana  {background-repeat:no-repeat; background-position:right top }

a.MM_first_level   {font-size:35px!important; vertical-align:top; margin-right:40px; color:White; }
a:link.MM_first_level   {font-size:35px!important; vertical-align:top; margin-right:40px; color:White; }
a:visited.MM_first_level {font-size:35px!important; vertical-align:top; margin-right:40px; color:White }
a:hover.MM_first_level  { font-size:35px!important; vertical-align:top; margin-right:40px; color:White; }

/* ============ NUOVI */
.MM_MainBoxContent {background-color: #3b7689; position: relative; min-height:350px}
.MM_BoxContent {z-index: 10; padding: 12px 20px 10px 20px!important}
.MM_txt_MainTitleApp { font-size:45px; font-family:Segoe UI Light, Segoe UI; font-weight:lighter; color:#7ea5b1}
.MM_txt_MainTitleApp_img {float: right; display: inline-block; margin-top: 17px}
.MM_BoxContent_Centrale {width: 100%; padding: 0px 0 0 20px!important;}
.MM_first_level_BoxMain{margin-right: 30px}
.MM_first_level_BoxMain_img{float: left; margin: 17px 10px 0 0px!important;}
.MM_first_level_BoxMain_imgNF{ display:inline-block; margin: 17px 10px 0 0px!important;}
.MM_first_level_BoxMain_link_div{float: left; margin-top: 17px}
.MM_second_level_BoxMain_img{float: left; margin: 7px 10px 0 0px!important;}
.MM_second_level_BoxMain_imgNF{display:inline-block; margin: 7px 10px 0 0px!important;}
.MM_second_level_BoxMain{margin-right: 30px}
.MM_second_level_BoxMainRight{display: inline-block; vertical-align:top; float:right; margin-right:120px;text-align:right;}
.MM_second_level_BoxMain_link_div{float: left; margin-top: 23px}
.MM_second_level_BoxMain_link_divNF{ margin-top: 23px; display:inline-block;}
.MM_second_level_BoxMain_link_divOT{float: left; margin-top: 15px}
.MM_second_levelN_txt{font-size:25px!important;  color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter;  }
.MM_BoxContent_AppImgBackground {bottom: 0px; width: 115px; position: absolute;  z-index: 1; right:40px; height:140px}

a.MM_first_levelN   {font-size:35px!important;  color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter; text-decoration:none }
a:link.MM_first_levelN   {font-size:35px!important;  color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter; text-decoration:none }
a:visited.MM_first_levelN {font-size:35px!important; color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter;  text-decoration:none}
a:hover.MM_first_levelN  { font-size:35px!important; color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter; text-decoration:underline }

a.MM_second_levelN  {font-size:27px!important;  color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter; text-decoration:none }
a:link.MM_second_levelN  {font-size:27px!important;  color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter; text-decoration:none }
a:visited.MM_second_levelN {font-size:27px!important; color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter;  text-decoration:none}
a:hover.MM_second_levelN  { font-size:27px!important; color:White; font-family:Segoe UI Light, Segoe UI; font-weight:lighter; text-decoration:underline }

/* Specifico pannello news */
.MM_BoxContent_News_Aggiornamenti{clear: both; width: 100%; margin-top: 10px; height: 100px}


/* ================================================================================================================================ */
/* UserArea Default */
a.UA_lnk   { color:#3b2e28;font-family:Segoe UI;  font-weight: lighter; font-size:34px;  text-decoration: none; }
a:link.UA_lnk   { color:#3b2e28;font-family:Segoe UI;  font-weight: lighter; font-size:34px;  text-decoration: none; }
a:visited.UA_lnk {color:#3b2e28;font-family:Segoe UI;  font-weight: lighter; font-size:34px;  text-decoration: none; }
a:hover.UA_lnk  {color:#3b2e28;font-family:Segoe UI;  font-weight: lighter; font-size:34px;  text-decoration:underline; }


/*=================================================*/
/* Blocco in MenuArea una volta che mi sono loggato - in ADMIN AREA*/

#MB_login{ background:transparent; color:#463c30; /*height:35px;*/ vertical-align:top;  float:right;padding:10px 0 5px 0; margin-left:10px;font-family: Segoe UI Light, Segoe UI; font-size: 20px; }
 
.MB_login_foto{display:inline-block;vertical-align:top; margin-right:10px}
.MB_login_foto img {width:22px; height:23px;border:1px solid #bebebe }
.MB_login_txt {display:inline-block;vertical-align:top;}
.MB_login_txt_Name {display:inline-block;  margin-top:0}
.MB_login_txt_Name  span { color:#9a2905}
.MB_login_txt_SupplierName {margin-bottom:5px;display:inline-block;}
.MB_login_txt_SupplierName span {color:#9a2905}
.MB_login_txt_separe {display:none; margin:0 10px 0 10px; }
.MBProfile {display:inline-block;}
.MBProfile img { margin:0 0px 0 5px; }
.MB_login_txt_separe { display:inline-block;}



/* ================================================================================================================================ */
/*  + pannello LOG_MenuServizio: scroll per pannello una volta logati che permette il Logout e in det. casi mostra Lista Supplier*/
.scroll-pane{height:210px;width:80%!important;overflow:auto;}
.scroll-pane_bgWhite{height:210px;width:100%!important;overflow:auto; color:red}




@media only screen and (max-width: 767px) 
{
    .MM_first_level  {font-size:25px!important;}    
    .MM_txt_title { font-size:35px; }
}
 
@media only screen and (max-width: 940px) 
{
    .MB_icon_a {text-align:left;}
    .MB_txt_a  { text-align:left; }
    .MB_on-off {  width:60px!important; margin-left:5px!important }
   
}

@media only screen and (max-width: 1100px) 
{
    
   
    #LOG_MenuServizio-cont { margin-right:15px; top:29px}
      
   /*=================================================*/
    /* Blocco in MenuArea una volta che mi sono loggato - in ADMIN AREA*/
   /* #MB_login{ background:white; color:#463c30; height:40px; vertical-align:top;  }
    .MB_login_foto{display:inline-block;margin-right:5px}
    .MB_login_foto img { max-width:22px; max-height:22px}
    .MB_login_txt {display:inline-block;}
    .MB_login_txt_Name {display:inline-block;  margin-top:0}
    .MB_login_txt_SupplierName {display:inline-block;}
    .MBProfile {display:inline-block;}
    .MB_login_txt_separe { display:inline-block;}*/

}




