.grid .grid_cell_title * {
    text-transform: none !important;
}

.SPPortalZoom .TitleLabel {
    text-transform: none !important;
}
/*.button{
	border-radius: 2px !important;
  background-color: rgba(0, 94, 160, 1)  !important;
  height: 25px !important;
}
.button:hover {
  border-radius: 2px !important;
  background-color: rgba(0, 94, 160, .8)  !important;
}
*/





/*------------------------------------ LOGIN ------------------------------------*/

body,
.sisvlogin_container .lblTesto_class,
.sisvlogip_container .lblTesto_class,
.sisvlogin_container .accedi_class,
.sisvlogin_container .input_class{
  /* font-family: Verdana !important; */
    --bs-body-font-size: 0.875rem;
	margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
}

.input_search{
	background-color:#fbfbfb!important;
	font-family: 'Roboto' !important;
	
}
.ms5LoginPage{
  background-image: url(../MS5Images/background.jpg) !important;
  background-size: cover !important;
  background-position: center center !important;
}
.ms5Login{
  background-color: rgba(255,255,255,.8);
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 15px;
}
.ms5LoginSideImage{
  background-image: url(../MS5Images/img-login.jpg);
  background-size: cover;
  background-position: center center;
  right: 0;
  top: 0 !important;
  width: 377px !important;
  height: 100% !important;
}
.sisvlogin_container .accedi_class {
  border-radius: 2px !important;
  background-color: rgba(0, 94, 160, 1) !important;
}
.sisvlogin_container .accedi_class:hover {
  border-radius: 2px !important;
  background-color: rgba(0, 94, 160, .8)  !important;
}
.sisvlogin_portlet > .lblCredenziali_ctrl,
.sisvlogin_portlet > .lblCopyright_ctrl,
.sisvlogip_portlet > .lblCopyright_ctrl,
.sisvlogip_portlet > .lblCopyright2_ctrl{
  color: #666 !important;
}
.sisvlogip_portlet > .lblPrivacy_ctrl{
  margin-left:0 !important;
  transform: translateX(-50%) !important;
}
.sisvlogip_portlet > .lblPrivacy_ctrl a{
  color: #005ea0 !important;
}

/*------------------------------------ INTERNO ------------------------------------*/
/* -------------------- HEADER -------------------- */
.backgroundBox_ctrl{
  background-color: rgba(0, 94, 160, 1)  !important;
  top: 0px !important;
  left: 0px !important;
  right: 0px !important;
  border: none !important;
}
.sisvheader_container .sisvheader_portlet.PortletHeader{
  height: 60px !important;
}
.grid .grid_cell_title {
    background-color: #347fc473!important;
}

.gridverde .grid_cell_title {
    background-color: #20b2aa!important;
}


.ms5_table_in_grid{
	padding: 0px !important;
}






/*Gadget spalla di destra*/
.ms5righetsidecont .SPPortalZoomBase_portlet.SPPortalZoom{
    height:330px!important;
    overflow-x: hidden!important;
    /* border: 5px solid #ffffff; */
    /* background-color: lightskyblue; */
    /* border-radius:10px; */
	/* border: 1px solid #ffffff; */
	/* height:100%; */
	margin-right:10px!important;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border: 0px;
}

.ms5righetsidecont .SPPortalZoomBase_container{
	margin-right: 5px;
    margin-left: 5px;
	margin-bottom: 10px;
}
.ms5righetsidecont .SPPortalZoomBase_portlet.SPPortalZoom .TitleLabel.label_ctrl{
    background-color: lightskyblue;
    color: #ffffff;
}

.ms5righetsidecont .SPPortalZoomBase_portlet.SPPortalZoom grid.SpallaGridms5.Grid_ctrl{
    background-color: lightskyblue!important;
}

.ms5righetsidecont .SPPortalZoomBase_portlet.SPPortalZoom grid.SpallaGridms5.Grid_ctrl grid_rowodd.grid_rowselected{
    background-color: lightskyblue!important;
}










/*Colore grid per spalla destra*/
.grid.gridazzurro .grid_cell_title{
    background-color: #50b3df!important;
}

.grid.gridazzurro .grid_cell_title * {
    /* font-family: "Open Sans"; */
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase!important;
}

.grid.gridazzurro .grid_cell_title .title_totalizer{
    background-color: #CBCBCB!important;
}

/*Colore grid per spalla destra*/
.grid.gridarancio .grid_cell_title{
    background-color: #e14e19b0!important;
}

.grid.gridrosso .grid_cell_title{
  background-color: #e53d00 !important;
}

.grid.gridarancio .grid_cell_title * {
    /*font-family: "Open Sans";
    font-size: 12px;*/
    font-weight: 600;
    color: #fff;
    text-transform: uppercase!important;
}

.grid.gridarancio .grid_cell_title .title_totalizer{
    background-color: #CBCBCB!important;
}


/*Colore grid per spalla destra*/
.grid.gridbrown .grid_cell_title{
    background-color: #793c06!important;
}

.

.grid.gridbrown .grid_cell_title * {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase!important;
}

.grid.gridbrown .grid_cell_title .title_totalizer{
    background-color: #793c06!important;
}


/*Colore grid per spalla destra*/
.grid.gridviolet .grid_cell_title{
    background-color: #860a9b!important;
}

.

.grid.gridviolet .grid_cell_title * {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase!important;
}

.grid.gridviolet .grid_cell_title .title_totalizer{
    background-color: #860a9b!important;
}

/*Colore grid per spalla destra*/
.grid.gridgreen.grid_cell_title{
    background-color: #0a9b16!important;
}

.

.grid.gridgreen .grid_cell_title * {
   /* font-family: "Open Sans";*/
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase!important;
}

.grid.gridgreen .grid_cell_title .title_totalizer{
    background-color: #0a9b16!important;
}

.SPPortalZoomBase_portlet.SPPortalZoom .TitleLabel{
    /* background-color:#ffeb3b38; */
	/* color:#607d8bab; */
    /* font-family: "Open Sans"; */
    /* font-size: 16px; */
    /* font-weight: 600; */
	left:20px!important;
    text-transform: uppercase!important;
}



.ms5azieheadimg{
  width: 22px !important;
  height: 22px !important;
  overflow: hidden !important;
  text-indent: -50px !important;
  background-image: url(../MS5Images/azieheadimg.png) !important;
  background-size: 22px 22px !important;
  top: 35px !important;
}

.ms5azieheadlbl{
  font-size: 11px !important;
  margin: 1px;
  cursor: pointer;
  bottom: 0px !important;
  color: #544C7E !important;
  transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
}

.ms5azieheadlbl.selected{
  border-bottom: 2px solid white;
}

.ms5azieheadlblnew{
  font-size: 11px !important;
  margin: 1px;
  cursor: pointer;
  /* bottom: 0px !important; */
  color: #544C7E !important;
  transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
}

.ms5azieheadlblnew.selected{
  border-bottom: 2px solid white;
}

.ms5azieheadimgnew{
	width: 22px !important;
  height: 22px !important;
  overflow: hidden !important;
  text-indent: -50px !important;
  /* background-image: url(../MS5Images/azieheadimg.png) !important; */
  background-size: 22px 22px !important;
  /* top: 35px !important; */
}

/* CSS per hamburgermenu right sidepanel */
.hamburgermenu.global_container.tr.areeright_wrapper {
    width: 11vw !important;
	right: 0px !important;
    height: 88vh !important;
    /* top: -70px !important; */
    /* border-top-left-radius: 15px !important; */
    /* border-bottom-left-radius: 15px !important; */
    /* border-top-right-radius: 0px !important; */
    /* border-bottom-right-radius: 0px !important; */
    /* border: outset; */
    /* left: 89vw !important; */
}


/* .PortletHeader .hamburgermenu. .areeright_wrapper .visible .ctrl_hamburgermenu_container{ */
  /* top: 70px !important; */
  /* position: absolute !important; */
  /* left: -170px !important; */
  /* left: -2px !important; */
  /* background-color: #ffffff !important; */
  /* color:rgb(55,64,176); */
  /* z-index: 99999!important; */
     /* border-top-right-radius: 15px; */
    /* border-bottom-right-radius: 15px; */
	/* height: 97vh !important; */
	/* overflow-y: auto; */
/* } */


/*Background color spalla di sinistra dei bo dove presenta le info doc_info*/
.bg_class_docinfo{
	background-color:#F3F3F3;
	
	
}

.labeltagms5{
	
	/* background-image: linear-gradient(40deg, #016cfe 0%, #4033aa 100%); */
	/* border-radius: 10px; */
    box-shadow: 0px 5px 15px rgb(0 0 0 / 25%)!important;
    border-radius: 6px!important;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(25px);
    border-width: 0px;
    border-top-style: initial;
    border-top-color: initial;
    box-sizing: border-box !important;
    position: absolute;
    display: block;
    z-index: 10004;
    opacity: 1;
    transition-property: left;
    transition-duration: 0ms;
    transition-timing-function: linear;
    background-image: none;
	color:#5c991c!important;
}
/*Fine Background color spalla di sinistra dei bo dove presenta le info doc_info*/
.ms5usrheadimg{
  width: 22px !important;
  height: 22px !important;
  overflow: hidden !important;
  text-indent: -50px !important;
  background-image: url(../MS5Images/usrheadimg.png) !important;
  background-size: 22px 22px !important;
  top: -18px !important;
}
.ms5usrheadlbl{
  font-size: 11px !important;
  margin: 1px;
  cursor: pointer;
  bottom: 0px !important;
  color: #fff !important;
  transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
}

.ms5usrheadlbl.selected{
  border-bottom: 2px solid white;
}



/* HAMBURGERRMENU */

.PortletHeader .hamburgermenu a, .hoverable .hamburgermenu a:hover {
    text-decoration: none;
    width: 100%;
    display: inline-block;
    color: rgb(55,64,176);
}

.PortletHeader .hamburgermenu a .item_image {
    font-family: ZucchettiDevelopement;
    font-size: 24px;
    color: rgb(55,64,176)!important;
    vertical-align: middle;
}

 .hoverable .hamburgermenu a:hover {
    text-decoration: none;
    width: 100%;
    display: inline-block;
    color: #68af20!important;
}

.PortletHeader .hamburgermenu.opened{
  position: absolute;
  top: 23px !important;
}
.PortletHeader .hamburgermenu.visible .ctrl_hamburgermenu_container{
  top: 70px !important;
  position: absolute !important;
  /*left: -170px !important;*/
  left: -2px !important;
  background-color: #ffffff !important;
  color:rgb(55,64,176);
  z-index: 99999!important;
     border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
	height: 97vh !important;
	overflow-y: auto;
}



.PortletHeader{
	position:static!important;
}



.myheadtab .Tabstrip.tabWrapper .tabs_mask {
    height: 25px!important;
}






[name="head_area"]{
    max_height:25px!important;
}



/*Imposto il colore sul fondo del tab main area*/
.myMainArea .tabstripContainer .tabs_mask{
	    background-color: #edf7ff;
}


/* RIGHT HAMBURGERRMENU */
.HamburgerMenu_ctrl{
  top: -1px !important;
}
.HamburgerMenu_wrapper.visible{
  right: 8px !important;
}
.HamburgerMenu_wrapper.visible .ctrl_skin_list_container {
	top: 10px !important;
    position: relative !important;
    right: -6px !important;
    background-color: #ffffff !important;
    color: rgb(84 77 125);
    z-index: 99999 !important;
    border-radius: 15px;
    overflow-y: auto;
    border: outset;
    width: 400px !important;
    left: 60vh;
}


.skin_list a, .hoverable .skin_list a:hover {
    text-decoration: none;
    width: 100%;
    display: inline-block;
    color: rgb(55,64,176)!important;
}


.PortletHeader .skin_list a .item_image {
    font-family: ZucchettiDevelopement;
    font-size: 24px;
    color: rgb(55,64,176)!important;
    vertical-align: middle;
}


.mobile_box_title_ms5 {
    background-color: #3A81C4;
    background-image: linear-gradient(to right,#0c3864,#2f92ec );
}



/* -------------------- SIDEBAR -------------------- */

.myloginnewhead{
	background-color: #ffffff!important;
}


.ms5leftflapareacont,
.ms5rightflapareacont{
  overflow: hidden !important;
}
.pagelet_item.item_stretch{
  position: relative !important;
}
.sispleftflap_portlet,
.sisprightflap_portlet {
    position: static !important;
  }
.imageLeftFlapOpen_ctrl,
.imageLeftFlapClose_ctrl{
  border-left:1px solid #343434 !important;
  top: -20px !important;
  height: 100% !important;
  line-height: calc(100vh - 80px) !important;
  background-image: url(../MS5Images/sidebar-left-bg.jpg) !important;
  background-position: center !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: 20px 50px !important;
  cursor: pointer !important;
  position: absolute !important;
}
.imageRightFlapOpen_ctrl,
.imageRightFlapClose_ctrl{
  border-right:1px solid #343434 !important;
  top: 0 !important;
  height: auto !important;
  line-height: calc(100vh - 100px) !important;
  background-image: url(../MS5Images/sidebar-right-bg.jpg) !important;
  background-position: center !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: 20px 50px !important;
  cursor: pointer !important;
  position: absolute !important;
}

/* CONTENT */
.gad_addgadget_head_portlet{
  height: 35px !important;
  
}




/*.sptoolbar_item {
    background-color: rgba(0,0,0,0)!important;
}*/

/*CLASSE GESTIONE BOTTONI FONT-AWESOME*/


/*.btn {
    display: inline-block;
    font-weight: 600;
    color: #19191a;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0 solid transparent;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
*/

.btn-link {
  color: #3276b1; }

.btn, .editable-cancel, .editable-submit {
  border-radius: 0.15385rem;
  padding: 0.46154rem 0.92308rem;
  line-height: 1.42857;
  transition: none;
  margin-bottom: 0; }
  .btn:not(.btn-link), .editable-cancel:not(.btn-link), .editable-submit:not(.btn-link) {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn.disabled, .disabled.editable-cancel, .disabled.editable-submit {
    cursor: not-allowed; }

.btn-group-sm > .btn, .btn-group-sm > .editable-cancel, .btn-group-sm > .editable-submit, .btn-sm {
  padding: 0.38462rem 0.76923rem;
  font-size: 0.92308rem;
  line-height: 1.5; }

.btn-group-lg > .btn, .btn-group-lg > .editable-cancel, .btn-group-lg > .editable-submit, .btn-lg {
  padding: 0.76923rem 1.23077rem;
  font-size: 1.30769rem; }

.btn-light, .editable-cancel {
  background: #fff;
  border-color: #ccc; }
  .btn-light:not([disabled]):not(.disabled):active:focus, .editable-cancel:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus, .editable-cancel:not([disabled]):not(.disabled).active:focus, .btn-light:not([disabled]):not(.disabled):active, .editable-cancel:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .editable-cancel:not([disabled]):not(.disabled).active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-light:not([disabled]):not(.disabled):hover, .editable-cancel:not([disabled]):not(.disabled):hover {
    background-color: #e6e6e6;
    border-color: #adadad; }
  .show > .btn-light, .show > .editable-cancel, .btn-light:focus, .editable-cancel:focus, .btn-light.focus, .focus.editable-cancel {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-light.disabled, .disabled.editable-cancel {
    color: #999999;
    background-color: #fff;
    border-color: #ccc; }

.btn-group-justified {
  display: flex;
  width: 100%; }
  .btn-group-justified .btn, .btn-group-justified .editable-cancel, .btn-group-justified .editable-submit,
  .btn-group-justified .btn-group {
    flex: 1; }
    .btn-group-justified .btn .btn, .btn-group-justified .editable-cancel .btn, .btn-group-justified .editable-submit .btn, .btn-group-justified .btn .editable-cancel, .btn-group-justified .editable-cancel .editable-cancel, .btn-group-justified .editable-submit .editable-cancel, .btn-group-justified .btn .editable-submit, .btn-group-justified .editable-cancel .editable-submit, .btn-group-justified .editable-submit .editable-submit,
    .btn-group-justified .btn-group .btn,
    .btn-group-justified .btn-group .editable-cancel,
    .btn-group-justified .btn-group .editable-submit {
      width: 100%; }
    .btn-group-justified .btn .dropdown-menu, .btn-group-justified .editable-cancel .dropdown-menu, .btn-group-justified .editable-submit .dropdown-menu,
    .btn-group-justified .btn-group .dropdown-menu {
      left: auto; }

.btn-xs {
  border-radius: 4px; 
  padding: 0.07692rem 0.38462rem;
  font-size: 0.92308rem;
  line-height: 1.5; }

.btn-labeled {
  padding-left: 42px;
  position: relative; }
  .btn-labeled .btn-label {
    width: 30px;
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    line-height: 30px;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0; }


/* -------------------------------------- */
.btn-primary, .editable-submit,
.sa-btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #3276b1;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-primary:hover, .editable-submit:hover,
  .sa-btn-primary:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #3276b1; }
  .btn-primary:focus, .editable-submit:focus, .btn-primary.focus, .focus.editable-submit,
  .sa-btn-primary:focus,
  .sa-btn-primary.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(50, 118, 177, 0.5); }
  .btn-primary.disabled, .disabled.editable-submit, .btn-primary:disabled, .editable-submit:disabled,
  .sa-btn-primary.disabled,
  .sa-btn-primary:disabled {
    color: #fff;
    background-color: #3276b1;
    border-color: #3276b1; }
  .btn-primary:not(:disabled):not(.disabled):active, .editable-submit:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .editable-submit:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle,
  .show > .dropdown-toggle.editable-submit,
  .sa-btn-primary:not(:disabled):not(.disabled):active,
  .sa-btn-primary:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3276b1;
    border-color: #3276b1; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .editable-submit:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .editable-submit:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus,
    .show > .dropdown-toggle.editable-submit:focus,
    .sa-btn-primary:not(:disabled):not(.disabled):active:focus,
    .sa-btn-primary:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-primary.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(50, 118, 177, 0.5); }

/* -------------------------------------- */
.btn-secondary,
.sa-btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-secondary:hover,
  .sa-btn-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-secondary:focus, .btn-secondary.focus,
  .sa-btn-secondary:focus,
  .sa-btn-secondary.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(108, 117, 125, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled,
  .sa-btn-secondary.disabled,
  .sa-btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle,
  .sa-btn-secondary:not(:disabled):not(.disabled):active,
  .sa-btn-secondary:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus,
    .sa-btn-secondary:not(:disabled):not(.disabled):active:focus,
    .sa-btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-secondary.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(108, 117, 125, 0.5); }

/* -------------------------------------- */
.btn-success,
.sa-btn-success {
  color: #fff;
  background-color: #739e73;
  border-color: #739e73;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-success:hover,
  .sa-btn-success:hover {
    color: #fff;
    background-color: #739e73;
    border-color: #739e73; }
  .btn-success:focus, .btn-success.focus,
  .sa-btn-success:focus,
  .sa-btn-success.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(115, 158, 115, 0.5); }
  .btn-success.disabled, .btn-success:disabled,
  .sa-btn-success.disabled,
  .sa-btn-success:disabled {
    color: #fff;
    background-color: #739e73;
    border-color: #739e73; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle,
  .sa-btn-success:not(:disabled):not(.disabled):active,
  .sa-btn-success:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-success.dropdown-toggle {
    color: #fff;
    background-color: #739e73;
    border-color: #739e73; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus,
    .sa-btn-success:not(:disabled):not(.disabled):active:focus,
    .sa-btn-success:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-success.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(115, 158, 115, 0.5); }

/* -------------------------------------- */
.btn-info,
.sa-btn-info {
  color: #fff;
  background-color: #57889c;
  border-color: #57889c;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-info:hover,
  .sa-btn-info:hover {
    color: #fff;
    background-color: #57889c;
    border-color: #57889c; }
  .btn-info:focus, .btn-info.focus,
  .sa-btn-info:focus,
  .sa-btn-info.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(87, 136, 156, 0.5); }
  .btn-info.disabled, .btn-info:disabled,
  .sa-btn-info.disabled,
  .sa-btn-info:disabled {
    color: #fff;
    background-color: #57889c;
    border-color: #57889c; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle,
  .sa-btn-info:not(:disabled):not(.disabled):active,
  .sa-btn-info:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-info.dropdown-toggle {
    color: #fff;
    background-color: #57889c;
    border-color: #57889c; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus,
    .sa-btn-info:not(:disabled):not(.disabled):active:focus,
    .sa-btn-info:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-info.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(87, 136, 156, 0.5); }

/* -------------------------------------- */
.btn-warning,
.sa-btn-warning {
  color: #fff;
  background-color: #c79121;
  border-color: #c79121;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-warning:hover,
  .sa-btn-warning:hover {
    color: #fff;
    background-color: #c79121;
    border-color: #c79121; }
  .btn-warning:focus, .btn-warning.focus,
  .sa-btn-warning:focus,
  .sa-btn-warning.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(199, 145, 33, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled,
  .sa-btn-warning.disabled,
  .sa-btn-warning:disabled {
    color: #fff;
    background-color: #c79121;
    border-color: #c79121; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle,
  .sa-btn-warning:not(:disabled):not(.disabled):active,
  .sa-btn-warning:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c79121;
    border-color: #c79121; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus,
    .sa-btn-warning:not(:disabled):not(.disabled):active:focus,
    .sa-btn-warning:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-warning.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(199, 145, 33, 0.5); }

/* -------------------------------------- */
.btn-danger,
.sa-btn-danger {
  color: #fff;
  background-color: #a90329;
  border-color: #a90329;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-danger:hover,
  .sa-btn-danger:hover {
    color: #fff;
    background-color: #a90329;
    border-color: #a90329; }
  .btn-danger:focus, .btn-danger.focus,
  .sa-btn-danger:focus,
  .sa-btn-danger.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(169, 3, 41, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled,
  .sa-btn-danger.disabled,
  .sa-btn-danger:disabled {
    color: #fff;
    background-color: #a90329;
    border-color: #a90329; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle,
  .sa-btn-danger:not(:disabled):not(.disabled):active,
  .sa-btn-danger:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #a90329;
    border-color: #a90329; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus,
    .sa-btn-danger:not(:disabled):not(.disabled):active:focus,
    .sa-btn-danger:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-danger.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(169, 3, 41, 0.5); }

/* -------------------------------------- */
.btn-light, .editable-cancel,
.sa-btn-light,
.btn-default,
.note-btn-group .btn-light,
.note-btn-group .editable-cancel {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-light:hover, .editable-cancel:hover,
  .sa-btn-light:hover,
  .btn-default:hover,
  .note-btn-group .btn-light:hover,
  .note-btn-group .editable-cancel:hover {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .btn-light:focus, .editable-cancel:focus, .btn-light.focus, .focus.editable-cancel,
  .sa-btn-light:focus,
  .btn-default:focus,
  .note-btn-group .btn-light:focus,
  .note-btn-group .editable-cancel:focus,
  .sa-btn-light.focus,
  .focus.btn-default,
  .note-btn-group .focus.btn-light,
  .note-btn-group .focus.editable-cancel {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(255, 255, 255, 0.5); }
  .btn-light.disabled, .disabled.editable-cancel, .btn-light:disabled, .editable-cancel:disabled,
  .sa-btn-light.disabled,
  .disabled.btn-default,
  .note-btn-group .disabled.btn-light,
  .note-btn-group .disabled.editable-cancel,
  .sa-btn-light:disabled,
  .btn-default:disabled,
  .note-btn-group .btn-light:disabled,
  .note-btn-group .editable-cancel:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .btn-light:not(:disabled):not(.disabled):active, .editable-cancel:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .editable-cancel:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle,
  .show > .dropdown-toggle.editable-cancel,
  .sa-btn-light:not(:disabled):not(.disabled):active,
  .btn-default:not(:disabled):not(.disabled):active,
  .note-btn-group .btn-light:not(:disabled):not(.disabled):active,
  .note-btn-group .editable-cancel:not(:disabled):not(.disabled):active,
  .sa-btn-light:not(:disabled):not(.disabled).active,
  .btn-default:not(:disabled):not(.disabled).active,
  .note-btn-group .btn-light:not(:disabled):not(.disabled).active,
  .note-btn-group .editable-cancel:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-light.dropdown-toggle,
  .show > .dropdown-toggle.btn-default,
  .note-btn-group
  .show > .dropdown-toggle.btn-light,
  .note-btn-group
  .show > .dropdown-toggle.editable-cancel {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .editable-cancel:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .editable-cancel:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus,
    .show > .dropdown-toggle.editable-cancel:focus,
    .sa-btn-light:not(:disabled):not(.disabled):active:focus,
    .btn-default:not(:disabled):not(.disabled):active:focus,
    .note-btn-group .btn-light:not(:disabled):not(.disabled):active:focus,
    .note-btn-group .editable-cancel:not(:disabled):not(.disabled):active:focus,
    .sa-btn-light:not(:disabled):not(.disabled).active:focus,
    .btn-default:not(:disabled):not(.disabled).active:focus,
    .note-btn-group .btn-light:not(:disabled):not(.disabled).active:focus,
    .note-btn-group .editable-cancel:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-light.dropdown-toggle:focus,
    .show > .dropdown-toggle.btn-default:focus,
    .note-btn-group
    .show > .dropdown-toggle.btn-light:focus,
    .note-btn-group
    .show > .dropdown-toggle.editable-cancel:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(255, 255, 255, 0.5); }

.sa-btn-light, .btn-default, .note-btn-group .btn-light, .note-btn-group .editable-cancel {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .sa-btn-light:hover, .btn-default:hover, .note-btn-group .btn-light:hover, .note-btn-group .editable-cancel:hover {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .sa-btn-light:focus, .btn-default:focus, .note-btn-group .btn-light:focus, .note-btn-group .editable-cancel:focus, .sa-btn-light.focus, .focus.btn-default, .note-btn-group .focus.btn-light, .note-btn-group .focus.editable-cancel {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(255, 255, 255, 0.5); }
  .sa-btn-light.disabled, .disabled.btn-default, .note-btn-group .disabled.btn-light, .note-btn-group .disabled.editable-cancel, .sa-btn-light:disabled, .btn-default:disabled, .note-btn-group .btn-light:disabled, .note-btn-group .editable-cancel:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .sa-btn-light:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active, .note-btn-group .btn-light:not(:disabled):not(.disabled):active, .note-btn-group .editable-cancel:not(:disabled):not(.disabled):active, .sa-btn-light:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled).active, .note-btn-group .btn-light:not(:disabled):not(.disabled).active, .note-btn-group .editable-cancel:not(:disabled):not(.disabled).active,
  .show > .sa-btn-light.dropdown-toggle,
  .show > .dropdown-toggle.btn-default, .note-btn-group
  .show > .dropdown-toggle.btn-light, .note-btn-group
  .show > .dropdown-toggle.editable-cancel {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
    .sa-btn-light:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .note-btn-group .btn-light:not(:disabled):not(.disabled):active:focus, .note-btn-group .editable-cancel:not(:disabled):not(.disabled):active:focus, .sa-btn-light:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .note-btn-group .btn-light:not(:disabled):not(.disabled).active:focus, .note-btn-group .editable-cancel:not(:disabled):not(.disabled).active:focus,
    .show > .sa-btn-light.dropdown-toggle:focus,
    .show > .dropdown-toggle.btn-default:focus, .note-btn-group
    .show > .dropdown-toggle.btn-light:focus, .note-btn-group
    .show > .dropdown-toggle.editable-cancel:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(255, 255, 255, 0.5); }

/* -------------------------------------- */
.btn-dark,
.sa-btn-dark {
  color: #fff;
  background-color: #494949;
  border-color: #494949;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-dark:hover,
  .sa-btn-dark:hover {
    color: #fff;
    background-color: #494949;
    border-color: #494949; }
  .btn-dark:focus, .btn-dark.focus,
  .sa-btn-dark:focus,
  .sa-btn-dark.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(73, 73, 73, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled,
  .sa-btn-dark.disabled,
  .sa-btn-dark:disabled {
    color: #fff;
    background-color: #494949;
    border-color: #494949; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle,
  .sa-btn-dark:not(:disabled):not(.disabled):active,
  .sa-btn-dark:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #494949;
    border-color: #494949; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus,
    .sa-btn-dark:not(:disabled):not(.disabled):active:focus,
    .sa-btn-dark:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-dark.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(73, 73, 73, 0.5); }

/* -------------------------------------- */
.btn-blue,
.sa-btn-blue {
  color: #fff;
  background-color: #57889c;
  border-color: #57889c;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .btn-blue:hover,
  .sa-btn-blue:hover {
    color: #fff;
    background-color: #57889c;
    border-color: #57889c; }
  .btn-blue:focus, .btn-blue.focus,
  .sa-btn-blue:focus,
  .sa-btn-blue.focus {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(87, 136, 156, 0.5); }
  .btn-blue.disabled, .btn-blue:disabled,
  .sa-btn-blue.disabled,
  .sa-btn-blue:disabled {
    color: #fff;
    background-color: #57889c;
    border-color: #57889c; }
  .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
  .show > .btn-blue.dropdown-toggle,
  .sa-btn-blue:not(:disabled):not(.disabled):active,
  .sa-btn-blue:not(:disabled):not(.disabled).active,
  .show >
  .sa-btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #57889c;
    border-color: #57889c; }
    .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
    .show > .btn-blue.dropdown-toggle:focus,
    .sa-btn-blue:not(:disabled):not(.disabled):active:focus,
    .sa-btn-blue:not(:disabled):not(.disabled).active:focus,
    .show >
    .sa-btn-blue.dropdown-toggle:focus {
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05), inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0 rgba(87, 136, 156, 0.5); }

.sa-btn-warning:not(:disabled):not(.disabled):active,
.sa-btn-warning:not(:disabled):not(.disabled).active,
.show > .sa-btn-warning.dropdown-toggle,
.sa-btn-warning,
.sa-btn-warning:hover {
  color: #fff; }

.sa-btn-light, .btn-default, .note-btn-group .btn-light, .note-btn-group .editable-cancel {
  background: #fff;
  border-color: #bfbfbf; }
  .sa-btn-light:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled):active:focus, .note-btn-group .btn-light:not([disabled]):not(.disabled):active:focus, .note-btn-group .editable-cancel:not([disabled]):not(.disabled):active:focus, .sa-btn-light:not([disabled]):not(.disabled).active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, .note-btn-group .btn-light:not([disabled]):not(.disabled).active:focus, .note-btn-group .editable-cancel:not([disabled]):not(.disabled).active:focus, .sa-btn-light:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled):active, .note-btn-group .btn-light:not([disabled]):not(.disabled):active, .note-btn-group .editable-cancel:not([disabled]):not(.disabled):active, .sa-btn-light:not([disabled]):not(.disabled).active, .btn-default:not([disabled]):not(.disabled).active, .note-btn-group .btn-light:not([disabled]):not(.disabled).active, .note-btn-group .editable-cancel:not([disabled]):not(.disabled).active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    background-color: #e6e6e6;
    border-color: #adadad; }
  .sa-btn-light:not([disabled]):not(.disabled):hover, .btn-default:not([disabled]):not(.disabled):hover, .note-btn-group .btn-light:not([disabled]):not(.disabled):hover, .note-btn-group .editable-cancel:not([disabled]):not(.disabled):hover {
    background-color: #e6e6e6;
    border-color: #adadad; }
  .show > .sa-btn-light, .show > .btn-default, .note-btn-group .show > .btn-light, .note-btn-group .show > .editable-cancel, .sa-btn-light:focus, .btn-default:focus, .note-btn-group .btn-light:focus, .note-btn-group .editable-cancel:focus, .sa-btn-light.focus, .focus.btn-default, .note-btn-group .focus.btn-light, .note-btn-group .focus.editable-cancel {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  .sa-btn-light.disabled, .disabled.btn-default, .note-btn-group .disabled.btn-light, .note-btn-group .disabled.editable-cancel {
    color: #999999;
    background-color: #fff;
    border-color: #ccc; }

  .btn.disabled {
      opacity: 75%;
  }

.sa-btn-icon {
  width: 30px;
  height: 30px;
  padding: 2px;
  border-radius: 2px;
  font-size: 19px;
  line-height: 24px; }
  .sa-btn-icon.btn-default, .note-btn-group .sa-btn-icon.btn-light, .note-btn-group .sa-btn-icon.editable-cancel, .sa-btn-icon.btn-light, .sa-btn-icon.editable-cancel {
    border-color: #bfbfbf;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1); }

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 28px;
  border-radius: 50%; }

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  line-height: 48px;
  font-size: 1.38462rem; }

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  line-height: 68px;
  font-size: 1.84615rem; }

.sa-btn-light.disabled, .disabled.btn-default, .note-btn-group .disabled.btn-light, .note-btn-group .disabled.editable-cancel,
.disabled.btn-default,
.note-btn-group .disabled.btn-light,
.note-btn-group .disabled.editable-cancel,
.note-btn-group .disabled.btn-light,
.note-btn-group .disabled.editable-cancel,
.note-btn-group .disabled.editable-cancel,
.sa-btn-light:disabled,
.btn-default:disabled,
.note-btn-group .btn-light:disabled,
.note-btn-group .editable-cancel:disabled,
.btn-default:disabled,
.note-btn-group .btn-light:disabled,
.note-btn-group .editable-cancel:disabled,
.note-btn-group .btn-light:disabled,
.note-btn-group .editable-cancel:disabled,
.note-btn-group .editable-cancel:disabled {
  border-color: #ccc; }

.show > .ajax-dropdown {
  animation: flipInY 0.7s both; }

.dropdown > .ajax-dropdown {
  padding: 0.76923rem; }

.ajax-dropdown {
  padding: 0.76923rem;
  margin-top: 8px;
  width: 28.15385rem;
  height: 35.15385rem;
  border-radius: 0;
  margin-left: -12.92308rem !important;
  border: 1px solid; }
  .ajax-dropdown:after, .ajax-dropdown:before {
    border: 7px solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 50%;
    margin-left: -7px; }
  .ajax-dropdown:before {
    margin-left: -8px;
    border: 8px solid transparent; }
  .ajax-dropdown .btn-group {
    margin-bottom: 10px; }
    .ajax-dropdown .btn-group .btn, .ajax-dropdown .btn-group .editable-cancel, .ajax-dropdown .btn-group .editable-submit {
      font-weight: bold; }
  .ajax-dropdown .fa-4x.fa-border {
    border-width: 3px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 5.84615rem;
    height: 5.84615rem;
    text-align: center; }
  .ajax-dropdown .sa-ajax-notification-container {
    border-bottom: 1px solid;
    border-top: 1px solid;
    height: 28.38462rem;
    display: block;
    overflow: auto;
    margin-right: -10px;
    margin-left: -10px; }

.shortcut-on #response-btn {
  display: none !important; }

.shortcut-on #main .navbar, .shortcut-on #left-bar .navbar {
  border: none !important; }

/*Classi per gestione APP mobile*/
/*ol-li con colore per li*/
ol.appprocl03saldi {
    background-color: aliceblue;
    font-family: monospace;
    font-style: italic;
    font-family: monospace;
    font-size: x-large;
    color: skyblue;
}

ol.magzgiac01saldi {
	white-space: nowrap;
    background-color: aliceblue;
    font-family: monospace;
    font-style: italic;
    font-family: monospace;
    color: skyblue;
	margin: -1px;
	margin-left: -30px;
	background-color: TRANSPARENT;
	float: left;
	list-style-type: none;
}



li.appprocl03saldieva {
    color:green ;
	font-family: system-ui;
    font-size: small;
    font-weight: 300;
}





li.appprocl03saldiord {
    color: #03A9F4;
    font-family: system-ui;
    font-size: medium;
    font-weight: 600;
}



li.appprocl03saldisca {
    color: coral;
    font-family: system-ui;
    font-size: small;
    font-weight: 300;
}


li.appprocl03saldires {
    color: darkgrey;
    font-family: system-ui;
    font-size: small;
    font-weight: 300;
}





/*Suggest Row su linkzoom*/
.suggest_row {
	font-size: 13pt !important;
	line-height: 1.5;
}
.suggest_row_selected {
	font-size: 13pt !important;
	line-height: 1.5;	
}

[id*="_Grid_link_"] {
	padding: 0 6px !important;
}

div[id^="suggest"] {
	border-bottom: 1px solid blue !important;
}
div[id^="suggest"][id$="0"] {
	font-family: Arial, Helvetica, sans-serif !important;
	color: red !important;
	white-space: nowrap !important; 
}
div[id^="suggest"][id$="1"] {
	font-family: Arial, Helvetica, sans-serif !important;
	font-style: italic !important;
	padding-right: 5px !important;
}
div[id^="suggest"][id$="2"] {
	font-family: Arial, Helvetica, sans-serif !important;
	color: blue !important;
}
  
  /* DROPDOWN BUTTON INIZIO*/
/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    /*position: absolute;*/
	border: ridge;
    background-color: #ffffff;
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 3px 20px;
    text-decoration: none;
 /*   display: block;*/
}

/* Change color of dropdown links on hover*/ 
.dropdown-content a:hover {color: red;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.ccShowDichMenu {display:block;}
/* DROPDOWN BUTTON FINE*/

.tablehtmllistaodl {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tablehtmllistaodl td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.tablehtmllistaodl tr:nth-child(even) {
  background-color: #f3f3f3;
}

.semi-donut{
  --percentage: 0;
  --fill: #ff0;
  width: 300px;
  height: 150px;
  position: relative;
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing : border-box;
  &:after{
    content: '';
    width: 300px;
    height: 300px;
    border:50px solid;
    border-color : rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing : border-box;
    transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );
    animation : fillAnimation 1s ease-in;
  }
}

.semi-donut::after{
    content: '';
    width: 300px;
    height: 300px;
    border:50px solid;
    border-color : rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing : border-box;
    transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );
    animation : fillAnimation 1s ease-in;
  }

  
@keyframes fillAnimation{
  0%{transform : rotate(-45deg);}
  50%{transform: rotate(135deg);}
}

.well{margin-bottom:0}

.well.well-sm .form-actions{margin-left:-9px;margin-right:-9px;margin-bottom:-9px}

.txt-color-white{color:#fff!important}

.bg-color-pinkDark{
	background-color:#a8829f!important;
	border: rosybrown;
    border-style: groove;
	width: fit-content;
    min-width: 300px;
}

.well h4{font-size: 20pt;    height: 1px;}

.jconfirm-holder{
	padding-bottom: 100000px !important;
}

.loadIcon { 
content: ''; 
border: 14px solid #F3F3F3; 
border-radius: 50%; 
border-top: 14px solid #347FC4; 
width: 80px; 
height: 80px; 
animation: spin 15000000ms linear infinite, 0ms delayview; 
display: block; 
animation-fill-mode: forwards; 
opacity: 0; 
position: fixed !important; 
/* top: calc( 50% - 52px);  */
top:calc( 10% - 52px);  
/* left: calc( 50% - 52px);  */
left: calc( 10% - 52px); 
width: 70vw;
height:70vh;
}


/*Loadicon da utilizzare solo per apertura programma*/
.loadIconall { 
opacity:1!important;
background-color:transparent!important;
content: ''; 
border: 14px solid #F3F3F3; 
border-radius: 50%; 
border-top: 14px solid #347FC4; 
/* width: 80px;  */
/* height: 80px;  */
animation: spin 15000000ms linear infinite, 0ms delayview; 
display: block; 
animation-fill-mode: forwards; 
opacity: 0; 
position: fixed !important; 
/* top: calc( 50% - 52px);  */
top:calc( 1% - 52px);  
/* left: calc( 50% - 52px);  */
left: calc( 1% - 52px); 
width: 120vw;
height:120vh;
}


.collapseWhite a{
	color:#b6bfbf!important;
}

.rightGrey{
	/* background-color: #edf7ff; */
	background-color: #ececec;
}






/*Offcanvas apertura sidebar left*/
.offcanvas_close  {
    text-decoration: none;
    font-family: ZucchettiDevelopement;
    text-align: right!important;
    line-height: 25px;
    font-size: 25px;
 /* color: #948da6 !important; */
    /* background-color: hsl(280deg 27.27% 97.84%) !important; */
	color: #f3f1f1 !important;
    background-color: hsl(89.79deg 69.08% 40.59%) !important;
	width: 22px !important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-top: 1px;
    margin-bottom: 2px;
}

.offcanvas_open {
    text-decoration: none;
    font-family: ZucchettiDevelopement;
    text-align: right !important;
    line-height: 25px;
    font-size: 25px;
    /* color: #948da6 !important; */
    /* background-color: hsl(280deg 27.27% 97.84%) !important; */
    color: #f3f1f1 !important;
    background-color: hsl(89.79deg 69.08% 40.59%) !important;
    width: 22px !important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-top: 1px;
    margin-bottom: 2px;
}
/*fine Offcanvas apertura sidebar left*/


.gestpage_ctrl {
	top:-18px!important;
	/* left: 1224px!important; */
	float:right;
	
}

/*Hamburger menu dell'aggiungi a preferiti che andava sopra al tag <a> per collasare le sezioni*/
.gestgadge20_ctrl.hamburgermenu.global_handler.closed {
    top: -20px;
}


.gestgadge_ctrl.hamburgermenu.global_handler.closed.menu_opened{
    width:25px!important;
}





.gestpage_ctrl.hamburgermenu.global_handler.closed{
	position:static;
}




/*Imposto la max-width per evitare che i bottoni di apertura spalla sinistra e aggiungi a preferiti si sormontino*/
#menuPref{
	max-width: min-content!important;
}

.gadpaddpage_portlet > .gestpage_ctrl {
    z-index: 1!important;
}

/*Bottoni di head e altro*/
.ccimagecircle {
    border-radius: 50%!important;
    width: 70px!important;
    height: 70px!important;   
	cursor: pointer;
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 11px;
	color: rgba(255,255,255,.93);
	border-width: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}






.ccimagecircle:hover { 
    border-radius: 50%!important;
    width: 70px!important;
    height: 70px!important;
	cursor: pointer;
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 11px;
	color: rgba(255,255,255,.93);
	border-width: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}



.ccimagequad {
  border-radius: 10%!important;
  width: 90px!important;
  height: 80px!important;
  cursor: pointer;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 11px;
  vertical-align: middle;
  border-width: 2px;
  border-color:blue;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  align-content: center;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
}


.ccimagequadbs5 {
  border-radius: 10%!important;
  width: 60px!important;
  height: 50px!important;
  cursor: pointer;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 11px;
  vertical-align: middle;
  border-width: 2px;
  border-color:blue;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  align-content: center;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
}


.panel-content.nopadding{
	padding-bottom: 0px!important;
	padding-top: 0px!important;
	padding-left:1px!important;
}

.col-lg-3.maxhh{
    max-height: 8.5em;
}

.col-lg-12.maxhh{
    max-height: 8.5em;
}
.col-lg-4.maxhh{
    max-height: 15.5em;
}

.col-md-12.maxhh{
    max-height: 15.5em;
}





.menuview_item.parent.col {
    flex: 0 0 0%!important;
}


.panelcontainer_b5{
	display: flex;
	gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: flex-start;
	min-width:430px!important;
}

.panelcontainer_lg_b5{
	display: flex;
	gap: 30px;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
	
}

.ccimageheadbtn {
    border-radius: 15%!important;
    width: 40px!important;
    height: 30px!important;   
	cursor: pointer;
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 11px;
	color: #e7fafc;
	border-width: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

.ccimageheadbtn:hover { 
  border-radius: 15%!important;
  width: 44px!important;
  height: 34px!important;
  transform: translate(2px,-2px);
  cursor: pointer;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 11px;
  color: #e7fafc;
  border-width: 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}



.ccimageheadbtnnew {
    border-radius: 15%!important;
    width: 40px!important;
    height: 30px!important;   
	cursor: pointer;
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 11px;
	color: #e7fafc;
	border-width: 0;
	/* box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); */
}

.ccimageheadbtnnew:hover { 
  border-radius: 15%!important;
  width: 44px!important;
  height: 34px!important;
  transform: translate(2px,-2px);
  cursor: pointer;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 11px;
  color: #e7fafc;
  border-width: 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}






.ccwhitehead{
	background-color: #FAF8FB !important;
	transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
	color: #544c7e !important;
}

.ccwhitehead:hover{
	background-color: #2196f3!important;
	color:#ffffff6b!important;
}

a.ccwhitehead.selected {
  background: #ffffff6b !important;
};



.ccbluehead {
    background-color: #FAF8FB !important;
    transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
    color: #544c7e !important;
}

.ccbluehead:hover{
	background-color: #4598c6!important;
}

a.ccbluehead.selected {
  background: #ffffff6b !important;
}


.ccarancio{
	background-color: coral!important;
}

.ccarancio:hover{
	background-color: red!important;
}



.ccverde{
	background-color: #33cc33!important;
}

.ccverde:hover{
	background-color: #003300!important;
}




.ccblu{
	background-color: #0099cc!important;
}

.ccblu:hover{
	background-color: #0033cc!important;
}



.ccbianco{
	background-color: #ffffff!important;
}

.ccbianco:hover{
	background-color: #99d22a !important;
	color: white!important;
}
.ccrosso{
	 background-color: #cc0000!important;
}

.ccrosso:hover{
	background-color: #990033!important;
}


.ccmarrone{
	background-color: #993300!important;
}

.ccmarrone:hover{
	background-color: #800000!important;
}



/*Fine bottoni head*/


.grid_cell_title.title_totalizer{
	background-color: #ffffff!important;
}

/*Modfiche home per eliminare la scrollbar x*/
.ms5homeareabase_row > .flexArea.row.nowrap{
    overflow-x:hidden;
}

/*Modifiche per testata Portal myhometab*/

/*Bottone X per chiusura tab su mainarea in corpo*/
.myhometabnew .tabstripContainer .tabs_row>div:not(:first-child) .tab .tab_content .tab_span > a.tab_close,
.myMainArea .tabstripContainer .tabs_row .tab .tab_content .tab_span > a.tab_close {
      position:relative;
      right: 7px;
      top: 6px;
}

.myhometabnew .tabstripContainer .tabs_row>div:not(:first-child) .tab .tab_content .tab_span > a.tab_close:after,
.myMainArea .tabstripContainer .tabs_row .tab .tab_content .tab_span > a.tab_close:after {
  content: "\f05c" !important;
  color: #a50000;
  font-family: fontawesome-webfont;
  font-size:16px;
}

.myhometabnew .tabstripContainer .tabs_row>div:not(:first-child) .tab .tab_content .tab_span > a.tab_close:hover:after,
.myMainArea .tabstripContainer .tabs_row .tab .tab_content .tab_span > a.tab_close:hover:after {
  content: "\f057" !important;
  color: #C62828;
  font-family: fontawesome-webfont;
  font-size:16px;
}



/*Modifiche head_tab bootstrap5*/
.myhometabnew {
	background-color:var(--app-content-background, #fdfdfd)!important;
	
}


.leftDarknew {
    background-color: transparent;
    background-image: linear-gradient(225deg, rgb(250 248 251) 90%, rgb(242 241 243) 0);

	
}

.myheadtab .Tabstrip.tabWrapper .tabstripContainer {
    background: var(--app-content-background, #fdfdfd)!important;

}


.myheadtab .Tabstrip.tabWrapper .tab_item.selected .tab_content, .hoverable .Tabstrip.tabWrapper .tab_item:hover.selected .tab_content {
   background-color:var(--bs-gray-200);!important;
   border-radius: 0px;
   border-radius: 0px 0px 0 0 !important;
   border-top-left-radius: 0px !important;
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
   /* height:100px; */
  top:-120px!important;
}


.myheadtab .Tabstrip.tabWrapper .tabs_row {
    height: 30px;
    position: absolute;
    box-sizing: border-box;
    gap: 5px;
    padding: 0 0 0 0;
    padding-left: 0px;
}

/*fine Modifiche head_tab bootstrap5*/

.myhometabnew.bg_class{
    color: #fff;
    background-image: linear-gradient(225deg, rgb(55, 64, 176) 0, rgb(24, 108, 178) 100%);
    background-color: transparent;
}


/*Ricerca elementi search*/
.myhomesearchnew.bg_class{
    color: #fff;
    background-image: linear-gradient(225deg, rgb(55, 64, 176) 0, rgb(24, 108, 178) 100%);
    background-color: transparent;
}


.grid_iconFont_width {
    color: #fff;
    /* background-image: linear-gradient(225deg, rgb(139 195 74 / 63%) 0, #03A9F4 100%); */
    background-color: #FFFf F;
    border-radius: 15px;
    border: outset;
    border-color: #1f61b1;
    border-width: 1px;
    font-family: 'Roboto';
    font-size: 16px;
}

.mylayersearch>iframe {
  border-radius: 6px;
  }


.mylayersearch {
    height: 60vh !important;
    width: 78vw !important;
}


/* fine ricerca elementi*/





.myhometab .tabBack,
.myhometabnew .tabBack  {
	height:20px!important;
}
	



.myhometab a.tab_modallayer,.myhometab a.tab_modallayer:before {
    color: #d9e1e7!important;
    /* background-color: red; */
    /* top: 1px!important; */
    height: 20px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.myhometabnew a.tab_modallayer,.myhometab a.tab_modallayer:before {
    color: #d9e1e7!important;
    /* background-color: red; */
    /* top: 1px!important; */
    height: 20px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}



.myMainArea .tabstripContainer .tabs_mask {
  overflow-x : scroll;
}



.myMainArea a.tab_modallayer,.myMainArea a.tab_modallayer:before {
    color: #d9e1e7!important;
    /* background-color: red; */
    /* top: 1px!important; */
    height: 20px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
/*Fine area mainarea tabstrip*/

.alarm_text{
	line-height: 19px;
}

.b{
	font-weight:bold !important;
}


	
/* CSS SELECT START*/
select option[value=""], select option:not([value])
{
    background: lightgrey;
}
select{
  color:#656363;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:rgba(0,0,0, 0.16);
}
/* CSS SELECT END*/

/* CSS RADIO START*/

/*span.radioBtn + div è dedicato ai maskparameter*/
/*div.radioBtn è dedicato ai portlet*/

span.radioBtn + div > div>input:after
{
  position: absolute;
  content: '';
  display: inline-block;
  height: 20px;
  width: 100%;
  top:-1px;
  background: #005ea0;
  border-radius: 5px;
  z-index: 2;
  transition: box-shadow .4s ease, background .3s ease;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 1px 2px -3px, rgba(0, 0, 0, 0.2) 0px -1px 0px inset;
  transition: all .2s ease-in-out;
}

div.radioBtn > div>input:after
{
    position: absolute;
	content: '';
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #005ea0;
    border-radius: 5px;
    z-index: 2;
    transition: box-shadow .4s ease, background .3s ease;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 1px 2px -3px, rgba(0, 0, 0, 0.2) 0px -1px 0px inset;
	transition: all .2s ease-in-out;
}
span.radioBtn + div > div,
div.radioBtn > div
{
	width:100%;
	height:100%;
	visibility:hidden;
    position: absolute!important;
    top: 0!important;
    display: flex;
}
span.radioBtn + div > div:has( input:checked) + div,
div.radioBtn > div:has( input:checked) + div
{
	opacity:1;
	visibility:visible;
}

span.radioBtn + div:has(div:last-child>input:checked) > div:first-child:has(input:not(:checked)),
div.radioBtn:has(div:last-child>input:checked) > div:first-child:has(input:not(:checked))
{
	opacity:1;
	visibility:visible;
}

span.radioBtn + div>div>label,
div.radioBtn>div>label
{
	align:center;
    position: relative;
    z-index: 100;
	opacity:1;
	visibility:visible;	
	pointer-events: none;
    align-self: center;
	color:white;
    top: 0px;
    transition: all .2s ease-out;
}


span.radioBtn + div>div>label
{
  top: 8px;
}

span.radioBtn + div > div > input:not(:checked)+label,
div.radioBtn > div > input:not(:checked)+label
{
    transition: all .2s ease-out;
	position:relative;
    top: 20px;
	opacity: 0;
	visibility:hidden;
}

span.radioBtn + div > div:has( input:checked) + div>label,
div.radioBtn > div:has( input:checked) + div>label
{
    top: -20px;
}
span.radioBtn + div:has(div:last-child>input:checked) > div:first-child:has(input:not(:checked))>label,
div.radioBtn:has(div:last-child>input:checked) > div:first-child:has(input:not(:checked))>label
{
    top: -20px;
}
span.radioBtn.white + div > div>input:after,
div.radioBtn.white > div>input:after{
    background: white;
	color:rgba(0,0,0,.93);
	border-color:#CBCBCB;
}
span.radioBtn.white + div >div>label,
div.radioBtn.white>div>label
{
	color:rgba(0,0,0,.93);
}
/* CSS RADIO END*/










/*Spazia i gadget della home di 10px l'uno dall'altro*/

.GroupGadgetHome{
	padding: 10px 10px 30px 10px;
	
}


/*Sistemazione del modalayer bottoni chiudi-espandi-parcheggia*/


/* .spModalLayer .icon_container .spModalButton:last-child { */
    /* margin-right: 10px!important; */
/* } */

/* .spModalLayer div.spModalLayer_draglayer{ */
  /* border-top-left-radius: 5pt; */
  /* border-top-right-radius: 5pt;} */
/* .spModalLayer{border-radius:5pt} */

div.spModalButton.spModalLayer_closebtn{ border-top-right-radius:5pt}
div.spModalButton.spModalLayer_closebtn:hover {background: #b10909;}
div.spModalButton.spModalLayerDetachButton:hover {background: #65a2da;}
div.spModalButton.SPModalLayerGoToTabButton:hover {background: #65a2da;}
div.spModalButton.spModalLayerMaximize:hover {background: #65a2da;}
div.spModalButton.spModalLayerReduce:hover {background: #65a2da;}


.spModalLayer .icon_container .spModalButton {
	width: 24px;
    padding: 1px 1px 1px 1px;
    border-radius: 3px;
}



/* div.spModalButton { */
    /* transition: background-color .2s ease-in-out; */
/* } */

/* div.LayerContainer{ */
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; */
  /* border-radius: 5pt; */
/* } */
/* div.LayerContainer>div.LayerHeader{ */
  /* border-top-left-radius: 5pt; */
  /* border-top-right-radius: 5pt; */
/* } */

/* div.LayerContainer>div.LayerHeader:active:after { */
  /* content: 'a'; */
  /* color: transparent; */
  /* background: transparent; */
  /* position: relative; */
  /* display: block;  */
  /* height: 80px; */
  /* width: calc( 100% - 60px); */
  /* z-index: 100; */
/* } */
/* div.LayerContainer>div.LayerBody{ */
  /* border-bottom-left-radius: 5pt; */
  /* border-bottom-right-radius: 5pt; */
/* } */

/* div.LayerHeader>a.LayerHeaderIconClose{ */
  /* transition: background-color .2s ease-in-out; */
  /* padding: 5px; */
  /* text-align: center; */
  /* width: 22px; */
  /* top: 0; */
  /* right: 0px; */
  /* height: 30px; */
  /* border-top-right-radius: 5pt; */
/* } */
/* div.LayerHeader>a.LayerHeaderIconPin{ */
  /* transition: background-color .2s ease-in-out; */
  /* padding: 5px; */
  /* text-align: center; */
  /* width: 22px; */
  /* top: 0; */
  /* right: 30px; */
  /* height: 30px; */
/* } */
/* div.LayerHeader>a.LayerHeaderIconClose:hover{ */
/* background-color: #cc0000; */
  /* color:white!important; */
/* } */
/* div.LayerHeader>a.LayerHeaderIconPin:hover{ */
/* background-color: #498cca; */
  /* color:white!important; */
/* } */


/* Imposto il colore blu su scritte dei menu contestuali sugli zoom*/
.spportalzoombase_toolbar_menu_item_title.spportalzoombase_toolbar_item_menu_separator,
.spportalzoombase_toolbar_menu_item_icon {
    color:rgb(55, 64, 176)!important;
}
/* Imposto il colore blu su scritte dei menu contestuali sugli zoom*/


.gridcasaliordine .grid_cell {
  border-bottom: 1px solid black !important;
  border-right: 1px solid black !important;  
  border-collapse: collapse !important;
}





.ms5colleftA > .noflex{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}



.ms5colrightA > .noflex{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

div.gridCarrello{
  background: #9E9E9E!important;
}


div.gridCarrello tbody>tr {
  background: #f3f3f3!important;
  border: transparent!important;
  border-radius: 5px;
  display: table;
  margin: 3px;
  border: 0px solid #eae6e670!important;
  box-shadow: rgb(0 0 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
div.gridCarrello>div{
  background:transparent!important;
}
div.gridCarrello tbody>tr.grid_rowselected{
  
  background:#54b4dd!important;
  }


div.gridCarrello tbody>tr:not(.grid_rowselected){
  background:white;
}

div.gridCarrello tbody>tr>td {
  border-bottom: transparent!important;
}
div.gridCarrello tbody>tr>td:first-child {
  border-radius:9px;
}

/*Box per gadget*/

.ms5gadgetbox{
  height:100%;
  margin-right:10px!important;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border: 0px;
}
.flexArea > .ms5gadgetbox.flex_item {
  margin-left: 10px !important;
}

.ms5gadgetbox.flex_item {
    /*margin-right: 10px !important ;*/
	margin-bottom: 10px !important ;
  /*  min-width: 500px !important;*/
    min-height: 115px!important;
	/* width:100%!important; */
}

/*MS5 blocco lo stretch height del SPPortalZoom container perchè quando apro o chiudo un gadget streccia al 100% della dimensione e arriva 4000px*/
.ms5gadgetbox2 .SPPortalZoomBase_container.stretch_height{
    max-height:25em !important;
}

/*Fine box per gadget*/



/*Collassa e apri section di un gadget */
.ms5gadgetbox2 .flex_item{
    background-color:#ffff;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
     margin-bottom: 10px;
}




.panelms5gadget.panel-toolbar [data-action*=panel-]:not(.dropdown-item) .sa-icon {
    width: 1.5rem;
    height: 1.5rem;
    stroke-width: 1px;
    fill: none;
}

.panelms5gadget.panel-toolbar .btn-panel[data-action=panel-collapse] .sa-icon {
    stroke: var(--bs-success);
}
/*fine Collassa e apri section di un gadget */

/*Menu hamburger per gadget b5*/
.hamburgermenub5.global_handler::after {
    content: "\eab6" !important;
    color: #ffc241 !important;
    font-family: ZucchettiDevelopement !important;
    font-weight: normal !important;
    font-size: 22px !important;
}


.hamburgermenub5.global_handler.closed.menu_opened,
.hamburgermenub5.global_handler.opened::after {
    content: "\eab6" !important;
    color: #ffc241 !important;
    font-family: ZucchettiDevelopement !important;
    font-weight: normal !important;
    font-size: 22px !important;
}

.hamburgermenub5.global_handler.opened::after {
    content: "\eab6" !important;
    color: #ffc241 !important;
    font-family: ZucchettiDevelopement !important;
    font-weight: normal !important;
    font-size: 22px !important;
}

.hamburgermenub5_content.vertical>ul>li,
.hamburgermenu_content.vertical>ul>li {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
  height:4vh!important;
}

.portlet.prodpscal_portlet .hamburgermenu_content.vertical>ul>li,
.portlet.propsclo_portlet .hamburgermenu_content.vertical>ul>li,
.portlet.propscdi_portlet .hamburgermenu_content.vertical>ul>li {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
    height: 1.3vh !important;
    color:black;
}

/*Icona per menu panettone per hamburgermenu con classe hamburgermenu utilizzati nelle page*/
.hamburgermenu.global_handler::after {
    content: "\ED44"!important;	
    /* color: rgba(0, 0, 0, .87)!important; */
	color: rgb(209 199 199 / 87%) !important;
    font-family: icons8_win10!important;
    font-weight: bold!important;
    font-size: 24px!important;
}

.hamburgermenu.global_handler.closed.menu_opened,
.hamburgermenu.global_handler.opened::after {
    content: "\ED44"!important;
    /* color: rgba(0, 0, 0, .87)!important; */
	color: rgb(209 199 199 / 87%) !important;
    font-family: icons8_win10!important;
    font-weight: bold!important;
    font-size: 24px!important;
}

.ctrl_hamburgermenu_container,
.ctrl_hamburgermenub5_container {
    min-height: 7em;
}


.ctrl_hamburgermenub5_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap row;
    flex-flow: wrap row;
    gap: 10px;
    background-color: #FFF;
    backdrop-filter: blur(5px);
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 25%);
}



/*Fine hamburger menu mer gadget*/


div.avatar tr>td {
  border-bottom: 0px!important;
}

.grid_card_container.avatar {
  padding: 0px!important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: 230px;
  transition:all 0.2s;
  cursor:pointer;
}

.grid_card_container.avatar:hover {
  padding: 0px!important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;!important;
}

div.avatar tr:first-child>td.title {
  border-top-left-radius: 7px;
      border-top-right-radius: 7px;
}

.hoverable .grid .grid_card_container:hover {
  padding: 0px!important;
  margin: 5px!important;
}
.avatar td.grid_cell.no-print {
  display: none;
}

.avatar tbody>tr.grid_row.grid_rowselected:last-child >td {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}


.hoverable .grid .grid_card_container {
  padding: 0px!important;
  margin: 5px!important;
  border: 2px solid transparent;
}


.pagelet_item.flex_item.gadgetareagroup.gadgetareagroup {
    vertical-align: top;
    width: 100%;
    min-width: 100vw;
    max-width: 100vw;
}

/* Switch 1 BIANCO AZZURRO con label Start */
input[type="checkbox"].switchLbl_1 {
  font-size: 30px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px inset;
  appearance: none;
  background: rgb(221, 221, 221);
  border-radius: 3em;
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease-in-out 0s;
  width: 1.1em !important;
  height: 0.6em !important;
}

input[type="checkbox"].switchLbl_1:checked {
  background: rgb(14, 190, 255);
}

input[type="checkbox"].switchLbl_1::after {
  position: absolute;
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.25em;
  transform: scale(0.7);
  left: 0.08em;
  transition: all 0.2s ease-in-out 0s;
}

input[type="checkbox"].switchLbl_1:not(.mobile):after {
  left: 0.18em;
}

input[type="checkbox"].switchLbl_1:not(.mobile):checked::after {
  left: 0.6em;
}
input[type="checkbox"].switchLbl_1.mobile:checked::after {
  left: 0.5em;
}

input[type="checkbox"].switchLbl_1:not(.mobile):active::after {
  left: 0.3em;
}

input[type="checkbox"].switchLbl_1:not(.mobile):active:checked::after {
  left: 0.45em;
}
/* Switch 1 BIANCO AZZURRO con label End */



/*Card Scheduler*/
.grid_card_container.ms5schedcardcont {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
 
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;

    border-color:#03a9f478;
    border-width:2px;
    height:100%;
    margin-right:10px!important;
}



.ms5schedcardcont > .grid .grid_row {
    background-color: transparent;
    font-family: "Roboto";
    color: rgba(0, 0, 0, .93);
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}


.ms5schedcardcont table tbody tr td.grid_splinker {
    background-color: #90b4ed!Important;
}

.ms5schedcardcont table tbody tr td a.grid_img_tbarLayer_closed.iconFont {
    color: rgba(255,255,255,.93);
}





/*START stile menu*/
.ms5HeaderMenu>ul>li.menuview_item.parent>a,
.ms5HeaderMenu li.menuview_item:not(.parent)>a{
    margin-right: 2px;
    border-radius: 4px;
    transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
}
.ms5HeaderMenu>ul>li.menuview_item.parent.opened:hover>a {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

li.menuview_item>ul.liv_1 {
  padding: 5px!important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}


.ms5HeaderMenu .menuview_modern li.menuview_item:hover > a  {
	background-color: #02A8F3;
  color: rgba(255, 255, 255, .93);
}


.ms5HeaderMenu>div>ul {
	background-color: #005DA0 !important;
}


.hoverable .ms5HeaderMenunew.menuview_modern li.parent:hover > a, 
.ms5HeaderMenunew.menuview_modern li.selected > a, 
.hoverable .ms5HeaderMenunew.menuview_modern li.parent:hover a:hover {
    background-color: #02A8F3;
	/* background-color: #574576; */
    color: rgba(255, 255, 255, .93);
}


.ms5HeaderMenunew.menuview_modern a {
    display: flex;
    align-items: center;
    text-decoration: none!important;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 13px;
    color: #005DA0;
    padding: 10px;
    transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
}




.ms5HeaderMenunew>div>ul {
	background-color: var(--bs-body-bg); !important;
	color: #574576 !important;
}



.ms5HeaderMenunew .menuview_modern li.parent > ul{
    background-color: var(--bs-body-bg);
    border-width: 5px 0px 0px 0px;
    border-style: solid;
    border-color: var(--bs-body-bg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    display: none;
}
/*FINE stile menu*/

.ms5HeaderMenunew .menuview_modern li.parent > ul{
	display:  table!important;
}


.hamburgermenu:hover:after {
  font-weight: 600 !important;
}

/*/////////////FINE PREFERITI CARDS////////////////////*/
.labelMask div {
  font-weight: bold;
  font-size: 112%;
}
a:has(>span.custom_toolbar_item_title:empty) {
  display: none;
}
div.tile_container.Tile {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  position: relative;
  top: 7px;
  border-radius: 3px;
}
a[title~="$hideBtn$"] {
  display: none;
}


/*stile al grid pivot*/
.drilldown .drillbox.drillboxconf.rows,
.drilldown .drillbox.drillboxconf .columns,
.drilldown .drillbox.drillboxconf.measures,
.drilldown .drillbox.drillboxconf .fields {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 3px;
}



  .zeropadding thead td,
  .zeropadding tbody td {
    padding: 5px 2px 0px 3px !important;
}

.zeropadding tbody tr {
  height: auto!important;
}
table.drilldown_table {background-color: #FFFFFF;}

td.td-bigtotal,
td.td-subtotal,
td.td-row-subtotal,
td.td-row-bigtotal
{
    background-color: #fbfbfb !important;
}

.oimpa-single-field-C.oimpa-single-field-dimension.row-field.ui-sortable-handle.ui-draggable.ui-draggable-handle {
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

/*css per label dedicati ai totalizzatori*/

input.totalLabel {
  border-color: transparent;
  height: calc( 100% - 16px)!important;
  background: transparent;
}

input.totalLabel:hover {
  border-color: transparent!important;
}

span:has(>.totalLabel):after {
  content: attr(title);
  position: relative;
	font-size:18px;
  top: -8px;
  left: 8px;
  color: white;
}
span:has(>.backRed) {
  background: #d11515!important;
}

span:has(>.backBlue) {
  background: #187acf!important;
}
span:has(>.backGreen) {
  background: #00cf47!important;
}

span:has(>input.totalLabel) {
  border-radius: 3px;
  font-size: 100%;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.hoverable .textbox.totalLabel:hover {
  border: transparent!important;
  /*transform: translate(0px,-1px);*/
}

.txtMemo{
box-shadow: rgba(201, 201, 201, 0.4) -3px -4px 7px 2px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
border-radius: 4px;
border: 1px solid rgb(205, 205, 205);
}

.hoverable .SPPortalZoomBaseMenu_content li:hover {
  background-color: rgb(134 134 134 / 54%);
  border-radius: 4px;
}

.hoverable .SPPortalZoomBaseMenu_content li {
  transition: all 200ms cubic-bezier(.23, 1, 0.32, 1);
}
.SPPortalZoomBaseMenu_content li[id*="action"] {
  border:1px solid grey;
  border-radius:4px;
  margin:2px;
} 
div.menuview_flat>ul>li>a {
  font-weight: 500;
  font-size: 13px;
}

textarea.textbox {
  border-radius: 5px;
  box-shadow: rgb(220 220 220 / 65%) 2px 2px 2px 0px inset, rgb(255 255 255 / 26%) -3px -3px 6px 1px inset;
  border: 1px dashed #cacaca85;
}

textarea.noresize,
.noresize textarea{
  resize: none;
}


/*Icona per menu panettone su xzoom o grid*/
.xzoom-table-td-menu-icon:after {	
	font-family: icons8_win10;
	margin-right: 10px;
	color:rgb(0 0 0 / 70%);
	content: "\ED44";	
	font-size: 20px;
	width: 15px;
    height: 15px;
	
}
.cardDoc:has(>.testaDoc.tdoOL) {
  height: 115px !important;
  width: 240px !important;
}


.grid .grid_orderby_ico {
  top: 4px;
}

/*Per fissare a fit-content tutte lea aree flex*/
 .flexArea .row .wrap{
    height:fit-content;
}

/*Per fissare la larghezza massima della zona central main*/
.MainAreaCentral div{height:initial;}

.hoverable .menuview_modern li.parent a{
  padding: 6px 10px;
}
a.imgopen_ctrl {
  cursor: pointer;
}
span.bold>div {
  font-weight: bold;
}

.minicheck input {
     /*display: none; */
	 visibility:hidden;
}

.minicheck input:before {
    content: '\f10c';
    font-family: fontawesome-webfont;
    font-size: 19px;
    visibility:visible;
    color: #0ca3db;
}
.minicheck input:checked:before {
    content: '\f058';
}
.minicheck input:after {
    content: 'a';
    background: transparent;
    color: transparent;
    width: 150px;
    height: 30px;
    visibility: visible;
    display: block;
    cursor: pointer;
    z-index: 1;
    position: relative;
    top: -20px;
}

.minicheck td {
    padding: 3px!important;
}


.grid .grid_rowselected {
	background: transparent!important;
}
.grid div.minicheck.grid_card_container:has(>table .grid_rowselected){
	background: transparent!important;
	/*border:2px solid #4545d7*/
	border:2px solid #c9c9ed;
}

.grid div.minicheck.grid_card_container:has(>table .grid_row input:checked ),
.grid div.minicheck.grid_card_container:has(>table .grid_rowodd input:checked ){
	border:2px solid #4545d7!important;
}

.grid.gridbicolor .grid_rowodd{
    background-color: #e9e9e9!important;
}

.grid.gridbicolor .grid_cell{
    border-block: none;
}
tr.grid_rowodd + tr.grid_row>td {
  border-top: 1px solid #57889ca8!important;
}
tr.grid_row + tr.grid_rowodd>td {
  border-top: 1px solid #57889ca8!important;
}

.grid .grid_rowodd td,.grid .grid_row td {
  border-bottom: transparent!important;
}

/*        INPUT IMPORTANTE*/
input.importante:placeholder-shown{
  border: 2px solid red;
}
input.importante:hover:placeholder-shown{
      border: 1px solid red;
}
input.importante::placeholder {
  visibility: hidden;
}



/*Piano conti inizio treeview*/
span.treetvpcodes {
	font-family: 'Roboto';
    font-size: small;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
}

span.treetvpcocod {
	font-family: 'Roboto';
    font-size: small;
	font-weight: 600;
}


.combo-container-card {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 100%;
}

.card-option-cbx {
  flex: 1 1 calc(25% - 1rem); /* 4 card per riga con gap */
  min-width: 150px;
  max-width: 250px;
  border: 2px solid #ccc;
  padding: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  background-color: white;
}

.card-option-cbx:hover {
  border-color: #007bff;
  background-color: #f0f8ff;
}

.card-option-cbx.selected {
  border-color: #007bff;
  background-color: #007bff;
  color: white;
}



/*Modifica per imobile maskparameter*/
.mobile.tablet .lside {

    display: table-row;

}