/*
avio chiaro:#bbcfd9 
blu scuro:#3b5e71
verde acqua elite : #01c0c8
scritte blu scuro:#073771
info:#03a9f3
warning:#fec107
sfondo: #edf1f5
*/


#mesLogo {
    margin: 5px 30px;  
    height: 50px;
    width:35%;
    float:left;
}

#mes_page_header {
    background-color: #01c0c8;
    margin: 0px;
    border: 0;
    height:80px;
    width:100%;
    float:left;
}
	
#mes_header_logo {
    background-image: url(img/logo-text-ventux.png);
    background-repeat: no-repeat;
    height:65px;
    width: 30%;
    float: left;
    border-width: 2px 0px 0px 30px;
    border-color: #01c0c8;
    border-style: solid;
}

#mes_loginbar{
    font-size:16px;
    color: white;
    float:right;
    overflow:hidden;
/*    text-align:center;*/
    padding:10px;
}
#mes_loginbar div{
    display:inline-block;
    line-height: 25px; 
/*    margin-left:20px;    */
}

#mes_loginbar div.normal{
    width:200px;
}
#mes_loginbar div.little{
    width:160px;
}
#mes_loginbar div.big{
    width:290px;
}

#mes_loginbar div.mini{
    width:100px;
    text-align:center;
    font-color:#edf1f5;
}

#sel_mac{
    margin: 0px auto;
    font-size: 14px;
}

#cambia_macch {
    font-size:10px;
}

#mes_page_title{
    float:left;
    color:#3b5e71;
    width:100%;
    font-size:16px;
    height:40px;
    border:0px;
    background-color:#fff;
    padding:7px 20px;
    font-weight: bold;
}


#mes_main {
    padding:30px;
    width:850px;
    height:600px;
    float:right;
    background-color:white;
    border: 15px solid #edf1f5;
    border-radius:30px;
}

.mes_icon_barcode{
    font-size:40px;
}

#password_box {
    width:75%;
    display:inline-block;
}
.icon-box {
    display:inline-block;
    margin-left:20px;
}

#mes_mainWIN
{
float:left;
width:96%;
/*height: 608px;*/
margin: 25px 2%;
font-size:14px;
color:black;
}




/*--------------- PAGINA FACTORY -------------------   */

#mes_sidebar {
    width:400px;
    float:left;
/*    line-height:30px;*/
    padding:20px;

}


#mywork, #mac_work{
    background-color:#edf1f5;
    display:inline-block;
     height:180px;
     width:360px;
}

#work_man, #work_mac {
    height:170px;
    background-color: white;
}

.lav_aperta {
    background-color:lightpink;
    margin:10px;
    padding:5px;
}

.button_select{
    background-color:#bbcfd9;
}

.button_input {
    background-color:#3b5e71
}

#frame1 {
    width:100%;
    height:90px;
/*    border:1px solid grey;*/
}

#frame2 {
    width:100%;
    height:400px;
/*    border:1px solid grey;*/
}

#frame3 {
/*    border:1px solid grey;*/
        width:100%;
    height:80px;
}

button#add_barcode {
    margin-top:28.5px;
}
div#block-tempo {
    margin-left:20px;
}
div.causali{
    width:550px;
    margin:30px auto;
}

/*--------------- PAGINA DETTAGLIO -------------------   */

#mes_dx_sidebar {
    width:200px;
    float:right;
    text-align:center;
/*    line-height:30px;*/
    padding:0px 5px;
}

#box_title {
    width:630px;
}

#big_mes_sx_main {
    width: 1050px;
    height: 600px;
    padding: 20px;
    border: 15px solid #edf1f5;
    border-radius: 20px;
    float: left;
}

#div_image_art {
    position:absolute;
    right:21px;
    top: 10px;
    /*border:1px dotted lightblue;*/
    height:165px;
    width:275px;
    text-align: center;
}

.image_art_v{
    height:100%;
    max-height:165px;

}

.image_art_o{
    width:100%;
    max-width:165px;
}

#ril_staticgrid {
    position: absolute !important;
    bottom:15px;
    line-height:1;
}


table#opdett {
    width:680px;
}


#box_note, #box_postit {
    width: 328px;
    background-color:#edf1f5;
    padding-top: 45px ;
    display:inline-block;
    margin-right: 20px;
}

#scroll_note,#scroll_postit, #scroll_allegati {
    height:85px;
}


#box_allegati {
    width: 275px;
    background-color:#edf1f5;
    padding-top: 45px ;
    display:inline-block;
}


.td_bold {
    font-weight: bold;
}

#det_back_btn {
    position: absolute;
    right:80px;
    top:650px;
}
#det_close_pdf {
    position: relative;
    top: 40px;
}

#pdf_frame {
    height: 600px;
    border:0;
}

#postit_ta{
        border: 1px solid #e9ecef;
        height:auto;
        width:100%;
        display:block;
        padding: 0.375rem 0.75rem;
        color: #4F5467;
       
}


/*---------------SPINNER inizio -------------------   */
.hollow-dots-spinner, .hollow-dots-spinner * {
      box-sizing: border-box;
    }
    .hollow-dots-spinner {
      height: 15px;
      width: calc(50px * 3);
    }
    .hollow-dots-spinner .dot {
      width: 15px;
      height: 15px;
      margin: 0 calc(15px / 2);
      border: calc(15px / 5) solid #f1c0b8; 
      border-radius: 50%;
      float: left;
      transform: scale(0);
      animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;
    }
    .hollow-dots-spinner .dot:nth-child(1) {
      animation-delay: calc(300ms * 1);
    }
    .hollow-dots-spinner .dot:nth-child(2) {
      animation-delay: calc(300ms * 2);
    }
   .hollow-dots-spinner .dot:nth-child(3) {
      animation-delay: calc(300ms * 3);
    }
    
    @keyframes hollow-dots-spinner-animation {
      50% {
        transform: scale(1);
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
    }
/* ------------ SPINNER fine --------------*/