/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    font-size: 0.9rem !important;
}
body, html {
    font-family: "Roboto" !important;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-brand {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.myh3{
    font-size:1.4rem;
}
/*.dropdown-header {
    color: #fff !important;
}

.dropdown-item {
    color: #fff !important;
}

    .dropdown-item:hover {
        background-image: none;
        background-color: gray
    }*/
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
    position: static;
}

.megamenu .container {
    position: relative;
}
.megamenu .container-fluid {
    position: relative;
}

.megamenu .dropdown-menu {
    /*left: auto;*/
}

.megamenu .megamenu-content {
    padding: 15px;
}

    .megamenu .megamenu-content h3 {
        margin-top: 0;
        color: #428bca;
        font-size: 18px;
    }

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

#my-pad {
    padding: 50px 0;
}
.scrollable-menuUser {
    height: auto !important;
    max-height: 550px;
    min-height:300px;
    overflow-x: hidden;
}
.accordion .card-header:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f106";
    float: right;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107";
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.col3gg {
    margin: 0;
    padding: 0 5px 0 0;
    width: 55px;
    line-height: 14px;
    float: left;
}
.colprov {
    margin: 0;
    padding: 0 5px 0 0;
    max-width: 150px;
    width: 100%;
    line-height: 14px;
    float: left;
}

.colRS {
    margin: 0;
    padding: 0 5px 0 0;
    max-width: 260px;
    width:100%;
    line-height: 14px;
    float: left;
}
.colAgenzia {
    margin: 0;
    padding: 0 5px 0 0;
    width: 250px;
    line-height: 14px;
    float: left;
}
.colAgenzia1 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 350px;
    line-height: 14px;
    float: left;
}
.colRS1 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 200px;
    line-height: 14px;
    float: left;
}

.colAna {
    margin: 0;
    padding: 0 5px 0 0;
    width: 175px;
    line-height: 14px;
    float: left;
}
.colAnaProd {
    margin: 0;
    padding: 0 5px 0 0;
    width: 375px;
    line-height: 14px;
    float: left;
}
.colPro {
    margin: 0;
    padding: 0 5px 0 0;
    width: 100px;
    line-height: 14px;
    float: left;
}
.colchk {
    margin: 0;
    padding: 0 5px 0 0;
    width: 70px;
    line-height: 14px;
    float: left;
}
.colUM {
    margin: 0;
    padding: 0 5px 0 0;
    width: 50px;
    line-height: 14px;
    float: left;
}
.colCF {
    margin: 0;
    padding: 0 5px 0 0;
    width: 1px;
    line-height: 14px;
    float: left;
    visibility: hidden;
}
.col1h, .col2h, .col3h, .col4h {
    float: left;
    width: 110px;
    margin: 0;
    padding: 0 5px 0 40px;
}

.col1h {
    padding: 0;
    margin-right: -10px;
    width: auto;
    float: left;
}

.col1, .col2, .col3, .col4 {
    float: left;
    width: 110px;
    margin: 0;
    padding: 0 5px 0 40px;
}
.mystyle {
    text-transform: uppercase;
}
.Tito {
    border: dotted 1px;
    background-color: #CCC;
    color: #333;
    box-shadow: 1px 1px 1px grey;
    font-variant: small-caps;
}
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}
.DetailSocialClass .rgCaption {
    background-color: #CCC;
    color: #333;
    box-shadow: 1px 1px 1px grey;
    /*font-variant: small-caps;*/
    font-style:italic;
    font-weight: bold;
    caption-side: top;
    padding-left:5px;
}
.titleAz {
    font-size: 1.1rem;
    color: #A80000;
}
.skinChooserItem {
    height: 124px;
    background-repeat: no-repeat;
    display: block;
    background-position: 6px 22px;
    background-color: #d6eefd;
    color: #7691a2;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 13px;
}

.skinChooserItem:hover {
    color: #7691a2;
    border: 1px solid #0b496d;
    padding: 3px 12px;
    background-position: 5px 21px;
}
.filterDiv {
    margin: 0px 0px 20px 0px;
}
/*.RadUpload .ruBrowse {
    height:auto!important;
}*/

.RadUpload .ruFakeInput {
    height: auto !important;
}
.RadGrid .rgEditForm {
    height: auto !important;
}
.RadGrid .rgEditForm > .rgHeader + div {
    height: auto !important;
}
.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
    width: 98%;
}
.validator {
    color: #880000;
    font-weight: bold;
}
#myModalSdI .modal-dialog {
    min-width: 50%;
 }
#firmaXML .modal-dialog {
    min-width: 50%;
}
#myModalmexScart .modal-dialog {
    min-width: 45%;
}
#myReadDoc .modal-dialog {
    min-width: 60%;
}
#mySendFatt .modal-dialog {
    min-width: 60%;
}
#myReadPDF .modal-dialog {
    min-width: 60%;
}
#addAllegati .modal-dialog {
    min-width: 60%;
}
#myModalCoPr .modal-dialog {
    min-width: 60%;
}
#myModalComunicazioni .modal-dialog {
    min-width: 70%;
}
#myModalSaldaconto .modal-dialog {
    min-width: 60%;
}
#myModalSupportReq .modal-dialog {
    min-width: 50%;
}
.modal-info {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#ff0000), to(#ff0000));
    background-image: -webkit-linear-gradient(#ff0000 0%, #ff0000 100%);
    background-image: -moz-linear-gradient(#ff0000 0%, #ff0000 100%);
    background-image: -o-linear-gradient(#ff0000 0%, #ff0000 100%);
    background-image: linear-gradient(#ff0000 0%, #ff0000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffff0000', GradientType=0);
    border-color: #9acfea;
    border-radius: 6px 6px 0 0;
    color: #fff;
}
.ncp {
    min-width: 750px;
}
.AltezzaTooltip {
    height: auto !important;
}
/* Footer */
footer {
    padding: 30px 0;
}

    #footer .section-title {
        text-align: center;
        color: #007b5e;
        margin-bottom: 50px;
        text-transform: uppercase;
    }
#footer {
    background: #343a40 !important;
}
#footer h5 {
/*    padding-left: 10px;
    border-left: 1px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;*/
    color: #ffffff;
}

#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

#footer ul.social li {
    padding: 3px 0;
}

    #footer ul.social li a i {
        margin-right: 5px;
        font-size: 25px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
    }

    #footer ul.social li:hover a i {
        font-size: 30px;
        margin-top: -10px;
    }

    #footer ul.social li a,
    #footer ul.quick-links li a {
        color: #ffffff;
    }

        #footer ul.social li a:hover {
            color: #eeeeee;
        }

#footer ul.quick-links li {
    padding: 3px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

    #footer ul.quick-links li:hover {
        padding: 3px 0;
        margin-left: 5px;
        font-weight: 700;
    }

    #footer ul.quick-links li a i {
        margin-right: 5px;
    }

    #footer ul.quick-links li:hover a i {
        font-weight: 700;
    }

@media (max-width:767px) {
    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}
/* finne footer*/

/* 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: 100%;
}
input[type="button"] {
    cursor: pointer;
}
input[type="button"]:disabled {
    cursor: not-allowed;
}
.modal-content .closeicon {
    position: absolute;
    height: 26px;
    width: 26px;
    left: auto;
    right: -13px;
    bottom: auto;
    top: -13px;
    padding: 0px;
    color: #ffffff;
    font-family: Arial;
    font-weight: 100;
    font-size: 24px;
    line-height: 24px;
    border: 2px solid #ffffff;
    border-radius: 26px;
    box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 );
    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
    background-color: rgba( 0, 0, 0, 1.00 );
    opacity: 1;
    z-index: 1;
}

    .modal-content .closeIcon:hover {
        opacity: .9;
    }
/* Responsive: Portrait tablets and up */
/*@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}*/
@media (min-width: 320px) {
    .container-fluid {
        max-width: 300px;
    }
    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 300px;
    }
    .rgEditForm {
        width: 320px !important;
        top: 0 !important;
        left: 0 !important;
    }
    .ncp {
        min-width: 350px;
    }
    .alr {
        text-align: left;
    }
 }
@media (min-width: 375px) {
    .container-fluid {
        max-width: 350px;
    }
    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 350px;
    }
    #myReadDoc .modal-dialog {
        min-width: 60%;
    }
    .rgEditForm {
        width: 415px !important;
        top: 0 !important;
        left: 0 !important;
    }
    .ncp {
        min-width: 350px;
     }
    .alr {
        text-align: left;
    }
 }
@media (min-width: 414px) {
    .container-fluid {
        max-width: 400px;
    }

    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 350px;
    }

    #myReadDoc .modal-dialog {
        min-width: 60%;
    }

    .rgEditForm {
        width: 400px !important;
        top: 0 !important;
        left: 0 !important;
    }

    .ncp {
        min-width: 350px;
    }

    .alr {
        text-align: left;
    }
}
@media (min-width: 576px) {
    .container-fluid {
        max-width: 540px;
    }
    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 540px;
    }
    .rgEditForm {
        width: 546px !important;
        top: 0 !important;
        left: 0 !important;
    }
    .ncp {
        min-width: 350px;
    }
    .alr {
        text-align: left;
    }
 }

@media (min-width: 768px) {
    .container-fluid {
        max-width: 720px;
    }
    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 720px;
        margin-top: 10px;
    }
    .rgEditForm {
        width: 720px !important;
        top: 0 !important;
        left: 0 !important;
    }
    .ncp {
        min-width: 750px;
     }
    .alr {
        text-align: left;
    }
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        max-width: 960px;
    }
    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 960px;
        margin-top: 10px;
    }
    .rgEditForm {
        width: 960px !important;
        top: 0 !important;
        left: 0 !important;
    }
    .ncp {
        min-width: 750px;
    }
    .alr {
        text-align: right;
    }
}
@media (min-width: 1200px) {
    .container-fluid {
        max-width: 1140px;
    }
    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 1140px;
        margin-top:10px;
    }
    .rgEditForm {
        width: 1160px !important;
        top: 0 !important;
        left: 0 !important;
    }
    .ncp {
        min-width: 750px;
    }
    .alr{
        text-align:right;
    }
    .RadComboBoxDropDown{
        min-width:750px!important;
    }
        .ddskin {
            min-width: 120px !important;
        }
    
    .myLeftDD {
        left: -500px;
    }
}
@media (min-width: 1405px) {
    .container-fluid {
        max-width: 1400px;
    }
    .gradient {
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(176,7,10,1)), to(rgba(114,0,0,1)));
        color: white !important;
        min-width: 1400px;
        margin-top: 10px;
    }

    .rgEditForm {
        width: 1415px !important;
        top: 0 !important;
        left: 0 !important;
    }

    .ncp {
        min-width: 750px;
    }

    .alr {
        text-align: right;
    }

    .RadComboBoxDropDown {
        min-width: 750px !important;
    }
    .ddskin {
        min-width: 120px !important;
    }
    .myLeftDD {
        left: -70px;
    }
}
/*[class^="Rad"], [class^="Rad"] * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/
.RadToolTip, .RadToolTip * {
    box-sizing: border-box !important;
}
.RadAsyncUpload, .RadAsyncUpload * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.RadFilter, .RadFilter li {
    min-width: 22.22222em!important;
}
/*.RadPicker, .RadPicker * {
    box-sizing: content-box!important;
}*/
.cb label {
    margin-right: 10px;
}

.cb input {
    width: 20px;
    height: 20px;
}
.RadGrid,
.rgMasterTable {
    width: 100% !important;
}
    /*.RadFileExplorer, .RadFileExplorer * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/
/* Manipolazione testo placeholder*/
.form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.form-control-placeholder-cmb {
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 95%;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 1;
}
.form-control-placeholder-cmb-bold {
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 95%;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 1;
    font-weight:bold;
}
.form-control-placeholder-cmb-red {
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 95%;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 1;
    color:darkred;
}
.form-control-placeholder-cmb-red-bold {
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 95%;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 1;
    color: darkred;
    font-weight: bold;
}
.form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
}
.form-control {
    background-color: #fff !important;
    color: #000 !important;
}
/* Fine manipolazione testo placeholder*/
/* Dimesione testo editor HTML*/
.reTextArea, .RadForm.rfdTextarea .RadEditor .reTextArea {
    font-size: 1.0rem !important;
}
/* Fine dimesione testo editor HTML*/
#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.9;
    background-color: #343a40;
    z-index: 99;
    text-align: center;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: spinningColor 1.5s ease-in-out infinite;
    margin-top:-35px;
    margin-left: -35px;
    border: 5px double #f0eff5;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    z-index: 100;
}

@keyframes spinningColor {
    0% {
        transform: rotate(360deg);
        border-top: 5px dashed #f56682;
        border-bottom: 5px dashed #15c210;
    }

    25% {
        border-top: 5px dashed #f591a6;
        border-bottom: 5px dashed #87fc83;
    }

    50% {
        border-top: 5px dashed #fd878e;
        border-bottom: 5px dashed #5cf257;
    }

    75% {
        border-top: 5px dashed #f57f8f;
        border-bottom: 5px dashed #80fc7c;
    }

    100% {
        border-top: 5px dashed #f56682;
        border-bottom: 5px dashed #15c210;
    }
}
div.custom-control-right {
    padding-right: 24px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}

    div.custom-control-right .custom-control-label::after {
        right: -1.5rem;
        left: auto;
    }

    div.custom-control-right .custom-control-label::before {
        right: -2.35rem;
        left: auto;
    }
.heading-1 {
    position: relative;
    text-align: center
}

    .heading-1:before {
        content: "";
        display: block;
        border-top: solid 2px #bebebe;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 50%;
        z-index: 0;
    }

    .heading-1 span {
        background: #fff;
        padding: 0 10px;
        position: relative;
        z-index: 1;
        font-size: 1.2rem;
        font-weight: bold;
    }
.canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.footmnumob {
    color: #dd0a17;
}
.footmnumob em {
    color: #dd0a17;
}
.footmnumob i {
    color: #dd0a17;
}
.footmnumob a {
    color: #dd0a17!important;
}