/* put your own styles to customize and override the theme */
body,
html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1180px;
    }
}
.pace .pace-progress {
    background: #412d6d;
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px
}
.z-index-1{z-index: 1}
.visual-picker input[type=checkbox]:checked~.visual-picker-figure,
.visual-picker input[type=radio]:checked~.visual-picker-figure {
    box-shadow: inset 0 0 0 2px #007054, 0 0 0 1px rgba(20, 20, 31, .05), 0 1px 3px 0 rgba(20, 20, 31, .15)
}

.visual-picker-figure:after {
    color: #007054
}

.flatpickr-day.selected,
.flatpickr-day.selected:active,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover {
    background: #335eea;
    box-shadow: none;
    border-color: #335eea
}

.flatpickr-day.today,
.flatpickr-day.today:active,
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    background: #007054;
    border-color: #007054;
    box-shadow: inset 0 0 0 1px #007054, inset 0 0 0 3px #fff
}

.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background: linear-gradient(180deg, #fff, #f6f7f9);
    border-color: #007054;
    box-shadow: 0 0 0 1px #007054
}

.nav-tabs .nav-link.active {
    color: #007054
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #412d6d;
}
.navbar-dark .nav-link {
    color: #fff
}
.navbar-dark .nav-tabs .nav-item.show .nav-link,
.navbar-dark .nav-tabs .nav-link.active,
.navbar-dark .nav-tabs .nav-link:hover {
    color: #fff;
    border-color: #fff;
}
.has-clearable {
    border-color: #335eea
}

:focus {
    outline-color: #335eea !important
}

#accordion .card-link {
    color: #335eea
}

#accordion .card-link.collapsed {
    color: #333
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #335eea
}

.form-control:focus {
    color: #005236;
    background-color: #fff;
    border-color: #007054;
    outline: 0;
    box-shadow: 0 0 0 1px #007054
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--focus .select2-selection--single,
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-selection--single,
.select2-dropdown {
    border-color: #005c40;
    box-shadow: 0 0 0 1px #005c40
}

.select2-container--open .select2-dropdown--below {
    box-shadow: -1px 1px 0 0 #005c40, 1px 0 0 0 #005c40
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #007054
}

.form-group {
    margin-bottom: 20px
}

.form-group label {
    font-size: 14px;
    color: rgba(20, 20, 31, .6)
}

div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap;
    margin-bottom: 30px
}

table.table-bordered.dataTable tbody td {
    color: #777;
    font-size: 1rem;
    padding: .5rem
}

.icon_10 i {
    margin-right: 8px;
    display: inline-block;
    width: 16px
}

.btn-group-vertical,
.card-header .btn-group {
    position: relative;
    display: inline-flex;
    float: right;
    vertical-align: middle
}

.c_dot {
    position: absolute;
    content: '';
    display: block;
    background: #335eea;
    height: 2px;
    width: 80px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0)
}

.c_dot i {
    position: absolute;
    content: '';
    display: block;
    background: #335eea;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    left: 50%;
    top: 0;
    transform: translate(-50%, -35%)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #335eea
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #1e1e23
}

.btn-primary {
    background: #335eea;
    border-color: #335eea
}

.btn-subtle-primary {
    color: #335eea;
    background-color: rgba(1, 147, 84, .08);
    border-color: transparent
}

.btn-subtle-primary.focus,
.btn-subtle-primary:active,
.btn-subtle-primary:focus,
.btn-subtle-primary:hover {
    color: #335eea;
    background-color: rgba(1, 147, 84, .2);
    box-shadow: none;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1643d4;
    border-color: #153fc9;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(20, 20, 31, .5)
}

.text-muted {
    color: #757575 !important
}

.blue-g {
    color: #4285f4
}

.red-g {
    color: #ea4335
}

.yellow-g {
    color: #fbbc05
}

.green-g {
    color: #34a853
}

.swiper-button-next,
.swiper-button-prev {
    color: #4b3777;
    padding: 20px;
    padding-top: 0;
    transform: translate(0, -100%)
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .1
}

h1 {
    letter-spacing: -1px
}

.text-white {
    color: #fff !important
}

.paginate_button {
    margin: 0 5px;
    padding: 5px
}

.paginate_button:hover {
    text-decoration: none;
    cursor: pointer
}

.paginate_button.current {
    border-radius: 4px;
    background: #335eea;
    color: #fff;
    padding: 5px 15px
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

#accordion .card-header .card-link:after {
    font-family: FontAwesome;
    content: "\f068";
    float: right
}

#accordion .card-header .card-link.collapsed:after {
    content: "\f067"
}

@media (min-width: 1200px){
    .wrapper>.has-sidebar-expand-xl.has-sidebar-fluid .page-inner {
        margin-right: calc(100vw - 30rem);
    }
    .wrapper>.has-sidebar-expand-xl.has-sidebar-fluid .page-sidebar {
        width: calc(100vw - 30rem);
        max-width: calc(100vw - 30rem);
    }
}

/* HEADER */
.app-header .navbar {
    padding-top: 5px;
    padding-bottom: 5px;
}
nav.navbar.navbar-dark.bg-primary {
    background: #EE4D2D !important;
}

header.app-header.app-header-dark {
    background: #EE4D2D !important;
}
.app-header a.navbar-brand {
    padding: 0px 10px;
    color: #fff;
    border-radius: 30px;
    word-spacing: initial;
    border: 1px solid #fff;
    background: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-weight: 500;
    font-size: .85rem;
}

@media (min-width: 768px) {
    .nav-link {
        font-size: 1rem;
    }
}

button.hamburger.hamburger-squeeze.d-flex.d-lg-none {}
.logotype {
    fill: none;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-dasharray: 70 330;
    stroke-dashoffset: 0;
    -webkit-animation: stroke 6s infinite linear;
    animation: stroke 6s infinite linear;
    font: 5em/1 Open Sans, Impact;
}

.logotype:nth-child(5n + 1) {
    /* stroke: #F2385A; */
    stroke: #FE6132;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.logotype:nth-child(5n + 2) {
    /* stroke: #F5A503; */
    stroke: #FE6132;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
}

.logotype:nth-child(5n + 3) {
    /* stroke: #E9F1DF; */
    stroke: #FFF;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
}

.logotype:nth-child(5n + 4) {
    /* stroke: #56D9CD; */
    stroke: #FFF;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s;
}

.logotype:nth-child(5n + 5) {
    /* stroke: #3AA1BF; */
    stroke: #FFF;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: -400;
    }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: -400;
    }
}

/* MAIN */

table.fixedHeader-floating {background-color: inherit;}
div.dataTables_wrapper div.dataTables_info {margin-bottom: 10px;margin-top: 10px;padding-left: 0.5rem;padding-right: 0.5rem}
table th{font-size:13px !important;white-space: nowrap;}
table td{font-size:14px !important;overflow:hidden;white-space:break-spaces}
ul.dtr-details{list-style:none;padding-left:0}
ul.dtr-details>li{margin-bottom:20px}
ul.dtr-details .dtr-data>p{margin-bottom:5px;display:inline-block}
ul.dtr-details .dtr-title{display:inline-block;text-transform:uppercase;font-weight:600;margin-bottom:10px}
ul.dtr-details .dtr-data{display:block;white-space:break-spaces}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child::before{padding:10px;background:#fff;content:"\f067";border-radius:50%;color:#FF5722;width:33px;height:33px;display:inline-block;margin:5px}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child::before{content:"\f00d"!important}
.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 34px;
    line-height: 32px;
}
#board::-webkit-scrollbar {
    cursor: move;
    width: 15px;
    height: 15px;
}
#board::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
#board::-webkit-scrollbar-thumb {
    background-color:rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


@media (max-width: 767px) {
    #home-blog h3.entry-title, #home-blog h5.entry-title {
        font-size: 0.9rem !important
    }
}

footer{
    background: #071938;
    color: #fff;    
}
.checkin-container {
    width: 100%;
    padding: 0 0 4rem 0;
    background: linear-gradient(125.95deg, #C700BF 10.95%, #7DA900 100%), linear-gradient(341.1deg, #00C2FF 7.52%, #4E00B1 77.98%), linear-gradient(222.34deg, #A90000 12.99%, #00FFE0 87.21%), linear-gradient(130.22deg, #8FA600 18.02%, #5A31FF 100%);
    background-blend-mode: screen, color-dodge, color-dodge, normal;
}
.checkin-header {
    -webkit-text-fill-color: transparent;
}
.checkin-header {
    font-size: 4rem;
}
.checkin-header {
    background: #000;
    background-color: #000;
    background-image: radial-gradient(circle,#c058ff 0,#ff5858 26%,#000 27%);
    background-position: 100% 100%;
    background-size: 150%;
    -webkit-animation-name: bg-circle;
    animation-name: bg-circle;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
}
.checkin-button {
    background: linear-gradient(63deg,rgba(192,255,248,1) 0,rgba(227,211,255,1) 80%);
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 1rem;
    padding: 8px 20px;
    color: #000;
}
@media (max-width: 767px){
    .checkin-header{
        font-size: 2rem;
    }
}
@-webkit-keyframes bg-circle{0%{background-size:350%;background-position:left 100% bottom 0}50%{background-size:350%;background-position:left -10% bottom 0}to{background-size:350%;background-position:left 100% bottom 0}}
@keyframes bg-circle{0%{background-size:350%;background-position:left 100% bottom 0}50%{background-size:350%;background-position:left -10% bottom 0}to{background-size:350%;background-position:left 100% bottom 0}}
@-webkit-keyframes bg-anim{0%{background-position:0 0}50%{background-position:100%}to{background-position:0 0}}
@keyframes bg-anim{0%{background-position:0 0}50%{background-position:100%}to{background-position:0 0}}