@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
html,body{ margin: 0; padding: 0; width: 100%; height: 100%; min-width: 600px; color: black; font-family: 'Urbanist', sans-serif; }
button:focus{outline: none;}
.cursor_pointer{cursor: pointer;}
/*----- Float left or right -----*/
.float_right{float: right;}
.float_left{float: left;}
/*----- width percentuale -----*/
.width_100_perc{width: 100%;}
.width_94_perc{width: 94% !important;}
.width_95_perc{width: 95% !important;}
.groups_div_cells{width: 100% !important;}
/*----- TEXT ALIGN CSS -----*/
.text_align_center{text-align: center !important;}
.text_align_left{text-align: left;}
.text_align_right{text-align: right;}
/*----- border color CSS -----*/ 
.border_column{border: 1px solid grey;}
.selected_img{border: 1px solid #e8037e;}
.no_border{border: none !important;}
/*----- padding CSS -----*/
.padding_0_top{padding-top: 0px !important;}
.padding_0{padding: 0px !important;}
.padding_2{padding: 2px !important;}
.padding_5{padding: 5px;}
.padding_15{padding: 15px;}
.padding_19{padding: 19px;}
.padding_25{padding: 25px;}
/*----- padding bottom CSS -----*/
.padding_bottom_15{padding-bottom: 15px;}
/*----- padding top CSS -----*/
.padding_menu_dash{padding-top: 10px;}
.padding_top_15{padding-top: 15px;}
.padding_top_25{padding-top: 25px;}
/*----- width CSS -----*/
.width_100px{width: 100px !important;}
.width_165px{width: 165px !important;}
.width_300px{width: 300px !important;}
.margin_auto{margin-top: auto;}
/*----- margin-left CSS -----*/
.margin_left_0px{margin-left: 0px;}
.margin_left_25px{margin-left: 25px;}
.margin_left_60px{margin-left: 60px;}
.margin_left_75px{margin-left: 75px;}
/*----- margin-top CSS -----*/
.margin_top_0px{margin-top: 0px !important;}
.margin_top_25perc{margin-top: 25%;}
.margin_top_2px{margin-top: 02px;}
.margin_top_5px{margin-top: 05px;}
.margin_top_10px{margin-top: 10px;}
.margin_top_12px{margin-top: 12px;}
.margin_top_15px{margin-top: 15px;}
.margin_top_20px{margin-top: 20px;}
.margin_top_29px{margin-top: 29px;}
.margin_top_50px{margin-top: 50px;}
.margin_top_110px{margin-top: 110px;}
/*----- margin-right CSS -----*/
.margin_right_10px{margin-right: 10px;}
/*----- margin-bottom CSS -----*/
.margin_bottom_0px{ margin-bottom: 0px;}
.margin_bottom_10px{margin-bottom: 10px;}
.margin_bottom_25px{margin-bottom: 25px;}
.margin_bottom_29px{margin-bottom: 29px;}
.margin_bottom_60px{margin-bottom: 60px;}
/*----- min-width CSS -----*/
.min_width_col{min-width: 535px;}
.min_width_0{min-width: 0px;}
.overflow_hidden{overflow: hidden;}
.bold_label{font-weight: bold;}
/* ----- display settings -----*/
.display_none{display:none;}
#btn_next_group.hide_btns:after{display:none;}
.btn_web{display: block;}
.btn_mobile{display: none;}
/*----- Font size and style -----*/
.courier_new_font{font-family:'Courier New', Courier, monospace;}
.font_size{font-size: 30px;}
.font_size_14px{font-size: 14px;}
.color_type_cells_label{color: red;}
.inside_div{margin-right: 0px; margin-left: 0px;}
.pos_relative{position: relative;}
.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/*----- Button colors by cells_type -----*/
.btn_disabled{background-color: #8b898a !important;color: #000 !important;}
.val_UNKNOWN { background-color: #8b898a; color: white; z-index: 2;}
.val_UNCLASSIFIED {background-color: rgb(45, 14, 49); color: white; z-index: 2; }
.val_NEUTROPHIL{background-color: #FF8000; color: white; z-index: 2;}
.val_LYMPHOCYTE{background-color: #FF0000; color: white; z-index: 2;}
.val_EOSINOPHIL{background-color: #ff00ff; color: white; z-index:2;}
.val_BASOPHIL { background-color: yellow; color: black; z-index: 2;}
.val_MONOCYTE {background-color: #008a00; color: white; z-index: 2; }
.val_MYELOCYTE{background-color: #00ffff; color: white; z-index: 2;}
.val_METAMYELOCYTE{background-color: white; color: black; z-index: 2;}
.val_PROMYELOCYTE{background-color: #1e90ff; color: white; z-index:2;}
.val_BLAST { background-color: #FFC0C0; color: black; z-index: 2;}
.val_PLASM {background-color: #c0ffc0; color: black; z-index: 2; }
.val_LYMPHO-ABNORMAL{background-color: #ffc0ff; color: white; z-index: 2;}
.val_LYMPH-ABNORMAL{background-color: #ffc0ff; color: white; z-index: 2;}
.val_SMASHED{background-color: #03fcd3; color: white; z-index: 2;}
.val_ARTIFACT{background-color: #fcba03; color: white; z-index: 2;}
.val_PLATELET{background-color: #d195ce; color: white; z-index: 2;}

/*----- PAGINA LOGIN -----*/
    #body_login{height:100%;  background-image: linear-gradient(to left top, #d60cc5, #ee2e6f, #d16a44, #a98b52, #939b80); }
    .logo_NTP{position: absolute; width: 100%; height: 120px; background: transparent url("../img/NTPlogoBNW600px.png") no-repeat 50% 50%; background-size: contain; float: left; margin-top: 33%;}
    .container_form{ background: #fff; width: 410px; padding: 30px;   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; margin-top: 33%;}
    .container_form .close-btn{ font-size: 18px; cursor: pointer; float: right; }
    .container_form .close-btn:hover{ color: #3498db; }
    .container_form .text{ font-size: 35px; font-weight: 600; text-align: center; }
    .container_form form{ margin-top: -20px; }
    .container_form form .data{ height: 45px; width: 100%; margin: 40px 0; }
    form .data label{ font-size: 18px; }
    form .data input{ height: 100%; width: 100%; padding-left: 10px; font-size: 17px; border: 1px solid silver; }
    form .data input:focus{ border-color: #3498db; border-bottom-width: 2px; }
    form .btn{ margin: 30px 0; height: 60px; width: 100%; position: relative; overflow: hidden; }
    form .btn .inner{ height: 100%; width: 100%; z-index: -1; transition: all 0.4s; }
    form .btn:hover .inner{ left: 0; }
    form .btn button{ height: 100%; width: 100%; background-color: #e8037e; border-radius: 25px; border: none; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; }
    .input_message{width: 100%; height: 100%; backdrop-filter: blur(10px); position: absolute; left: 0; top:0; z-index: 2;}
    .alert{ position: fixed; top: 10px; z-index: 1020; left: 50%; width: 600px; margin-left: -300px; }
    /*----- PAGINA HOMEPAGE -----*/
    .container_menu_icon{text-align: center; width: 25px; margin-top: 25px; } /* margin-left: 30px;*/
    .container_menu_icon>.icon_menu{width: 25px; height: 25px;background: transparent url("../img/menu_icon.png") no-repeat 50% 50%; background-size: contain;}
    .container_menu_icon>.icon_menu:hover{cursor: pointer;}
    .container_title>label{margin-top: 10px; float: left; font-size: 40px; color: #e8037e; font-family: 'Urbanist', sans-serif; font-weight: bold; letter-spacing: 2px;}
    .btn_comands_top{background-color: #e8037e; border-radius: 25px; width: 100%; height: 45px; border: none; color: white; cursor: pointer;}
    #btn_previous_group::before{ background-image: url('../img/left-arrow.png'); background-size: 23px; width: 23px; height: 19px; content: ""; background-repeat: no-repeat; float: left;}
    #btn_next_group::after{ background-image: url('../img/next.png'); background-size: 23px;  width: 23px; height: 19px; content: ""; background-repeat: no-repeat; float: right;}
    .cont_label{width: 100%; text-align: center; font-size: 28px; font-weight: 100;}
    .bi-chevron-down{color: #e8037e;}
    .container_label_help{float: right; cursor: pointer; }
    .container_label_help>label{color: #e8037e; font-size: 18px; font-weight: bold;cursor: pointer;}
    .container_help{width: 100%;  animation: showMe 0.8s forwards; border: 1px solid darkgrey; padding: 20px;margin-bottom: 20px;}
    .container_help.display_none{opacity: 0;}
    @keyframes showMe{ 0%{ opacity: 0; } 100%{ opacity: 1; } }
    .container_label_0results{ text-align: -webkit-center; margin-top: 15%; font-size: 48px;}
 /*-- Contenitore cellule pagina dashboard --*/
    .container_group_cells{width: 100%; border: 1px solid darkgray; padding: 20px; min-width: 550px;}
    .container_images{width: 310px; height: 310px; float: left; border: 1px solid darkgray; position: absolute; padding: 4px;}
    #image_selected_big{position: absolute; left: 4px;}
    .image_cells{width: 100%; height: 100%; padding: 5px;} 
    .valore_cell{position: absolute; top: 0; left: 0; width: 100px; height: 40px; font-size: 12px; border-bottom-right-radius: 5px; line-height: 40px; opacity: 0.9; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
    .valore_cell.val_mini_gallery{ width: 89%; height: 25px; line-height: 25px;left: 5px; top: 5px; overflow: hidden;}
    .div_num_cell{ background-color: darkgrey; color: white; position: absolute; bottom: 5px; width: 75px; height: 25px; line-height: 25px;opacity: 0.7;}
    .minigallery{ background-color: white; color: black; width: 95%; height: 18px; line-height: 18px; font-size: 14px;}
    .minigallery.grande_img{left:9px; bottom: 9px;}
    .title_stack{width: 100%; height: 35px; color: white; background-color: #e8037e; font-size: 12px; line-height: 35px;}
    .title_max_stack{width: 100%; text-align: center; color: white; font-size: 12px; padding: 5px;}
    .range_track{width: 60px; height: 310px; float: right; border: 1px solid darkgray;margin-right: 40px;}
    input[type=range] { -webkit-appearance: slider-vertical; width: 8px; height:calc(100% - 110px); padding: 0 5px; cursor: pointer; opacity: 0.7; }
    input[type=range]:focus { outline: none; }
    input[type=range]::-webkit-slider-runnable-track { cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #ddb9b9; border-radius: 25px; border: 0px solid #000101; }
    input[type=range]::-webkit-slider-thumb { color: white; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 0px solid #000000; height: 20px; width: 39px; border-radius: 7px; background: #b64766; cursor: pointer; -webkit-appearance: none; margin-top: -3.6px; }
    input[type=range]:focus::-webkit-slider-runnable-track { background: #ddb9b9; }
    input[type=range]::-moz-range-track { cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #ddb9b9; border-radius: 25px; border: 0px solid #000101; }
    input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 0px solid #000000; height: 20px; width: 39px; border-radius: 7px; background: #b64766; cursor: pointer; }
    input[type=range]::-ms-track { width: 100%; height: 12.8px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 39px 0; color: transparent; }
    input[type=range]::-ms-fill-lower { background: #ddb9b9; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }
    input[type=range]::-ms-fill-upper { background: #ddb9b9; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }
    input[type=range]::-ms-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 0px solid #000000; height: 20px; width: 39px; border-radius: 7px; background: #b64766; cursor: pointer; }
    input[type=range]:focus::-ms-fill-lower { background: #ddb9b9; }
    input[type=range]:focus::-ms-fill-upper { background: #ddb9b9; }
    .btns_images_cells{width: 100%; height:22px; background-color: #e8037e; display: none;}
    #btn_fit_window{background-color: #e8037e; color:white; float: left; width: 50%; height: 100%; border: none; border-right: 1px solid white;}
    #btn_one_to_one{background-color: #e8037e; color:white; float: left; width: 50%; height: 100%; border: none; }
    .container_gallery_images{width: 100%;}
    div.gallery:hover { border: 1px solid #777; cursor:pointer; }
    div.gallery img { width: 100%; height: 100%; }
    .container_popup{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(227, 8, 126,0.7) url("../img/bgpopwhite.png"); color: #E4E4E4; z-index: 2; }
    .container_popup>.container_div_popup{width: 700px;background-color: rgba(243, 246, 248);  margin: auto; margin-top: 75px; padding: 25px;}
    .container_commands{width: 410px; height: auto; margin: auto; margin-top: 20px;}
    .row_btns_cells{margin: 0;margin-top: 5px;}
    .container_commands>.row{margin: 0;}
    .container_commands>.row>.min_width_col{min-width: 0px;}
    .btn_popup{ width: 25px; height: 25px; background: transparent url("../img/close_pink.png") no-repeat 50% 50%; background-size: contain; float: right; margin-top: 10px;  margin-right: 10px; border: none; cursor: pointer; }
    .btn_div_popup{min-width: 0px; width: 100%;}
    .col_web{display: block;}
    .col_mobile{display: none;}
    .filter_type_mobile{font-size: 18px;}
    .subtittle{font-size:1.2em; color:#e8037e; font-weight:bold; text-align:left; width:100%; margin-bottom:10px; }
    .menuCellTypes{width:100%; }
    .menuCellTypes .menuCol1{ width:75px; display:inline-block; margin-right:10px; }
    .menuCellTypes .menuCol2{ width:90px; display:inline-block; margin-right:10px; }
    .menuCellTypes .menuCol3{ width:80px; display:inline-block; margin-right:30px; }
    .menuCellTypes .menuCol4{ width:calc(100% - 310px); display:inline-block; overflow:hidden; }
    .menuCellTypes .menuCol4 i{display:block; font-size:0.9em; line-height:1.1em; font-style:normal; font-family:Consolas; color:#444; white-space: nowrap; text-overflow: ellipsis;  }
    .menuCellTypes .menuCol4 i b{margin-right:5px; color:#222;}
    .menuCellTypes .btnCellType{ width:100%; background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); background-color:#f9f9f9; margin-bottom:10px; text-align:center; border-radius:15px; overflow:hidden; border:2px solid #555; cursor:pointer; position:relative; white-space: nowrap; text-overflow: ellipsis;  }            
    .menuCellTypes .menuCol1 .btnCellType{line-height: 59px;  font-size:1.1em; font-weight:bold;}
    .menuCellTypes .menuCol2 .btnCellType{line-height: 47px;  font-size:1.0em; font-weight:bold;}
    .menuCellTypes .menuCol3 .btnCellType{line-height: 40px;  font-size:1.0em; }
    .menuCellTypes .btnCellType.M{ color:#008a00; border:2px solid #008a00;}
    .menuCellTypes .btnCellType.L{ color:#ff0000; border:2px solid #ff0000;}
    .menuCellTypes .btnCellType.N{ color:#ff8000; border:2px solid #ff8000;}
    .menuCellTypes .btnCellType.E{ color:#ff00ff; border:2px solid #ff00ff;}
    .menuCellTypes .btnCellType.B{ color:#5500b3; border:2px solid #5500b3;}
    .menuCellTypes .btnCellType.MIEL,
    .menuCellTypes .btnCellType.MET,
    .menuCellTypes .btnCellType.PROM{ color:#000;}
    .menuCellTypes .btnCellType.BL,
    .menuCellTypes .btnCellType.PL,
    .menuCellTypes .btnCellType.LA{ color:#000;}
    .menuCellTypes .btnCellType.PLT{ color:#27a8f3; font-weight:bold; }
    .menuCellTypes .btnCellType.UNK,
    .menuCellTypes .btnCellType.ART,
    .menuCellTypes .btnCellType.SMA{ background:linear-gradient(to bottom, #333 5%, #666 100%); background-color:#2e466e; color:#FFF;}
    .menuCellTypes .btnCellType:hover{ border:2px solid #00C; color:#00C; background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); background-color:#e9e9e9; }
/*----- PAGINATION ALL ADMIN PAGES -----*/
    .container_all_pages{overflow: hidden; max-width: 958px;}
    .container_all_pages>.numero_pagine{display: flex;  width: 100%;}
    .container_all_pages>.numero_pagine>.page-item>a{background-color: #e8037e; color: white; width: 34px; font-family:'Courier New', Courier, monospace; padding-left: 7px;}
    .container_all_pages>.numero_pagine>.page-item.disabled>a{background-color: #e8037e;color: #8b898a; width: 34px;}
    .container_popoup_search_id{width: 100%; min-height: 750px; position:absolute;background: #000000 url("../img/bgpop.png"); color: #E4E4E4; z-index: 5; padding: 25px;}
    .container_popoup_search_id>.container_div_popup{width: 700px;  background-color: rgba(243, 246, 248);  margin: auto; margin-top: 75px; padding: 25px;}
/*----- PAGINA MENU LATERALE -----*/
    .menu_user{background-color: #e3087e;width: 100%; height: 200%; z-index: 10; position: absolute; top: 0; left: 0; overflow: hidden; animation: mymove 0.2s; animation-timing-function: linear;}
    @keyframes mymove { from {left: -2000px;} to {left: 0px;} }
    .BTN_goout{background-image: url('../img/close\ \(1\).png'); background-size: 40px; width: 40px; height: 40px; content: ""; padding: 0; background-repeat: no-repeat; float: right; border: none; background-color: #e3087e;}
    .BTN_goout:hover{cursor: pointer;}
    .BTN_goout:focus{border: none;}
    .user_photo_menu{width: 125px; height: 125px; border-radius: 50%; float: right; background-color: white;}
    .label_user_menu{color: white; font-size: 20px; letter-spacing: 4px;}
    .btn_signMenu{width: 150px; height: 40px; line-height: 40px; background-color: white; color: red; border: none; border-radius: 25px; position: absolute; float: left; bottom: 0; cursor: pointer;}
    .menu_utente_normale,.menu_utente_admin{width: 100%; text-align: center; color: white; font-size: 25px;letter-spacing: 2px; font-weight: bold;}
    .logo_ntp_aziendale>.image_azienda_menu{width: 250px;}
    .menu_utente_normale>label{cursor: pointer;}
    .menu_utente_admin>label{cursor: pointer;}
/*----- PAGINA MENU DASHBOARD ADMINISTRATOR -----*/
    .container_div{width: 100%;border: 1px solid darkgrey; height: 280px; border-radius: 5px;}
    .container_div>.column_1_user{width: 100%; text-align: center; float: left;}
    .label_title{width: 100%; padding: 28px; padding-bottom: 0px; text-align: justify;}
    .value_div{width: 100%; text-align: center; font-size: 15px; margin-left: 5px;}
    .value_div>.label_admin_dash.result_single_user{margin-left: 5px;}
    .container_btn{width: calc(100% - 30px); position: absolute; bottom: 0; right: 15px; padding: 25px; }
    .label_title>.label_admin_dash{font-size: 17px; color: #e8037e;}
    .tb_find_cells_by_id{border-radius: 10px; margin-left: 35px; margin-top: 35px; border: 1px solid black; text-align: center;}
/*----- PAGINA CELLS NOT ADMINISTERED ADMINISTRATOR -----*/
    .container_label{width: 100%; text-align: center; font-size: 30px;}
    .contenitore_cellule_lista{width: 100%; border: 1px solid darkgray; position: relative;}
    .container_single_cell{width: 100%; height: auto;}
    .container_img{width: 250px; float: left;padding: 8px;}/* margin-left: 10px; margin-bottom: 10px;}*/
    .size_singe_cell_image{width: 90px; height: 90px; float: left; border: 1px solid black; margin-top: 13px;}
    .values_single_cell{float: left; margin-left: 14px;}
    .values_single_cell>.title_label_single_cell{font-weight: bold;}
    .values_single_cell>label{margin:0px; margin-top: 5px;}
/*----- PAGINA CELLS PER USERS   -----*/
    .btn_filter_user{width: auto; float: left;}
    .btn_filter_user:focus{border: none;}
    .disable_btn{background-color: darkgrey;}
    .margin_left_7px{margin-left: 7px;}
/*----- PAGINA CELLS CLASSIFICATION SUMMARY ADVANCE   -----*/
    .container_label_advance{color: #000; font-size: 18px;}
/*----- PAGINA GROUP OF CELLS PER USERS   -----*/
    .table{border: 1px solid darkgrey;}
    .table>.thead_cells{background-color: #e8037e; color: white;}
    .table>tbody>tr>td>.gallery{position: relative;width: 90px; margin: auto; border: 1px solid black;}
    .table>tbody>tr>td>.gallery>.valore_cell.val_mini_gallery{left: 0px; top: 0px; height: 12px; line-height: 12px; font-size: 9px;}
    .table>tbody>tr>td>.gallery>.div_num_cell{width: 35px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold;}
    .table>tbody>tr>td>.gallery>.minigallery{bottom: 0px; right: 0px;}
    .container_pagination{width: 100%; text-align: center;}
    .pagination>.page-item>a{color: white; background-color: #e8037e;}
    .pagination>.page-item.disabled>a{color: darkgrey; background-color: #e8037e;}
/*----- PAGINA MISSMATCHES -----*/
    .container_description_img{width: 100%; padding: 10px; font-size: 13px;}
    .width_200px{width: 150px; text-align: center;}
    .container_btn_create_groups_missmatches{width: 100%; }
    .container_users_for_mismatches{width: 100%; border: 1px solid black; height: 80px;}
    .total_cells_mismatch_label{color: grey; font-size: 10px; margin-bottom: 0px;}
/*----- PAGINA CREATE NEW GROUP CELLS -----*/
    .container_cells_list{width: 100%; border: 1px solid black; }
    .container_list_single_path_cells{width: 100%;overflow-y: scroll; overflow-x: hidden;height: 545px;}
    .container_groups_list{width: 100%; border: 1px solid black;}
    .container_list_single_group{width: 100%;overflow-y: scroll; overflow-x: hidden;height: 545px;}
    .title_container_cells{font-size: 16px; color: grey; padding: 10px; padding-bottom: 0px;}
    .num_single_cell{margin-left: 10px;}/* margin-right: 60px;}*/
    .image_check_ok{float: right; margin-right: 20px;}
    .total_cells_not_assigned{font-size: 12px; color: grey; float: right;}
    .num_single_group{margin-left: 10px; font-size: 13px;}
    .container_all_users{width: 100%; border: 1px solid black; height: 110px;}
    .utente_singolo{padding-left: 10px;cursor: pointer;}
    .btn_create_groups{margin-right: 15px;}
    .btn_admin_groups{width: 150px; border-radius: 10px; height: 45px; cursor: pointer;}
    .btn_admin_groups.btn_create_groups{background-color: #61850d; border: none; color:white}
    .btn_admin_groups.btn_salva_gruppi{background-color: #e8037e; border: none; color:white}
    .container_num_groups{ width: 100%; height: auto; margin-bottom: 20px; }
    .container_num_groups>.input_text{width: 50%;text-align: center;}
/*----- PAGINA SEARCH CELLS -----*/
    .img_single_cellsbyID{width:100%;}
    .container_cell_found_id{border: 1px solid black; padding: 25px;}
    .container_details{width: 100%; margin-left: 25px; font-family: 'Courier New', Courier, monospace; font-size: 16px;}
/*----- PAGINA WEEKLY REMINDER -----*/
    .background_weekly_reminder{background-image: linear-gradient(to left bottom, #d60cc5, #ee2e6f, #d16a44, #a98b52, #939b80); height: 100%;}
    .title_logo_weekly{width: 100%;}
    .container_label_weekly{width: 100%; text-align: center; font-size: 30px; color: white; font-weight: bold;}
    .weekly_reminder_label{margin-top:50px; margin-left: 50px; color: white; font-size: 20px;}
    .container_info_weekly{background-color: white !important;}
    .container_data_weekly{border: 1px solid black; border-radius: 10px; margin-top: 10px; max-height: 315px; overflow: hidden;}
    .label_users_weekly{width: 100%; padding-left: 28px; margin-top: 15px; padding-bottom: 0px; text-align: justify;}
    .label_users_weekly_classificated{margin: 0px !important;}
    .label_data_document_weekly{color: white; float: right; margin-top: 20px;  margin-right: 20px;}
    .container_label_description{margin-left: 30px; font-size: 15px; color: grey; text-align: justify;}
    .red_label{color: red !important; margin-bottom: 0px !important;}
/*--------------------------------------------------------------------------------------------------- MOBILE ---------------------------------------------------------------------------------------------------------*/
@media (min-width:992px) and (max-width: 1199.98px)  {
    .min_width_col{min-width: 0px !important;}
    .btn_web{display: block;}
    .btn_mobile{display: none;}
    .table{width: 100%; margin-left: 0px; display: block;}
    .height_mobile{margin-left: 50px;}
    .filter_type_mobile{font-size: 17px;}
    .minigallery{width: 95%;}
}
@media screen and (max-width: 991.98px)  {
    html,body{min-width: 0px;}
    .margin_top_50px{margin-top: 25px;}
    .logo_NTP{position: unset; height: 100px; margin-top: 4%;}
    .container_form{margin: auto; margin-top: 8%;}
    .container_title>label{ float: unset; }
    .container_group_cells{border: none;}
    .container_title{text-align: center;}
    .btn_web{display: block;}
    .btn_mobile{display: none;}
    .range_track{margin-right: 70px;}
    .range_track.track_right_0{margin-right: 0px;}
    .btn_filter_user{width: 200px;}
    .container_popup>.container_div_popup{width: 100%;}
    .container_commands{width: 100%;}
}
@media (min-width: 768px) and (max-width: 991.98px) { 
    .container_menu_icon{margin-left: 0;}    
    .div_num_cell>label{font-size: 15px;}
    .btn_web{display: block;}
    .btn_mobile{display: none;}
}
@media screen and (max-width: 767.98px) { 
    .min_width_col{min-width: 0px ;}
    .container_menu_icon{margin-left: 5px; margin-top: 28px;}
    /*.btn_type_cells{font-size: 12px; min-width: 130px;}*/
    .min_width_0{min-width: 0px;}
    .range_track{margin-right: 0px;}
    .container_group_cells{min-width: 0px;} 
    .div_num_cell>label{font-size: 15px;}
    .container_title>label{font-size: 36px; }
    .container_form .text{font-size: 36px; }
    .cont_label{font-size: 20px;}
    .container_label_help>label{font-size: 20px;}
    .btn_comands_top{height: 30px;}
    .btn_filter_user{width: 170px;}
    /*----- MENU LATERALE -----*/
    .user_photo_menu { width: 105px; height: 105px;}
    .label_user_menu {font-size: 14px;}
    .btn_signMenu{width: 105px; height: 25px; line-height: 25px;}
    .menu_utente_normale, .menu_utente_admin {font-size: 18px;}
    .logo_ntp_aziendale>.image_azienda_menu{width: 180px;}
    .BTN_goout{width: 20px; height: 20px; background-size: 20px;}
    .btn_web{display: block;}
    .btn_mobile{display: none;}
    .col_mobile{display: block;}
    .col_web{display: none;}
    
}
@media (min-width: 500px) and (max-width: 510px){ 
    .image_cells {left: 5%; }
    .container_title>label { font-size: 34px; }
    /*.btn_type_cells{font-size: 11px;}*/
    .container_label{font-size: 28px;}
}
@media (max-width: 499.98px) { 
    #image_selected_big{left: -20%;}
    #container_login{background-image: linear-gradient(to left top, #d60cc5, #ee2e6f, #d16a44, #a98b52, #939b80);}
    .container_form{width: 100%;}
    .btns_images_cells{display: block;}
    .container_menu_icon{margin-top: 18px; }
    .container_title>label{font-size: 28px;}
    .container_images{overflow: hidden; max-width: 230px;}
    .image_cells{position: absolute; left:-18%; width: auto;}
    /*.btn_type_cells{ height: 40px; min-width: 0px;}*/
    .margin_top_50px{margin-top: 10px;}
    .height_mobile{margin-left: 0px;}
    input[type=range][orient=vertical] {height: calc(100% - 117px);}
    .cont_label{font-size: 18px;}
    .container_label_help>label{font-size: 18px;}
    .valore_cell{width: 80px; height: 28px; line-height: 28px;}
    #btn_previous_group::before {width: 15px; height: 15px; background-size: 15px;}
    #btn_next_group::after{width: 15px; height: 15px; background-size: 15px;}
    .btn_comands_top{font-size: 9px;}
    .title_stack { height: 25px; font-size: 9px; line-height: 25px; }
    #btn_fit_window{font-size: 9px;}
    #btn_one_to_one{font-size: 9px;}
    .valore_cell{font-size: 9px;}
    .valore_cell.val_mini_gallery{height: 15px; line-height: 15px;}
    .div_num_cell>label { font-size: 10px; }
    .minigallery.grande_img{left:0px; bottom: 1px; width: 100%;}
    .btn_web{display: none;}
    .btn_mobile{display: block;}
    .user_photo_menu{width: 73px; height: 73px;}
    .btn_signMenu { width: 73px; font-size: 12px; }
    .menu_utente_admin { font-size: 13px; }
    .logo_ntp_aziendale>.image_azienda_menu { width: 160px; }
    .container_label{font-size: 22px;}
    .btn_filter_user{width: 130px;}
    .padding_top_mobile{padding-top: 0px;}
    .padding_bottom_mobile{padding-bottom: 0px;}
    .margin_top_mobile{margin-top: 10px;}
    .filter_type_mobile{font-size: 14px;}
}
@media (max-width: 399.98px) { 
    .container_title>label{font-size: 23px;}
    .cont_label{font-size: 16px;}
    .container_label_help>label{font-size: 16px;}
    .label_user_menu { font-size: 10px; }
    .container_img_table{width: 75px; height: 75px;  position: relative;}
    .container_img_table>img{width: 75px; height: 75px;}
    .container_label{font-size: 17px;}
    .container_img_table>.column_label{width: 48px;}
    .btn_filter_user{width: 110px;}
    .filter_type_mobile{font-size: 12px;}
    .subtittle{font-size:1.0em; }
    .menuCellTypes .menuCol1 .btnCellType{ line-height: 39px; font-size:1.1em; }
    .menuCellTypes .menuCol2 .btnCellType{ line-height: 30px; font-size:1.0em; }
    .menuCellTypes .menuCol3 .btnCellType{ line-height: 26px; font-size:1.1em; }
    .menuCellTypes .menuCol4{ display:none; }
}
@media (min-width: 360px) and  (max-width: 389px){ 
    .btn_comands_top { font-size: 9px; }
    /*.btn_type_cells{font-size: 12px;}*/
}
@media (min-width: 281px) and  (max-width: 320px){ 
    #image_selected_big{left: -50%;}
    .btn_comands_top { font-size: 9px; }
    /*.btn_type_cells{font-size: 8px;}*/
    .container_images{overflow: hidden; max-width: 155px;}
    .image_cells{position: absolute; left:-40%; width: auto;}
}
@media (max-width: 280px) { 
    #image_selected_big{left: -88%;}
    .btn_comands_top { font-size: 8px; }
    /*.btn_type_cells{font-size: 8px;}*/
    .container_images{overflow: hidden; max-width: 115px;}
    .image_cells{position: absolute; left:-69%; width: auto;}
    .btn_filter_user { width: 70px; }
}
@media only screen and (max-width: 320px){
    .subtittle{font-size:0.9em; }
    .menuCellTypes .menuCol1{ width:45px; }
    .menuCellTypes .menuCol2{ width:60px; }
    .menuCellTypes .menuCol3{ width:50px; }
    .menuCellTypes .menuCol1 .btnCellType{ line-height: 39px; font-size:0.9em; }
    .menuCellTypes .menuCol2 .btnCellType{ line-height: 30px; font-size:0.8em; }
    .menuCellTypes .menuCol3 .btnCellType{ line-height: 26px; font-size:0.9em; }
}
@media only screen and (max-width: 259px){
    .subtittle{font-size:0.7em; }
    .menuCellTypes .menuCol1{ width:40px; }
    .menuCellTypes .menuCol2{ width:50px; }
    .menuCellTypes .menuCol3{ width:40px; }
    .menuCellTypes .menuCol1 .btnCellType{ line-height: 35px; font-size:0.8em; }
    .menuCellTypes .menuCol2 .btnCellType{ line-height: 27px; font-size:0.7em; }
    .menuCellTypes .menuCol3 .btnCellType{ line-height: 25px; font-size:0.8em; }
}