/* Site Name: WB - SB Setec */
@font-face {
    font-family: 'latoregular';
    src: url('font-face/lato-regular-webfont.woff2') format('woff2'), url('font-face/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('font-face/montserrat-regular-webfont.woff2') format('woff2'), url('font-face/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
textarea{resize : none;}
a:active, a:link, a:visited { outline: none !important;}
a:focus, a:link, a:visited {-moz-outline-style: none !important;}
a, a:hover {text-decoration : none !important;}
table {border-collapse: collapse; border-spacing: 0;}
body, a, input, textarea, label {
    font-family: 'latoregular';
    font-size: 14px;
    color: #4d4d4d;
    line-height: 140%;
}
img, fieldset, input, textarea {border : 0px;}
a *{cursor : pointer !important;}
h1,h2,h3,h4,h5{display : block; font-weight : normal;}
.clearer{
    display:block !important;
    height: 0px !important;
    width: 0px !important;
    clear: both !important;
    float: none !important;
}
.container {
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 1100px;
    position: relative;
}
/* STRUCTURE */
/* body{overflow-y: scroll !important;} */
body, html, #main-container, #main-container .container, .main, .main-page{height: 100%;}
.main-image{width: 100%;height: 100%;}
.login-wrap{width: 100%;height: 100%;}

.main-page {
    background: url(images/login/login-bg.jpg) repeat-x;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.login-wrap {
    background: url(images/login/body-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.content-wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -350px !important;
    z-index: 100;
}
.intro-info {
    max-width: 490px;
    margin: 0px auto;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.main-title {
    font-family: 'montserratregular';
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.button {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 12px 15px 12px 15px;
    font-family: 'montserratregular';
    font-size: 17px;
    position: relative;
    border: 0px !important;
    color: #fff;
    line-height: 18px;
    width: 220px;
    text-align: left;
}
.button img{width: 34px;float: left;margin-right: 15px;margin-top: 1px;}
.button.red img{width: 34px;margin-top: 2px;}
.button.red{background: #D90000;border-bottom: 4px solid #A60202 !important;float: left;}
.button.blue{background: #1C2E6C;border-bottom: 4px solid #0A1D5C !important;float: right;}
.button.blue:hover{background: #24366d;}
.button.red:hover{background: #E20D22;}
.block{display: block !important;width: 100%;}
.noscroll{overflow: auto !important;}
.key {
    position: absolute;
    line-height: 28px;
    right: 35px;
    top: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 100;
}
.key:hover{opacity: 0.9;}
.key div{
    font-family: 'montserratregular';
    font-size: 13px;
    color: #fff;
    padding-right: 45px;
}
.key img{
    width: 33px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.icon {margin: 0 auto 20px auto; width: 90px;}
.icon img {display: block; width: 100%;}
.logo img {
    display: block;
    width: 100%;
}
.logo {
    width: 140px;
    margin: 15px auto 15px auto;
}
.logo-login {
    width: 235px;
    margin: 0 auto 100px auto;
}
.logo-login img{display: block; width: 100%;}
.title, .modal-title, .code {
    color: #192B68;
    font-family: 'montserratregular';
    font-size: 15px;
    display: block;
}
.status span {
    display: block;
    margin-top: 8px;
}
.over-body{padding-right: 50px;padding-top: 0px;margin-bottom: 5px;position: relative;}
.over-body .btn-ico.minus{position: absolute; right: 10px; bottom: 0px;}
.overflow {
    overflow-y: scroll; 
    max-height: 178px;
    margin: 15px 0px;
    padding-bottom: 15px;
}
.tm-actions-btn{margin-bottom: 5px;}
.btn.btn-cyan {
    background: #1a9dc0 !important;
    float: none;
    margin: 0 auto;
    display: block !important;
    height: 28px;
    line-height: 16px;
}
.btn.btn-cyan:hover{background: #23a9cd !important;}
.table-empty {
    padding: 15px 0px 15px 0px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'montserratregular';
    text-align: center;
    color: #999;
}
.table-empty .fa {
    font-size: 24px;
    color: #3C454E;
    display: block;
    margin: 0 auto 5px auto;
}
.inactive {color: #b8b8b8 !important;}
.unsync{color: #e5c62c !important;}
.sync{color: #13a572 !important;}
.status span label {
    font-size: 12px !important;
    font-family: 'montserratregular';
    text-transform: uppercase;
    color: #0A1D5C;
}
.code {
    font-size: 28px;
    margin: 15px 0px 13px 0px;
    color: #192B68;
}
.modal-title {font-size: 14px; text-transform: uppercase;}
.modal-header .fa, .close{color: #192B68 !important;opacity: 1 !important;}
.modal-footer {margin-top: 0px;}
.modal-title .fa{
    float: left;
    margin: 0px 10px 0px 0px;
    font-size: 18px !important;
}
.modal-details {
    padding: 15px 15px;
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
}
.modal-wide .modal-dialog {max-width:1000px; width:98%;}
.aligncenter {
    text-align: center !important;
}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.pdr15{padding-right: 15px !important;}
.msg {
    color: #1C2E6C;
    margin: -5px 0px 15px 0px;
    font-size: 13px;
    display: block;
}
select{font-family: 'Open Sans' !important;font-size: 13px !important;}
.form-group {margin-bottom: 10px;}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-body label{font-size: 13px !important;}
.modal-body .fields-group{position: relative;margin-bottom: 10px;}
.fields-group small {
    font-size: 11px;
    color: #b8b8b8;
    position: absolute;
    right: 0px;
    top: 0px;
}
.abs-group{
    position: relative;
    padding-right: 140px;
}
.abs-group .btn{position: absolute; right: 0px; bottom: 0px;}
.cookielaw {
    height: 60px;
    width: 100%;
    z-index: 9999;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #3d3d3d;
    display: none;
    color: #fff !important;
}
.cookielaw-hidden, .cookielaw a {
    font-family: 'latoregular' !important;
    font-size: 13px !important;
    color: #fff;
}
#cookielawwrap {
    padding-right: 130px;
    padding-top: 14px;
    padding-left: 15px;
    color: #4d4d4d;
}
.cookielaw a{border-bottom: 1px solid #fff;}
.accept {
    background: #F08100;
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 15px 5px;
    position: absolute;
    right: 12px;
    top: 15px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'montserratregular';
}
.summary-row td {
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
    text-transform: uppercase;
    font-family: 'montserratregular';
    font-size: 12px !important;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 3px 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border: 1px solid #e8e8e8;
}
.answers{margin-top: 15px;}
.answers .title{
    text-align: center;
    text-transform: uppercase;
}
/* = FORM LOGIN */
section {
    z-index: 100;
}
.login-content {
    width: 300px;
    margin-top: 0px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    margin-left: -150px;
    z-index: 100;
}
.main-page .login-content{
    position: static !important;
    margin: 40px auto 0px auto !important;
}
.login-form {
    background: #fff !important;
    padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.modal-body .login-form{max-width: 280px; margin: 0 auto;}
.link-t{color: #fff; font-size: 13px;}
.login-wrap {position: relative;}
.totem{
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 450px;
    z-index: 90;
}
.totem img{display: block; width: 100%;}
.login-wrap .form-group {margin-bottom: 8px;}
.form-control {
    width: 100%;
    line-height: 33px;
    height: 33px;
    padding: 0px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.links{margin-bottom: 10px;}
.links a:hover{color: #E2061E !important;}
.white{color: #fff;}
.btn, .btn:focus, .btn:visited {
    background: #1C2E6C;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'montserratregular';
    border: 0px !important;
    height: 32px !important;
    outline: none;
}
.intro-text {
    font-size: 13px;
    margin: 30px auto 90px auto;
    max-width: 650px;
    font-family: 'montserratregular';
    color: #fff;
    text-align: center;
    padding: 0px 15px;
}
.btn-ico {
    margin: 7px 0px 0px 5px;
    cursor: pointer;
    height: 32px;
    width: 32px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    float: right;
    border: 0px !important;
}
.free-cookie {
    position: absolute;
    margin-left: -80px;
    bottom: 20px;
    left: 50%;
    font-family: 'montserratregular';
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    width: 160px;
    text-align: center;
}
.free-cookie img{
    display: block;
    width: 35px;
    margin: 0 auto 5px auto;
}
.time-table .btn-ico{float: left;}
table .btn-ico{margin-top: 0px;}
.btn-ico .fa{
    display: block;
    width: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-size: 16px !important;
}
.btn-ico.edit{background: #3786be url(images/pencil.png) no-repeat center center;}
.btn-ico.showall{background: #efc970 url(images/all.png) no-repeat center center;}
.btn-ico.delete{background: #E2061E url(images/trash.png) no-repeat center center;}
.btn-ico.minus{background: #E2061E url(images/minus.png) no-repeat center center;border: 1px solid #E2061E;}
.btn-ico.plus{background: #46add6 url(images/plus.png) no-repeat center center;}
.btn:focus, .btn:hover {
    color: #fff !important;
    text-decoration: none;
}
.btn:hover{background: #23387D !important;}
.btn.btn-success{background: #0cb25a !important;}
.btn.btn-success:hover{background: #16bc64 !important;}
.form-group label{font-size: 13px;}
.forget {
    display: block;
    font-family: 'montserratregular';
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding: 14px 0px 4px 0px;
    color: #C70202;
}
.forget:hover{color: #D60404 !important;}
.law{padding: 15px; text-align:center;color: #fff !important;}
.law a{color: #fff !important;}
.alert{padding: 10px !important; text-align: center; font-size: 13px !important; margin: 10px 0px 5px 0px;}
.justify{text-align: justify !important;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px;
}
@media only screen and (max-width : 1400px) {.login-form{top: 30%;}}
@media only screen and (max-width : 400px) {
    .login-form {
        width: 270px;
        margin-top: 0px;
        display: block;
        position: absolute;
        left: 50%;
        top: 35%;
        margin-left: -135px;
        padding-top: 60px;
    }
}@media only screen and (max-height : 700px) {.pwd .login-form{top: 20%;}}
.loader {margin-top:-4px;}

/**** LOADER *****/
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url(../content/images/Preloader_3.gif?version=4) center no-repeat #fff;
}
/**** FINE LOADER *****/
.language {
    position: absolute;
    right: 185px;
    top: 38px;
    width: 72px;
    height: 14px;
}
.language a{
    height: 14px;
    width: 19px;
    line-height: 14px;
    float: left;
}
a.it{background: url(images/login/itaen.png) no-repeat left top;margin-right: 5px;}
a.en{background: url(images/login/itaen.png) no-repeat right top;}