/*--- font sizes steps approx by 2px / 1em = 14px ---*/
.fs-10 {
    font-size:0.71em !important;
}
.fs-11 {
    font-size:0.79em !important;
}
.fs-12 {
    font-size:0.86em !important;
}
.fs-13 {
    font-size:0.93em !important;
}
.fs-14 {
    font-size:1em !important;
}
.fs-15 {
    font-size: 1.07em !important;
}
.fs-16 {
    font-size:1.15em !important;
}
.fs-17 {
    font-size:1.2em !important;
}
.fs-18 {
    font-size: 1.29em !important;
}
.fs-20 {
    font-size:1.43em !important;
}
.fs-22 {
    font-size:1.57em !important;
}
.fs-24 {
    font-size:1.71em !important;
}
.fs-26 {
    font-size:1.86em !important;
}
.fs-28 {
    font-size:2.00em !important;
}
.fs-30 {
    font-size:2.14em !important;
}
.fs-32 {
    font-size:2.29em !important;
}
.fs-34 {
    font-size:2.43em !important;
}

.fs-1 {
    font-size:1em;
}
.fs-x75 {
    font-size:.75em;
}
.fs-x5 {
    font-size:.5em;
}
.fs-x4 {
    font-size: .4em;
}
.fs-x3 {
    font-size: .3em;
}
.fs-x2 {
    font-size: .2em;
}
.fs-x1 {
    font-size: .1em;
}

@media (min-width: 1200px) {
    .fs-xl-1 {
        font-size:1em;
    }
    .fs-xl-x75 {
        font-size:.75em;
    }
    .fs-xl-x5 {
        font-size:.5em;
    }
}
@media (min-width: 992px) {
    .fs-lg-1 {
        font-size:1em;
    }
    .fs-lg-x75 {
        font-size:.75em;
    }    
    .fs-lg-x5 {
        font-size:.5em;
    }
}

@media (min-width: 768px) {
    .fs-md-1 {
        font-size:1em;
    }
    .fs-md-x75 {
        font-size:.75em;
    }
    .fs-md-x5 {
        font-size:.5em;
    }
}

@media (min-width: 576px) {
    .fs-sm-1 {
        font-size:1em;
    }
    .fs-sm-x75 {
        font-size:.75em;
    }   
    .fs-sm-x5 {
        font-size:.5em;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}

/*--- supported font weights 200|400|600|700|800|900 ---*/
.fw-200 {
    font-weight:200 !important;
}
.fw-400 {
    font-weight:400 !important;
}
.fw-600 {
    font-weight:600 !important;
}
.fw-700 {
    font-weight:700 !important;
}
.fw-800 {
    font-weight:800 !important;
}
.fw-900 {
    font-weight:900 !important;
}

/*--- font weight/style shortcuts ---*/
.fs-italic {
    font-style:italic !important;
}
.fs-bold {
    font-weight:bold !important;
}
.fs-semibold {
    font-weight:600 !important;
}

/*--- top margin steps ---*/
.mt-50 {
    margin-top:50px !important;
}
.mt-40 {
    margin-top:40px !important;
}
.mt-35 {
    margin-top:35px !important;
}
.mt-30 {
    margin-top:30px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-0 {
    margin-top: 0 !important;
}

/*--- bottom margin steps ---*/
.mb-50 {
    margin-bottom:50px !important;
}
.mb-40 {
    margin-bottom:40px !important;
}
.mb-35 {
    margin-bottom:35px !important;
}
.mb-30 {
    margin-bottom:30px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}

/*--- left margin steps ---*/
.ml-50 {
    margin-left:50px !important;
}
.ml-40 {
    margin-left:40px !important;
}
.ml-35 {
    margin-left:35px !important;
}
.ml-30 {
    margin-left:30px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-0 {
    margin-left: 0 !important;
}

/*--- right margin steps ---*/
.mr-50 {
    margin-right:50px !important;
}
.mr-40 {
    margin-right:40px !important;
}
.mr-35 {
    margin-right:35px !important;
}
.mr-30 {
    margin-right:30px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-0 {
    margin-right: 0 !important;
}

/*--- top padding steps ---*/
.pt-110 {
    padding-top: 110px !important;
}
.pt-40 {
    padding-top:40px !important;
}
.pt-35 {
    padding-top:35px !important;
}
.pt-30 {
    padding-top:30px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-0 {
    padding-top: 0 !important;
}

/*--- bottom padding steps ---*/
.pb-40 {
    padding-bottom:40px !important;
}
.pb-35 {
    padding-bottom:35px !important;
}
.pb-30 {
    padding-bottom:30px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}

/*--- left padding steps ---*/
.pl-40 {
    padding-left:40px !important;
}
.pl-35 {
    padding-left:35px !important;
}
.pl-30 {
    padding-left:30px !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-0 {
    padding-left: 0 !important;
}

/*--- right padding steps ---*/
.pr-40 {
    padding-right:40px !important;
}
.pr-35 {
    padding-right:35px !important;
}
.pr-30 {
    padding-right:30px !important;
}
.pr-25 {
    padding-right: 25px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-0 {
    padding-right: 0 !important;
}

/*--- custom widths ---*/
.w-33 {
    width:33%;
}
.w-80 {
    width:80%;
}

/*--- custom rotations ---*/
.rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.rotate-315 {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

/*--- custom widths ---*/
.w-80 {
    min-width:80%;
    max-width:80%;
}
.w-70 {
    min-width: 70%;
    max-width: 70%;
}
.w-65 {
    min-width:65%;
    max-width:65%;
}
.w-35 {
    min-width:35%;
    max-width:35%;
}
.w-20 {
    min-width:20%;
    max-width:20%;
}
.w-10 {
    min-width: 10%;
    max-width: 10%;
}
.w-5 {
    min-width: 5%;
    max-width: 5%;
}

@media (min-width: 992px) {
    /*--- top margin steps ---*/
    .mt-lg-50 {
        margin-top:50px !important;
    }
    .mt-lg-40 {
        margin-top:40px !important;
    }
    .mt-lg-35 {
        margin-top:35px !important;
    }
    .mt-lg-30 {
        margin-top:30px !important;
    }
    .mt-lg-25 {
        margin-top: 25px !important;
    }
    .mt-lg-20 {
        margin-top: 20px !important;
    }
    .mt-lg-15 {
        margin-top: 15px !important;
    }
    .mt-lg-10 {
        margin-top: 10px !important;
    }
    .mt-lg-5 {
        margin-top: 5px !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }

    /*--- bottom margin steps ---*/
    .mb-lg-50 {
        margin-bottom:50px !important;
    }
    .mb-lg-40 {
        margin-bottom:40px !important;
    }
    .mb-lg-35 {
        margin-bottom:35px !important;
    }
    .mb-lg-30 {
        margin-bottom:30px !important;
    }
    .mb-lg-25 {
        margin-bottom: 25px !important;
    }
    .mb-lg-20 {
        margin-bottom: 20px !important;
    }
    .mb-lg-15 {
        margin-bottom: 15px !important;
    }
    .mb-lg-10 {
        margin-bottom: 10px !important;
    }
    .mb-lg-5 {
        margin-bottom: 5px !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    /*--- left margin steps ---*/
    .ml-lg-50 {
        margin-left:50px !important;
    }
    .ml-lg-40 {
        margin-left:40px !important;
    }
    .ml-lg-35 {
        margin-left:35px !important;
    }
    .ml-lg-30 {
        margin-left:30px !important;
    }
    .ml-lg-25 {
        margin-left: 25px !important;
    }
    .ml-lg-20 {
        margin-left: 20px !important;
    }
    .ml-lg-15 {
        margin-left: 15px !important;
    }
    .ml-lg-10 {
        margin-left: 10px !important;
    }
    .ml-lg-5 {
        margin-left: 5px !important;
    }
    .ml-lg-0 {
        margin-left: 0 !important;
    }

    /*--- right margin steps ---*/
    .mr-lg-50 {
        margin-right:50px !important;
    }
    .mr-lg-40 {
        margin-right:40px !important;
    }
    .mr-lg-35 {
        margin-right:35px !important;
    }
    .mr-lg-30 {
        margin-right:30px !important;
    }
    .mr-lg-25 {
        margin-right: 25px !important;
    }
    .mr-lg-20 {
        margin-right: 20px !important;
    }
    .mr-lg-15 {
        margin-right: 15px !important;
    }
    .mr-lg-10 {
        margin-right: 10px !important;
    }
    .mr-lg-5 {
        margin-right: 5px !important;
    }
    .mr-lg-0 {
        margin-right: 0 !important;
    }
    .mr-lg-x5 {
        margin-right: -5px !important;
    }
    .mr-lg-x10 {
        margin-right: -10px !important;
    }
    .mr-lg-x15 {
        margin-right: -15px !important;
    }


    /*--- top padding steps ---*/
    .pt-lg-40 {
        padding-top:40px !important;
    }
    .pt-lg-35 {
        padding-top:35px !important;
    }
    .pt-lg-30 {
        padding-top:30px !important;
    }
    .pt-lg-25 {
        padding-top: 25px !important;
    }
    .pt-lg-20 {
        padding-top: 20px !important;
    }
    .pt-lg-15 {
        padding-top: 15px !important;
    }
    .pt-lg-10 {
        padding-top: 10px !important;
    }
    .pt-lg-5 {
        padding-top: 5px !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }

    /*--- bottom padding steps ---*/
    .pb-lg-40 {
        padding-bottom:40px !important;
    }
    .pb-lg-35 {
        padding-bottom:35px !important;
    }
    .pb-lg-30 {
        padding-bottom:30px !important;
    }
    .pb-lg-25 {
        padding-bottom: 25px !important;
    }
    .pb-lg-20 {
        padding-bottom: 20px !important;
    }
    .pb-lg-15 {
        padding-bottom: 15px !important;
    }
    .pb-lg-10 {
        padding-bottom: 10px !important;
    }
    .pb-lg-5 {
        padding-bottom: 5px !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    /*--- left padding steps ---*/
    .pl-lg-40 {
        padding-left:40px !important;
    }
    .pl-lg-35 {
        padding-left:35px !important;
    }
    .pl-lg-30 {
        padding-left:30px !important;
    }
    .pl-lg-25 {
        padding-left: 25px !important;
    }
    .pl-lg-20 {
        padding-left: 20px !important;
    }
    .pl-lg-15 {
        padding-left: 15px !important;
    }
    .pl-lg-10 {
        padding-left: 10px !important;
    }
    .pl-lg-5 {
        padding-left: 5px !important;
    }
    .pl-lg-0 {
        padding-left: 0 !important;
    }

    /*--- right padding steps ---*/
    .pr-lg-40 {
        padding-right:40px !important;
    }
    .pr-lg-35 {
        padding-right:35px !important;
    }
    .pr-lg-30 {
        padding-right:30px !important;
    }
    .pr-lg-25 {
        padding-right: 25px !important;
    }
    .pr-lg-20 {
        padding-right: 20px !important;
    }
    .pr-lg-15 {
        padding-right: 15px !important;
    }
    .pr-lg-10 {
        padding-right: 10px !important;
    }
    .pr-lg-5 {
        padding-right: 5px !important;
    }
    .pr-lg-0 {
        padding-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    /*--- top margin steps ---*/
    .mt-xl-50 {
        margin-top:50px !important;
    }
    .mt-xl-40 {
        margin-top:40px !important;
    }
    .mt-xl-35 {
        margin-top:35px !important;
    }
    .mt-xl-30 {
        margin-top:30px !important;
    }
    .mt-xl-25 {
        margin-top: 25px !important;
    }
    .mt-xl-20 {
        margin-top: 20px !important;
    }
    .mt-xl-15 {
        margin-top: 15px !important;
    }
    .mt-xl-10 {
        margin-top: 10px !important;
    }
    .mt-xl-5 {
        margin-top: 5px !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }

    /*--- bottom margin steps ---*/
    .mb-xl-50 {
        margin-bottom:50px !important;
    }
    .mb-xl-40 {
        margin-bottom:40px !important;
    }
    .mb-xl-35 {
        margin-bottom:35px !important;
    }
    .mb-xl-30 {
        margin-bottom:30px !important;
    }
    .mb-xl-25 {
        margin-bottom: 25px !important;
    }
    .mb-xl-20 {
        margin-bottom: 20px !important;
    }
    .mb-xl-15 {
        margin-bottom: 15px !important;
    }
    .mb-xl-10 {
        margin-bottom: 10px !important;
    }
    .mb-xl-5 {
        margin-bottom: 5px !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    /*--- left margin steps ---*/
    .ml-xl-50 {
        margin-left:50px !important;
    }
    .ml-xl-40 {
        margin-left:40px !important;
    }
    .ml-xl-35 {
        margin-left:35px !important;
    }
    .ml-xl-30 {
        margin-left:30px !important;
    }
    .ml-xl-25 {
        margin-left: 25px !important;
    }
    .ml-xl-20 {
        margin-left: 20px !important;
    }
    .ml-xl-15 {
        margin-left: 15px !important;
    }
    .ml-xl-10 {
        margin-left: 10px !important;
    }
    .ml-xl-5 {
        margin-left: 5px !important;
    }
    .ml-xl-0 {
        margin-left: 0 !important;
    }

    /*--- right margin steps ---*/
    .mr-xl-50 {
        margin-right:50px !important;
    }
    .mr-xl-40 {
        margin-right:40px !important;
    }
    .mr-xl-35 {
        margin-right:35px !important;
    }
    .mr-xl-30 {
        margin-right:30px !important;
    }
    .mr-xl-25 {
        margin-right: 25px !important;
    }
    .mr-xl-20 {
        margin-right: 20px !important;
    }
    .mr-xl-15 {
        margin-right: 15px !important;
    }
    .mr-xl-10 {
        margin-right: 10px !important;
    }
    .mr-xl-5 {
        margin-right: 5px !important;
    }
    .mr-xl-0 {
        margin-right: 0 !important;
    }

    /*--- top padding steps ---*/
    .pt-xl-40 {
        padding-top:40px !important;
    }
    .pt-xl-35 {
        padding-top:35px !important;
    }
    .pt-xl-30 {
        padding-top:30px !important;
    }
    .pt-xl-25 {
        padding-top: 25px !important;
    }
    .pt-xl-20 {
        padding-top: 20px !important;
    }
    .pt-xl-15 {
        padding-top: 15px !important;
    }
    .pt-xl-10 {
        padding-top: 10px !important;
    }
    .pt-xl-5 {
        padding-top: 5px !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }

    /*--- bottom padding steps ---*/
    .pb-xl-40 {
        padding-bottom:40px !important;
    }
    .pb-xl-35 {
        padding-bottom:35px !important;
    }
    .pb-xl-30 {
        padding-bottom:30px !important;
    }
    .pb-xl-25 {
        padding-bottom: 25px !important;
    }
    .pb-xl-20 {
        padding-bottom: 20px !important;
    }
    .pb-xl-15 {
        padding-bottom: 15px !important;
    }
    .pb-xl-10 {
        padding-bottom: 10px !important;
    }
    .pb-xl-5 {
        padding-bottom: 5px !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    /*--- left padding steps ---*/
    .pl-xl-40 {
        padding-left:40px !important;
    }
    .pl-xl-35 {
        padding-left:35px !important;
    }
    .pl-xl-30 {
        padding-left:30px !important;
    }
    .pl-xl-25 {
        padding-left: 25px !important;
    }
    .pl-xl-20 {
        padding-left: 20px !important;
    }
    .pl-xl-15 {
        padding-left: 15px !important;
    }
    .pl-xl-10 {
        padding-left: 10px !important;
    }
    .pl-xl-5 {
        padding-left: 5px !important;
    }
    .pl-xl-0 {
        padding-left: 0 !important;
    }

    /*--- right padding steps ---*/
    .pr-xl-40 {
        padding-right:40px !important;
    }
    .pr-xl-35 {
        padding-right:35px !important;
    }
    .pr-xl-30 {
        padding-right:30px !important;
    }
    .pr-xl-25 {
        padding-right: 25px !important;
    }
    .pr-xl-20 {
        padding-right: 20px !important;
    }
    .pr-xl-15 {
        padding-right: 15px !important;
    }
    .pr-xl-10 {
        padding-right: 10px !important;
    }
    .pr-xl-5 {
        padding-right: 5px !important;
    }
    .pr-xl-0 {
        padding-right: 0 !important;
    }
}

.hide {
    display: none !important;
}

.h-p-18 {
    height: 18px;
}

.w-p-18 {
    width: 18px;
}

.f-w-600 {
    font-weight: 600;
}

.mw-70 {
    max-width: 70%;
}

.p-012 {
    padding: .12em;
}

.p-015 {
    padding: .15em;
}

.pointer {
    cursor: pointer;
}

.display-flex, .flex-column, .flex-column-center, .flex-row, .flex-row-nowrap, .flex-space-evenly, .flex-space-between, .flex-center, .content-center, .horizontal-input .date-input-title, .horizontal-input, .km-pagination {
    display: flex;
}

.flex-column, .flex-column-center {
    flex-flow: column nowrap;
}

.flex-column-center {
    justify-content: center;
}

.flex-row, .flex-row-nowrap {
    flex-flow: row wrap;
}

.flex-row-nowrap {
    flex-wrap: nowrap;
}

.flex-space-evenly {
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    /*IE support*/
    justify-content: space-evenly;
}

    .flex-space-evenly > * {
        padding: 5px;
    }

.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .flex-space-between > * {
        padding: 5px;
    }

    .flex-space-between.pa-1-5 > * {
        padding: 1px 5px;
    }

.flex-center {
    flex-flow: row wrap;
    justify-content: center;
}

.content-center > *, .horizontal-input .date-input-title > * {
    position: relative;
}

    .content-center > *:not(.vertical-center):not(.horizontal-center), .horizontal-input .date-input-title > *:not(.vertical-center):not(.horizontal-center) {
        margin: auto;
    }

    .content-center > *.vertical-center, .horizontal-input .date-input-title > *.vertical-center {
        margin: auto 0;
    }

    .content-center > *.horizontal-center, .horizontal-input .date-input-title > *.horizontal-center {
        margin: 0 auto;
    }

.circle-icon {
    border-radius: 50%;
    padding: 0.25em;
}

    .circle-icon + span {
        padding-left: 0.25em;
    }

.circle-color {
    border-radius: 50%;
    display: inline-block;
    width: 7px;
    height: 7px;
}

.section {
    position: relative;
}

    .section .loading {
        display: none;
        background-color: #ffffff;
        opacity: 0.75;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        cursor: wait;
    }

        .section .loading.body-color {
            background-color: #efefef;
        }

        .section .loading.active {
            display: block;
        }

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.horizontal-input {
    border: 1px solid #dedede;
}

    .horizontal-input .date-input-title {
        background-color: #dedede;
        padding: 0.3em;
    }

    .horizontal-input input {
        width: 6.2em;
        border: none;
        padding-left: 0.5em;
        padding-right: 0.5em;
        color: #8a8a8a;
    }

    .horizontal-input .dropdown-toggle::after {
        top: 0.7em;
    }

.month-datepicker {
    text-transform: capitalize;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #8a8a8a;
}

.no-padding {
    padding: 0;
}

.km-select-list .btn.dropdown-toggle,
.km-select-icon .btn.dropdown-toggle {
    background-color: white;
    border: 1px solid #dedede;
}

    .km-select-list .btn.dropdown-toggle:after,
    .km-select-icon .btn.dropdown-toggle:after {
        right: 0.5em;
    }

.km-select-list .dropdown-toggle::after,
.km-select-icon .dropdown-toggle::after {
    position: relative;
    top: -1em;
    margin-bottom: -1em;
    left: 0em;
    margin-right: -1.255em;
}

.km-select-list .dropdown-menu,
.km-select-icon .dropdown-menu {
    min-width: auto;
    /*IE compatibility*/
    min-width: unset;
}

    .km-select-list .dropdown-menu .dropdown-item,
    .km-select-icon .dropdown-menu .dropdown-item {
        cursor: pointer;
        width: 100%;
    }

        .km-select-list .dropdown-menu .dropdown-item.km-si-empty-item,
        .km-select-icon .dropdown-menu .dropdown-item.km-si-empty-item {
            pointer-events: none;
        }

.km-select-icon {
    color: white;
}

    .km-select-icon .btn.km-si-toggle {
        padding: 0.1em;
    }

        .km-select-icon .btn.km-si-toggle:after {
            border-top-color: white;
        }

    .km-select-icon .dropdown-toggle::after {
        position: relative;
        top: 50%;
        margin-top: -50%;
    }

.km-select-list {
    position: relative;
}

    .km-select-list > .btn.dropdown-toggle {
        width: 15em;
        height: 100%;
        text-transform: none;
        padding: 3px 1.5em 3px 0;
        font-weight: 500;
        font-size: 1.1em !important;
        vertical-align: text-bottom;
    }

        .km-select-list > .btn.dropdown-toggle.disabled {
            opacity: 1;
            border-color: transparent;
            min-width: auto;
            /*IE compatibility*/
            min-width: unset;
            white-space: nowrap;
        }

            .km-select-list > .btn.dropdown-toggle.disabled:after {
                content: none;
            }

            .km-select-list > .btn.dropdown-toggle.disabled .km-si-item > div,
            .km-select-list > .btn.dropdown-toggle.disabled .km-sl-item > div {
                pointer-events: none;
            }

            .km-select-list > .btn.dropdown-toggle.disabled .km-si-item span,
            .km-select-list > .btn.dropdown-toggle.disabled .km-sl-item span {
                overflow: hidden !important;
                text-overflow: ellipsis;
            }

    .km-select-list > .button-close {
        position: absolute;
        top: 0.75em;
        right: 0.5em;
    }

    .km-select-list > .dropdown-menu {
        min-width: auto;
        /*IE compatibility*/
        min-width: unset;
        width: 100%;
        border-radius: 0;
    }

        .km-select-list > .dropdown-menu .dropdown-item {
            padding: 0.3em 2em 0.3em 0;
        }

        .km-select-list > .btn.dropdown-toggle,
        .km-select-list > .dropdown-menu.show {
            height: auto;
            max-height: 200px;
            overflow-x: hidden;
        }

    .km-select-list > .btn.dropdown-toggle {
        padding: 0px;
        padding-right: 25px;
        font-size: 0.9em !important;
    }

        .km-select-list > .btn.dropdown-toggle > div {
            overflow: hidden;
        }

    .km-select-list .bordercolor-gray {
        border-color: #c2c2c2 !important;
    }

.km-pagination {
    margin-left: auto;
    margin-right: 0;
}

    .km-pagination .paginationjs-nav {
        background-color: #dedede;
        border: 1px solid #dedede;
        padding: 0 10px;
        margin: 0 5px;
        float: none;
        height: auto;
    }

    .km-pagination .btn {
        color: #dedede !important;
        font-size: 22px !important;
        line-height: 1;
    }

        .km-pagination .btn + .btn {
            margin-left: 5px;
        }

        .km-pagination .btn:hover {
            color: #8a8a8a !important;
        }

.km-cp-container .center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.km-cp-container .km-color-picker {
    width: 2em;
    color: transparent !important;
    border: 0;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}