@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.prg-datagrid-user-blocked {
  background-color: rgba(241, 160, 160, 0.36);
  border-bottom: 1px solid #C6C6C6;
  font-size: 12px;
  height: 40px;
}
#megaPromo {
    position: relative;
    width: 646px;
}
#megaPromo-button-prev, #megaPromo-button-next {
    position: absolute;
    top: 130px;
}
#megaPromo-button-prev {
    float: left;
    left: 10px;
}
#megaPromo-button-next {
    float: right;
    right: 10px;
}


/*modall*/
.banner-content {
    height: 400px;
    overflow: hidden;
}
 .modal {
    display: none; /* Hidden by default */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

 .Prg-bannerPopup > span.title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 840px;
    color: #222;
    position: absolute;
    top:0;
    padding:1rem
 }

 .Prg-bannerPopup > span.text  {
    padding:1rem;
    height: 280px;
    overflow: hidden;
    line-height: 20px;
    display:block;
 }
 
/* Modal Content/Box */
#bannerPopup .modal-content {
    margin: 3% auto;
    width: 900px;
}

.modal-content {
    margin: 3% auto;
}

.modal-content .close:hover,
.modal-content .close:focus {
    color: #C6C6C6;
    text-decoration: none;
    cursor: pointer;
}


/*****  STRUCTURE AND GENERAL CLASSES  *****/

#up {
    background: #014164;
    min-width: 1170px;
}

#up_corpo {
    min-width: 1170px;
}
 
    #plateContainer
    {
        display:none;
    }

#Searchcontainer {
    display: none;
    width: 390px !important;
} 


#down_body {
    min-width: 1170px;
    padding-bottom: 3rem;
}

#down_body_int {
    min-width: 1170px;
    height: calc(100vh - 40px);
}

#down_center_int {
    min-width: 890px;
    margin-left: 280px;
    min-height: calc(100vh - 40px);
    padding-bottom: 50px;
}

    #down_center_int #mainUP {
        height: 58px;
        background: #E4E4E4;
    }

/*#mainUP {
    margin-left:280px;
}*/

#main {
    transition: margin .3s cubic-bezier(0,0,.2,1);
    transform: translateZ(0);
}

#mainWait {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: rgb(0 0 0 / 40%);
    right: 0;
    text-align: center;
    display: flex;
}

#mainWaitMessage {
    color: #fff;
    font-size: 17px;
    padding: 5px;
    margin-top: 10px;
    text-shadow: 0 0 7px #000;
    max-width: 350px;
}

    #mainWait .fas {
        text-shadow: 0 0 10px #484848;
    }

.prg-button-disactive {
    background: #d8d8d8;
    border: #d8d8d8;
    color: #9f9f9f;
    cursor: default !important;
}

.prg-button-disactive:hover {
    background: #d8d8d8;
    border: #d8d8d8;
    color: #9f9f9f;
    cursor: default !important;
}

#btn-openToolbar {
    cursor: pointer;
}

/******* CONTENT WIDGET COLONNA SX INTERNO *******/
#tb_Searchcontainer {
    padding: 9px;
}

    #tb_Searchcontainer .Prg-internalBanner, #tb_Searchcontainer .Prg-internalBanner img {
        width: 100% !important;
        height: auto !important;
    }

#toolbar {
    display: none;
    background: #003a5c;
    min-height: calc(100vh - 40px);
    overflow: hidden;
    width: 280px;
}
     
      #tb_Menu
      {
          padding:15px
      }


/**********************  FORMAT TABELLE   ************************/

.table th, .table td {
    vertical-align: middle;
    font-size: 0.75rem
}

.img_print_command {
    cursor: pointer;
    width: 35px;
    height: 32px;
}



/*********************  PAGING  ***********************/

 .paging{
    margin: 1em 0;
    padding: 0;
    list-style: none;
    text-align: center;
    
        }

.linkPaging{
    display: inline;
    margin-right: 0.5em;
}

.paging p{text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 0 3px;
    text-decoration: none;
    color:#222;
    }


.paging p:hover{
    background: #FFF;
}

.paging #linkCurrentPage{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: red;
    cursor: default;
}

/******** FILTER ***********/

#dv_filters_title { background: #ccc; font-weight:bold; padding: 5px; }
#dv_filters { background:#efefef; border:1px solid #ccc; padding: 10px; }
#dv_filters #dv_filters_actions { text-align:right; }
#dc_dataGrid_Filter { width:100%; }
#adc_destinations {width:560px}
#dv_filters #adc_actual_filter_container { font-size:10px; font-style:italic; margin:10px 0 10px 0; } 
#dv_filters #adc_actual_filter_container #adc_actual_filter_label { font-weight:bold; }
#dv_filters #adc_actual_filter_container #adc_actual_filter { font-size:10px; font-style:italic; }
#adc_destinations {width:560px}
 


*[event="true"] {
    cursor: pointer;
}

*[event="false"] {
    cursor: auto;
}



/****************** DEFAULT *********************/

html, body {
    position:relative;
    height:100%;
}

ul 
{
    margin:0;
    padding:0;
    list-style:none
}

h1, h2, h3 {margin:0; padding:0}

.clear {clear:both; display:block}
.left {float:left}
.right {float:right}

a {cursor:pointer}

.prg-link 
{
  cursor: pointer; 
}

.prg-span-selectbox 
{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:80%; display:block; 
}

.page_square_title {
    color: #AE1523;
    padding: 1rem;
}

.page_square_title h1 { font-size: 1.3rem}

.menu_title 
{
    margin-bottom: 1rem;
    color:#fff;
}
.menu_title h1  
{
    font-size: 1.3rem;
}


#boxContainerAddRowButton { text-align:right; }



/* PAGINA DATI */
.dati_table{ position:relative; width:100%; }
.dati_table th,
.dati_table td{ padding:5px; text-align:left; }
.dati_input{ background-image:url(/images/campo_form_extra_large.png); background-repeat:no-repeat; background-position:top; width:369px; height:25px; padding:3px 5px; border:0; }
.dati_input_select{ position:relative; float:left; background-image:url(/images/campo_form.png); width:379px; height:32px; }
.dati_table span{ font-weight:bold; font-size:12px; }
.dati_bg_top_section{color:#323335; font-size:13px; padding:10px; background:#ccc; margin-bottom:10px }



/************** classi select jquery ********************************************/

button.ui-multiselect {
    border: 1px solid #ced4da;
    background: #fff;
    height: 35px !important;
    width: 100% !important;
    position: relative;
    font-size: 0.8rem;
    border-radius: 0;
}
button.ui-state-disabled {background:#eee; border:1px solid #CCCCCC; color:black}
button.ui-state-hover, button.ui-state-active, button.ui-state-focus {color:#0e0e0e; background:#eee;}
div.ui-widget-header {background:#B21624; border:none; border-radius:0}

div.ui-multiselect-menu label.ui-state-hover, div.ui-multiselect-menu label.ui-state-active, div.ui-multiselect-menu label.ui-state-focus 
{
    background: #DDDDDD;
    border: 1px solid #0e0e0e;
    color: #0e0e0e;}

/***************MULTISELECT************************************************************/

.ui-multiselect {text-align:left; margin-left:0; padding:0 0 0 6px}
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left;
    border-radius: 0;
    box-shadow: 0 8px 12px rgba(0,0,0,0.6);
}
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll; }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none; }



/*************************************************************************************/


/*******************FILTER*************************************************************/

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/********* SELECT BOX **********************/

.ui-select-freccia {
    display: block;
    height: 30px;
    background: transparent url("/Images/frecciaSelect.png") no-repeat scroll 0px 0px;
    width: 32px;
    position: absolute;
    top: -1px;
    right: -1px;
}

.intestazione{ cursor: pointer;}

span.ui-widget {
    float:left;
    cursor:pointer;
}

#tb_OpenClosebox {
    background: #003a5c;
}

.triangoloEq {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #005b8d;
    -moz-transform: rotate(180);
    -webkit-transform: rotate(180);
    -ms-transform: rotate(180);
    -o-transform: rotate(180);
    transform: rotate(180);
    margin: 0 auto;
    display: none;
}

.clipPartsDown, .art_clipPartsDown, .art_clipPartsUP {
    padding: 15px 20px;
    background: #787878;
    color: #fff;
    text-align: center;
    font-size: 16px;
    display:none;
}

.art_clipPartsUP {
    background: #67c380 !important;
}

.clipPartsDown img, .art_clipPartsDown img, .art_clipPartsUP img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px;
}

.art_clipPartsDown, .art_clipPartsUP {
    margin-bottom: 15px;
}

#dialogAlert {
    max-height: 600px !important;
    min-height: 100px !important;
    height: auto !important;
}

#dialogAlert h1 {
    font-size: 1.25rem
}

.ui-dialog {
    top: 20% !important
}

#div_list_other_graphics {
    position: absolute !important;
    background: white;
    border: solid 0.5px;
    z-index:100000;
}

#div_list_other_graphics li{
    cursor:pointer;
    padding:10px;
}

    #div_list_other_graphics li:hover {
        background: #759ebb;
    }



.cp-listino {
    margin-right: 0.3rem;
    margin-top: -0.2rem;
}

.td-listino {
    background: #336c873d;
}

.display-flex {
    display: flex;
}

.dialogButton {
    min-width: 48px;
}

.cursor-pointer {
    cursor:pointer;
}

.me-auto {
    margin-right: auto !important;
}

.ms-auto {
    margin-left: auto !important;
}