/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important;
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden;
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%;
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%;
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle;
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0;
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: none;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@-webkit-keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@-webkit-keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@-webkit-keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@-webkit-keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@-webkit-keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

@keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
    height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
    opacity: 0.6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    border: none;
    background-image: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important;
}

.jconfirm .jconfirm-clear {
    clear: both;
}

.jconfirm.jconfirm-rtl {
    direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2;
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: none;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: none;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@-webkit-keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

@keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

/*Transition rules*/
.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
    padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: none;
    color: white;
    padding: 10px;
    min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0px;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
    margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/dt-1.10.21
 *
 * Included libraries:
 *   DataTables 1.10.21
 */

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}


/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important;
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden;
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%;
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%;
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle;
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0;
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: none;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@-webkit-keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@-webkit-keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@-webkit-keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@-webkit-keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@-webkit-keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

@keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
    height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
    opacity: 0.6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    border: none;
    background-image: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important;
}

.jconfirm .jconfirm-clear {
    clear: both;
}

.jconfirm.jconfirm-rtl {
    direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2;
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: none;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: none;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@-webkit-keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

@keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

/*Transition rules*/
.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
    padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: none;
    color: white;
    padding: 10px;
    min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0px;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
    margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/dt-1.10.21
 *
 * Included libraries:
 *   DataTables 1.10.21
 */

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}


/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Arabic Fonts */
@font-face {
    font-family: 'Arabic';
    font-style: normal;
    font-display: swap;
    src: local('Arabic'), local('Arabic'), url('../custom-fonts/PDMS_ISLAMICFONT.woff') format('woff');
}


@font-face {
    font-family: 'lateef';
    src: url('../custom-fonts/Lateef.eot');
    src: url('../custom-fonts/Lateef.eot?#iefix') format('embedded-opentype'),
    url('../custom-fonts/Lateef.woff2') format('woff2'),
    url('../custom-fonts/Lateef.woff') format('woff'),
    url('../custom-fonts/Lateef.ttf') format('truetype'),
    url('../custom-fonts/Lateef.svg#Lateef') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    color: #1d1d1d !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    background: transparent;
    overflow: hidden;
}

.overlay .overlayDoor:before, .overlay .overlayDoor:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: #111;
    -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.overlay .overlayDoor:before {
    left: 0;
}

.overlay .overlayDoor:after {
    right: 0;
}

.overlay.loaded .overlayDoor:before {
    left: -50%;
}

.overlay.loaded .overlayDoor:after {
    right: -50%;
}

.overlay.loaded .overlayContent {
    opacity: 0;
    margin-top: -15px;
}

.overlay .overlayContent {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
}

.overlay .overlayContent .skip {
    display: block;
    text-align: center;
    margin: 50px auto 0;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    padding: 12px 0;
    border-radius: 3px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.overlay .overlayContent .skip:hover {
}

.loader {
    width: 128px;
    height: 128px;
    border: 3px solid #e31f26;
    border-bottom: 3px solid transparent;
    border-radius: 50%;
    position: relative;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.loader .inner {
    width: 64px;
    height: 64px;
    border: 3px solid transparent;
    border-top: 3px solid #e31f26;
    border-radius: 50%;
    -webkit-animation: spinInner 1s linear infinite;
    animation: spinInner 1s linear infinite;
}

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

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

@-webkit-keyframes spinInner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}

@keyframes spinInner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}


.kode_pillars_item li span img {
    max-width: 50px;
}

.cipher_icon_prayer {
    margin: 18px 0;
}

.header .navigation {
    float: right;
    width: auto;
}

.home_videos_section {

}

.home_videos_section .kode_service_text {
    padding: 16px 16px 14px 16px;
    height: 61px;
    overflow: hidden;
}

.home_videos_section .kode_service_text h4 a {
    font-weight: 300;
    text-transform: capitalize;
    font-size: 16px;
}

.home_videos_section .kode_service_des {
    min-height: 310px;
}

.home_videos_section .service_btn {
    margin-top: 20px;
}

.home_videos_section .section_hdg h3 div {
    color: #e31f26;
    display: inline-block;
}


.section_prayers_slide {
}

.section_prayers_slide .section_hdg h3 div {
    color: #e31f26;
    display: inline-block;
}

.section_prayers_slide .section_hdg p {
    color: #fff;
}

.section_prayers_slide .section_hdg span:after {
    border-color: #fff;
}

.section_prayers_slide .section_hdg span:before {
    border-color: #fff;
}


.section_home_quran {
}

.section_home_quran .kode_pray_text h2 div {
    color: #e31f26;
    display: inline-block;
}


.navigation > ul > li > a {
    color: #585858;
}

.section_hdg.hdg_2.hdg_3 h3 {
    color: #585858;
}

.home_videos_section .kode_service_text a {
    color: #585858;
}

.service_btn a {
    background-color: #585858;
}

.section_prayers_slide .kode_pillars_item li h6 {
    color: #585858;
}

.section_prayers_slide .kode_pillars_text h4 {
    color: #585858;
}

.section_home_quran .kode_pray_text h2 {
    color: #585858;
}

.section_home_quran .kode_pray_text {
    color: #585858;
}

.section_home_quran .kode_pray_btn a {
    background-color: #585858;
}


.home_daily_inspiration {
}

.home_daily_inspiration .section_hdg h3 div {
    color: #e31f26;
    display: inline-block;
}

.home_daily_inspiration button {
    background-color: #585858 !important;
}

.home_daily_inspiration button:hover {
    background-color: #e31f26 !important;
}

.home_daily_inspiration .slick-prev:before, .home_daily_inspiration .slick-next:before {
    line-height: 46px;
}

.section_home_quran {
    background-image: url(../custom-images/BG_Read_Quran.png);
}

.section_prayers_slide {
    background-image: url(../custom-images/BG_Prayers.png);
}

.kode_pray_wrap.them_overlay.section_home_quran:before {
    background-color: #e8e8e8;
    opacity: unset;
    position: relative;
}

.header .navigation ul > li > a {
    padding: 11px 16px 12px 16px;
}

.header .navigation {
    padding: 5px 0 0 0;
}

.header .navigation ul > li > a:hover {
    background-color: #e31f26;
    color: #fff;
}

.header .navigation > ul > li {
    margin: 0px;
}

.prayer_icon_hover {
    display: none;
}

.kode_pillars_item li a:hover .prayer_icon_default {
    display: none;
}

.kode_pillars_item li a:hover .prayer_icon_hover {
    display: block;
}

.custom_stat_banner {
    display: inline-block;
    width: 100%;
}

.banner_figure_text_overlay {
    position: absolute;
    top: 27%;
    width: 100%;
    text-align: center;
}

.banner_figure_text_overlay p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.video_banner_static {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
}

.video_banner_title {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 17px 0 11px 0;
}

.video_banner_title h4 {
    font-weight: 600;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    margin: 0px 0px 0px 0px;
    font-size: 30px;
}

.video_hide {
    display: none;
}

/*Subscribe Pop FLOW CSS START*/
.modal {
    z-index: 110000;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
    height: 100% !important;
}

.modal-dialog {
    width: 430px;
    margin: 100px auto;
    border-radius: 0px;
}

.modal-content {
    border-radius: 0px;
    min-height: 152px;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    z-index: 99999;
    position: absolute;
    right: 6px;
    top: 4px;
}

.modal-body {
    position: relative;
    padding: 30px 25px 20px 25px;
}

.discount_box {
}

.discount_box span {
    font-size: 16px;
    margin: 7px 0 0 0;
    float: left;
    text-align: left;
    border-bottom: solid 1px #ccc;
    padding: 0 0 4px 0;
}

.discount_box input {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 34px;
    width: 100%;
    line-height: 1.3;
    box-shadow: unset;
    margin: 0 0 14px 0;
}

.discount_box label {
    margin-bottom: 12px;
}

.congratulation_box h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #ffca00;
    width: 100%;
    text-align: center;
}

.congratulation_box p {
    width: 100%;
    text-align: center;
}

.charging_box h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.charging_box h5 strong {
    font-size: 18px;
    margin-bottom: 12px;
    float: left;
    width: 100%;
}

.otp_box h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.otp_box input {
    margin: 0 5px 15px 5px;
    text-align: center;
    line-height: 80px;
    font-size: 50px;
    border: solid 1px #ccc;
    outline: none;
    width: 20%;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}

.otp_box input:focus {
    border-color: rgba(232, 40, 40, 0.82);
    box-shadow: 0 0 10px rgba(232, 40, 40, 0.82) inset;
}

.otp_box input::-moz-selection {
    background: transparent;
}

.otp_box input::selection {
    background: transparent;
}

.cipher_error2 {
    text-align: center;
    padding: 0px 0 12px 0;
    font-weight: 600;
}

.padd_0 {
    padding: 0px !important;
}

.padd_left_0 {
    padding-left: 0px !important;
}

.padd_right_0 {
    padding-right: 0px !important;
}

.form_button_formate {
    font-size: 16px;
    float: left;
    margin: 10px 0 10px 0;
    padding: 8px 14px 8px 14px;
    width: 100%;
    background-color: #e21a22;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    border: dashed 1px #e21a22;
}

.form_button_formate i {
    margin: 0 0 0 5px;
    color: #fff !important;
}

.form_button_formate:hover {
    background-color: #7b7b7b;
    text-decoration: none;
    color: #fff;
}

.form_button_formate:focus {
    background-color: #7b7b7b;
    text-decoration: none;
    color: #fff;
}

.congratulation_box_already h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #ffca00;
    width: 100%;
    text-align: center;
}

.congratulation_box_already p {
    width: 100%;
    text-align: center;
}

.popup_logo {
    float: left;
    margin: 0 0 35px 0;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.popup_logo img {
    display: inline-block;
    max-width: 166px;
}

/*Subscribe POP UP FLOW CSS END*/

.banner_figure img {
    width: 100%;
}

.inspiration_item .kode_tem_fig {
    padding: 0px;
}

.header .navigation > ul > li.active a {
    background-color: #e31f26;
    color: #ffffff;
}


.names_table_cus {
}

.names_table_cus .dataTables_filter label {
    margin: 0px;
    float: right;
    text-transform: capitalize;
}

.names_table_cus .dataTables_filter label input {
    border-color: #585858;
    border-radius: 0px;
    height: 38px;
}

.names_table_cus label {
    text-transform: capitalize;
}

.names_table_cus label select {
    border-color: #585858;
    border-radius: 0px;
    height: 38px;
    -webkit-appearance: auto !important;
}


#DataTables_Table_0_wrapper {
    margin-top: 20px;
}


.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid rgb(210 210 210 / 0%);
}

.table-bordered th, .table-bordered td {
    border: 1px solid #585858;
    color: #585858;
}

.table-bordered {
    border: 1px solid #585858;
}


table.table-bordered.dataTable td a {
    color: #585858;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px 15px;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #e31f26;
    border-color: #e31f26;
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #818a91;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #585858;
}

.page-link {
    position: relative;
    float: left;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    color: #585858;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #585858;
}

.page-link:focus, .page-link:hover {
    color: #fff;
    background-color: #e31f26;
    border-color: #585858;
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #585858;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #585858;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    color: #585858;
}

.names_tabs_button a.active {
    background-color: #e31f26;
}

.m_b_5 {
    margin-bottom: 5px !important;
}

div#DataTables_Table_0_processing {
    background-color: #e31f26;
    border-radius: 0px;
    color: #fff;
}

.quran_box_text {
    padding: 10px 10px;
    margin-bottom: 60px;
}

.quran_box_text span {
    width: 100%;
    border-radius: 0px;
    margin-top: -50px;
    height: 70px;
    line-height: 77px;
}

.quran_box_text p {
    margin-bottom: 10px;
}

.quran_box_text .hvr-ripple-out:before {
    border-radius: 0px !important;
}

.quran_tabs_button {
    margin: 0px 0 65px 0;
    text-align: center;
}

.quran_tabs_button a.active {
    background-color: #e31f26;
}

.quran_box_text h4 {
    font-size: 16px;
}

.kode_pillars_item li .sprite_images {
    background-image: url(../custom-images/sprites_image.png);
    width: 55px;
    margin-bottom: 2px;
}


.kode_pillars_item li:first-child span.sprite_images {
    background-position: -38px 0px;
    width: 53px;
    height: 49px;
}

.kode_pillars_item li:nth-child(2) span.sprite_images {
    background-position: -38px 0px;
    width: 53px;
    height: 49px;
}

.kode_pillars_item li:nth-child(3) span.sprite_images {
    background-position: -89px 0px;
    width: 53px;
    height: 49px;
}

.kode_pillars_item li:nth-child(4) span.sprite_images {
    background-position: -142px 0px;
    width: 53px;
    height: 52px;
}

.kode_pillars_item li:last-child span.sprite_images {
    background-position: 0px 0px;
    width: 39px;
    height: 48px;
}


/**********sprites hovers*****/

.kode_pillars_item li:first-child:hover span.sprite_images {
    background-position: -38px -48px;
}

.kode_pillars_item li:nth-child(2):hover span.sprite_images {
    background-position: -38px -48px;
}

.kode_pillars_item li:nth-child(3):hover span.sprite_images {
    background-position: -89px -48px;
}

.kode_pillars_item li:nth-child(4):hover span.sprite_images {
    background-position: -142px -48px;
}

.kode_pillars_item li:last-child:hover span.sprite_images {
    background-position: 0px -48px;
}


/**********sprites hovers*****/


.tabs_content_image {
    background-image: url(../custom-images/sprites_image.png);
    width: 40px;
    height: 56px;
}

.tab-pane.fade:first-child span.tabs_content_image {
    background-position: -38px 0px;
    width: 53px;
    height: 49px;
}

.tab-pane.fade:nth-child(2) span.tabs_content_image {
    background-position: -38px 0px;
    width: 53px;
    height: 49px;
}

.tab-pane.fade:nth-child(3) span.tabs_content_image {
    background-position: -89px 0px;
    width: 53px;
    height: 52px;
}

.tab-pane.fade:nth-child(4) span.tabs_content_image {
    background-position: -142px 0px;
    width: 53px;
    height: 52px;
}

.tab-pane.fade:last-child span.tabs_content_image {
    background-position: 0px 0px;
    width: 39px;
    height: 53px;
}

/**********Custom Music Player*****/
.playpause-track, .prev-track, .next-track {
    padding: 25px;
    opacity: 0.8;

    /* Smoothly transition the opacity */
    transition: opacity .2s;
}

.playpause-track:hover, .prev-track:hover, .next-track:hover {
    opacity: 1.0;
}

.slider_container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Modify the appearance of the slider */
.seek_slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
    background: black;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

/* Modify the appearance of the slider thumb */
.seek_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: white;
    cursor: pointer;
    border-radius: 50%;
}

.seek_slider:hover, .volume_slider:hover {
    opacity: 1.0;
}

.seek_slider {
    width: 60%;
}

.current-time, .total-duration {
    padding: 10px;
}

i.fa-play-circle, i.fa-pause-circle {
    cursor: pointer;
}

/**********Custom Music Player*****/
.quran_box_text .econ_arabic {
    font-family: 'Arabic', sans-serif;
    float: right;
    width: 100%;
    direction: rtl;
}

.econ_arabic .ayah_audio {
    font-family: 'Arabic', sans-serif;
    float: right;
    width: 100%;
    direction: rtl;
}

.econ_arabic p {
    float: left;
}


.remove_after:before {
    position: relative;
    content: none;
}


@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
    }
}

.pulse_set {
    float: left;
    margin: 0;
    width: 40px;
    height: 40px;
    color: #fff !important;
    background: #adadad;
    border-radius: 50%;
    animation: shadow-pulse 0s infinite;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
}

.pulse_set i {
    margin: 0 0 0 4px;
    font-size: 1.3em;
}

.pulse_set i.fa.fa-pause.fa-2x {
    margin: 0;
}

.pulse_set:hover {
    animation: shadow-pulse 1s infinite;
}


.quran_list_set li.active .pulse_set {
    animation: shadow-pulse 1s infinite;
}


.kode_calender_list_2 {
    float: right !important;
    width: 98% !important;
    margin: 7px 0 0 0 !important;
    padding: 0px !important;
}

.kode_calender_list_2 .econ_arabic {
    padding: 0px !important;
}

.kode_calender_list_2 .econ_arabic h4 a {
}

.kode_calender_list_2 .econ_arabic p {
}

.kode_calender_list_2 .econ_arabic_1 {
    float: right;
    width: auto;
}

.kode_calender_list_2 .econ_arabic_2 {
    float: left;
    width: auto;
}


.quran_list_set li {
    padding: 10px 15px 10px 12px;
    display: table !important;
    float: none;
    position: relative;
    margin: 0 0 10px 0px;
}

.remove_after {
    text-align: center;
    padding-right: 15px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    float: none;
    border-right: solid 1px #ccc;
    width: 25px;
}


.player_custom_set {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 200;
    left: 0;
    background-color: #e31f26;
    border-top: solid 1px #e31f26;
}

.surah_dynamic_name {
    width: 100%;
    text-align: center;
    margin: 12px 0 0 0;
}

.surah_dynamic_name h4 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.player_custom_set .prev-track {
    padding: 0 0px;
    color: #fff;
    opacity: unset;
}

.player_custom_set .next-track {
    padding: 0 0px;
    color: #fff;
    opacity: unset;
}

.player_custom_set .playpause-track {
    padding: 0 10px;
    color: #fff;
    opacity: unset;
}

.current-time, .total-duration {
    color: #fff;
}

.player_custom_set .seek_slider {
    height: 2px;
}

.player_custom_set .slider_container {
    margin: -12px 0 5px 0;
}

.seek_slider {
    background: #fff;
}


.econ_arabic_1 .ayah_audio {
    text-align: right;
    line-height: normal;
}


.quran_list_set li.active {
    background-color: #e31f26;
}

.quran_list_set li.active .kode_event_text p span {
    color: #fff;
}

.quran_list_set li.active .kode_calender_list_2 .econ_arabic h4 a {
    color: #fff;
}

.econ_arabic_1 {
    margin-top: -9px;
}

.quran_list_set li.active .remove_after {
    border-color: #fff;
}

.quran_list_set li.active .pulse_set i {
    color: #000;
}

.quran_list_set li.active .pulse_set {
    background-color: #fff;
}


.econ_arabic_3 {
    float: right !important;
    text-align: right;
    direction: rtl;
    width: 100% !important;
    margin: 5px 0 5px 0;
}

.econ_arabic_3 p {
    float: right;
}

.econ_arabic_3 p span {
    font-weight: bold;
    color: #000 !important;
    font-family: 'lateef' !important;
    font-size: 20px;
}


.quran_list_set li.active .econ_arabic_3 p span {
    color: #fff !important;
}

.econ_arabic_1 h4 a {
    margin-bottom: 4px;
}


span.surah_counter {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    background-color: #000;
    color: #fff;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 16px;
    margin: 0px 0 0 3px;
    font-weight: 400;
}


.iframe_overlay_video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    top: 0;
    left: 0;
}

.inspiration_item .kode_tem_fig img {
    max-height: 360px;
}


.content_not_show_pwa {
}


.content_not_show_pwa .kode_404_wrap {
    background-image: url(../v2/images/404-bg.png) !important;
    height: 75vh;
}


div#videos_ajax_data .alert {
    float: left;
    width: 100%;
}


.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background: none !important;
    opacity: unset !important;
}

.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3.col-xs-10.col-xs-offset-1.jconfirm-no-transition {
    width: 100% !important;
    left: 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    border-radius: 0px !important;
    text-align: center;
}


.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    border-radius: 0 !important;
    background-color: #f2f8ff !important;
    box-shadow: none !important;
}


.jconfirm-content-pane.no-scroll img {
    width: 22px;
    margin: -5px 3px 0 1px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden;
    margin: 0px;
}


.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3.col-xs-10.col-xs-offset-1.jconfirm-no-transition:after {
    content: '';
    border-top: 20px solid #f2f8ff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-top: -1px !important;
    display: inline-block;
}

.home_about_section .kode_mosque_text .section_hdg h3 div {
    color: #e31f26;
    display: inline-block;
}

.widget_wrap {
    background: #252525 !important;
}

.home_about_section .kode_mosque_text .hdg_4 h3 {
    display: inline-block;
    width: 100%;
}

.home_about_section .kode_mosque_text .hdg_4 h3 div {
    color: #e31f26;
}

.custom_social_widget {
    text-align: center;
}

.custom_social_widget li {
    text-align: center;
    float: none;
    display: inline-block;
}

.header .navigation > ul > li:last-child a {
    background-color: #dd1f2b;
    color: #ffffff;
}

.search_quran.margin.sidebar_bg {
    margin: 0 auto;
    width: 50%;
    float: none;
    margin-bottom: 30px;
}


.nav_main{
    z-index: 9997;
    background-color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}


.nav_main.sticky {
    z-index: 9997;
    background-color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    position: fixed
}

.nav_main.sticky {
    top: 0;
    width: 100%;
    padding: 0;
    transition: all .5s ease-in-out;
    z-index: 10000;
    border-bottom: solid 1px #e31f26;
}

.nav_main.sticky .top_logo img {
    width: 135px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}


.header.nav_main.sticky .kode_navigation_wrap {
    padding: 1px 0 5px;
}



/******model css*********/


.overlay{ display: none;}

.model_with_bg{/* background :url(../images/islam-world-popup-bg.jpg) 0px 0px no-repeat; */background-size: 100% 100%;}


.model_with_bg .modal-dialog {
    max-width: 650px;
    width: 100%;
    margin: 50px auto;
}


.model_header_logo{ display: inline-block; width: 100%; text-align: center;}

.model_header_logo img {
    margin-bottom: 15px;
    max-width: 66px;
}


.model_header_logo h3 {
    float: left;
    margin: 0px 0 35px 0;
    padding: 0px;
    width: 100%;
    text-align: center;
    color: #4a4a4a;
    font-size: 34px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}


.model_v4_content label {
    float: left;
    margin: 0px 0 25px 0 !important;
    padding: 0px;
    width: 100%;
    text-align: center;
    color: #383838;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}

.discount_box.model_v4_content input {
    height: 50px;
    border-radius: 12px;
    border: solid 1px #7f7f7f;
    margin-bottom: 21px;
}

.model_with_bg  .otp_box h5 {
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    color: #383838;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    margin: 0 0 22px 0;
}

.model_with_bg .otp_box input {
    margin: 0 5px 22px 5px;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    border: solid 1px #ccc;
    outline: none;
    width: 20%;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;

    height: 50px;
    border-radius: 5px;
    border: solid 1px #7f7f7f;
    margin-bottom: 21px;
}

.form_otp_submit .otp_box input:focus{
    border-color: none !important;
    box-shadow: none !important;
}

.otp_box input:focus {
    border-color: none !important;
    box-shadow: unset !important;
}









.model_v4_content .form_button_formate {
    height: 51px;
    margin: 0 0 22px 0;
    border-radius: 12px;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    text-shadow: none;

    background-size: 300% 100%;


    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    background-image: linear-gradient(to right, #e00303 0%, #f40101  51%, #de0404  100%)
}



.model_v4_content .form_button_formate:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.model_v4_content .form_button_formate:focus{ border: none; outline: none;}




















.model_v4_content p.price_cut {
    text-align: center;
    color: #676767;
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.model_v4_shadow {
    box-shadow: 0 0px 12px 4px rgb(230 227 227 / 58%);
    border: none;
}

.form_st_v4 {
    padding: 0px 130px;
}



.model_top_fixed_icons{ position: absolute; top: 0; width: 100%;}


.model_bottom_fixed_icons1{ left: 0; position: absolute; bottom: 0; width: auto;}
.model_bottom_fixed_icons2{  right: 0; position: absolute; bottom: 0; width: auto;}




.model_icon_lft_1 {
    float: left;
    width: 180px;
    margin: 0 0 0 60px;
}

.model_icon_right_1 {
    float: right;
    width: 180px;
    margin: 0 60px 0 0px;
}





.model_bottom_icon_lft_1 {
    float: left;
    width: 250px;
    margin: 0 0px 0 20px;
}


.model_bottom_icon_right_1 {
    float: right;
    width: 225px;
    margin: 0 0px 0 0px;
}


.bottom_border_model {
    padding: 0px;
    margin: 3px 0 0 0;
    position: absolute;
    bottom: -10px;
    width: 100%;
}

.bottom_border_model img{ width: 100%;}


.multi_images {
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 0 50px;
    width: 100%;
    text-align: center;
}

.multi_images img{ display: inline-block; max-width: 100%;}








.loader-20{ display: none;}
button.btn-cart.loaderr .loader-20{ display: block; color: #fff; margin: 0 0 0 7px;}

.box{display: none;}
button.btn-cart.loaderr .box{ display: block;}



.box {
    /* width: 200px; */
    /* height: 200px; */
    /* border: 1px solid currentcolor; */
    /* border-radius: 3px; */
    font-size: 32px;
    /* padding: 1em; */
    /* position: relative; */
    /* margin-bottom: 0.25em; */
    vertical-align: top;
    transition: 0.3s color, 0.3s border, 0.3s transform, 0.3s opacity;
}
.box:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 0;
    padding: 0;
    border-width: 3px;
    line-height: 200px;
    opacity: 1;
    transform: scale(1.2);
    z-index: 2;
}
.box:hover [class*=loader-] {
    /*font-size: 70px;*/
    line-height: 200px;
}

button {
    display: inline-block;
    background: transparent;
    border: 2px solid currentcolor;
    color: white;
    padding: 0.5em 1em;
    border-radius: 5px;
    font-size: calc(16px + 2vw);
}

[class*=loader-] {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}






.loader-20 {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 0.1em currentcolor;
    border-radius: 50%;
    position: relative;
}
.loader-20:after, .loader-20:before {
    position: absolute;
    content: "";
    background-color: currentcolor;
    top: 0.5em;
    left: 0.5em;
    height: 0.1em;
    transform-origin: left center;
}
.loader-20:after {
    width: 0.4em;
    -webkit-animation: loader-20 2s linear infinite;
    animation: loader-20 2s linear infinite;
}
.loader-20:before {
    width: 0.3em;
    -webkit-animation: loader-20 8s linear infinite;
    animation: loader-20 8s linear infinite;
}

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

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


button.btn-cart.loaderr {
    padding: 0;
    width: 48px;
    height: 48px;
    position: relative;
    border-radius: 50px;
    text-align: center;
}

button.btn-cart.loaderr span span {
    display: none;
}

button.btn-cart.loaderr span.hidee {
    display: none;
    width: 100%;
    text-align: center;
    border: none;
}

button.btn-cart span.hidee {
    width: 100%;
    text-align: center;
    border: none;
}


button.btn-cart.loaderr:before,
.spinner {
    display: none;
}

.loaderr .spinner {
    display: block;
    -webkit-animation: spinner cubic-bezier(0.6, 0.2, 0.4, 0.8) 1s infinite;
    animation: spinner cubic-bezier(0.6, 0.2, 0.4, 0.8) 1s infinite;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    box-sizing: border-box;
    border-top: 2px solid #dd1f2b;
    border-bottom: 2px solid #dd1f2b;
    border-left: 2px solid #dd1f2b;
    border-right: 2px solid #fcaf1b;
}

button.btn-cart.loaderr .fa.fa-shopping-cart {
    margin-right: 2px;
}

button.btn-cart.loaderr .fa.fa-arrow-down {
    -webkit-animation: arrow cubic-bezier(0.7, 0.3, 0.6, 0.8) 1s infinite;
    animation: arrow cubic-bezier(0.7, 0.3, 0.6, 0.8) 1s infinite;
}


/* AFTER LOADING */

.bought button {
    display: none;
}

.bought .checkout,
.bought .cart {
    display: block;
}

.cart:active:before,
.checkout:active:before {
    height: 300%;
    width: 90%;
    opacity: 0.0;
    transition: all 0.75s ease 0s;
}

.cart:after,
.checkout:after {
    content: "";
    display: block;
    width: 50px;
    height: 200px;
    position: absolute;
    -ms-transform: rotateZ(30deg);
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
    left: -60px;
    top: -100px;
    opacity: 0.1;
    background: #ffffff;
}

.checkout:after {
    -ms-transform: rotateZ(-30deg);
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
    left: auto;
    right: -60px;
}

.cart:hover:after,
.checkout:hover:after {
    width: 100%;
    opacity: 0;
    transition: all 0.6s ease 0s;
}


button.btn-cart.loaderr i {
    display: block !important;
    color: #fff;
    font-size: 20px;
}
/* ANIMATIONS */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes arrow {
    0% {
        top: -12px;
        opacity: 1;
    }
    80% {
        top: -3px;
        opacity: 1;
    }
    100% {
        top: -3px;
        opacity: 0;
    }
}

@keyframes arrow {
    0% {
        top: -12px;
        opacity: 1;
    }
    80% {
        top: -3px;
        opacity: 1;
    }
    100% {
        top: -3px;
        opacity: 0;
    }
}


.btn-cart span.hidee {
    float: none;
    border: none;
}

.model_v4_content{text-align: center;}

button.btn-cart.loaderr{float: none;}




.dropdown_custom_session{}

.logedin_text{}
.logedin_text i{
    color: #fff;
    margin: 0 0 0 5px;
}

.dropdown_custom_session .dropdown-menu{
    right: 0;
    left: auto !important;
    border-radius: 0px;
    padding: 0px;
    min-width: 150px;
    margin: 0px 0 0 0;
    z-index: 99999;
    border: none;
    border-radius: 0px;
    overflow: hidden;
    width: 176px !important;
    border: none !important;
}
.dropdown_custom_session .dropdown-menu li{
    border-bottom: solid 1px #e0e0e0;
    padding: 0;
    padding: 0px !important;
    margin: 0px !important;
    text-align: left !important;
}
.dropdown_custom_session .dropdown-menu li a {
    padding: 9px 14px;
    color: #828282 !important;
    margin: 0px !important;
    background: none !important;
    width: 100%;
}

.dropdown_custom_session .dropdown-menu li a i {
    margin: 4px 5px 0 0;
    float: left;
    min-width: 17px;
}


.button_st_head{
    border: none;
    background-color: #dd1f2b;
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    padding: 10px 10px 13px 10px;
    margin: 0px 0 2px 15px;
    border-radius: 0px;
}


.dropdown_custom_session:hover .dropdown-menu {
    display: block !important;
}



button.button_st_head.dropdown-toggle:hover {
    background-color: #fcaf1b;
}











/*************for ipad css**********/


@media only screen and (min-width: 768px) and (max-width: 1024px) {


    .kode_blog_madium_wrap.wrap_2.width_res .col-md-4, .kode_blog_madium_wrap.detail.width_res .col-md-4 {
        width: 100%;
    }

    .remove_offset {
        margin: 0px;
    }


    .home_videos_section figure img {
        width: 100%;
        height: auto;
    }

    .banner_figure_text_overlay {
        height: 100%;
        top: 0;
    }

    .kode_blog_madium_wrap.wrap_2.padding {
        padding: 15px 0px;
    }

    .banner_figure_text_overlay h2 {
        font-size: 22px;
        margin: 50px 0 0 0;
    }

    .banners_outer_main {
        position: relative;
        float: left;
    }

    .player_custom_set .slider_container {
        margin: -3px 0 5px 0;
        padding: 0 10px;
    }

    .econ_arabic_1 .ayah_audio {
        font-size: 24px;
        color: #000;
        margin: 0 0 6px 0;
    }

    .kode_calender_list_2 .econ_arabic_2 p {
        text-align: left;
        margin-bottom: 5px;
    }

    .econ_arabic_3 p {
        text-align: right !important;
    }

    .econ_arabic_3 p span {
        text-align: right !important;
        font-size: 23px;
    }

    div#load_more {
        margin-bottom: 25px;
    }

    .quran_list_set li {
        margin-bottom: 15px;
    }

    .home_videos_section .kode_service_des {
        margin-bottom: 10px;
        min-height: unset;
    }


    .kode_services_wrap {
        padding: 15px 0px;
    }

    .section_hdg.hdg_2.hdg_3 {
        margin-bottom: 0px;
    }

    .kode_pray_text {
        padding: 20px 0;
    }

    .kode_team_wrap {
        padding: 20px 0 25px 0px;
    }

    .kode_team_wrap .slick-prev {
        bottom: 0;
        left: 0;
        right: auto;
        top: 20%;
    }

    .kode_team_wrap .slick-next {
        bottom: 0;
        right: 0;
        left: auto;
        top: 20%;
    }


    .categories_detail_set li {
        width: auto;
        margin: 0 4px 4px 0;
        border: none;
        float: none;
        display: inline-block;
    }

    .categories_detail_set li a {
        padding: 0px 7px;
        background-color: #e31f26;
        color: #fff;
        border-radius: 22px;
        font-size: 12px;
    }

    .categories_detail_set li a:hover {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set li a:focus {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set {
        text-align: center;
    }

    .siderbar_categories.margin.sidebar_bg {
        padding: 11px 12px 13px 12px;
    }

    .top_btn {
        float: right;
    }

    .modal-dialog {
        width: 95%;
    }

    .home_videos_section .kode_service_text {
        padding: 16px 16px 14px 16px;
        height: 70px;
        overflow: hidden;
        margin-bottom: 9px;
    }

    .home_videos_section .kode_service_text h4 a {
        line-height: normal;
    }

    .page-link {
        padding: 5px 10px;
    }


    .inspiration_fix_ipad .col-sm-6 {
        width: 50% !important;
    }


}


/**********for mobile css*********/
@media only screen and (min-width: 320px) and (max-width: 767px) {


    .overlay {
        display: none !important;
    }


    .banner_figure_text_overlay {
        height: 100%;
        top: 0;
    }

    .kode_blog_madium_wrap.wrap_2.padding {
        padding: 15px 0px;
    }

    .banner_figure_text_overlay h2 {
        font-size: 22px;
        margin: 20px 0 0 0;
    }

    .banners_outer_main {
        position: relative;
        float: left;
    }

    .player_custom_set .slider_container {
        margin: -3px 0 5px 0;
        padding: 0 10px;
    }

    .econ_arabic_1 .ayah_audio {
        font-size: 24px;
        color: #000;
        margin: 0 0 6px 0;
    }

    .kode_calender_list_2 .econ_arabic_2 p {
        text-align: left;
        margin-bottom: 5px;
    }

    .econ_arabic_3 p {
        text-align: right !important;
    }

    .econ_arabic_3 p span {
        text-align: right !important;
        font-size: 23px;
    }

    div#load_more {
        margin-bottom: 25px;
    }

    .quran_list_set li {
        margin-bottom: 15px;
    }

    .home_videos_section .kode_service_des {
        margin-bottom: 10px;
        min-height: unset;
    }


    .kode_services_wrap {
        padding: 15px 0px;
    }

    .section_hdg.hdg_2.hdg_3 {
        margin-bottom: 0px;
    }

    .kode_pray_text {
        padding: 20px 0;
    }

    .kode_team_wrap {
        padding: 20px 0 25px 0px;
    }

    .kode_team_wrap .slick-prev {
        bottom: 0;
        left: 0;
        right: auto;
        top: 20%;
    }

    .kode_team_wrap .slick-next {
        bottom: 0;
        right: 0;
        left: auto;
        top: 20%;
    }


    .categories_detail_set li {
        width: auto;
        margin: 0 4px 4px 0;
        border: none;
        float: none;
        display: inline-block;
    }

    .categories_detail_set li a {
        padding: 0px 7px;
        background-color: #e31f26;
        color: #fff;
        border-radius: 22px;
        font-size: 12px;
    }

    .categories_detail_set li a:hover {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set li a:focus {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set {
        text-align: center;
    }

    .siderbar_categories.margin.sidebar_bg {
        padding: 11px 12px 13px 12px;
    }

    .top_btn {
        float: right;
    }

    .modal-dialog {
        width: 95%;
    }

    .home_videos_section .kode_service_text {
        padding: 16px 16px 14px 16px;
        height: 70px;
        overflow: hidden;
        margin-bottom: 9px;
    }

    .home_videos_section .kode_service_text h4 a {
        line-height: normal;
    }

    .page-link {
        padding: 0 8px;
    }


}


.dropdown_custom_session .dropdown-menu li a:hover {
    background-color: #dd1f2b !important;
    color: #fff !important;
}











/*************for ipad css**********/


@media only screen and (min-width: 768px) and (max-width: 1024px) {


    .kode_blog_madium_wrap.wrap_2.width_res .col-md-4, .kode_blog_madium_wrap.detail.width_res .col-md-4 {
        width: 100%;
    }

    .remove_offset {
        margin: 0px;
    }


    .home_videos_section figure img {
        width: 100%;
        height: auto;
    }

    .banner_figure_text_overlay {
        height: 100%;
        top: 0;
    }

    .kode_blog_madium_wrap.wrap_2.padding {
        padding: 15px 0px;
    }

    .banner_figure_text_overlay h2 {
        font-size: 22px;
        margin: 50px 0 0 0;
    }

    .banners_outer_main {
        position: relative;
        float: left;
    }

    .player_custom_set .slider_container {
        margin: -3px 0 5px 0;
        padding: 0 10px;
    }

    .econ_arabic_1 .ayah_audio {
        font-size: 24px;
        color: #000;
        margin: 0 0 6px 0;
    }

    .kode_calender_list_2 .econ_arabic_2 p {
        text-align: left;
        margin-bottom: 5px;
    }

    .econ_arabic_3 p {
        text-align: right !important;
    }

    .econ_arabic_3 p span {
        text-align: right !important;
        font-size: 23px;
    }

    div#load_more {
        margin-bottom: 25px;
    }

    .quran_list_set li {
        margin-bottom: 15px;
    }

    .home_videos_section .kode_service_des {
        margin-bottom: 10px;
        min-height: unset;
    }


    .kode_services_wrap {
        padding: 15px 0px;
    }

    .section_hdg.hdg_2.hdg_3 {
        margin-bottom: 0px;
    }

    .kode_pray_text {
        padding: 20px 0;
    }

    .kode_team_wrap {
        padding: 20px 0 25px 0px;
    }

    .kode_team_wrap .slick-prev {
        bottom: 0;
        left: 0;
        right: auto;
        top: 20%;
    }

    .kode_team_wrap .slick-next {
        bottom: 0;
        right: 0;
        left: auto;
        top: 20%;
    }


    .categories_detail_set li {
        width: auto;
        margin: 0 4px 4px 0;
        border: none;
        float: none;
        display: inline-block;
    }

    .categories_detail_set li a {
        padding: 0px 7px;
        background-color: #e31f26;
        color: #fff;
        border-radius: 22px;
        font-size: 12px;
    }

    .categories_detail_set li a:hover {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set li a:focus {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set {
        text-align: center;
    }

    .siderbar_categories.margin.sidebar_bg {
        padding: 11px 12px 13px 12px;
    }

    .top_btn {
        float: right;
    }

    .modal-dialog {
        width: 95%;
    }

    .home_videos_section .kode_service_text {
        padding: 16px 16px 14px 16px;
        height: 70px;
        overflow: hidden;
        margin-bottom: 9px;
    }

    .home_videos_section .kode_service_text h4 a {
        line-height: normal;
    }

    .page-link {
        padding: 5px 10px;
    }


    .inspiration_fix_ipad .col-sm-6 {
        width: 50% !important;
    }


}


/**********for mobile css*********/
@media only screen and (min-width: 320px) and (max-width: 767px) {


    .overlay {
        display: none !important;
    }


    .banner_figure_text_overlay {
        height: 100%;
        top: 0;
    }

    .kode_blog_madium_wrap.wrap_2.padding {
        padding: 15px 0px;
    }

    .banner_figure_text_overlay h2 {
        font-size: 22px;
        margin: 20px 0 0 0;
    }

    .banners_outer_main {
        position: relative;
        float: left;
    }

    .player_custom_set .slider_container {
        margin: -3px 0 5px 0;
        padding: 0 10px;
    }

    .econ_arabic_1 .ayah_audio {
        font-size: 24px;
        color: #000;
        margin: 0 0 6px 0;
    }

    .kode_calender_list_2 .econ_arabic_2 p {
        text-align: left;
        margin-bottom: 5px;
    }

    .econ_arabic_3 p {
        text-align: right !important;
    }

    .econ_arabic_3 p span {
        text-align: right !important;
        font-size: 23px;
    }

    div#load_more {
        margin-bottom: 25px;
    }

    .quran_list_set li {
        margin-bottom: 15px;
    }

    .home_videos_section .kode_service_des {
        margin-bottom: 10px;
        min-height: unset;
    }


    .kode_services_wrap {
        padding: 15px 0px;
    }

    .section_hdg.hdg_2.hdg_3 {
        margin-bottom: 0px;
    }

    .kode_pray_text {
        padding: 20px 0;
    }

    .kode_team_wrap {
        padding: 20px 0 25px 0px;
    }

    .kode_team_wrap .slick-prev {
        bottom: 0;
        left: 0;
        right: auto;
        top: 20%;
    }

    .kode_team_wrap .slick-next {
        bottom: 0;
        right: 0;
        left: auto;
        top: 20%;
    }


    .categories_detail_set li {
        width: auto;
        margin: 0 4px 4px 0;
        border: none;
        float: none;
        display: inline-block;
    }

    .categories_detail_set li a {
        padding: 0px 7px;
        background-color: #e31f26;
        color: #fff;
        border-radius: 22px;
        font-size: 12px;
    }

    .categories_detail_set li a:hover {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set li a:focus {
        background-color: #000 !important;
        color: #fff;
    }

    .categories_detail_set {
        text-align: center;
    }

    .siderbar_categories.margin.sidebar_bg {
        padding: 11px 12px 13px 12px;
    }

    .top_btn {
        float: right;
    }

    .modal-dialog {
        width: 95%;
    }

    .home_videos_section .kode_service_text {
        padding: 16px 16px 14px 16px;
        height: 70px;
        overflow: hidden;
        margin-bottom: 9px;
    }

    .home_videos_section .kode_service_text h4 a {
        line-height: normal;
    }

    .page-link {
        padding: 0 8px;
    }


}