/* -------------------------------------------------------
--- Codify
--- http://codify.istanbul
--------------------------------------------------------*/


/* GENERAL
--------------------------------------------------------*/
html, body { cursor: default; }
body { background-color: #FFF; }
* { outline: hidden !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
[type="submit"],
[type="button"],
button { cursor: pointer; }

/* A Tag */
a { color: #333; -webkit-transition: .3s; transition: .3s; }
a:visited,
a:active,
a:focus,
a:hover { text-decoration: none; }
a:hover { color: #000; }

/* Animation Check */
.circle-loader { margin: 0 0 30px 10px; border: 2px solid rgba(0, 0, 0, 0.2); border-left-color: #5cb85c; animation-name: loader-spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; position: relative; display: inline-block; vertical-align: top; }
.circle-loader,
.circle-loader:after { border-radius: 50%; width: 8em; height: 8em; }
.load-complete { -webkit-animation: none; animation: none; border-color: #5cb85c; transition: border 500ms ease-out; }
.checkmark { display: none; }
.checkmark.draw:after { animation-duration: 800ms; animation-timing-function: ease; animation-name: checkmark; transform: scaleX(-1) rotate(135deg); }
.checkmark:after { opacity: 1; height: 4em; width: 2em; transform-origin: left top; border-right: 2px solid #5cb85c; border-top: 2px solid #5cb85c; content: ""; left: 2em; top: 4em; position: absolute; }

@keyframes loader-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes checkmark {
    0% { height: 0; width: 0; opacity: 1; }
    20% { height: 0; width: 2em; opacity: 1; }
    40% { height: 4em; width: 2em; opacity: 1; }
    100% { height: 4em; width: 2em; opacity: 1; }
}

/* Control Warning */
.control-warning { border-width: 1px; border-style: solid; border-color: #FF0000 !important; }
.control-warning:focus { border-color: rgba(104, 8, 8, 0.6) !important; }
.control-warning-tab { color: #FF0000 !important; }
.control-warning-star { color: #CC0000; }

/* Load Bar */
.load-bar { height: 4px; width: 100%; position: absolute; overflow: hidden; background-color: #f3f3f3; z-index: 1; display: none; }
.load-bar:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #cb3e3a; animation: loading 2s linear infinite; }

@keyframes loading {
    from { left: -200px; width: 30%; }
    50% { width: 30%; }
    70% { width: 70%; }
    80% { left: 50%; }
    95% { left: 120%; }
    to { left: 100%; }
}

/* Google ReCaptcha Badge Logo */
.grecaptcha-badge { display: none; }

/* SCROLLBAR
--------------------------------------------------------*/
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; }
::-webkit-scrollbar-thumb:hover { background: #555; }


/* HEADER USER LOGIN
--------------------------------------------------------*/
.header-user-login { display: flex; align-items: center; }
.header-user-login > a { padding: 0px 5px; }
.header-user-login img { border-radius: 50%; width: 40px; height: 40px; border: 2px solid #FFF; object-fit: cover; background-color: #E0E0E0; }


/* JCONFIRM - WINDOW
--------------------------------------------------------*/
.jconfirm .jconfirm-box { padding: 0px; }
.jconfirm .jconfirm-box div.jconfirm-content-pane { padding: 15px 15px 0px 15px; margin-bottom: 8px; }
.jconfirm .jconfirm-box div.jconfirm-title-c { padding: 15px 15px 15px 15px; line-height: normal; text-align: center; background-color: #3361e4; color: #FFF; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon { top: 20px; right: 15px; color: #FFF; transition: .3s; }
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: inherit; }
.jconfirm .jconfirm-content > div { padding-bottom: 12px; }
.jconfirm .jconfirm-content > div .check-box { display: flex; margin-bottom: 0px; align-items: center; }
.jconfirm .jconfirm-content > div .check-box > div > label { margin-bottom: 0px; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; cursor: pointer; transition: .3s; line-height: 1.4; padding-left: 15px; }
.jconfirm .jconfirm-content > div .check-box:hover > div > label { color: #333; }
.jconfirm .jconfirm-content > div .check-box i { border-radius: 4px; border: 2px solid #CCC; width: 25px; height: 25px; padding-top: 3px; text-align: center; color: #2e8b2e; cursor: pointer; transition: .3s; }
.jconfirm .jconfirm-content > div .check-box:hover i { border-color: #555; }
.jconfirm .jconfirm-content > div .check-box i.fa-times { color: #CC0000; }
.jconfirm .show-document { width: 100%; height: 800px; }
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { padding-right: 15px; }


/* USER LOGIN - WINDOW
--------------------------------------------------------*/
.user-login-window { }


/* USER REGISTER - WINDOW
--------------------------------------------------------*/
.user-register-window { }
.user-register-window .password-main {  }
.user-register-window .password-main .form-group { position: relative; }
.user-register-window .password-main .password-bar { position: absolute; display: flex; align-items: start; width: 0%; height: 2px; bottom: -3px; background-color: #5cb85c; }
.user-register-window .register-toolbar {  }
.user-register-window .register-toolbar > div:nth-child(2) button { padding: 22px 40px; }
.user-register-window .register-toolbar .form-group { margin-bottom: 5px; }


/* COMPONENT
--------------------------------------------------------*/
.integer-left { text-align: left; }


/* FOOTER
--------------------------------------------------------*/