.volta_menu {
	margin-bottom: 6% !important;
}

html{

    background-color: #1e2225;  
}

body{
    margin:0px;
    background-color: #1e2225;
    color: #fff;
    font-size: 1.3vw;
    overflow-x: hidden;
    font-family: 'Ek Mukta', sans-serif;
	line-height: 1.3;
	color: #ccc;
	font-weight: 200;
}

#adm_body{
	font-size: 1.2vw;
	overflow-x: auto; 
}

.day7, .day6
{
	color: #d6ff00;
}

.main_content{
    float: left;
	padding-left: 24%;
	padding-top: 8%;
	width: 75%;
	background-size: contain;
	z-index: 5;
	/*margin-bottom: 2%;*/
	padding-bottom: 10vh;
}
@-moz-document url-prefix() {
  .main_content{
     padding-top: 9%;
  }
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none !important;
}

::webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: #555;
}



/*
#vertical_overdiv
{
	position: fixed;
	width: 75%;
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url("../layout/background.png");
	background-size: contain;
	padding-left: 25%;
	z-index: -100;
}*/

#vertical_overdiv
{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	margin-right: 77%;
	border-left: 1px solid rgb(154, 154, 154);
}

/************  menu  ***********/

#header_content{
    /*background-image: url(../layout/barra2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
	background-color: #34383b;
    width: 100%;
    position: fixed;
    z-index: 10;
    box-shadow: -4px 5px 25px #000;
	border-bottom: 1px solid #7c7c7c;
}

.header_top
{
	position: fixed;
	border-bottom: 1px solid #7c7c7c;
	top: 0;
	height: 3.6vw;
}

#header_top_right{
    right: 0;
    width: 87%;
    padding-bottom: 0.65em;
}

.element_flex
{
	display: flex;
}

#header_top_left{
    left: 0;
    width: 2.5%;
    padding-bottom: 0.65em;;
}

.logo{
    width: 12%;
    float: left;
    margin-left: 2%;
	margin-top: 0.5%;
}



.icon_s{
    width: 2.2%;
    float: left;
    margin-top: 1.9%;
}

.icon_l{
    width: 2.5%;
    float: left;
    margin-bottom: 0.8%;
    margin-left: 4%;
}

.text_s{
    float: left;
    margin-left: 1%;
    margin-top: 2.4%;
    color: #ccc;
}

.text_l{
    float: left;
    margin-left: 1%;
    margin-top: 0.6%;
    width: 11%
}

.counter{
	color: #fff;
	margin-left: 9%;
}

.info{
    float: left;
    margin-left: 3%;
}

.agenda{
    float: left;
    margin-left:6%;
}

.logout{
    margin-right: 2%;
    
}

.boxed{
    border: 1px solid #ccc;
}

.user_name{
    margin: 2.2% 1% 0% 0%;
    color: #ccc;
    padding: 0% 1%;
}


.blinker{
    -webkit-animation-name: blink; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: blink;
    animation-duration: 2s;
    animation-iteration-count: infinite;
   
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blink {
   0%   {opacity: 1; }
    50%  {opacity: 0.3; }
    100%  {opacity: 1; }
}

/* Standard syntax */
@keyframes blink {
    0%   {opacity: 1; }
    50%  {opacity: 0.3; }
    100%  {opacity: 1; }
   }



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


/******************* left content  ************/



.left_content{
    width: 21%;
    padding-top: 10%;
    float: left;
    position: fixed;
    margin-left: 1%;
    top:0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.left_content_ore {
	top: -4% !important;
}

@-moz-document url-prefix() {
  .left_content{
     padding-top: 11%;
  }
}

#time_block{
    font-size: 3.5vw;
    font-weight: 200;
    margin: 3% 0% -3% 0%;
    float: left;
}

#meteo_block{
    float: right;
    margin: 4% 8% -3% 0%;
    width: 32%;
}

#date_block{
    width: 100%;
    float: left;
}

.left_menu_icon{
    width: 7%;
    float: left;
    margin-bottom: 4% ;
}
.left_menu_icon_right{
    margin-left: 3%;
}

.left_menu_text{
    float: left;
    display: block;
    margin-left: 3%;
    text-transform: lowercase;
}

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

/**************   login    *******************/

.log_container{
     margin-top: 3%;
     /*background-image: url(../layout/login_side.png);*/
    background-repeat: repeat-y;
    background-size: 30.5%;
    background-position: 100%;
  /* border-top: 1px solid #8c0000;
   border-bottom: 1px solid #8c0000;*/
}


.vanto_logo{
   
    width: 70%;
    float: left;
}

.login_side{
   
    width: 30%;
    float: left;
   
    
    text-align: center;
}

.login_side form{
    width: 80%;
    margin: 60% 10% 0%;
    float: left;
}

.login_side input{
    width: 100%;
}

.log_button{
    margin-top:5%;           
}


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


/*                     main                      */

.main{
    background-color: #1e2225;
}

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


/*                   agenda                    */

.calendar{
    width: 100%;
    margin: 2% 0%;
    /*border-right: 2px solid #555;*/
}


.calendar-day{
  text-align: center;
  border: 1px solid #7c7c7c;
    font-weight: bold;
    background-color: #444;
	color: #eec;
}

.calendar-day-np{
    background-color: #1e2225 !important;
    font-weight: normal;
	color: #a9a !important
}


.calendar-day-6{
	/*border-right: 2px solid #555;*/
}

.half_day{
    width: 45%;
    height: 0.5vw
}

.day-number{
    
}

.past_day{
    color: #a9a;
	background-color: rgb(45, 51, 56);
}




.tdselected{
	background-color: #55a;
	/*da modificare*/
}

#selector_month, #selector_month_ore{
    /*width: 42.5%;*/
	width: 54.5%;
}

#selector_year, #selector_year_ore{
    width: 42%;
}

.calendar-arrow{
    width: 6%;
    font-size: 3vw;
    text-align: center;
}

.day_print{
    text-align: center;
}

.day_event{
    /*border-bottom: 1px solid #7c7c7c;*/
    margin-bottom: 2%;
}

.event_time{ /*questo è sbagliato*/
    color: #ccc;
    
}

.address_cont input{
    width: 62%;
}

/* modello da 24 ore separate*/

.hours_block_over {
    width: 7.55%;
    /*padding: 4% 0%;*/
    float: left;
}

.hours_block {
    width: 4.1%;
    padding: 4% 0%;
    float: left;
}

.weekly .hours_block{
	padding: 4% 0%;
	margin-bottom: 3%;
}

.hours_on {
    background-color: #fff!important;
}


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

/*****************   comunicazioni *************/

.comm_img{
    float: left;
    width: 7%;
    margin-bottom: 2%;
    margin-right: 1%
}

.comm_name{
	text-transform: capitalize;
	font-weight: bold;
}

#sendbar{
    position: fixed;
bottom: 0%;
padding-bottom: 1%;
width: 100%;
background-color: #1e2225;
}

.comm_cont{
    padding-bottom: 10%;
}

.message_mine .username{
    text-align: right;
    
}

.message_mine .message{
	float: right;
}

.message_mine .timestamp{
    text-align: right;
    
}

.item_message{
    border-bottom: 1px solid #7c7c7c;
    margin-bottom: 2%;
}

.item_message{
    margin-right: 15%;
}

.message_mine{
    margin-left: 15%;
    margin-right: 0%;
}

.UnreadMessage{
	background-color: #555;
	padding-bottom: 0.7%;
}
/***********************************************/


/******************** user ********************/

.pw_text{
    width: 20%;
    margin-bottom: 1%;
}



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





/*************** clienti ***/


.client_container{
    margin: 1% 0%;
}

.client_container_percorso{
   margin: 2% 0%;
    border: solid #bbb 1px;
    padding: 11px;
    background-color: #1e2225;
}

.client_status{
    float: left;
    width: 0.4%;
	/*height: 3vw; RIMOSSO IL 28/10/2019 */
}

.client_status_percorso {
    float: left;
    width: 0.25vw;
}

.client_data{
    margin-left: 1%;
}
.client_data_percorso {
    margin-left: 0.5vw;
}

.client_name{
    margin-bottom: 2%;
}

.client_name_list {
    text-transform: uppercase;
}

#csearch{
    float: left;
    width: 85%;
    margin-bottom: 3%;
}

.stat_ind{
    width: 50%;
	margin-top: 8%;
}

.stat_ind_desk{
    width: 11%;
    position: absolute;
    right: 1%;
	
}

.stat_ind_desk > img{
    width: 31%;
	vertical-align: top;
}

.stat_ind_desk > .selected{
    padding-bottom: 3%;
	border-bottom: 0.2vw solid;
}

.general_info
{
	min-height: 4vw;
}

.profile_menu_text{
    margin: 1% 0%;
    width: 75%;
    display: block;
    float: left;
}

.client_counter{
    text-align: right;
    width: 15%;
    display: block;
    float: left;
}

.where_link{
	float: left;
	width: 80%;
}


.mappa{
    width: 86%;
    margin: 5% 7%;
}


.referent_box{
    padding-bottom: 1%;
    border-bottom: 1px solid #7c7c7c;
}

.offer_element{
    border-bottom: 1px solid #7c7c7c;
}

#filter_block{
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 1%;
}


.single_elem.bottom3 {
    border-bottom: 1px solid #7c7c7c;
    padding-bottom: 2%;
}






.extimate_offer{
	width: 30vw;
}

/***** va sincronizzato con la width in crm_ko_functions (self.selection) ***/







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




/**************** storage ***************************/



.folder{
    width: 2%;
    margin-right: 1%;
}

.folder_name{
	display: inline-block;
}


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


/*************** myvanto  **************************/

.feedback {
    padding-bottom: 1%;
    border-bottom: 1px solid #7c7c7c;
}




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

/******************* overlay NUOVO  **************************/

.vanto_overlay_cont{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000;
	opacity: 0.5;
	z-index: 10;
    display: none;
}

.vanto_overlay_box{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	color: white;
	background-color: #000;
	z-index: 15;
	margin-top: 30vh;
	margin-left: 30%;
	padding: 2%;
	width: 40%;
	background-color: #7c7c7c;
	border: 2px solid #c7c7c7;
	overflow-y: auto;
	min-height: 40vh;
    display: none;
}

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



/******************* overlay **************************/

.overlay_cont{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000;
	opacity: 0.5;
	z-index: 10;
    display: none;
}

.overlay_box{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	color: white;
	background-color: #000;
	z-index: 15;
	margin-top: 30vh;
	margin-left: 30%;
	padding: 2%;
	width: 40%;
	background-color: #7c7c7c;
	border: 2px solid #c7c7c7;
	overflow-y: auto;
	min-height: 40vh;
    display: none;
}

.overlay_filter{
	margin-top: 26vh;
	margin-left: 20%;
	width: 56%;
	max-height: 60vh;
}


.overlay_commesse
{
	margin-top: 22vh;
	margin-left: 6%;
	width: 84%;
	min-height: 63vh;
	max-height: 63vh;
}

.x_icon{
   /* width: 12%; */
}

.overlay_ico{
    width: 7%;
    float: left;
    margin-bottom: 4% ;
}

.state_sel {
    border-radius: 100%;
    margin: 2% 10%;
	width: 2vw;
	height: 2vw;
	
}

span.state_align {
    width: 32%;
    text-align: center;
    display: inline-block;
}

.block_desktop {
	width: 51%;
    border-color: #95948c;
    border-left: 1px;
    margin-left: 5%;
    border-left-style: inset;
	min-height: 27vh;
}

.state_sel_highlight
{
	/*box-shadow: 0 0 0 1.5pt #0066FF;*/
	box-shadow: 0 0 0 1.5pt white;
}

.cat_sel{
    border: 1px solid #aaa;
    text-align: center;
    border-radius: 5%;
    margin-bottom: 4%;
}

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



/************************* misc **********************/

img{
    width: 100%;
}



a{
    text-decoration: none;
    color: inherit;
}

hr{
    border-bottom: 0px;
}


.salva_adm{
    width: 5%;
    float: left;
}

button{
    
    background-color: #25292c;
    border-color: #aaa;
    color: #eee;
    border-style: solid;
    font-size: inherit;
}

.input_base{
    background-color: #1e2225;
    color: #fff;
}

.text_button{
    margin: 2% 0%;
}


.linefull{
    width: 100%;
    float: left;
    clear: both;
}


.icon{
    width: 7%;
    float: left;
    margin: 0% 2%;
    /*border: 1px solid #555;*/
}

.icon2_5{
    width: 2.5%;
    float: right;
    
}

.clearer{
	clear: both;
}

.left3{
    margin-left: 3%;
}

.left5{
    margin-left: 5%;
}

.left10{
    margin-left: 10%;
}

.right2{
	margin-right: 2%;
}

.left{
    float: left;
}

.right{
    float: right;
}

.full{
    width: 100% !important;
}

.half{
    width: 50%;
}

.w5{
    width: 5% !important;
}


.w10{
    width: 10% !important;
}

.w11{
    width: 11%;
}

.w15{
    width: 15% !important;
}

.w19{
    width: 19% !important;
}

.w20{
    width: 20% !important;
}

.w30{
    width: 30% !important;
}

.w35{
    width: 35% !important;
}

.w40{
    width: 40% !important;   
}

.w48{
    width: 48% !important;   
}

.w45{
    width: 45% !important;   
}

.w50{
    width: 50% !important;   
}

.w60{
    width: 60% !important;
}

.w65{
    width: 65% !important;
}

.w70{
    width: 70% !important;
}

.w74{
    width: 74% !important;
}

.w75{
    width: 75% !important;
}

.w80{
    width: 80% !important;
}

.w85{
    width: 85% !important;
}

.w90{
    width: 90% !important;
}


.w95{
    width: 95% !important;
}

.w98{
    width: 98% !important;
}


.h_10{
	height: 10vw;
}


.height_reset{
    height: initial !important;
}

.hidden{
    display: none;
}

.nomargin{
    margin: 0px;
}

.nomargin_bottom{
    margin-bottom: 0px;
}

.nomargin_v{
    margin-bottom: 0px !important;
	margin-top: 0% !important;
}


.bottom1{
    margin-bottom: 1% !important;
}

.bottom1_5{
    margin-bottom: 1.5% !important;
}

.bottom2{
    margin-bottom: 2% !important;
}

.bottom3{
    margin-bottom: 3% !important;
}
.bottom4{
    margin-bottom: 3% !important;
}

.bottom5{
    margin-bottom: 5% !important;
}

.top1{
	margin-top: 1%;
}

.top2{
	margin-top: 2%;
}

.top2_5{
	margin-top: 2.5%;
}

.left1{
	margin-left: 1%;
}

.left2{
	margin-left: 2%;
	
}


.margin_h_1{
	margin-left: 1%;
	margin-right: 1%;
}

.center{
    text-align: center;
}

.text_right{
    text-align: right !important;
}


.text_left{
    text-align: left !important;
}


.text_capital{
    text-transform: capitalize;
}

.text_cleaner{
	text-transform: none;
}

.white{
    color: #fff;
}

.black{
	color: black !important;
}

.blue{
    color: #5DB1FF !important;
}

.grey{
    color: #95948c !important;
}

.red{
    color: #e0706f !important;
}

.real_red{
    color: red !important;
}

.dark_grey{
    color: #7c7c7c !important;
}

.green{
    color: #5BB75D !important;
}

.yellow{
    color: #D59B40 !important;
}

.bg_orange
{
	background-color: #ff9800 !important;
}

.bg_red{
	background-color: #e0706f !important;
}

.bg_blue{
	background-color: #5DB1FF !important;
}

.bg_yellow{
	background-color: #D59B40 !important;
}

.bg_green{
	background-color: #5BB75D !important;
}

.bg_grey{
	background-color: #95948c !important;
}

.bg_brown{
	background-color: #a54B00 !important;
}

.bg_purple{
	background-color: #a0005f !important;
}


.gray_border_bottom{
    border-bottom-color: #95948c !important;
}

.separated_grey{
    border-bottom: 1px solid #95948c;
}

.nofloat{
    float: none;
}


button{
	cursor: pointer;
}


.height_cl{
    height: inherit !important;
    height: initial !important;
}

.dark_textbox{
    background-color: #444;
    border: 1px solid #888;
    color: #fff;
    height: 1.8vw !important;
    font-size: 1.5vw;
	border-radius: 6px;
    /*font-family: inherit;
    font-weight: 200; se si usa questo il carattere dentro le select si disallinea...*/
}

.dark_textarea{
    background-color: #444;
    border: 1px solid #888;
    color: #fff;
    height: 6vw !important;
    font-size: 1.5vw;
	border-radius: 6px;
	width: 78% !important;
}

::-webkit-datetime-edit-month-field {
  color: #fff;
}

::-webkit-datetime-edit-year-field {
    color: #fff;
}

input::-webkit-datetime-edit-day-field:focus {
    background-color: #444;
    color: #fff;
    outline: none;
}

.dark_input_table{
    width: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 2.4vw;
    background-color: #444;
    color: #fff;
    font-size: inherit;
}

/*.dark_input_table:focus{
    background-color: #777;
}*/

select.dark_texbox:disabled{
	display: none;
}

.green_back {
	background-color: #777;
}

.modder.dark_textbox[type='date']{
    height: 2.1vw;    
}

.dark_textbox[type='date']{
    height: 1.5vw !important;    
}

.dark_textbox_ore[type='date']{
    height: 2.1vw !important;    
}

.dark_textbox_ore[type='number']{
    margin-right: 2% !important;    
}

.dark_textbox[type='number']{
    height: 1.5vw;    
}

.dark_textbox[type='time']{
    height: 1.5vw;    
}

 .dark_textbox[type='checkbox']{
    height: auto;
    width: 5%;
    /* margin-bottom: 0; */
}
select.dark_textbox{
    height: 1.8vw !important;    
}

select.dark_textbox_ore{
    height: 2.1vw !important;
    width: 78.5% !important;   
}

select.dark_textbox_minuti{
    height: 2.1vw !important;    
}

button.dark_textbox{
    height: 1.8vw;    
}

.label_text{
    width: 20%;
    margin-bottom: 1%;
}

.label_ore {
	font-size: 1.6vw;
}


.small_icon{
    /*float: left;*/
    width: 2vw;
    margin-left: 1%;
}

.group_title{
    border-bottom: 1px solid #7c7c7c;
   margin-bottom: 1%;
}

.default{
	padding: 0.13vw;
    width: 1.3vw;
}

.default_set{
	opacity: 0.5;
	
}




.big_switch{
    font-size: 3vw;
    text-align: center;
    width: 33%;
    margin: 3% 0% 3%;
}

.big_switch_menu{
    font-size: 1.3vw;
    text-align: center;
    width: 48%;
    margin: 3% 0% 3%;
}

.sw_selected{
    color: #e0706f;
    border: 1px solid #e0706f;
}

.sw_selected_yellow{
    color: #D59B40;
    border: 1px solid #D59B40;
}

.sw_unselected{
    color: #7c7c7c;
    border: 1px solid #7c7c7c;
    
}

table.table_border, table.table_border th, table.table_border td {
    border: 1px solid #7c7c7c;
    border-collapse: collapse;
}



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

.desktop_column
{
	width: 33.33% !important;
	float: left;
}

input[type='radio'] {
    transform: scale(1.5);
}



/******************************* administration *******************************************/

#over_header
{
	z-index: 1000;
	
}

.logoadm{
    width: 16%;
    margin: 1%;
}

.amm_title{
    font-size: 4vw;
    float: left;
    margin: 1% 0% 0% 2%;
}

.amm_user{
    margin: 3% 4.2% 0% 0%;
  float: right;
  font-size: 1.8vw;
}

#menu{
   
    margin: 0% 0% 0% 2%;
}


.madm{
    float: left;
    width: 20%;
}

.admtitle{
    /*text-align: center;*/
    width: 100%;
    margin: 1%;
    border-bottom: 1px solid #7c7c7c;
    font-size: 22px;
}

.madm a{
    font-size: 18px;
    /*text-align: center;*/
    width: 100%;
    float: left;
    margin: 1%
}


.day_container {
  margin-bottom: 2%;
  border-bottom: 1px solid #e0706f;
}

h1{
    border-bottom: 1px solid ;
    font-size:  3.5vw;
    font-weight: 200;
    margin-top: 1%;
    margin-bottom: 2%;
}

#h1_reduce_part
{
	font-size: 1.8vw;
}

h2{
    border-bottom: 1px solid #7c7c7c;
    font-size: 2vw;
    font-weight: 300;

}

.myTable
{
	width: 98%;
  border-collapse: collapse;
  margin: 2% 0px;
  /*font-size: 14px !important;*/ /* MAI PIU UNA PORCHERIA DEL GENERE NEANCHE SE DOVESSE SALVARE IL GENERE UMANO!!!!!*/
}

.myTable	th {
background: #4D4C4C ;
}


.myTable tr.alternate {
	background: rgb(45, 51, 56);
}

/*.myTable tr:nth-child(even) {
    background: rgb(45, 51, 56);
}
.myTable .hidden ~ tr:nth-child(odd) {
  background: rgb(45, 51, 56);
}
.myTable .hidden ~ tr:nth-child(even) {
  background: inherit;
}*/

.bordeaux
{
	background-color: #5d0000;
}

.myTable tr.bordeaux:hover td {
	/*background-color: #525252;*/
	background-color: #9f0606 !important;
	color: yellow;
}

.myTable tr:hover td {
	/*background-color: #525252;*/
	background-color: black !important;
	color: white !important;
}

.myTable td, .myTable th 
{
border: 1px solid #aaa;
/*padding: 2% 0.5% ;*/
/*width: 14%;*/
vertical-align: bottom;
}

.myTable th{
    text-transform: uppercase;
}

.calendar.day-number{
    margin: 12% 0%;
    
}


.calendar tr:hover td{
    /*background-color: inherit !important;*/
    color: inherit;
}

.calendar td:hover div.day-number{
    background-color: #55a;
    color: inherit;
}

.monthly td, .monthly th{
    width: 14%;
}

.now_day{
    background-color: #888;
    color: #000;
}

.monthly .now_day{
    background-color: #888;
    color: #000;
}

#main_content_adm .now_day{
	background-color: #666;
	color: #fff;
	font-weight: 400;
}

.weekly .calendar-day {
	width: 12.57%;
}

.busy{
    background-image: url(../layout/busy.png);
    background-size: 100%;
    
}

.busy_a{
    background-image: url(../layout/busy_a.png);
    background-size: 100% 100%;
}

.busy_p{
    background-image: url(../layout/busy_p.png);
    background-size: 100% 100%;
}

.busy_ap{
    background-image: url(../layout/busy_f.png);
    background-size: 100% 100%;
}

.busy_a_r{
    background-image: url(../layout/busy_a_r.png);
    background-size: 100% 100%;
}

.busy_p_r{
    background-image: url(../layout/busy_p_r.png);
    background-size: 100% 100%;
}

.busy_ap_r{
    background-image: url(../layout/busy_f_r.png);
    background-size: 100% 100%;
}

.only_r{
    background-image: url(../layout/busy_yel.png);
	background-size: 85% 100%;
    background-position: right;
    background-repeat: no-repeat;
}

.weekly .only_r{
	background-size: 50% 100%;
}

.cal_padder{
    padding: 10% 0%;
}



#main_content_adm h1{
    /*margin-left: 2%;*/
}

.action{
    text-align: center;
}

.number td{
    text-align: right;
}
td.number{
    text-align: right;
}
.fix{
    position: fixed;
    background-color: #1e2225;
    border-bottom: 1px solid #7c7c7c;
}

#main_content_adm{
    margin-left: 2%;
    padding-top: 9%;
    /*font-size: 18px;*/
}

.label{
    float: left;
    width: 17%;
}

.ins{
    float: left;
    width: 70%;
    margin: 0px 0px 2%;
}


.input_adm{
    width: 60%;
}


td > .dark_textbox{
    height: 2.3vw;
}

td > input.dark_textbox, td > input[type="number"].dark_textbox{
    height: 2vw;
}



/****   uhgfruh ****/

.vlocked {
	background-color: #D59B40;
    color: #000;
}

.col_day
{
	width: 12.5%;
}

.popover {
		color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.label_tagw15
{
	width: 15%;
	display: inline-block;
}


.back_brown
{
	background-color: brown;	
}

.attr_action
{
	width: 3%;
    border-right: none !important;
    border-left: none !important;
	padding: 0.50%;
}

.border_right_on
{
    border-right: 1px solid !important;
}

.border_left_off
{
	border-left: none !important;
	border-bottom: none !important;
    border-top: none !important;
}

.attr_icon
{
	vertical-align: sub;
	text-align: center;
}

.lavorazione_cols
{
	width: 50%;
    display: inline-block;
}

.disp_hour
{
	font-weight: 600;
}

.disp_hour_td
{
	background-color: white;
	text-align: right;
}

.event_list {
    font-weight: 100;
    font-size: smaller;
    color: beige;
    text-align: left;
    margin-left: 2px;
	height: 10.5vh;
	overflow-x: auto;
}

.event_list::-webkit-scrollbar
{
	width: 6px;
}

.flex
{
	display: flex;
}

.month_mega_view .event_element
{
	border-bottom: 1px dotted;
}

.month_mega_view .day-number
{
	  border-bottom: 1px dotted;
}

.img_onevidence
{
	width: 1.15vw;
	height: 1.15vw;
	float: left;
	margin-right: 1vw;
	/*content: url(../layout/in_evidenza.png);
	background-color: rgb(204, 204, 204);
	-webkit-mask-box-image: url(../layout/in_evidenza.png);*/
    background: url(../layout/in_evidenza.png) no-repeat;
    background-size: contain;
}

.img_onevidence_colored
{
	width: 1.15vw;
	height: 1.15vw;
	float: left;
	margin-right: 1vw;
	/*content: url(../layout/in_evidenza_arancio.png);
	background-color: rgb(204, 204, 204);
	-webkit-mask-box-image: url(../layout/in_evidenza.png);*/
	background: url(../layout/in_evidenza_arancio.png) no-repeat;
    background-size: contain;
}


/*.img_onevidence {
    content: url(../layout/in_evidenza.png);
}

.img_onevidence_colored {
    content: url(../layout/in_evidenza_arancio.png);
}*/


.month_mega_height
{
	height: 14vh;
}

.icon_div_menu{
	width: 7%;
	padding-top: 7%;
	float: left;
    margin-bottom: 4%;
	/*background-color: rgb(204, 204, 204);*/
}

.cartiglio
{
	font-weight: bold;
}

/*#in_sospeso_icon{
	-webkit-mask-box-image: url(../layout/in_sospeso2.png);
}

#in_evidenza_icon{
	-webkit-mask-box-image: url(../layout/in_evidenza.png);
}*/

.attr_img_load{
	width: 13%;
    float: left;
    text-align: center;
	margin: 0.3%;
}

.ui-dialog
{
	background: #7c7c7c;
	border: 3px solid red;
    padding: 0px;
}

.ui-dialog-titlebar
{
	background: #25292c;
}

.ui-corner-all
{
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

button.ui-dialog-titlebar-close
{
	display: none;
}

.input_warning{
	color: #ff8300 !important;
}

.offer_data
{
	width: 70%;
}

.newelabel
{
	width: 6vw;
	float: left;
}

#mail_content > p {
    background-color: transparent !important;
    color: black !important;
	/*questi vanno messi anche nel body della mail*/    
	min-height: 1.25em;
    margin: 0;
    padding: 0;
}

#mail_content {
    background-color: white;
    color: black !important;
    padding: 10px;
}

span.boxer {
    display: flex;
    word-break: break-word;
}
.where_prov
{
	text-transform: uppercase;
}

#messagge_red_box
{
	width: 70%;
    background-color: #cd2c19;
    color: white;
	padding-left: 0.5vw;
}
#widget_lock
{
	background-color: #cd2c19;
    color: white;
	padding-left: 0.3vw;
	margin-top: 0.5em;
}

.text_left
{
	text-align: left;
}
#time_top_block{
    display: inline;
    float: right;
    margin-right: 2.2%;
    margin-top: 1.6%;
    font-size: 2.2vw;
    width: 5vw;
    text-align: center;
}
#date_top_block{
    display: inline;
	float: right;
    margin-right: 2.2%;
    margin-top: 2.4%;
}

.div_data {
	width: 30%; 
}

.div_attivita {
	width: 30%; 
	margin-top: 4%;
}

#time_top_block_new {
    margin-right: 2.2%;
    margin-top: -1%;
    font-size: 3.5vw;
    width: 5vw;
    text-align: center;
}

#date_top_block_new {
    margin-right: 2.2%;
    margin-bottom: 4%;
    padding-bottom: 1%;
    /*border-bottom: 1px solid;*/
    font-size: 2vw;
}

#time_div {
	display: flex;
    margin-bottom: 4%;
    border-bottom: 1px solid;
    font-size: 2vw;
}

#time_div_new {
	display: flex;
    margin-bottom: 2.2%;
    border-bottom: 1px solid;
    font-size: 2vw;
    margin-top: -1%;
}

.text_radio
{
	margin-right: 3%;
}

.vanto_button_function {
    background-color: white;
    border-color: white;
    border-radius: 6px;
    border: 1px solid #888;
    color: black;
    font-size: 1em;
    height: 1.8vw;
    /*width: 6em;*/
}

.vanto_button_function > .tel
{
	content: url(../layout/ico_telBG.png);
	width: 1.15em;
    vertical-align: top;
}

.vanto_button_function > .skype
{
	content: url(../layout/ico_skypeB.png);
	width: 1.15em;
    vertical-align: top;
    padding-right: 0.3vw;
}

.vanto_button_function > .wa
{
	content: url(../layout/ico_wa.png);
	width: 1.15em;
    vertical-align: top;
    padding-right: 0.3vw;
}

.vanto_button_function > .mail
{
	content: url(../layout/Ico%20busta.png);
	width: 1.2em;
    vertical-align: bottom;
	padding-right: 0.3vw;
}
.vanto_button_function > .vanto_mail
{
	content: url(../layout/Ico%20bustaV.png);
	width: 1.2em;
    vertical-align: bottom;
	padding-right: 0.3vw;
}


.data_box_tlmk
{
	width: 11vw;
    display: inline-block;
}


.save_buttom_vanto
{
	background-color: #c41e1e;
    border-color: white;
    border-radius: 6px;
	border: 1px solid #888;
    color: #fff;
    font-size: inherit;
	height: 1.8vw;
	margin-top: 2% !important;
}

.ore_button_vanto {
    background-color: #c41e1e;
    border-color: white;
    border-radius: 6px;
    border: 1px solid #888;
    color: #fff;
    font-size: 1.5vw;
    height: 2.1vw;
    margin-top: 1.5% !important;
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
}

#form_timbrature {
	width: 70%;
}

.inizia_attivita_vanto {
    background-color: #205E00;
    border-color: white;
    border-radius: 6px;
    border: 1px solid #888;
    color: #fff;
    font-size: 1.5vw;
    height: 2.1vw;
    margin-top: 1.5% !important;
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
}

.fine_attivita_vanto {
    background-color: #c41e1e;
    border-color: white;
    border-radius: 6px;
    border: 1px solid #888;
    color: #fff;
    font-size: 1.5vw;
    height: 2.1vw;
    margin-top: 1.5% !important;
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
}

.save_button_vanto_lv2
{
	background-color: #3434be;
	border-color: white;
    border-radius: 6px;
	border: 1px solid #888;
    color: #fff;
    font-size: inherit;
	height: 1.8vw;
}

.save_button_vanto_lv3
{
	background-color: #161656;
}
/*-------------------------------------------------------*/
.schedule_past
{
	background-color: #444444;
}

.uppercase
{
	text-transform: uppercase;
}

.inline
{
	 display: inline-block;
}

hr.des_separator {
    width: 50%;
}

.client_name_list {
    text-transform: uppercase;
}

.user_name_group_feedback {
    color: #ffb200;
}

.prod_container_schedule
{
	margin-bottom: 0.5em;
}

/**********************************************************************/
.column_50
{
	width: 50%;
	float: left;
}

.column_50 .label
{
	width: 25%;
}

.status_label {
    width: 17vw;
    display: inline-block;
}

.status_active
{
	font-weight: bold;
}

.circle_anagrafica {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.default_user_color
{
	background-color: red;
}

/*****************************************************************************/
.action_method_title_filter
{
	font-weight: bold;
	text-transform: uppercase;
}

input[name="cf"]
{
	text-transform: uppercase;
}

ul.context-menu-list.context-menu-root {
    z-index: 200 !important;
}

.vtop
{
		vertical-align: top !important;
}

.tooth_image_popup {
    width: 17%;
    margin-left: 1%;
    margin-right: 1%;
}

.single_image:nth-of-type(5n) {
    clear: both;
}

.tooth_image_popup:nth-of-type(5n) {
    clear:both;
}

.popper, .tooltip {
    position: absolute;
    background: #FFC107;
    color: black;
    /*width: 150px;*/
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
	z-index: 10000;
	white-space: nowrap;
}

.testo_blocco
{
	display: flex;
}
.text_mail_error
{
	color: red;
	font-weight: bold;
}

option {
    background-color: #888;
}

option:disabled {
    color: #4a4a4a;
}

.context-menu-icon-check:before {
  content: "\f00c";
}

.icon_fatt
{
	width: 1.7vw;
	padding: 0.3vw;
}

.column_pdfsdi {
    width: 10vw;
    background-color: #1e2225;
}

.column_inc
{
	width: 31px;
	background-color: #1e2225;
}

.pippo:nth-child(even) {
    border-top: 1px solid black;
}

.course_ref {
    display: list-item;
    margin-left: 3%;
}

input::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.client_contexmenu {
    text-transform: uppercase;
}

.fc-unthemed td.fc-today {
	/*background: #fcf8e3;*/
	background-color: #444 !important; 
	color: #000 !important;
}

.associa_not_comp
{
	color: red;
	
}

input[type=number] {text-align: right;}

.ui-loading .ui-loader { display: block; }
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }

.title_ore {
	margin-top: -3%;
}