:root {
  --color1: #cc0000;
  --color2: #ECECEC;
  --color3: #444444;
  --color4: #ECECEC;
}

div#bg_image img {
    object-fit: cover;
}
.ACTION {
    background-color: var(--color1) !important;
}
.BOX_ACTION{
    background-color: var(--color1) !important;
}
#top #btn_leftbar {
  color: var(--color1) !important;
  font-size: 37px !important;
  top: 2px;
}
#top #header{
  background-color: var(--color2);
  color: var(--color3);
}
/**/
div.F4M_SEARCH .BOX_CRITERIA {
    background-color: var(--color1);
    background-color: color-mix(in srgb, var(--color1) 40%, transparent);
}
/**/
div#bg_image div.bg_title {
    background-color: color-mix(in srgb, var(--color1) 40%, transparent) !important;
}
div#bg_image.light div.bg_title {
    opacity: 1;
}

@media only screen and (max-width: 1024px){
  div#bg_image div.bg_title {
      padding-right: 0px;
      text-align: center;
  }
}
/**/
div.sub_menu {
    background-color: color-mix(in srgb, var(--color1) 40%, transparent);
}
div.login div.BOX.box_login div.trap {
    background-color: color-mix(in srgb, var(--color1) 70%, transparent) !important;
}
div.login div.BOX.box_login div.tria {
    border-top: 50px solid color-mix(in srgb, var(--color1) 70%, transparent) !important;
}
div.login div.BOX.box_login div.btnOk {
    background-color: var(--color1) !important;
    color: #ffffff !important;
}
/**/
#leftbar div.F4M_MENU[doubleBorderDown] {
    border-bottom: 3px double var(--color1) !important;
}
#leftbar div.F4M_MENU[doubleBorderUp] {
    border-top: 3px double var(--color1) !important;
}

#leftbar div.F4M_MENU[kind='SEPARATOR'] {
    background-color: color-mix(in srgb, var(--color1) 20%, #FFFFFF);
    border-bottom: 1px solid var(--color1);
}
#leftbar div.F4M_MENU {
    border-top: 1px solid var(--color1);
    background-color: #FFFFFF;
}
#leftbar div.F4M_MENU.SYS{
  background-color: var(--color4);
  border-top: 1px solid var(--color1);
  color: var(--color3);
}
div#leftbar {
    border-right: 1px solid var(--color1);
}
div#rightbar {
    border-left: 1px solid var(--color1);
    background-color: var(--color2);
}
#top #btn_rightbar {
    border: 1px solid var(--color1) !important;
    color: var(--color1) !important;
}
#rightbar {
    border-top: 1px solid var(--color1) !important;
}
#rightbar div[f4m_type='ICON']{
  background-color: #efefef;
}
#rightbar div[f4m_type='ICON'] .TD.close {
    color: var(--color1) !important;
    border-left: 1px solid var(--color2) !important;
}
#rightbar div[f4m_type='ICON'] {
    border-bottom: 1px solid var(--color2);
}
span.lbl_fx {
    color: var(--color1) !important;
    color: color-mix(in srgb, var(--color1) 70%, #000000) !important;
}
div.sub_menu div.btn span.button {
    color: var(--color1) !important;
}
.BOX .TAB {
    border: 1px solid var(--color1);
    overflow: initial !important;
}

div.sub_title div.btn span.button {
    color: var(--color1);
}
div.sub_title.have_btn {
    background-image: linear-gradient(to right, color-mix(in srgb, var(--color1) 0%, transparent), color-mix(in srgb, var(--color1) 50%, transparent) 90%);
    border-top: 1px solid rgba(192,192,192,0.8);
}
/**/
div.f4m_wrap_file .box_button_add {
    background-color: var(--color1);
}
div.f4m_wrap_file .box_button_delete {
    background-color: var(--color1);
}
div.f4m_wrap_image .box_button_add {
    background-color: var(--color1);
}
div.f4m_wrap_image .box_button_delete {
    background-color: var(--color1);
}
div.f4m_wrap_searchcombo .f4m_searchcombo_box_icon {
    background-color: var(--color1);
}
div.f4m_wrap_searchcombo .f4m_searchcombo_box_edit {
    background-color: var(--color1);
}
div.f4m_wrap_date .f4m_date_picker {
    background-color: var(--color1);
}
.group_checkbox a.fcs_group_checkbox:focus > label{
    outline: 0;
    text-shadow: 1px 1px 5px rgba(57, 69, 137, 0.43), -1px -1px 5px rgba(57, 69, 137, 0.43); 
}
.group_radio a.fcs_group_radio:focus > label{
    outline: 0;
    text-shadow: 1px 1px 5px rgba(57, 69, 137, 0.43), -1px -1px 5px rgba(57, 69, 137, 0.43);   
}
/**/
select:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus{
    border-color: #87a105 !important;
}
/**/
div[f4m_collapser][status="close"] {
  background-color: var(--color2) !important;
}
div[f4m_collapser] div[closer]{
    background-color: var(--color2) !important;
    color: white !important;
}
div[f4m_collapser] div[opener]{
    background-color: var(--color1) !important;
    color: white !important;
}

div#bg_image img.bg_oriz , div#bg_image img.bg_vert {
    object-fit: cover;
}

body div.dash table.WRAPPER div.BOXER {
  background-color: color-mix(in srgb, var(--color1) 20%, transparent);
}

body div.dash .opener {
	background-color: var(--color1);
}

.big_btn {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: color-mix(in srgb, var(--color1) 20%, transparent);
    border: 2px solid var(--color1);
    border-radius: 5px;
    color: var(--color1);
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    
    transition: color .2s, background-color .2s;
}
.big_btn:hover {
    background-color: #00a0e7;
    color: #ffffff;
}

.F4M_Ricerca_Prenotati .btnBack {
	border-left: none;
}

/**/

div[f4m_type="GRID"] table td[valign=center] {
  vertical-align: middle;
}
div[f4m_type="GRID"] table td[type=IMG] {
  width: 100px;
  min-height: 100px;
  padding: 0;
}