@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500');

html, body { /*height:100%;*/ background-color:#f7f7f7; }
html { font-family:'Montserrat', 'Helvetica Neue', 'Open Sans', sans-serif; /*background-color: #f9f9f9;*/ }
.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{ font-family:'Helvetica Neue', 'Open Sans', sans-serif !important; }

.m-t-0 { margin-top:0; }
.m-t-5 { margin-top:5px; }
.m-t-10 { margin-top:10px; }
.m-t-15 { margin-top:15px; }
.m-t-20 { margin-top:20px; }
.m-t-30 { margin-top:30px; }
.m-t-40 { margin-top:40px; }
.m-t-50 { margin-top:50px; }

.m-b-0 { margin-bottom:0; }
.m-b-5 { margin-bottom:5px; }
.m-b-10 { margin-bottom:10px; }
.m-b-15 { margin-bottom:15px; }
.m-b-20 { margin-bottom:20px; }
.m-b-30 { margin-bottom:30px; }

.m-l-0 { margin-left:0; }
.m-l-5 { margin-left:5px; }
.m-l-10 { margin-left:10px; }
.m-l-15 { margin-left:15px; }
.m-l-20 { margin-left:20px; }
.m-l-30 { margin-left:30px; }

.m-r-0 { margin-right:0; }
.m-r-5 { margin-right:5px; }
.m-r-10 { margin-right:10px; }
.m-r-15 { margin-right:15px; }
.m-r-20 { margin-right:20px; }
.m-r-30 { margin-right:30px; }

.p-a-10 { padding:10px; }

.p-l-10 { padding-left:10px; }
.p-l-20 { padding-left:20px; }

.p-r-10 { padding-right:10px; }
.p-r-20 { padding-right:20px; }

.p-b-10 { padding-bottom:10px; }
.p-b-20 { padding-bottom:20px; }

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

.f-w-200 { font-weight:200; }
.f-w-300 { font-weight:300; }
.f-w-400 { font-weight:400; }
.f-w-500 { font-weight:500; }

.left-align { text-align:left; }
.center-align { text-align:center; }
.right-align { text-align:right; }

.tw-section-border-bottom { border-bottom:#eaeaea 1px solid; }

.short-page-wrap { min-height:100%; margin-bottom:-143px; }
.short-page-wrap:after { content:""; display:block; }
.short-page-footer, .short-page-wrap:after { height:142px; }
.short-page-footer { background: #f5f5f5; border-top: #eaeaea 1px solid; }

.sc-background-header { background-color:rgba(17, 62, 96, 1.0); !important; }

/* + Text */
.sc-text-primary { color:#18639f !important; }
/* - Text */

/* + Buttons */
.sc-button-primary { background-color:#18639f !important; border: 1px solid transparent; color:#fff; }
.sc-button-secondary { background-color:#113e60 !important; border: 1px solid transparent; color:#fff; }
.sc-button-danger { background-color:#e95534 !important; border: 1px solid transparent; color:#fff; }
.sc-button-warning { background-color:#f7d751 !important; border: 1px solid transparent; color:#094263; }
.sc-button-success { background-color:#30afa4 !important; border: 1px solid transparent; color:#fff; }

.sc-button-outline-primary {
    background-color: transparent !important;
    border: 1px solid #18639f;
    color: #18639f;
}
.sc-button-outline-primary:hover,.sc-button-outline-primary:focus {
    background-color: #18639f !important;
    border: 1px solid #18639f;
    color: #fff;
}

.sc-button-primary:hover,
.sc-button-primary:focus { background-color:#113e60 !important; color: #fff; }
/* - Buttons */

/* + Modals */
.sc-modal-header { background-color:rgba(17, 62, 96, 1.0); !important; color:#ffffff !important; }
.sc-modal-header>h2 { color:#ffffff !important; }
/* - Modals */

.tw-badge-p-lr-10 { padding-left:10px !important; padding-right:10px !important; }
.tw-badge-secondary { background-color:#222222 !important; }
.tw-badge-danger { background-color:#f0506e !important; }
.tw-badge-warning { background-color:#cf632e !important; }
.tw-badge-success { background-color:#007e44 !important; }

.tw-danger { background-color:#f0506e !important; }
.tw-warning { background-color:#cf632e !important; }
.tw-success { background-color:#007e44 !important; }

.tw-text-danger { color:#f0506e !important; }
.tw-text-warning { color: #cf8e48 !important; }
.tw-text-success { color:#007e44 !important; }

.tw-footer-auth { font-family:'Montserrat', 'Helvetica Neue', 'Open Sans', sans-serif; font-size:13px; font-weight:200; padding-top:45px; text-align:center; }
.tw-footer-copyright { color:#aaaaaa; }

.tw-card-body-v-slim { padding-top:20px; padding-bottom:20px; }
.tw-card-body-xv-slim { padding-top:10px; padding-bottom:10px; }

.tw-auth-error { background:#f44336; color:#ffffff; text-align:center; }
.tw-auth-logo { margin-top:15px; margin-bottom:15px; max-height:120px; }
.tw-auth-sidebox-left { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; }
.tw-auth-sidebox-right { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; }
.tw-auth-form-wrapper { padding-left:20px; padding-right:20px; padding-bottom:20px; }

h1.tw-page-title { color:#5c6674 !important; font-weight:300; letter-spacing:-1.5px; }
h3.tw-card-title { color:#5c6674 !important; font-size:28px; font-weight:400; letter-spacing:-0.5px; text-transform:uppercase; }

/* + Avatars */
.avatar-circle { width: 100px; height: 100px; background-color: #ff0000; text-align: center; margin: 5px auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.avatar-circle-mini { width: 50px; height: 50px; background-color: #ff0000; text-align: center; margin: 5px auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.initials { position: relative; top: 25px; /* 25% of parent */ font-size: 50px; /* 50% of parent */ line-height: 50px; /* 50% of parent */ color: #fff; font-family: 'Helvetica Neue', 'Open Sans', sans-serif !important; font-weight: 300; }
.initials-mini { position: relative; top: 12px; /* 25% of parent */ font-size: 25px; /* 50% of parent */ line-height: 25px; /* 50% of parent */ color: #fff; font-family: 'Helvetica Neue', 'Open Sans', sans-serif !important; font-weight: 300; }
/* - Avatars */

.footer-no-card-body { border-top:0 !important; }



/*
.wrapper { background-color:#ffffff; border:1px solid #e9e9e9; margin:20px auto; padding:20px; width:650px; }
.login-logo,.login-logo>img { max-width:450px; }
.cpy-txt { font-size:11px; color:#8d8d8d; }

.errors { color:#e9322d; }

!* Header ************************************************** *!
!*.header-logo-img { background:url("/images/logo.png"); max-height:55px; }*!
!*.header-logo-fallback { }*!

.header-logo { height:35px; pointer-events:none; }
.custom-wrapper {
    background-color:#3d3e3e;
    margin-bottom:1em;
    -webkit-font-smoothing:antialiased;
    !*height:4.2em;*!
    height:70px;
    overflow:hidden;
    -webkit-transition:height 0.5s;
    -moz-transition:height 0.5s;
    -ms-transition:height 0.5s;
    transition:height 0.5s;
}
.offcanvas-link-od { color:#ffffff !important; }
.dashboard-header .pure-menu-link,.dashboard-header .pure-menu-link:link,.dashboard-header .pure-menu-link:visited { color:#f6f6f6; }
.dashboard-header .pure-menu-link:hover { color:#3d3e3e; }
.dashboard-header .pure-menu-link { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; line-height:70px; }

.custom-wrapper.open { height:15em; }
.custom-wrapper.open .pure-menu-link { line-height:2em; }
.custom-menu-3 { text-align:right; }

.custom-toggle {
    width:34px;
    height:34px;
    display:block;
    position:absolute;
    top:0;
    right:0;
    display:none;
}

.custom-toggle .bar {
    background-color:#c9c9c9;
    display:block;
    width:20px;
    height:2px;
    border-radius:100px;
    position:absolute;
    top:38px;
    right:7px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}

.custom-toggle .bar:first-child {
    -webkit-transform:translateY(-6px);
    -moz-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    transform:translateY(-6px);
}

.custom-toggle.x .bar {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

@media (max-width:47.999em) {

    .custom-menu-3 { text-align:left; }
    .custom-toggle { display:block; }
}
!* ********************************************************* *!

!* Paper Box *********************************************** *!
.dio-panel-box-shadowed { -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }
.paperbox { position:relative; width:100%; padding:50px; margin:0 auto; background-color:#fff; -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }
.paperbox-large { width:auto; }

.paperbox:before, .paperbox:after { position:absolute; width:40%; height:10px; content:' '; left:12px; bottom:12px; background:transparent; -webkit-transform:skew(-5deg) rotate(-5deg); -moz-transform:skew(-5deg) rotate(-5deg); -ms-transform:skew(-5deg) rotate(-5deg); -o-transform:skew(-5deg) rotate(-5deg); transform:skew(-5deg) rotate(-5deg); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.3); box-shadow:0 6px 12px rgba(0, 0, 0, 0.3); z-index:-1; }
.paperbox:after { left:auto; right:12px; -webkit-transform:skew(5deg) rotate(5deg); -moz-transform:skew(5deg) rotate(5deg); -ms-transform:skew(5deg) rotate(5deg); -o-transform:skew(5deg) rotate(5deg); transform:skew(5deg) rotate(5deg); }

.papertitle { text-align:center; margin-top:0; margin-bottom:45px; }
!* ********************************************************* *!

.dio-panel-title-large { font-size:26px; }
.dio-form .uk-form-label { display:block; margin-bottom:5px; font-weight:bold; }
.dio-form .uk-form-controls { margin-bottom:20px; }
.dio-form-comment { color:#afafaf; }

.dio-form-large { height:auto !important; }
.dio-form-width-large-medium { width:350px; }
.dio-form-width-large { width:400px; }
.dio-form-width-x-large { width:500px; }

.dio-form-radio-horiz { margin-top:0 !important; margin-right:5px !important; }
.dio-form-label-horiz { margin-right:15px; }
.dio-form-label-horiz-w-30 { margin-right:30px; }

.dio-progress-zero>.uk-progress-bar { color:#333333 !important; }
!* ********************************************************* *!


!* Header ************************************************** *!
a{ text-decoration:none!important; }

#block-nav{ background:#444444; display:block; width:100%; padding:1em 0; max-height:46px; }
#block-nav h1.logo{ font-size:20px; }
#block-nav h1.logo a{ color:#333333; }
#block-nav .avatar-dropdown img,#block-nav .avatar-default{ width:32px; height:32px; border-radius:50px; margin-right:5px; }
#block-nav .offcanvas-link i { display:block; height:40px; width:20px; color:#ffffff!important; font-size:20px!important; line-height:45px; margin-left:-15px; }

#offcanvas-menu li{ display:block; background:#2D2D2D; width:100%; }
#offcanvas-menu li:hover{ background:#2D2D2D!important; }
#offcanvas-menu li:hover a{ background:#2D2D2D!important; }
#offcanvas-menu li a{ border-bottom:1px solid #222222; }
#offcanvas-menu li a:hover{ background:#3F7EA6!important; color:#333!important; }
#offcanvas-menu li ul{ margin:0; padding:0; }
#offcanvas-menu li ul li a{ padding-left:40px; }
#offcanvas-menu li:hover{ background:#3F7EA6; }
#offcanvas-menu a { display:block; height:40px; line-height:42px; color:#fff!important; }
#offcanvas-menu a:hover{ background:#111111 !important; }

.uk-navbar-nav a:hover{ background:#3F7EA6; }

#block-nav .uk-dropdown { background:#3F7EA6; }
#block-nav .uk-navbar-nav>li:hover>a,#block-nav .uk-navbar-nav>li>a:focus,#block-nav .uk-navbar-nav>li.uk-open>a{ background-color:#575757; color:#000000; }

.uk-navbar{ background:#444444; }
.main-nav { color:#ffffff !important; }
!* ********************************************************* *!
*/
/* Footer ************************************************** */
#footer { color:#bdbdbd; font-size:12px; margin-bottom:35px; margin-top:35px; text-align:center; }
.footer-logo { width:150px; margin-left:20px; margin-right:20px; opacity:0.4; pointer-events:none; }
.uk-modal-header>h2 { margin:0px 0px 15px; font-weight:300; color:#222; text-transform:none; font-size:24px; line-height:30px; border:none !important; }