*
{
    box-sizing:border-box;
}
*:focus {
    outline: none;
}

body {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 11px;
}

.isInvalid
{
    background-color: #ffc0c0;
    color: #ff0000;
    text-align: right;
}
.isWarning
{
    background-color: #fcde8c;
    color: #000000;
    text-align: right;
}
.deleteRow
{
    /*background-image:url(/imgs/delete_off.png);    
    background-repeat:no-repeat;
    background-position:center center;
    width: 40px;
    height: 32px;*/
    display: block;
    cursor: pointer;
    text-align:center;
}

.CmAdminObjSelected
{
    padding: 2px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    background-color: rgb(180,180,180);
    color: rgb(255,255,255);
    display: block;
    width: 232px;
    text-decoration: none;
}

.CmAdminObj
{
    padding: 2px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    color: rgb(70,70,70);
    width: 232px;
    display: block;
    text-decoration: none;
}

.CmAdminObj:hover
{
    background-color: rgb(200,200,200);
}

.CmAdminLabel
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 12px;
    color: rgb(70,70,70);
}

.CmAdminContainer
{
    width: 100%;
    border: 1px solid trasparent;
}

.CmAdminRepContainer
{
    width: 774px;
    background-color: rgb(200,200,200);
    margin-bottom: 20px;
    --border-top: 2px solid rgb(200,200,200);
    --border-bottom: 2px solid rgb(200,200,200);
}

.CmAdminRepContainerError
{
    width: 774px;
    background-color: rgb(255,100,100);
    margin-bottom: 20px;
    --border-top: 2px solid rgb(200,200,200);
    --border-bottom: 2px solid rgb(200,200,200);
}
.CmAdminContainerError
{
    width: 100%;
    border: 1px solid Red;
}

.CmAdminFormTitle
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: rgb(100,100,100);
    font-size: 36px;
    position:fixed;
    top:95px;
    z-index:5;

    
}

.CmAdminTitle
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #ffffff;
    font-size: 16px;
    padding: 2px;
    background-color:rgb(100,100,100);
}

.CmAdminText
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: rgb(100,100,100);
    font-size: 12px;
}

.CmAdminRepeaterLabel
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: rgb(100,100,100);
    font-size: 12px;
}


.CmAdminTextMulti
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: rgb(100,100,100);
    font-size: 12px;
    width: 100%;
    margin-bottom: 1px;
}

.CmAdminTextMultiLine
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: rgb(100,100,100);
    font-size: 12px;
    width: 100%;
    height: 45px;
    margin-bottom: 1px;
    font-style: italic;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}


.CmAdminObjDiv
{

    display: block;
    height: 80%;
    width: 268px;
    overflow-x: hidden;
    overflow-y:auto;
    
    background-color: rgb(220,220,220);
    padding: 8px;
}

.CmAdminObjDivFilter
{
    display: block;
    height: 30px;
    width: 250px;
    background-color: rgb(220,220,220);
    padding: 8px;
}

.CmAdminEditDiv
{
    display: inline-block;
    min-height: 100%;
    width: 794px;
    background-color: rgb(220,220,220);
    padding: 8px;
    padding-top:30px;
}

.CmAdminButton
{
    width: 140px;
}
.CmAdminButtonNewObj
{
    width: 80px;
    height: 18px;
    line-height: 12px;
}

.CmAdminMenuLink
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    color: rgb(0,0,0);
    width: 190px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px solid rgb(200,200,200);
    background-repeat: no-repeat;
    background-position: 185px center;
    cursor:pointer;
}
.CmAdminMenuLink:hover
{
    background-color: rgb(220,220,220);
}


.CmAdminMenuLink_Selected
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
    font-weight: bold;
    width: 200px;
    height: 30px;
    line-height: 20px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px solid rgb(0,0,0);
}

.CmAdminImgBtn
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14;
    color: rgb(150,150,150);
    text-decoration: none;
}
.CmAdminImgBtn:hover
{
    color: rgb(0,0,0);
}

.CmAdminImgBtnDel
{
    background-image: url(/CmAdmin/imgs/delete.png);
    display: block;
    width: 16px;
    height: 16px;
}

.CmAdminImgBtnSwap
{
    background-image: url(/CmAdmin/imgs/swapicon_nosel.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 25px;
    height: 16px;
}

.CmAdminImgBtnSwap:hover
{
    background-image: url(/CmAdmin/imgs/swapicon.png);
}


.CmAdminImgBtnB
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: bold;
    font-size: 14;
    color: rgb(150,150,150);
    text-decoration: none;
}
.CmAdminImgBtnB:hover
{
    color: rgb(0,0,0);
}


html, body, form
{
    height: 100%;
    margin: 0;
}

#main, #container
{
    height: 100%;
}



#mininotification
{
    display: none;
    position: fixed;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    line-height: 50px;
    z-index: 9999;
    color: #fff;
    -moz-box-shadow: 0 0em 1em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0em 1em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.5);
}



#mininotification .ok
{
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding-right: 60px;
    background-color: rgb(100,200,100);
}

#mininotification .error
{
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding-right: 60px;
    background-color: rgb(255,100,100);
    color: #fff;
}


#mininotification .close
{
    position: absolute;
    color: #000;
    top: 10px;
    right: 0;
}

#mininotification a.close:hover
{
    text-decoration: underline;
}

.menuDiv
{
    width: 100%;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 999;
    background-color: #fff;
    border-top:1px solid black;
}

.headerDiv
{
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    display:block;
    height:64px;

}

.formTitleDiv
{
    width: 100%;
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 2;
    background-color: #fff;
}

.objListDiv
{
    height: 100%;
    position: fixed;
    top: 136px;
    left: 0;
}

.formDiv
{
    position: absolute;
    top: 46px;
    left: 270px;
    height: 95%;
    z-index: 1;
}

.commandDiv
{
    position: fixed;
    top: 92px;
    left: 0px;
    height:44px;
    width: 1064px;
    z-index: 4;
    text-align: right;
    padding-top:8px;
    background-color:#fff;
}


a
{
    text-decoration: none;
}

.chkBoxListDiv
{
    float: left;
    display: block;
    width: 90px;
}


.dateTimeListDiv
{
    float: left;
    display: block;
    width: 220px;
    position: relative;
}



.divmenu
{
    width: 200px;
    position: absolute;
    z-index: 10;
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: inline-block;
    margin-top: -0px;
    margin-left: -1px;
    border: 1px solid #636363;
    max-height: 500px;
    overflow: hidden;
    box-shadow: 4px 2px 4px rgba(0,0,0,0.2);
    -webkit-transition: max-height 0.8s ease-in;
    -moz-transition: max-height 0.8s ease-in;
    -ms-transition: max-height 0.8s ease-i;
    -o-transition: max-height 0.8s ease-in;
    transition: max-height 0.8s ease-in;
}
.divmenu_hidden
{
    width: 200px;
    position: absolute;
    z-index: 10;
    margin: 0px 0px 0px 0px;
    text-align: center;
    display: block;
    float: left;
    color: #ABABAB;
    margin-top: 0px;
    margin-left: 0px;
    box-shadow: 4px 2px 4px rgba(0,0,0,0.2);
    overflow: hidden;
    max-height: 0px;
    height:500px;
    display:none;
}
.menu_item_child
{
    text-decoration: none;
    color: #636363;
    font-size: 24px;
    line-height: 30px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    margin-bottom: 4px;
 
}
.menu_item_child:hover
{
    color: #c2c2c2;
}


.shadow
{
}

.CmAdminMenuLink
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    color: rgb(0,0,0);
    width: 200px;
    height: 30px;
    display: block;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px solid rgb(200,200,200);
}

.delbtn
{
    display:block;
    background-image:url(/cmadmin/imgs/repDel_dis.png);
    width:16px;
    height:16px;
    float:left;
}
.delbtn:hover
{
    background-image:url(/cmadmin/imgs/repDel.png);
}

.upbtn
{
    display:block;
    background-image:url(/cmadmin/imgs/repUp_dis.png);
    width:16px;
    height:16px;
    float:left;
}
.upbtn:hover
{
    background-image:url(/cmadmin/imgs/repUp.png);
}


.dwnbtn
{
    display:block;
    background-image:url(/cmadmin/imgs/repDown_dis.png);
    width:16px;
    height:16px;
    float:left;
}
.dwnbtn:hover
{
    background-image:url(/cmadmin/imgs/repDown.png);
}

.dropShadow
{
     -moz-box-shadow: 0 0em 1em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0em 1em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.5);
}

.loginTbl
{
    border: 1px solid #B7B7B7;
    text-align:center;
}


.buttonclass
{
    font-family: Lucida Sans Unicode,verdana;
    font-size: 12px;
    color: #222222;
    width: 90px;
}


/*TEKNE*/
.DivCommessa
{
    padding:0px 0px 0px 0px;
}
.MenuCommessa
{
    
    width:100%;    
}
.ItemMenuCommessa
{
    width:180px; 
    height:24px;
    text-align:center;
    line-height:24px;
    color:#666666;   
   
    border-top:solid 1px #ABABAB;
    border-left:solid 1px #ABABAB;
    border-right:solid 1px #ABABAB;
    border-bottom:solid 1px #ABABAB;
   
    
    background-color:rgb(230,230,230);
    
    float:left;
    font-size:14px;
    
   
}
.ItemMenuCommessa:hover
{
 color:#000000;  
    background-color:rgb(240,240,240);
}
.ItemMenuCommessaSel
{
    width:180px; 
     height:24px;
    line-height:24px;
    text-align:center;
    color:#000000;   
    background-color:#fff;
    border-top:solid 1px #ABABAB;
    border-left:solid 1px #ABABAB;
    border-right:solid 1px #ABABAB;
    border-bottom:solid 1px #fff;
    font-size:14px;
      
       float:left;
}
.DivMultiTab
{
    box-sizing: border-box;
    border-left:solid 1px #ABABAB;
    border-right:solid 1px #ABABAB;
    border-bottom:solid 1px #ABABAB;
    width:100%; 
    height:100%;
    min-height:400px;   
    background-color:#fff;
    
   
   
}
.DivSingleTab
{
   padding:30px 10px 10px 10px;
   height:100%;
   width:95vw; 
   overflow-x:auto;
}

/*BACKEND*/
.BackEnd_Header
{
    background-color: #FFFFFF;
}
.BackEnd_Header a
{
    text-decoration: none;
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.BackEnd_Header th
{
    border-bottom: solid 1px #abaabb;
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.Marketing_Header
{
    border-bottom: solid 1px #000000;
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.Marketing_Cell
{
    border-bottom: solid 1px #d2d2d2;
    color: #828282;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.Marketing_Row
{
    background-color:#FFFFFF;
}
.Marketing_Row:hover
{
    background-color:#d2d2d2;
}

.BackEnd_HeaderFatt
{
    border-bottom: solid 1px #abaabb;
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
    /*text-align: left;*/
    font-weight:bold;
    padding-left: 5px;
    padding-right: 5px;
}
.BackEnd_RowFatt
{
    border-bottom: solid 1px #abaabb;
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.BackEnd_RowTitle
{
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 14px;
    font-weight:bold;
}
.BackEnd_RowCheck
{
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.BackEnd_FooterFatt
{
    color: #000000; 
    font-family: Lucida Sans Unicode, Verdana; 
    font-weight:bold; 
    font-size: 12px;
}
.BackEnd_PaginatorBack
{
    width:700px;
    background-color: #dfe1e8;
    text-align:right;
}
.BackEnd_PaginatorBack a, .BackEnd_PaginatorBack span
{
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.BackEnd_RowStyle
{
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
}

.BackEnd_RowStyle_Head
{
    color: #FFFFFF;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
    background-color: #000088;
}


.BackEnd_RowStyle td
{
    border-bottom: solid 1px #efeff0;
}
.BackEnd_RowStyle:hover
{
    color: #000000;
    background-color: #efeff0;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
    cursor:pointer;
}
.BackEnd_TotText
{
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}

.searchTxt
{
    color: #000000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
    width:150px;
}


.RedRow
{
    color: #000000;
    background-color: #FF0000;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;
}
.GreenRow
{
    background-color: #a1dbb3;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;    
}
.OrangeRow
{
    background-color: #faba30;
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;    
}

.BackEnd_Button
{
    background-image: url('/BackEnd/imgs/BackEnd_Button.png' );
    background-color: Transparent;
    background-repeat: no-repeat;
    font-family:Lucida Sans Unicode, Verdana;
    width: 158px;
    height: 35px;
    color: White;
    font-size: 13px;
    border-style: none;
    cursor: pointer;
    text-align:center;
}
.BackEnd_ButtonCheck
{
    background-image: url('/BackEnd/imgs/BackEnd_ButtonCheck.png' );
    background-color: Transparent;
    background-repeat: no-repeat;
    font-family:Lucida Sans Unicode, Verdana;
    width: 170px;
    height: 35px;
    color: White;
    font-size: 13px;
    border-style: none;
    cursor: pointer;
    text-align:center;
}
.BackEnd_Label
{
    font-family: Lucida Sans Unicode , Verdana;
    font-size: 12px;
    color: #000000;
    text-align:left;
}
.BackEnd_EmptyText
{
    font-family: Lucida Sans Unicode , Verdana;
    font-size: 12px;
    color: #000000;
    text-align:center;
}
.BackEnd_Testo
{
    font-family: Lucida Sans Unicode , Verdana;
    font-size: 12px;
    color: #828282;
     text-align:left;
}
.BackEnd_Note
{
    font-family: Lucida Sans Unicode , Verdana;
    font-size: 10px;
    color: #000000;
     text-align:left;
}



.NumeroCommessa
{
    font-size:30px;
   line-height:20px;
}

.TitoloCommessa
{
    font-size:30px;
    line-height:20px;

}

.ClienteCommessa
{
    font-size:20px;

}

a
{
color:#333333;
}



.btnclipboard, .btnclipboardidfile {
    cursor: pointer;
}

.imgHeight {
    height: auto;
    min-height: 50px;
    max-height: calc(100vh - 220px);
    /* max-width: calc(100vw - 200px); */
    width: auto;
    cursor: pointer;
    max-width:100%;
}

@media screen and (min-width: 1000px) {
    .imgHeight {
        /* max-width: 800px; */
    }
}

.btnUp {
    /* background-color:red !important; */
    width:30px !important;
    height:16px !important;
    border-radius:2px !important;
    border-style:none !important;
    font-size:14px !important;
    font-weight:normal;
    cursor:pointer !important;
}
/*
.imgHeight:hover {
    max-height: 600px;
    height:auto;

  -webkit-transition: max-height 0.4s ease-in-out;
  -moz-transition: max-height 0.4s ease-in-out;
  -o-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;

}*/



video::-webkit-media-controls-panel {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(255,255,255,0);
    background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.2));
}
video::-webkit-media-controls-timeline {
    padding-top: 20px;
}

video::-webkit-media-controls-panel {
    display: flex;
    direction: ltr;
    flex-direction: row;
    align-items: center;
    -webkit-user-select: none;
    bottom: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    height: 30px;
    text-align: right;
}



.download {
    display:block;
    float:left;
    height:18px;
    line-height:18px;
    font-size:9px;
    color:#000000;
    letter-spacing:0.4px;
    margin-left:20px;
    margin-top:15px;
    position:relative;
}

    .download:hover {      
        text-decoration:underline;
    }

.reuseIcon {
    position:absolute;
    right:3px;
   top:9px;
}

.reuseIconBox {
    position: absolute;
    right: 1px;
    bottom: 0px;
}

.editButton:hover {
    color: rgb(248, 155, 75);
    text-decoration: none;
}

.editButton {
    color: #f75834;
    cursor: pointer;
    text-decoration: none;
    transition-duration:0.2s;
}

.frameButton:hover {
    background-color:#333 ;
    color:#FFF;
    text-decoration: none;
}

.frameButton {
    color: #f75834;
    cursor: pointer;
    transition-duration: 0.2s;
    margin:1px;   
    text-decoration: none !important;
    font-size: 12px !important;
    background-color: rgb(0, 0, 0);
    width: 20px;
    height: 21px;
    line-height: 23px !important;
    display: inline-block;
    text-align: center;
    color: white;
    border-radius: 3px;
}

.frameNumber {
    color: #f75834;
    margin: 1px;
    text-decoration: none !important;
    font-size: 12px !important;
    background-color: rgb(0, 0, 0);
    color: #ABABAB !important;
    width: 40px;
    height: 21px;
    line-height: 23px !important;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
}

.actionBtn:hover {
    color: #666;
    text-decoration: none;
}
.actionBtn {
    font-size: 17px;
    color: #aaa;
    cursor: pointer;
    margin-left: 6px;
    transition-duration: 0.4s;
    text-decoration: none;
}

.form-control {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 14px;
}