@charset "utf-8";
.jTagArea{
}

.jTagOverlay{
	width:100%;
	height:100%;
	position:relative;
}

.jTagDrag{
	width:100px;
	height:100px;
	border:2px dashed #0055cc;
	cursor: move;
}

.jTagInput{
	margin-right:44px;
}

.jTagSave{
	width:100%;
	background: #0055cc;
    opacity: 0.9;
    z-index: 9999;
}

.jTagInput input{
	border:1px solid black;
	width:83%;
	float:left;
	padding:0;
	margin:0;
    height: 30px;
    font-size: 18px;
    opacity: 0.9;
}

.jTagSaveClose{
	cursor:pointer;
	float: right;
	/*width:30px;
	height:20px;
	background: url('../images/cancel.png') no-repeat;*/
	background-position: center center;
    z-index: 9999;
}

.jTagDeleteTag{
	display: none;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index:5;
	/*width: 20px;
	height: 20px;
	background: url('../images/cancel.png') no-repeat;*/
}


.addsecondo{
	/*display: none;*/
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index:5;
	/*width: 20px;
	height: 20px;
	background: url('../images/cancel.png') no-repeat;*/
}


.jTagSaveBtn{
	cursor:pointer;
    margin-right: 3px;
	float: right;
/*	width: 30px;
	height: 20px;
	background: url('../images/save.png') no-repeat;*/
	background-position: center center;
}

.jTagPngOverlay{
	background: url(../images/trans.png);
}


.coloreanomalia{
    background-color:rgba(255, 0, 0, 0.6) !important;
}
.coloreverificato{
    background-color:rgba(0, 195, 19, 0.6) !important;
}

.coloregiallo{
    background-color:rgba(255, 255, 0, 0.6) !important;
}

.colorearancio{
    background-color:rgba(255, 153, 0, 0.6) !important;
}


.iconarancio{
    color:rgba(255, 153, 0, 0.6) !important;
}
.icongiallo{
    color:rgba(255, 255, 0, 0.6) !important;
}
.iconrosso{
    color:rgba(255, 0, 0, 0.6) !important;
}
.iconverde{
    color:#5cb85c !important;
}


.jTagTag{
	opacity: 0;
	border:2px solid #0055cc;
	position:absolute;
    /*background-color: rgba(51, 204, 0, 0.6);*/
	 background-color: rgba(12, 106, 189, 0.6);
}

.jTagTag span{
	width:100%;
	background-color:#000;
	color:#fff;
	height:28px;
	/*position: absolute;*/ padding:5px;
	bottom: 0px;
	text-align: center;
	font-size: 13px;
	line-height:28px;
    opacity: 0.5;
    font-weight: bold;
	
	
}

.jTagLabels{
	padding:5px;
}

.jTagLabels label{
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	background-color:#DDDDDD;
	margin-right:5px;
	cursor:pointer;
	float:left;
}

/*@media (min-width: 768px) and (max-width: 1024px) {
  
  .jTagInput input{
    height: 50px;
}
  
}*/



/* ############### CUSTOM ############################################# */





.boxcontenitore {
    
    /*overflow-x: scroll;overflow-y: hidden;  position: absolute;*/
    
    margin-top: 60px;
}



.box_header{
    
    width: 100%; 
    position: fixed; 
    background-color: #fcfcfc; 
    top: 0px; 
    z-index: 999;
    padding-top: 15px;
    padding-bottom: 10px;
    
}



/*
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8); 
}
*/

.fleft{
    float: left;
    padding-left: 5px;
    font-size: 20px;
}


.fright{
    float: right;
    margin-right: 5px;
}


.markcompleta{
    float: right; padding-top: 5px; padding-bottom: 5px; padding-right: 20px;
}


.popupaddnew{
    
    display: none;  border: #000 1px solid;
        position: fixed;
        height: 180px;
        top: 50%;
        margin-top: -100px;width: 300px;
        left: 50%;
        padding-top:25px;
        padding-left:20px;
        padding-right:20px;
        margin-left: -150px; background-color: #fafafa;
        z-index:999;
}


 /* Base for label styling */
        [type="checkbox"]:not(:checked),
        [type="checkbox"]:checked {
            position: absolute;
            left: -9999px;
        }
        [type="checkbox"]:not(:checked) + label,
        [type="checkbox"]:checked + label {
            position: relative;
            padding-left: 32px;
            cursor: pointer;
            margin-bottom: 4px;
            display: inline-block;
            font-size: 16px;
        }
        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0px; top: 0px;
            width: 22px; height: 22px;
            border: 2px solid #cccccc;
            background: #ffffff;
            border-radius: 4px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        }
        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '✔';
            position: absolute;
            top: 0px; left: 5px;
            font-size: 20px;
            line-height: 1.2;
            color: #09ad7e;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }
        [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
        /* disabled checkbox */
        [type="checkbox"]:disabled:not(:checked) + label:before,
        [type="checkbox"]:disabled:checked + label:before {
            box-shadow: none;
            border-color: #999999;
            background-color: #dddddd;
        }
        [type="checkbox"]:disabled:checked + label:after {
            color: #999999;
        }
        [type="checkbox"]:disabled + label {
            color: #aaaaaa;
        }
        /* accessibility */
        [type="checkbox"]:checked:focus + label:before,
        [type="checkbox"]:not(:checked):focus + label:before {
            border: 2px dotted #0000ff;
        }
        /* hover style just for information */
        label:hover:before {
            border: 2px solid #4778d9!important;
            background: #ffffff}