@font-face {font-family:LatoRegular;src:url(../fonts/Lato-Regular.ttf);}
@font-face {font-family:SourceSansProRegular;src:url(../fonts/SourceSansPro-Regular.ttf);}
@font-face {font-family:OpenSansRegular;src:url(../fonts/OpenSans-Regular.ttf);}
@font-face {font-family:OpenSansSemiBold;src:url(../fonts/OpenSans-SemiBold.ttf);}

html,
body {
    height:100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* MATERIAL ICONS */
/* fallback */
.material-icons {
  font-size: inherit;
}

.material-icons-outlined {
  font-size: inherit;
}

.material-icons-round {
  font-size: inherit;
}

.material-icons-sharp {
  font-size: inherit;
}

.material-icons-two-tone {
  font-size: inherit;
}


/* CUSTOM ERVAN */
/* GENERAL */
:root {--main-color:#9a0c0e;--orange-color:#f36f0f;--red-color:#c50d14;}
body {font-family:OpenSansRegular!important;}
.form-horizontal .form-group {margin-left:0;margin-right:0;}
.content-header>.breadcrumb {float:none!important;position:relative!important;top:0!important;right:0!important;}
.select2-container .select2-selection--single .select2-selection__rendered {margin-top:0!important;}
.notice {font-size:2rem;}
.result {margin-top:2rem;padding:.5rem 1rem;height:30rem;overflow-y:scroll;font-family:monospace;}
.form-control {border-radius:4px!important;border-color:#e8e9ec!important;}
.form-control:focus {border-color:var(--main-color)!important;}
.form-control-feedback {line-height:34px;font-size:2.4rem;}
.form-control-feedback.material-icons {cursor:pointer;pointer-events:initial;right:1rem;}
.btn {border-radius:4px!important;}
.btn-primary {background-color:var(--main-color)!important;border-color:var(--main-color)!important;}
.content {padding:2rem 3.8rem!important;}
.content-page {}
.content-page-header {background:#fff;border-bottom:1px solid #f0f2f7;border-radius:4px 4px 0 0;font:2rem OpenSansSemiBold;padding:2rem 2rem 1rem;color:#4d4f5c;}
.content-page-content {background:#fff;}
.content-page-footer {background:#fff;border-top:1px solid #f0f2f7;border-radius:0 0 4px 4px;font:1.6rem OpenSansSemiBold;padding:2rem;color:var(--main-color);}
label {font-family:OpenSansSemiBold;font-size:12px;font-weight:normal;}
.select2-container--krajee .select2-selection--single {height:100%;padding:10px 24px 10px 12px;}
.select2-container--krajee .select2-selection--single .select2-selection__arrow {height:100%;}
.alert .close {color:inherit!important;opacity:1!important;}
.progress-bar-green, .progress-bar-success {background-color:var(--orange-color)!important;}
.table>thead>tr>th {border-bottom:0!important;background:#f5f6fa;color:#a3a6b4;font:1.3rem OpenSansSemiBold;text-transform:uppercase;}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {border-top:0!important;}
.table>tbody>tr>td {font-size:1.3rem;vertical-align:middle;}
.table>tbody>tr {border-bottom:1px solid #f1f1f3;}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {border:1px solid #fff;border-bottom:2px solid var(--red-color);font-family:OpenSansSemiBold;}
.tab-content > .tab-pane {padding:3rem 0;}

/* HEADER */
.main-header .navbar {background-color:#fff!important;}
.main-header .navbar .sidebar-toggle {color:#000!important;}
.main-header .logo {height:70px!important;background-color:#fff!important;}
.main-header .sidebar-toggle {margin-top:1rem;font-size:1.7rem;padding:0 1.5rem!important;margin-top:2.2rem;}
.main-header .navbar .sidebar-toggle:hover {background-color:transparent!important}
.main-header-name {font-family:SourceSansProRegular;font-size:1.3rem;color:#4d4f5c;padding:.5rem 2rem;margin:2.1rem 1rem;cursor:pointer;border-left:1px solid #ebebf2}
.main-header-name i {color:#a4afb7;margin-left:1rem;}
.main-header-name-menu {position:absolute;top:100%;right:2rem;background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);display:none;}
.main-header-name-menu-item {display:block;color:#4e4e4e;padding:1rem 5rem 1rem 2rem;font-size:1.4rem;}
.main-header-name-menu-item:hover {background:var(--main-color);color:#fff;}
.main-header-name-menu-item i {margin-right:.5rem;width:2.4rem;font-size:2.2rem;vertical-align:middle;}

/* SIDEBAR */
.logo-img-menu {max-height:50px;margin-top:1rem;}
.main-sidebar {padding-top:70px!important;background-color:#373435!important;}
.sidebar-menu>li.header {color:#fff!important;font-weight:bold;}
.sidebar-menu>li:hover>a,
.sidebar-menu>li.active>a,
.sidebar-menu>li.menu-open>a {background:rgba(197,13,20,.6)!important;font-weight:bold;}
.sidebar-menu>li>a>i {width:20px;font-size:2rem;margin-right:1rem;}
.sidebar-menu>li>a>span {vertical-align:top;}
.sidebar-menu>li>a.sign-out {margin-top:10rem;}
.treeview-menu {padding-left:0!important;margin:0!important;}
.treeview-menu>li>a {padding:12px 5px 12px 15px!important;border-left:3px solid transparent;}
.treeview-menu>li>a:hover {background:rgba(197,13,20,.6)!important;}
.treeview-menu>li.active>a {border-left-color:#dd4b39;background:rgba(197,13,20,.6)!important;}
.treeview-menu>li>a>span {margin-left:2rem;}

/* FOOTER */
.main-footer {font-family:LatoRegular;color:rgba(78,78,78,.7)!important;font-size:1rem;padding:10px!important;border-top:0!important;}
.main-footer-developed {color:#4e4e4e;margin-bottom:.6rem;}
.main-footer-logo {margin-bottom:.2rem;}
.main-footer-logo img {height:10px;}

/* LOGIN */
.login-page {background:0!important;}
.login-logo {box-shadow:0 3px 10px 0 rgba(0,0,0,.1);background-color:#f9f8f9;padding:2.3rem 0;}
.login-logo-img {max-width:170px;}
.login-box {width:330px!important;margin:6.5rem auto 3rem!important;}
.login-box.login-error {width:100%!important;margin:6.5rem auto!important;}
.login-box-header {font-size:2rem;}
.login-box-separator {width:200px;height:0;border:solid 1px var(--orange-color);margin:2rem auto 4.4rem;}
.login-box-message {margin-bottom:2rem;font-family:OpenSansSemiBold;}
.login-footer {margin-left:0!important;position:absolute;bottom:0;width:100%;}
.login-page .control-label {position:relative;padding-left:28px;cursor:pointer;}
.login-page .control-label input {display:none;}
.login-page .control-label label {cursor:pointer;font-weight:normal;}
.login-page .control-label .material-icons {position:absolute;top:0;left:0;font-size:1.8rem;height:18px;width:18px;}
.login-page .control-label input:checked ~ .material-icons {color:var(--orange-color);}

/* HELP */
.help-content {padding:8rem;}
.help-img {max-width:136px;margin-bottom:3rem;}
.help-title {font:2.3rem OpenSansSemiBold;margin-bottom:2rem;}
.help-desc {color:#888282;margin-bottom:2.5rem;}
.help-btn {padding:1rem 3.3rem;}
#modal-help .btn-close-modal {background-color:transparent;border:1px solid rgba(77,79,92,.3);}
#modal-help .btn-submit-modal {padding:.8rem 4.5rem;margin-left:1rem;}

/* ABOUT */
.about-content {padding:6rem 15px;}
.about-content-left {padding:0 5rem;}
.about-content-left-logo img {max-width:100%;}
.about-content-left-separator {border-top:1px solid #e8e9ec;margin:2rem 0 1rem;}
.about-content-left-version {color:#4d4f5c;font-family:OpenSansSemiBold;}
.about-content-right {padding:0 9rem;}
.about-content-right-header {font-size:2.6rem;color:rgba(0, 0, 0, 0.8);margin-bottom:3rem;}
.about-content-right-description {color:rgba(77, 79, 92, 0.8);}
.about-footer-left {padding:0 5rem;}
.about-footer-left a {color:var(--main-color);font-size:1.6rem;}
.about-footer-right {padding:0 9rem;text-align:right;}
.about-footer-right a {color:var(--orange-color);}
.about-footer-right a:first-child {margin-right:5rem;}

/* MODAL */
.modal-content {border-radius:4px!important;}
.modal-header {border-bottom:0;padding:2rem;}
.modal-header div {font:1.6rem OpenSansSemiBold;border-bottom:1px solid #e8e9ec;padding-bottom:1rem;}
.modal-body {font-size:1.2rem;padding:1rem 2rem;max-height:calc(100vh - 210px);overflow-y:auto;}
.btn-close-modal {padding:.8rem 4.5rem;}

/* CONFIG */
.config-content {padding:4rem 15px;}
.config-content-left {padding-left:9rem;font-family:OpenSansSemiBold;}
.config-content-right {padding-right:27rem;}
.config-content-separator {border-top:1px solid #f0f2f7;margin:3rem 0;}
.config-content-right-header {background:#f5f6fa;color:#a3a6b4;font:1.3rem OpenSansSemiBold;padding:1.1rem 0;margin:0 0 1.5rem 0;}
.config-content-right-payacc {margin-bottom:2rem;}
.config-content-right-payacc-payment {border-radius:4px;border:solid 1px #e8e9ec;padding:1rem 1.6rem;}
.config-content-right-payacc-account {padding-left:0;}

/* SYNC MASTER */
.syncmast-content {padding:4rem 9rem;}
.syncmast-content-right-title {color:rgba(0, 0, 0, 0.38);}
.syncmast-content-right-subtitle {font:1.6rem OpenSansSemiBold;color:#4d4f5c;}
.syncmast-content-right-desc {font-size:1.2rem;color:#0288d1;margin:2.4rem 0 1.5rem;}
.syncmast-content .btn {padding:1rem 4.3rem;}
.syncmast-content .stop-import {background:transparent;color:var(--red-color);}
.syncmast-content .stop-import:hover {background:transparent;}
.syncmast-content-syncing {font:1.6rem OpenSansSemiBold;margin:5rem 0 1.5rem;}
.syncmast-content-list {font-family:OpenSansSemiBold;margin:4rem 0 2rem;}
.syncmast-content-syncitem {margin-bottom:1rem;}
.sync-icon {width:2.4rem;height:2.4rem;display:inline-block;position:relative;bottom:-7px;margin-right:1.5rem;}
.sync-icon i {font-size:2.4rem;width:2.4rem;height:2.4rem;}
.syncmast-popup-content {font-size:1.4rem;padding-bottom:3rem;}
.syncmast-popup-content-icon {font-size:6rem;color:#388e3c;}
.syncmast-popup-content-title {font:1.6rem OpenSansSemiBold;margin:2rem 0 1rem;}
.syncmast-popup-footer {text-align:center;}
.syncmast-popup-footer .btn-close-modal {background-color:transparent;border:1px solid rgba(77,79,92,.3);}
#modal-fail .syncmast-popup-content-icon {color:#d32f2f;}
.syncmast-popup-content-date {font-family:OpenSansSemiBold;margin-bottom:4rem;}

/* SYNC TRANSACTION */
.synctran-content-right-date {margin-top:4.7rem;}
.synctran-content-right-sync {padding:1.6rem 1.5rem 0;}

/* LIVE SYNC */
.livesync-content-warning {border-radius:4px;border:1px solid rgba(197,13,20,.7);padding:2rem;}
.livesync-content-warning-icon {float:left;font-size:4rem;color:#d32f2f;margin-right:2rem;}
.livesync-content-warning-desc {display:inline;font-size:1.2rem;}
.livesync-content-icon {font-size:7.5rem;color:var(--orange-color);margin:5rem 0 2rem;}
.livesync-content-lastsync,
.livesync-content-progress {width:380px;border-radius:4px;background-color:rgba(233,233,240,.3);margin:0 auto 3rem;padding:2rem;}
.livesync-content-lastsync-date,
.livesync-content-lastsync-status,
.livesync-content-progress-title,
.livesync-content-progress-count {padding:0;}
.livesync-content-lastsync-status {padding-left:1.5rem;}
.livesync-content-lastsync-date-value {font:1.6rem OpenSansSemiBold;}
.livesync-content-lastsync-status-value {font:1.6rem OpenSansSemiBold;color:#388e3c;}
.livesync-content-running {font:1.6rem OpenSansSemiBold;margin-bottom:2rem;}

/* LOG SYNC */
.logsync-content {padding:5rem 2rem;}
.logsync-table-title {font-family:OpenSansSemiBold;}
.logsync-content-eye {font-size:2.4rem;}
.logsync-content-filter {width:auto;display:inline-block;margin-right:2rem;}

/* UPDATE */
.update-orange,
.update-orange a {color:var(--orange-color);}
.update-content {padding:5rem 9rem;}
.update-content-left {border-right:1px solid #f0f2f7;}
.update-content-left img {max-width:100%;width:160px;}
.update-content-right-version {font:1.6rem OpenSansSemiBold;margin-top:.5rem;}
.update-content-status {margin-top:3rem;}
.update-content-desc {margin-top:.5rem;}
.update-content-button {margin-top:4rem;padding:1rem 3.4rem;}
.update-content-button.disabled {background-color:#e8e9ec!important;color:rgba(0,0,0,.38);border:0;pointer-events:none;}
.update-content-history {margin-top:3rem;}
.update-modal-header {background:#f5f6fa;color:#a3a6b4;font:1.3rem OpenSansSemiBold;padding:1.1rem 0;margin:0;}
.update-modal-item {font-size:1.3rem;padding:1.1rem 0;margin:0 0 1.5rem 0;border-bottom:1px solid #f1f1f3;}
.update-data {margin-bottom:1.5rem;line-height:2;font-size:1.4rem;}
.update-data-header {font-family:OpenSansSemiBold;}
.update-data-desc {}
.update-content-changelog {margin-top:1rem;}
.update-process {}
.update-process-updating {margin:4rem 0 1.5rem;font:1.6rem OpenSansSemiBold;}

/* UPDATE ACCOUNT */
.updacc-header {padding:0;}
.updacc-header span,
.updacc-header a {padding:2rem 2rem 1rem;display:inline-block;}
.updacc-header span {border-bottom:2px solid var(--red-color);}
.updacc-header a {color:rgba(77,79,92,.8);font-family:OpenSansRegular;}
.updacc-content {padding:4rem 9rem;}

/* MANAGE USER */
.manuser-header-create {margin:1.2rem 1.2rem 0 0;}
.modal-create-user-desc {color:#808495;margin-top:.5rem;}
.manuser-more {position:relative;}
.manuser-more-button {cursor:pointer;font-size:2.4rem;}
.manuser-popup {position:absolute;top:100%;background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);display:none;z-index:2;}
.manuser-popup-item {display:block;color:#4e4e4e;padding:1rem 2rem;font-size:1.4rem;}
.manuser-popup-item:hover {background:var(--main-color);color:#fff;}

/* HOME */
.home-title {font:1.6rem OpenSansSemiBold;}
.home-steps {background:#fff;padding:2rem;position:relative;}
.home-steps-step {padding:0}
.home-steps-step-number {display:table;overflow:hidden;white-space:nowrap;}
.home-steps-step-number:before,
.home-steps-step-number:after {content:'';display:table-cell;width:50%;position:relative;top:1.2em;border-top:1px solid #e9e9f0;}
.home-steps-step-number:before {right:10px;}
.home-steps-step-number:after {left:10px;}
.home-steps-step-number#step-1:before,
.home-steps-step-number#step-3:after {border-top:0;}
.home-steps-step-number span {color:var(--main-color);border-radius:50%;border:1px solid var(--main-color);display:block;width:35px;height:35px;line-height:35px;font-size:1.3rem;font-family:OpenSansSemiBold;}
.home-steps-step-title {font-weight:bold;margin:2rem 0 1.5rem;}
.home-steps-step-desc {color:rgba(77,79,92,.8);font-size:1.2rem;padding:0 1rem;margin-bottom:2.5rem;}
.home-steps-step-button {border:1px solid var(--orange-color)!important;color:var(--orange-color);font-family:OpenSansSemiBold;margin:0 1rem;}
.home-steps-toggle {cursor:pointer;position:absolute;top:2rem;right:2rem;font-size:2.4rem;color:#a4afb7;}
.home-error {background:#fff;padding:2rem;margin-top:2rem;margin-bottom:2rem;position:relative;}
.home-error .home-title {margin-bottom:3rem;}
.home-error-filter {position:absolute;top:2rem;right:2rem;}
.home-error-chart {padding:0;}
.home-error-data {padding-right:0;padding-left:4rem;}
.home-error-data-total {background:#f5f6fa;font-family:OpenSansSemiBold;position:relative;padding:2rem;margin-bottom:2rem;}
.home-error-data-total div {position:absolute;top:1.2rem;right:2rem;}
.home-error-data-total div span {font:2.4rem OpenSansSemiBold;vertical-align:sub;color:var(--red-color);}
.home-error-data-col {padding:2rem;border:1px solid #e9e9f0;border-radius:4px;}
.home-error-data-col-title {font-family:OpenSansSemiBold;padding-bottom:1rem;border-bottom:1px solid #e9e9f0;margin-bottom:1.5rem;}
.home-error-data-col-count {font:2.4rem OpenSansSemiBold;color:var(--red-color);}
.home-error-data-col-error {color:rgba(0,0,0,.38);}
.home-error-data-col-status {color:#388e3c;padding-top:1rem;border-top:1px solid #e9e9f0;margin-top:1.5rem;}
.home-last,
.home-user,
.home-help {background:#fff;padding:2rem;position:relative;}
.home-last .home-title,
.home-user .home-title,
.home-help .home-title {padding-bottom:1rem;border-bottom:1px solid #f0f2f7;margin-bottom:2rem;}
.home-row {margin-left:-30px;margin-right:-30px;}
.home-last img {max-width:100%;}
.home-last-type {color:rgba(0,0,0,.38);}
.home-last-date {font-family:OpenSansSemiBold;margin:.3rem 0;}
.home-last-status {font-family:OpenSansSemiBold;color:#388e3c;padding-bottom:1.5rem;border-bottom:1px solid #f0f2f7;margin-bottom:2rem;}
.home-last-status-last {padding-bottom:0;border-bottom:0;margin-bottom:0;}
.home-user-link {position:absolute;top:2.4rem;right:2rem;color:var(--red-color);font:1.2rem OpenSansSemiBold;}
.home-help-title {color:var(--red-color);}
.home-help-desc {font-size:1.2rem;color:rgba(77,79,92,.8);margin-bottom:1.5rem;}