*, ::after, ::before {
    box-sizing: border-box;
}

html {
    height: 100%;
    /*background-image: linear-gradient(to left bottom, #323537, #31373b, #303940, #303b44, #2f3d49, #2e4050, #2e4356, #2d465d, #2b4b67, #2a4f72, #28547c, #265887);*/
    overflow: hidden;
}

body {
    justify-content: center;
    height: 100%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left; 
    /*background-image: radial-gradient(circle, #f2efef, #eeeced, #ebeaea, #e7e7e7, #e4e4e4, #dfdfdf, #dad9db, #d5d4d6, #cecbce, #c7c3c5, #c0babc, #b9b2b2);*/

}

.splashImageLogoDiv {
    display: flex;
    width: 100% !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
} 


.splash-site-logo {
    max-width: 150px !important;
    /*bottom: 20px !important;*/
    position: relative !important; 
}

.splashContentRow {
    width: 100%;
    height: 100%;
    justify-content: center; 
    position: relative; 
}
    .splashContentRow img {
        position: absolute; 
        width: 100%;
        top: 5%;
    }

#splashContent {
    align-self: auto; 
    width:100%
}



#LOGIN, #CHANGELOGIN, #FORGOTLOGIN, #RESETLOGIN, #SETPASSWORDFORGOTLOGIN, #MESSAGE, #REQUESTOTP, #PRIVACY {
    display: none;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    margin-top: 7%;
    border-radius: 18px;
    width:100%;
    flex-direction:column
}

#LOGINCONTENT, #CHANGELOGINCONTENT, #FORGOTLOGINCONTENT, #RESETLOGINCONTENT, #SETPASSWORDFORGOTLOGINCONTENT {
    clear: both;
    margin: 0 auto;
    text-align: center;
}

#tLogin, #tChangeLogin, #tForgotLogin, #tResetLogin, #tSetPwdForgotLogin, #tMessage, #tRequestOtp, #tPrivacy {
  margin: 0 auto;
  margin-top: 10px;
  /*float:right;*/
  width: 100%;
}

#tSplash {
    margin: 8% auto 0 auto;
}

#tLogin td, #tChangeLogin td, #tForgotLogin td, #tResetLogin td, #tSetPwdForgotLogin td, #tRequestOtp td, #tPrivacy td {
  padding: 5px 10px;
}

#tLogin .label, #tChangeLogin .label, #tForgotLogin .label, #tResetLogin .label, #tSetPwdForgotLogin .label, #tRequestOtp .label, #tPrivacy .label {
  text-align: right;
  color: #27619B;
}

#tLogin .label_center, #tForgotLogin .label_center, #tResetLogin .label_center, #tSetPwdForgotLogin .label_center, #tRequestOtp .label_center, #tPrivacy .label_center {
  text-align: center;
  color: #27619B;
}

#tLogin .empty, #tChangeLogin .empty, #tForgotLogin .empty, #tResetLogin .empty, #tSetPwdForgotLogin .empty, #tRequestOtp .empty, #tPrivacy .empty {
  height: 10px;
}

#tLogin .header, #tChangeLogin .header, #tForgotLogin .header, #tResetLogin .header, #tSetPwdForgotLogin .header, #tRequestOtp .header, #tPrivacy .header {
  background-color: #E0E0E0;
  color: #276198;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 5px;
  /*text-transform: uppercase;*/
}

#taChangeError, #taError, #taForgotError, #taResetError, #taSetPWDForgotError {
    font-family: 'Roboto', sans-serif;
}

/*Personalizzazione Splash*/
/*#splash_image {
    width: 750px;
    height: 240px;
    background-image: url(../images/maxi_logo_air.png);
}*/
#splash_image {
    z-index: 1;
    width: 100%;
    top: 0px;
    position: absolute;
    height: 10%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url(../images/maxi_logo_air.png);
    background-size: contain;
}

.splash-description {
    font-size: 15px;
    color: #1f1f1f;
}

.splash-error {
    font-size: 15px;
    color: #c35a5a;
}

/*#PRIVACY {
    display: none;
    margin: 0;
    background-color: #ffffff;
    height: 510px;
    text-align: center;
    width: 755px;
    font-family: 'Roboto', sans-serif;
}*/

/*#PRIVACYCONTENT {
    clear: both;
    margin: 0 auto;
    text-align: center;
}
*/
/*#tPrivacy {
    margin: 0 auto;
    margin-top: 10px;
}

    #tPrivacy td {
        padding: 5px 10px;
    }

    #tPrivacy .header {
        background-color: #E0E0E0;
        color: #276198;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        padding: 5px;
    }

#taPrivacy {
    width: 730px;
    height: 440px;
    border: 1px solid darkgray;
    box-sizing: border-box;
    box-shadow: 1px 1px 0px 0px lightgray inset;
    overflow: auto;
    padding: 3px;
    text-align: justify;
    text-justify: auto;
}*/

#taPrivacy {
  max-height: 400px;
  border: 1px solid darkgray;
  box-sizing: border-box;
  box-shadow: 1px 1px 0px 0px lightgray inset;
  overflow: auto;
  padding: 3px;
  text-align: justify;
  text-justify: auto;
}

#LOGINCONTENT table tr td.header:before {
    content: "Docsweb Login";
}


.form-control {
    font-size: 0.9rem;
}

.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

    .form-control:focus {
        border-color: #1c7eaf;
    }

.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

/* basic stylings ------------------------------------------ */
.container {
    font-family: 'Roboto';
    width: 600px;
    margin: 30px auto 0;
    display: block;
    background: #FFF;
    padding: 10px 50px 50px;
}

h2 {
    text-align: center;
    margin-bottom: 50px;
}

    h2 small {
        font-weight: normal;
        color: #888;
        display: block;
    }

.footer {
    text-align: center;
}

    .footer a {
        color: #53B2C8;
    }

/* form starting stylings ------------------------------- */
.group {
    position: relative;
    margin-bottom: 25px;
}

input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 300px;
    border: none;
    border-bottom: 1px solid #757575;
}

    input:focus {
        outline: none;
    }
/* LABEL ======================================= */
label {
    color: #7d858c;
    font-size: 15px;
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 7px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #5264AE;
}

/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
}
/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

h2 {
    font-weight: 100;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h2 {
    font-size: 24px;
}

button:focus {
    outline: 0 !important;
}

.btn {
    border-radius: 3px;
    font-size: inherit;
}

    .btn:focus {
        box-shadow: none;
    }

.btn-sm {
    font-size: .8rem;
}

.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-primary {
    color: #fff;
    background-color: #1c7eaf;
    border-color: #1c7eaf;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #1c7eaf;
        border-color: #1c7eaf;
        color: #FFFFFF;
    }

    .btn-primary:disabled {
        color: #fff;
        background-color: #838a90;
        border-color: #838a90;
        cursor: not-allowed;
    } 

.btn-white {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}

    .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white:active:focus, .btn-white:active:hover {
        color: inherit;
        border: 1px solid #d2d2d2;
    }

    .btn-white:active {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
    }

    .btn-white:active {
        background-image: none;
    }
    .btn-white:disabled {
        color: #fff;
        background-color: #838a90;
        border-color: #838a90;
        cursor: not-allowed;
    } 


.form-control, .form-control:focus {
    box-shadow: none;
}

.btn:focus {
    outline: none !important;
}

.block {
    display: block;
}

a {
    cursor: pointer;
}

    a:hover, a:focus {
        text-decoration: none;
    }

.font-bold {
    font-weight: 600;
}

.full-width {
    width: 100% !important;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.ibox-content {
    clear: both;
}

.gray-bg {
    background-color: #f3f3f4;
}

.text-muted {
    color: #888888 !important;
}

.m-t {
    margin-top: 15px;
}

.m-b {
    margin-bottom: 15px;
}

.block {
    display: block;
}

.loginColumns {
    max-width: 850px;
    margin: 0 auto;
    padding: 50px 20px 20px 20px;
}

.divPwdForget {
    padding-right: 0px;
}

@media (max-width: 768px) {
    body:not(.mini-navbar) {
        -webkit-transition: background-color 500ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
        background-color: #f3f3f4;
    }

    .divPwdForget {
        padding-right: 15px;
    }
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    h2, p {
        orphans: 3;
        widows: 3;
    }

    h2 {
        page-break-after: avoid;
    }

    body {
        min-width: 992px !important;
        overflow: visible !important;
    }
}

/*! CSS Used keyframes */
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

#splash-container {
    display: flex;
    flex: 1;
    align-self: center;
    justify-content: center;
}

/*#splashLoading {
    width: 100px;
    height: 100px;
    display: flex;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 100%;
    align-self: center;
    display: none;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}*/

#splashLoading {
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999; 
    background: url("../images/loading.gif") no-repeat center center rgb(239, 241, 240);
    left:0px;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

/**Aggiunta codice layout dialogo docsweb**/

.docsweb-dialog .ui-icon-closethick {
    background-repeat: no-repeat !important;
    background-image: url(../images/icons/close.svg) !important;
    width: 60px !important;
    background-size: 30px !important;
    height: 30px !important;
    background-position: 0 !important;
    background-color: white !important;
    border: 0px;
    margin-left: -25px !important;
    margin-top: -10px !important;
}

.ui-widget-header {
    background-color: white !important;
}

.ui-dialog-title {
    color: #515151 !important;
    font-size: 23px !important;
}

#dialogAlert, #dialogConfirm {
    width: 93% !important;
}

.docsweb-dialog {
    min-width: 400px;
    max-width: 800px;
    border-radius: 12px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 10px rgba(0,0,0,0.23) !important;
    /*margin-top: -55px !important;
    margin-left: -55px !important;*/
}

    .docsweb-dialog:hover {
        box-shadow: 0 7px 12px rgba(0,0,0,0.19), 0 5px 8px rgba(0,0,0,0.23) !important;
        font-weight: 400 !important;
    }

    /* customize scrollbar css */
    .docsweb-dialog ::-webkit-scrollbar, #showHideCols ::-webkit-scrollbar {
        width: 13px;
        background-color: #ffffff;
        border: 1px solid white;
        cursor: pointer !important;
    }

    .docsweb-dialog ::-webkit-scrollbar-track, #showHideCols ::-webkit-scrollbar-track {
        border: 1px #ffffff solid;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 6px #c8c8c8 inset;
    }

    .docsweb-dialog ::-webkit-scrollbar-thumb, #showHideCols ::-webkit-scrollbar-thumb {
        background-color: #999999;
        border-radius: 16px;
    }

        .docsweb-dialog ::-webkit-scrollbar-thumb:hover, #showHideCols ::-webkit-scrollbar-thumb:hover {
            background-color: #999999;
            border: 1px solid #ffffff;
        }

        .docsweb-dialog ::-webkit-scrollbar-thumb:active, #showHideCols ::-webkit-scrollbar-thumb:active {
            background-color: #999999;
            border: 1px solid #ffffff;
        }

    .docsweb-dialog ::-webkit-scrollbar-button:start:decrement, #showHideCols ::-webkit-scrollbar-button:start:decrement {
        background-color: white;
    }

    .docsweb-dialog ::-webkit-scrollbar-button:end:increment, #showHideCols ::-webkit-scrollbar-button:end:increment {
        background-color: white;
    }

    .docsweb-dialog ::-webkit-scrollbar-track-piece, #showHideCols ::-webkit-scrollbar-track-piece {
        background-color: #d4d4d4;
        border: 1px solid white;
        border-radius: 10px;
    }

.btnDialogOk {
    padding: 9px 25px;
    font-family: 'Roboto', sans-serif !important;
    color: #fff !important;
    border: 1px solid #1C7EAF !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    background-color: #1C7EAF !important;
    outline: none;
    font-size: 16px !important;
    width: 160px !important;
    display: inline-block !important;
    align-self: center !important;
    text-align: center !important;
    font-weight: 300 !important;
    min-width: 100px;
    min-height: 35px;
}

    .btnDialogOk:hover, .btnDialogYes:hover, .btn-docsweb-primary:hover {
        box-shadow: 0 3px 5px rgba(0,0,0,0.19), 0 1px 3px rgba(0,0,0,0.23) !important;
        font-weight: 300 !important;
    }

    .btnDialogOk:active, .btnDialogYes:active, .btn-docsweb-primary:active {
        background-color: #17658c !important;
        font-weight: 300 !important;
    }