/* -------------------------------------------------------
--- 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; }

/* 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; }
/* Width */
::-webkit-scrollbar-track { background: #f1f1f1; }
/* Track */
::-webkit-scrollbar-thumb { background: #888; }
/* Handle */
::-webkit-scrollbar-thumb:hover { background: #555; }
/* Handle on hover */


/* GOOGLE RECHAPTCHA
--------------------------------------------------------*/
.grecaptcha-badge { display: none; }


/* OTHER
--------------------------------------------------------*/
/* Checkbox */
.check-box { display: flex; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 5px 0px; cursor: pointer; align-content: center; align-items: center; }
.check-box:hover { border-color: transparent; }
.check-box i { border: 1px solid #ccc; width: 30px; padding-top: 6px; padding-bottom: 6px; border-radius: 4px; text-align: center; }
.check-box:hover i { border-color: #5186b3; }
.check-box label { width: auto; margin: 0px 0px 0px 15px; }

/* Accordion */
.panel-group { margin: 60px 0px 0px 0px; }
.panel-group .panel .panel-heading { border: 1px solid #FFF; background-color: rgba(255, 255, 255, 0.2); padding: 0px; border-radius: 4px; }
.panel-group .panel .panel-heading .panel-title { margin: 0px; }
.panel-group .panel .panel-heading .panel-title a { color: #FFF; display: block; text-align: center; text-decoration: none; font-size: 16px; padding: 10px; }
.panel-group .panel .panel-collapse { height: 0px !important; overflow: hidden; margin-bottom: 5px; transition: .3s; }
.panel-group .panel .panel-collapse.in { height: auto !important; padding: 10px; }


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

/*.position-relative { padding-top: 87px; padding-bottom: 350px; }
.position-relative { min-height: 100%; }*/
.incodi-footer { position: absolute; bottom: 0; width: 100%; max-height: 300px; }
.daily-newsletters { margin-top: 30px; }
.position-relative { padding-top: 10%; }

/* ZOHO CHAT
--------------------------------------------------------*/
.zsiq_theme11 .siqicon::before { color: #fff !important }
#zsiq_maintitle { color: #fff }
.spinner-wrapper.preloader-fading {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.navbar-custom.navbar-shadow {
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.15);
    background-color: rgba(13, 29, 64, 0.9);
}

.qr-code-popover {
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.35);
    z-index: 1050;
}

.qr-code-popover .qr-code-inner {
    width: 175px;
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}