/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 20px;

}
footer
{
    /*border-top: 5px solid #d9534f !important;*/
    /*background-color:#269834;*/
    color:#8e969d !important;

    /*padding:40px;*/
    padding-right:2%;
    padding-bottom:4px;
    /*position: absolute;
    width:100%;*/
    /*bottom:0px;*/
}
.footer {
    margin-top: 20px;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {

    /*background-color:#f4f6f7;*//*#F1F2ED;*/

    /*padding-left: 15px;
    padding-right: 15px;*/
    /*margin-top:17px;*/
    margin-left:00px;
    margin-top:40px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.capitalize{
    text-transform: capitalize;
}
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    /*max-width: 280px;*/
}
input[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #757575;
    content: "";
    background: #FFF;
    border-radius:2px;
}
input[type="checkbox"]:after{
    position: relative;
    display: block;
    left: 3px;
    top: -12px;
    width: 9px;
    height: 9px;
    border-width: 1px;
    border-style: solid;
    border-color:#FFFFFF;
    content: "";

}
input[type="checkbox"]:checked:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}
input[type="checkbox"]:disabled:after{
    /*-webkit-filter: opacity(0.4);*/
     background-color: rgb(233, 233, 225);
     border-color: rgb(233, 233, 225);
}
input[type="checkbox"]:not(:disabled):checked:hover:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}
input[type="checkbox"]:not(:disabled):hover:after{
    /*background-image: linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);  
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;*/  
}
input[type="checkbox"]:not(:disabled):hover:before{
    /*border-color: #3D7591;*/
}
.back-container{
    padding-left:20px;
    padding-right:20px;
    padding-top:40px;
    min-height:70vh;


}
.background-color-red{background-color:#CE3426 !important} 
.background-color-azure{background-color:#7099bf !important}
.color-red{color:#CE3426 !important}
.color-green{color:#269834 !important}
.color-yellow a{color:#ffd800 !important}
.color-yellow a:hover{color:#e2c001 !important}
.color-black a{color:#3b3b3b !important}
.color-black a:hover{color:#fff !important}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }

}

@media screen and (min-width: 1170px) {
    .icon-metro {
        width: 33%;
    }
}
@media screen and (max-width: 1169px) {
    .icon-metro {
        width: 100%;
        padding:0;
    }
}

.icon-metro
{
    float:left;
    /*margin: 0 auto;*/
    margin:2px;

    list-style: none;
    /*width:150px;*/
    /*height:276px;*/
    border:solid 1px #ced4da;
    border-radius:.25rem;
    background-color:#ffffff;
}
.icon-metro:hover
{
    background-color:#f2f2f2;
}
.icon-metro-home
{
    text-align:left;
    /*background-color:#298FCC;*//*#298FCC*/
    cursor:pointer;
    -webkit-transition:background 300ms ease, color 300ms ease;
    -moz-transition:background 300ms ease, color 300ms ease;
    -ms-transition:background 300ms ease, color 300ms ease;
    -o-transition:background 300ms ease, color 300ms ease;
    min-height:120px !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.10);
    
}
.icon-metro-home:hover
{
    /*background-color:#2583BA;*/

    /*outline-style: solid;
    outline-width:3px;
    outline-color:rgba(37, 131, 186, 0.44);*/
    /*box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.15);*/
   
}
.icon-metro-home .desc{
    color: #212529 !important;
}
.icon-metro .bord{
    padding:20px;
}
.icon-metro .img{
    margin-bottom: 20px;
}
.icon-metro .tit{
    font-size: 22px;
    font-weight: 600;
    transition: color 250ms;
    text-align: left;
    margin-bottom: 10px;
    text-decoration:none;
    color: #202020;

}
.icon-metro .desc{
    font-weight: 300;
    font-size: 13px;
    text-align: left;
    color: #848484;
    /*padding-left: 5%;
    padding-right: 5%;*/
    text-decoration:none;
}
.titolo
{
    text-align:center;
    font-size: 22px;
    font-weight: 300;
    transition: color 250ms;
    text-transform: uppercase;
    color: #202020;
    /*text-shadow:0px 1px 0px #ffffff;*/
}
.EmptyDataText
{
    font-size:30px;
    text-align:center;
    position:absolute;
    height:50%;
    margin:auto;
    top:0; left:0; bottom:0; right:0;
}
@media screen and (max-width: 1000px) {
.contentWidget
{

    margin-left: -28px !important;
    margin-right: 10px !important;

}
.task{
    margin-left:10px !important;
}

}
.container-sub
{
    margin-top:30px;
}
.contentWidget
{

      display :block;
      text-align:center;
      margin-top:50px;
      min-height:100vh;
      /*margin-left: -38px;*/
     margin-right:38px;

}
.task{
    margin-left:38px;
}
.subtitle-bar
{
    /*background-color:#d9534f;
    font-size: 1em;
    color: #fff;
    width:100%;
    padding:20px;
    padding-left:40px;
    text-transform: uppercase;*/
    
    background-color: #d9534f;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    border-top: 2px solid #fff;

}
.subtitle-bar-sub
{
    /*float: left;
    width: 33.333%;
    border-right: 1px solid #fff;
    text-align: center;
    line-height:normal;
    margin-top:-8px*/

    width: 33.333%;
    border-right: 1px solid #fff;
    text-align: center;
    display: inline-grid;
    padding: 10px;
}
div.subtitle-bar-sub a{color:#fff !important;}
div.subtitle-bar-sub a:hover{text-decoration:underline}
@media (max-width: 768px) {
    .modal-footer{display:none;}
    .subtitle-bar{    
        padding-left:0px;
        padding-right:0px;
        text-align:center;
        /*font-size: 0.85em;*/
    }
    .subtitle-bar-sub {
         width: 100%;
          border-right: 0px solid #fff;
    }
    .iframe
    {

        /*-ms-zoom: 0.6; 
        -moz-transform: scale(0.6); 
        -moz-transform-origin: 0px 0; 
        -o-transform: scale(0.6); 
        -o-transform-origin: 0 0; 
        -webkit-transform: scale(0.6); 
        -webkit-transform-origin: 0 0;*/ 

    }
}
.iframe-container
{

}
.iframe-wrap
{
    margin:0 auto; 
    width:100%; 
    text-align:center;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}
.iframe
{

    /*width:100%; 
    height: inherit;*/

      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    

}
.ifarme-body-page
{
    overflow-x:hidden;
    background-color:#FFFFFF !important;
    width:auto;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 10px;
}
#linkindietro
{

}
.mygrid{margin:0 auto;}
.mygrid tbody tr:nth-child(2n+1) td{background-color:rgba(229, 229, 229, 0.36)}
/*.mygrid tbody tr:nth-child(2n+1):hover td{background-color:#feffaf !important;}*/
.mygrid tbody tr:nth-child(1n+2):hover td{background-color:#feffaf !important;}
.mygrid, .mygrid-red, .mygrid2, .mygrid3{border:solid 1px #ffffff;font-size:14px;background-color:#ffffff;width:100%}
.mygrid th tr td{padding-left:0px;}
.mygrid tbody tr td{height:25px; border:solid 1px #CDCDCD;padding:8px;}
.mygrid-header, .mygrid-header th, .mygrid-header td{border:1px solid #dee2e6 !important;/*box-shadow: inset 0 0 0 1px #ffffff;*/ padding:8px;}
.mygrid-header
{
    text-align:center !important;
    padding-left:0px;
    padding-right:4px;
    font-weight:bold !important;
    color:#FFFFFF; /*#ffcd11*/
    border:solid 0px #FFFFFF !important;
    border-bottom:solid 0px #FFFFFF !important;
    background-color:#8e969d !important;/*#c4ced7;*/
    font-size:12px !important;
    /*background :url('../styles/Images/ui-bg_highlight-soft_60_dddddd_1x100.png');*/
}
.mygrid-header-black
{
    background-color:#444 !important;
    color:#ffffff;
}
.mygrid-header-blu
{
    background-color:#077DB4 !important;
    color:#ffffff;
    min-width:38px;
}
.mygrid-row{color:#333333 !important;}
.mygrid-row:hover{background-color:#f0f3f6 !important;}
.mygrid-row-totali{font-weight:bold;background-color:#e9ecef !important; }
.mygrid-empty-data
{
    background-color:#FFFFFF;
    border:none;
    color:#8e969d;
    font-size:18px;
}
.mygrid-image input[type="image"] 
{
    vertical-align:middle;
    width:16px;
}
.mygrid-image input[type="image"]:hover
{
    -webkit-filter: grayscale(100%); /* Google Chrome e Apple Safari */
	-moz-filter: grayscale(100%); /* Mozilla Firefox */
	-ms-filter: grayscale(100%); /* Microsoft Internet Explorer */
	-o-filter: grayscale(100%); /* Opera */
	filter: grayscale(100%); /* La proprietà standard */
}
.card.disabled{
    opacity:0.4;
        -webkit-filter: grayscale(100%); /* Google Chrome e Apple Safari */
	-moz-filter: grayscale(100%); /* Mozilla Firefox */
	-ms-filter: grayscale(100%); /* Microsoft Internet Explorer */
	-o-filter: grayscale(100%); /* Opera */
	filter: grayscale(100%); /* La proprietà standard */
}
.myimage:hover{
        -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%); 
	filter: grayscale(100%);
    /*background-color:rgb(233, 233, 225);*/
    /*background-color:#70ce70;*/
}
.myimage{
        /*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%); 
	filter: grayscale(100%);
    background-color:rgb(233, 233, 225);*/
}
.myinput
{
    /*border:1px solid #8e969d;*/
    padding:5px;
    padding-left:4px;
    padding-right:4px;
}
.myinput-date
{
    /*max-width: 80px;*/
}
.myinput-number
{
    text-align:right !important;
}
.myselect{
        /*border:1px solid #8e969d;*/
    padding:7px;
    padding-left:1px;
    padding-right:1px;
}

.spinner{
        text-align: center;
        margin-top:0px;
        position:relative
}
.spinner img{
    width: 200px;
}
.divModal-allscreen
{
    z-index:9990;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.30);
    top:0;
    left:0px;
    position: fixed;


}
.divModal
{
  margin: auto;
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;

    height:80%;
  overflow: auto;
  /*overflow-y: scroll;*/


    background-color:#ffffff;
    /*border:solid 1px #E83F24;*/
    border:solid 1px #0072C6;
    padding:20px;
    padding-top:10px;
    -webkit-box-shadow:0px 0px 30px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.40);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.40);

}


.divModal-container-allscreen
{
    z-index:1100;
    width:100%;
    height:100%;
    border-top:3px solid #FFFFFF;
    background-color: rgba(0, 0, 0, 0.25);/*rgba(196, 206, 215, 0.30); background-color: rgba(0, 0, 0, 0.20);*/
    top:50px;
    left:0px;
    position: fixed;

}
div#loader {
    position: absolute;
    top: 40%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
    width:600px;
    text-align:left;
    background-color:transparent;
    /*text-shadow: 0px 1px 0px #ffffff;
     color:rgb(52, 73, 94);*/
    color:#FFFFFF;
    font-size:30px;

}
div#progressBar:after {
  content: "";
  /*-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;*/
  -moz-animation: wormsPong cubic-bezier(0.77, 0, 0.175, 1) 3s infinite;
  -webkit-animation: wormsPong cubic-bezier(0.77, 0, 0.175, 1) 3s infinite;
  animation: wormsPong cubic-bezier(0.77, 0, 0.175, 1) 3s infinite;
  background-color:#428BCA; /*rgb(0, 174, 239) #428bca */
  position: absolute;
  
  left: 0;
  width: 2px;
  height: 3px;
  top:-3px;
  z-index:1100;
 }
@-moz-keyframes wormsPong {
  25% {
    width: 100%;
  }
  50% {
    width: 0;
    left: auto;
    right: 0;
  }
  75% {
    width: 100%;
  }
  100% {
    width: 0;
    right: auto;
    left: 0;
  }
}
@-webkit-keyframes wormsPong {
  25% {
    width: 100%;
  }
  50% {
    width: 0;
    left: auto;
    right: 0;
  }
  75% {
    width: 100%;
  }
  100% {
    width: 0;
    right: auto;
    left: 0;
  }
}
@keyframes wormsPong {
  25% {
    width: 100%;
  }
  50% {
    width: 0;
    left: auto;
    right: 0;
  }
  75% {
    width: 100%;
  }
  100% {
    width: 0;
    right: auto;
    left: 0;
  }
}

.uppercase
{
    text-transform: uppercase;
}
.bold
{
    font-weight:bold;
}
.div-icon-validator
{
    margin-top:4px;
}
@media(min-width: 1000px) {
    .no-valid {
        border: 2px solid #d9534f !important;
        margin-left: 38px;
    border-radius: 3px;
    position: absolute;
    height: 24px !important;
    margin-top: -24px;
       
    }
    .no-valid-default {
    border: 2px solid #d9534f !important;
    margin-left: -5px;
    border-radius: 3px;
    position: absolute;
    margin-top: 0px;
    height: 30px;
    }
    .no-valid-margin-top{
         /*margin-top: 22px !important;*/
    }
    .no-valid-xs {
        height: 24px !important;
        margin-top: 0px;
    }
        
}
@media(max-width: 999px) {
    .no-valid {
        border: 2px solid #d9534f !important;
        margin-left: 8px;
        margin-top: -24px !important;
        border-radius: 3px;
        height: 24px !important;
        position: absolute;
    }
    .no-valid-margin-top{
    }
}

.validator-error
{
    border:2px solid #CE3426;
}
.div-contratto{
    position: relative;
    margin-top: -31px;
    background-color: #ffffff !important;
}
.div-tariffari{
    position: relative;
    margin-top: -16px;
    background-color: #ffffff !important;
}
.div-contratti
{
    position: relative;
    margin-top: -6px;
    background-color: #ffffff !important;
}
.ui-datepicker-trigger /*calendar.png del datapicker*/
{
    /*display:inline-block;*/
    position: relative; 
    cursor: pointer; 
    margin-top: -23px;
    margin-right: 3px;
    float: right;
    opacity: 0.6;
}

.right-shadow
{
    box-shadow:  5px 0 14px -13px rgba(115, 115, 115, 1);
}
.treeview
{
    padding: 0.75rem 0.95rem;
}
.treeview table tr td
{
    padding-right: 2px;
    padding-bottom: 2px;
}
.treeview table tr td div
{
    width:16px !important;
}
.treeview table tr
{            
    display: block;
    /*padding: 0.5rem 0.95rem;*/
    margin-bottom: -1px;
    background-color: #ffffff;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
         
}
.treeview-blu
{
    color:#0094ff !important;
}
.sottomenu-ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #ffffff;
    }

    .sottomenu-li {
        float: left;
        border-right:1px solid rgba(0, 0, 0, 0.125);
        line-height: 34px;
        width:150px;
        height:34px;
    }

    .sottomenu-li>a {
        display: block;
        color: #222;
        text-align: center;

        text-decoration: none;
    }

    .sottomenu-li:hover {
        background-color: #f5f5f5;
    }
    .text-nowrap{
        white-space:nowrap;
    }

    .RootNodeStyle
    {
        color:#3D4859 !important;
        font-weight:bold;
        font-size:14px;
    }
    .ParentNodeStyle
    {
        color:#3D4859 !important;
        font-weight:bold;
    }
    .LeafNodeStyle
    {
        color:#428BCA !important;
        font-weight:bold;
    }

    .treeview table tr td img
    {
        height:16px;
    }
    [id^="treeElencon"] img /*nascondo l'immagine del Expand e del Collapse*/
    {
        display:inline;
        width:16px !important;
    }
    .titolo-catalogo
    {
        color: #967A44;
        background-color: #F5CE85;
        font-weight: bold;
        border-bottom: 1px solid #DBB065;
 
    }
.div-label-for-check
{
    position:relative;
    top:-20px;
    left:15px;
}
.label-yellow {
  background-color: #ffd800;
}

.label-yellow[href]:hover,
.label-yellow[href]:focus {
  background-color: #f3ce00;
}