.bg-gradient-theme {
    background: #000;
    background: linear-gradient(-45deg, #000 25%, #4a4f0f 50%, #003b77 75%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1)
}

.modal-mask.full .modal-container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.modal-mask.full .cropperFit {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    margin-bottom: 50px;
    border-radius: 5px
}

.modal-mask.full .cropperFit img {
    width: 100%
}

.modal-mask.full .modalTile h2 {
    color: #1480af;
    font-size: 28px;
    margin-bottom: 0
}

.modal-mask.small .modal-container {
    max-width: 500px
}

.modal-mask.small .modal-container .modal-body .delete_modal {
    background: #fff
}

.modal-container .delete-logo .fas {
    background-color: rgba(0, 0, 0, .03);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    padding: 20px 25px;
    border-radius: 50%;
    margin: 20px 0
}

.modal-container .delete-logo .radioSelect {
    margin-top: 20px
}

.modal-container .delete-logo .radioSelect label input {
    margin-right: 5px
}

.modal-container .delete-logo .headingAttention {
    color: #1480af
}

.modal-container .delete-logo .radioSelect .radio {
    margin: 16px 0;
    display: block;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .05);
    padding: 10px 20px;
    border-radius: 50px
}

.modal-container .delete-logo .radioSelect .radio input {
    display: none
}

.modal-container .delete-logo .radioSelect .radio input+span {
    line-height: 22px;
    height: 22px;
    padding-left: 22px;
    display: block;
    position: relative;
    font-size: 16px
}

.modal-container .delete-logo .radioSelect .radio input+span:not(:empty) {
    padding-left: 30px
}

.modal-container .delete-logo .radioSelect .radio input+span:after,
.modal-container .delete-logo .radioSelect .radio input+span:before {
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute
}

.modal-container .delete-logo .radioSelect .radio input+span:before {
    background: rgba(0, 0, 0, .1);
    transition: background .2s ease, transform .4s cubic-bezier(.175, .885, .32, 2)
}

.modal-container .delete-logo .radioSelect .radio input+span:after {
    background: #fff;
    transform: scale(.78);
    transition: transform .6s cubic-bezier(.175, .885, .32, 1.4)
}

.modal-container .delete-logo .radioSelect .radio input:checked+span:before {
    transform: scale(1.04);
    background: #1480af
}

.modal-container .delete-logo .radioSelect .radio input:checked+span:after {
    transform: scale(.4);
    transition: transform .3s ease
}

.modal-container .delete-logo .radioSelect .radio:hover input+span:before {
    transform: scale(.92)
}

.modal-container .delete-logo .radioSelect .radio:hover input+span:after {
    transform: scale(.74)
}

.modal-container .delete-logo .radioSelect .radio:hover input:checked+span:after {
    transform: scale(.4)
}

.modal-container .delete-folder {
    margin-bottom: 10px
}

.modal-container .delete-folder button {
    max-width: 100%;
    border-radius: 50px
}

.modal-container .delete-folder button.btn-primary {
    background-color: #1480af!important;
    border: 1px solid #1480af!important
}

.modal-body {
    padding: 0
}

.modal-container {
    background-color: transparent
}

.small {
    font-size: unset
}

.media-gallery .move-container {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden
}

.media-gallery .move-container .modalHeader .move-header {
    background-color: #1480af;
    color: #fff;
    padding: 10px;
    margin-bottom: 5px;
    font-size: 18px
}

.media-gallery .move-container .modalBody {
    padding: 15px
}

.media-gallery .move-container .modalBody .tree-container {
    display: flex;
    flex-direction: column;
    margin-left: 5px
}

.media-gallery .move-container .modalBody .tree-container .fa-angle-down:before,
.media-gallery .move-container .modalBody .tree-container .fa-angle-right:before {
    font-size: 18px;
    color: #1480af
}

.media-gallery .move-container .modalBody .tree-container .fa-folder-open:before {
    color: #1480af
}

.media-gallery .move-container .modalBody .tree-container .tree-items {
    margin-left: 20px
}

.media-gallery .move-container .modalBody .tree-container .tree-item {
    border-radius: 2px;
    padding: 1px 3px 1px 5px;
    font-size: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s
}

.media-gallery .move-container .modalBody .tree-container .tree-item.active {
    background-color: #1480af;
    padding: 5px 10px;
    color: #fff
}

.media-gallery .move-container .modalBody .tree-container .tree-item.active .fa-folder-open:before {
    color: #fff
}

.media-gallery .move-container .modalFooter {
    padding: 5px 20px;
    text-align: right;
    background: rgba(0, 0, 0, .03)
}

.media-gallery .move-container .modalFooter .btn-primary {
    background-color: #1480af!important;
    border: 1px solid #1480af!important;
    padding: 5px 20px;
    border-radius: 50px
}

.media-gallery .move-container.full-containers .modalBody {
    overflow-y: auto;
    max-height: 70vh
}

.media-gallery .move-container.full-containers .autoOptimized img {
    width: 100%
}

.media-gallery .move-container.full-containers .comparisonImage {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1)
}

.media-gallery .move-container.full-containers .comparisonImage label {
    color: #1480af
}

.media-gallery {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    width: 100%;
    position: relative;
    overflow: hidden
}

.media-gallery .global-container {
    padding-left: 15px
}

.media-gallery .global-container label {
    display: flex;
    align-items: center;
    height: 100%;
    color: grey;
    font-weight: 600;
    margin-left: 15px
}

.media-gallery .global-container label input {
    width: 18px;
    margin-left: 5px
}

.media-gallery .mg-searchbar {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    justify-content: center;
    height: 100%
}

.media-gallery .mg-searchbar label {
    margin: 0 5px 0 0;
    display: flex;
    color: grey;
    padding: 5px
}

.media-gallery .mg-searchbar input {
    height: 35px
}

.media-gallery .obj-fit {
    -o-object-fit: cover;
    object-fit: cover
}

.media-gallery .full-containers h4 {
    width: 100%;
    background: #949494;
    color: #fff;
    padding: 10px
}

.media-gallery .font-sm {
    font-size: 8px
}

.media-gallery .btn-primary:focus,
.media-gallery .btn:focus {
    box-shadow: none!important
}

.media-gallery .header-container {
    display: flex;
    justify-content: start
}

.media-gallery .header-container h3 {
    margin: 4px 4px 8px
}

.media-gallery .modifiers-continer {
    display: flex;
    align-items: center
}

.media-gallery .modifiers-continer button {
    color: #646464
}

.media-gallery .modifiers-continer .selections {
    margin-left: 12px
}

.media-gallery .modifiers-continer .selections span {
    white-space: nowrap;
    color: #fff
}

.media-gallery .modifiers-continer button {
    margin: 1px
}

.media-gallery .location-container {
    background-color: rgba(0, 0, 0, .05);
    height: auto;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    padding: 10px
}

.media-gallery .location-container .selections {
    margin-right: 10px
}

.media-gallery .location-container span:first-child {
    margin-left: 10px
}

.media-gallery .location-container .tag {
    margin-top: 6px
}

.media-gallery .location-container span {
    margin: 4px;
    color: #1480af!important
}

.media-gallery button {
    padding-top: 8px;
    padding-bottom: 8px
}

.media-gallery .action-container {
    padding: 10px 0;
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: flex;
    align-items: center;
    background-color: #29223c
}

.media-gallery .action-container .create-container {
    margin-left: 20px
}

.media-gallery .action-container .btn-primary {
    background-color: #1480af!important;
    border: 1px solid #1480af!important;
    border-radius: 50px
}

.media-gallery .action-container .btn-primary .fas {
    margin-right: 5px
}

.media-gallery .action-container .btn-group>.btn-group:not(:first-child)>.btn,
.media-gallery .action-container .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    border-left: 1px solid hsla(0, 0%, 100%, .1)!important
}

.media-gallery .action-container .bg-theme {
    border-radius: 50px!important;
    background-color: #1480af;
    color: #fff
}

.media-gallery .action-container .bg-theme .fas {
    margin-right: 5px
}

.media-gallery .action-container .bg-theme:disabled {
    background-color: #1480af;
    color: #fff
}

.media-gallery .refresh-container {
    margin-left: 10px;
    margin-right: 10px
}

.media-gallery .refresh-container button {
    color: #646464
}

.media-gallery .files-container {
    display: flex;
    justify-content: space-between;
    align-items: start;
    height: 100%;
    max-height: 474px
}

.media-gallery .files-container .audio {
    min-height: 200px;
    display: flex;
    align-items: center
}

.media-gallery .drop-container {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: hsla(0, 0%, 66.7%, .3);
    border: 5px dashed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    z-index: 9
}

.media-gallery .drop-active {
    pointer-events: none
}

.media-gallery .directory-container {
    max-height: 474px;
    margin-left: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto
}

.media-gallery .directory-container .item-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.media-gallery .directory-container .item-media {
    height: 70px;
    margin: 20px 10px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid #cecece;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 31%;
    background-color: #fafafa
}

.media-gallery .directory-container .item-media.active .icon span {
    color: #fff
}

.media-gallery .directory-container .item-media .box input {
    margin-right: 20px;
    transform: scale(1.5);
    opacity: 1
}

.media-gallery .directory-container .item-media .icon span {
    font-size: 56px;
    margin-top: 9px;
    margin-left: 10px;
    margin-bottom: 3px;
    color: #1480af
}

.media-gallery .directory-container .item-media.active {
    background-color: #1480af;
    color: #fff
}

.media-gallery .directory-container .item-media .media-text {
    margin-left: 10px;
    display: inline-block
}

.media-gallery .directory-container .item-media .media-text b {
    font-size: small;
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

.media-gallery .directory-container .item-media img {
    margin-left: 10px;
    height: 50px;
    max-width: 140px
}

.media-gallery .file-details-container {
    display: flex;
    width: 350px;
    min-width: 300px;
    flex-direction: column;
    border-left: 1px solid #f0eeee;
    height: 100%;
    padding: 10px;
    position: relative
}

.media-gallery .file-details-container:before {
    width: 100%;
    height: 100vh;
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, .03);
    top: 0;
    left: 0
}

.media-gallery .file-details-container .fileDescp {
    padding-top: 10px
}

.media-gallery .file-details-container .fileDescp .detail-item {
    width: 100%;
    padding: 3px;
    margin-left: 5px
}

.media-gallery .file-details-container .fileDescp .detail-item a.btn-primary {
    margin-right: 4px
}

.media-gallery .file-details-container .fileDescp .detail-item.button {
    display: inline-block
}

.media-gallery .file-details-container .fileDescp .detail-item.button button {
    margin: 2px
}

.media-gallery .file-details-container .fileDescp .detail-item.button .btn-primary {
    border-radius: 50px;
    background-color: #1480af!important;
    border: 0 solid #1480af!important;
    padding: 5px 15px;
    height: auto;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px
}

.media-gallery .file-details-container .fileDescp .detail-item span {
    font-weight: 700;
    color: #636363
}

.media-gallery .file-details-container:hover .action-btn {
    transition: all .6s;
    top: 20%
}

.media-gallery .file-details-container .fileFeatures {
    text-align: center;
    height: 200px;
    overflow: hidden
}

.media-gallery .file-details-container .fileFeatures img {
    height: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.media-gallery .load-more {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.media-gallery .load-more button {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px
}

.media-gallery-modal {
    overflow-x: auto
}

.media-gallery-modal .mg-handeler {
    min-height: 100px;
    display: inline-flex;
    justify-content: center;
    overflow-x: auto;
    cursor: pointer
}

.media-gallery-modal .mg-handeler .mg-handeler-item {
    margin: 5px;
    border-radius: 3px;
    min-width: 100px;
    position: relative;
    background-color: #aaa;
    overflow: hidden
}

.media-gallery-modal .mg-handeler .mg-handeler-item:hover .action-btn {
    transition: all .6s;
    top: 20%
}

.media-gallery-modal .mg-handeler .mg-handeler-item .action-btn {
    position: absolute;
    display: flex;
    left: 50%;
    top: -20%;
    transform: translate(-50%, -50%);
    transition: all .6s;
    z-index: 20
}

.media-gallery-modal .mg-handeler .mg-handeler-item .action-btn button {
    margin-right: 10px
}

.media-gallery-modal .mg-handeler .mg-handeler-item img {
    -o-object-fit: contain;
    object-fit: contain
}

.mg-container {
    cursor: pointer
}

@media(max-width:1440px) {
    .media-gallery .directory-container .item-media {
        max-width: 45%
    }
}

@media(max-width:1170px) {
    .media-gallery .directory-container .item-media {
        max-width: 90%
    }
}

@media(max-width:1024px) {
    .media-gallery .action-container .bg-theme .fas {
        margin-right: 0
    }
    .media-gallery .action-container .btnText {
        display: none
    }
}

@media(max-width:768px) {
    .mobileHide {
        display: none
    }
    .media-gallery {
        overflow: hidden
    }
    .media-gallery .mg-searchbar {
        width: 100%
    }
    .media-gallery .files-container {
        display: inline-grid;
        height: 100%;
        max-height: 100%
    }
    .media-gallery .directory-container {
        order: 2;
        display: inline
    }
    .media-gallery .directory-container .item-media {
        max-width: 95%
    }
    .media-gallery .file-details-container {
        order: 1;
        display: flex;
        width: 100%;
        min-width: 100%;
        flex-direction: unset;
        background-color: rgba(0, 0, 0, .03);
        box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
        z-index: 2
    }
    .media-gallery .file-details-container .fileFeatures {
        width: 100%;
        max-width: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px
    }
    .media-gallery .file-details-container .fileDescp {
        width: 100%;
        padding: 10px
    }
    .media-gallery .file-details-container .fileDescp .detail-item.button {
        display: inline-block
    }
    .media-gallery .file-details-container .fileDescp .detail-item.button .btn-primary {
        border-radius: 50px;
        background-color: #1480af!important;
        border: 1px solid #1480af!important;
        padding: 5px 10px;
        height: auto;
        display: inline-block;
        font-size: 12px;
        margin-top: 5px
    }
}

@media(max-width:575px) {
    .modal-mask.small .modal-container {
        max-width: 89%
    }
    .media-gallery .action-container .bg-theme {
        padding: 5px 8px
    }
    .media-gallery .refresh-container {
        margin-left: 2px;
        margin-right: 0
    }
    .media-gallery .action-container,
    .media-gallery .action-container .refresh-container {
        display: inline-block
    }
    .media-gallery .action-container .modifiers-continer {
        display: inline-block;
        margin-top: 0;
        margin-left: 0
    }
    .media-gallery .action-container .btn-primary {
        padding: 5px 7px
    }
    .media-gallery .action-container .btn-primary .fas {
        margin-right: 0
    }
    .media-gallery .file-details-container {
        display: block
    }
    .media-gallery .file-details-container:before {
        position: unset
    }
    .media-gallery .file-details-container .fileFeatures {
        width: 100%;
        max-width: 100%;
        background-color: rgba(0, 0, 0, .05)
    }
    .media-gallery .file-details-container .fileFeatures img {
        height: 200px
    }
    .media-gallery .directory-container .item-media {
        max-width: 86%
    }
}

@media(max-width:350px) {
    .media-gallery .action-container .create-container {
        margin-left: 10px
    }
    .media-gallery .action-container .btn-primary {
        padding: 2px 6px
    }
    .media-gallery .action-container .btn-primary .fas {
        font-size: 12px
    }
    .media-gallery .action-container .bg-theme {
        font-size: 12px;
        padding: 4px 6px
    }
}

.text-darker-theme {
    color: #29223c
}

.text-dark-theme,
.text-light-theme {
    color: #1480af
}

.text-black {
    color: #000
}

.text-dark-theme-link {
    color: #1480af;
    transition: all .5s
}

.text-dark-theme-link:active,
.text-dark-theme-link:focus,
.text-dark-theme-link:hover {
    color: rgba(22, 148, 175, .7)
}

.text-light-theme-link {
    color: #1480af;
    transition: all .5s
}

.text-light-theme-link:active,
.text-light-theme-link:focus,
.text-light-theme-link:hover {
    color: rgba(22, 148, 175, .7)
}

.bg-darker-theme {
    background: #29223c
}

.bg-dark-theme,
.bg-light-theme {
    background: #1480af
}

.bg-white-theme {
    background: #fff
}

.bg-black-transparent1 {
    background: rgba(0, 0, 0, .1)
}

.bg-black-transparent2 {
    background: rgba(0, 0, 0, .2)
}

.bg-black-transparent3 {
    background: rgba(0, 0, 0, .3)
}

.bg-black-transparent4 {
    background: rgba(0, 0, 0, .4)
}

.bg-black-transparent5 {
    background: rgba(0, 0, 0, .5)
}

.bg-black-transparent6 {
    background: rgba(0, 0, 0, .6)
}

.bg-black-transparent7 {
    background: rgba(0, 0, 0, .7)
}

.bg-black-transparent8 {
    background: rgba(0, 0, 0, .8)
}

.bg-black-transparent9 {
    background: rgba(0, 0, 0, .9)
}

.bg-white-transparent1 {
    background: hsla(0, 0%, 100%, .1)
}

.bg-white-transparent2 {
    background: hsla(0, 0%, 100%, .2)
}

.bg-white-transparent3 {
    background: hsla(0, 0%, 100%, .3)
}

.bg-white-transparent4 {
    background: hsla(0, 0%, 100%, .4)
}

.bg-white-transparent5 {
    background: hsla(0, 0%, 100%, .5)
}

.bg-white-transparent6 {
    background: hsla(0, 0%, 100%, .6)
}

.bg-white-transparent7 {
    background: hsla(0, 0%, 100%, .7)
}

.bg-white-transparent8 {
    background: hsla(0, 0%, 100%, .8)
}

.bg-white-transparent9 {
    background: hsla(0, 0%, 100%, .9)
}

.btn-dark-theme {
    color: #fff!important
}

.btn-dark-theme,
.btn-dark-theme.active,
.btn-dark-theme.focus,
.btn-dark-theme:active,
.btn-dark-theme:focus,
.btn-dark-theme:hover,
.open>.dropdown-toggle.btn-dark-theme {
    background-color: #1480af!important;
    border: 1px solid #1480af!important
}

.open>.dropdown-toggle.btn-dark-theme.btn-custom {
    border-width: 2px!important;
    color: #fff!important
}

.btn-custom.btn-dark-theme {
    color: #1480af!important
}

.btn-light-theme {
    color: #fff!important
}

.btn-light-theme,
.btn-light-theme.active,
.btn-light-theme.focus,
.btn-light-theme:active,
.btn-light-theme:focus,
.btn-light-theme:hover,
.open>.dropdown-toggle.btn-light-theme {
    background-color: #1480af!important;
    border: 1px solid #1480af!important
}

.open>.dropdown-toggle.btn-light-theme.btn-custom {
    border-width: 2px!important;
    color: #fff!important
}

.btn-custom.btn-light-theme {
    color: #1480af!important
}

.btn-custom-white.btn-custom.btn-rounded {
    color: #fff!important
}

.btn-custom-white.btn-custom.btn-rounded:active,
.btn-custom-white.btn-custom.btn-rounded:focus,
.btn-custom-white.btn-custom.btn-rounded:hover {
    color: #1480af!important
}

.btn-pending {
    color: #000;
    background-color: #ff0;
    border-color: #ff0
}

.btn-info-received {
    color: #fff;
    background-color: orange;
    border-color: orange
}

.btn-in-transit {
    color: #fff;
    background-color: green;
    border-color: green
}

.btn-out-for-delivery {
    color: #000;
    background-color: pink;
    border-color: pink
}

.btn-failed-attempt {
    color: #fff;
    background-color: grey;
    border-color: grey
}

.btn-delivered {
    color: #000;
    background-color: #90ee90;
    border-color: #90ee90
}

.btn-exception {
    color: #fff;
    background-color: #00f;
    border-color: #00f
}

.btn-expired {
    color: #000;
    background-color: #add8e6;
    border-color: #add8e6
}

.btn-canceled {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-void {
    color: #fff;
    background-color: #2f4f4f;
    border-color: #2f4f4f
}

body #canvas-wrapper {
    bottom: 0;
    height: 10%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.login_page_custom {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.login_page_custom .login_custom_con {
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.bg-image {
    background-image: url(../images/shoes.jpg);
    background-size: cover;
    height: 100vh;
    width: 100%
}

.side-menu.left {
    background: #29223c
}

.side-menu.left #sidebar-menu {
    padding: 0
}

.side-menu.left #sidebar-menu ul>li>a {
    color: #fff;
    border-color: #1480af
}

.side-menu.left #sidebar-menu ul>li>a:hover {
    background: #fff;
    color: #1480af
}

.side-menu.left #sidebar-menu .subdrop {
    color: #1480af!important
}

.side-menu.left #sidebar-menu ul ul {
    background: rgba(0, 0, 0, .5)
}

.side-menu.left #sidebar-menu ul>li>a.active {
    color: #1480af!important;
    background: #fff
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li:hover>a {
    color: #1480af;
    border-color: #1480af
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li:hover>ul a {
    color: #1480af;
    transition: all .3s
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li:hover>ul a:hover {
    color: #1480af
}

.custom_datatable table tr th {
    background: #29223c;
    color: #fff
}

.custom_datatable table tfoot tr td {
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.custom_datatable .pagination li.paginate_button.active a {
    background: #1480af;
    border-color: #1480af
}

.custom_datatable .pagination li a {
    transition: all .3s
}

.custom_datatable .pagination li a:active,
.custom_datatable .pagination li a:focus,
.custom_datatable .pagination li a:hover {
    background: #1480af;
    border-color: #1480af;
    color: #fff
}

.custom_datatable .checkbox input[type=checkbox]+label {
    padding: 0
}

.custom_datatable .checkbox input[type=checkbox]+label:before {
    top: -6px
}

.custom_datatable .checkbox input[type=checkbox]+label:after {
    top: -6px;
    left: -2px
}

.table-v-midd table tbody tr td {
    vertical-align: middle
}

.breadcrumb {
    padding: 0
}

.breadcrumb li.active {
    color: #29223c
}

.breadcrumb a {
    color: #1480af;
    transition: all .3s
}

.breadcrumb a:active,
.breadcrumb a:focus,
.breadcrumb a:hover {
    color: #1480af
}

.input-group-append .input-group-text {
    background: #1480af;
    color: #fff
}

.datepicker .table-condensed thead tr:nth-child(3) {
    background: #1480af
}

.datepicker .table-condensed thead tr:nth-child(3) th {
    color: #fff;
    padding: 5px
}

.datepicker .table-condensed tbody tr td.active.day,
.datepicker .table-condensed tbody tr td span.century.active,
.datepicker .table-condensed tbody tr td span.decade.active,
.datepicker .table-condensed tbody tr td span.month.focused.active,
.datepicker .table-condensed tbody tr td span.year.active.focused {
    background: #1480af!important
}

.card-box {
    border-color: rgba(3, 58, 66, .1)
}

.card-box .portlet {
    border-color: rgba(3, 58, 66, .15)
}

.custom_userrole .portlet .portlet-heading {
    padding: 5px 10px
}

.checkbox input[type=checkbox]+label {
    padding-left: 10px
}

.checkbox input[type=checkbox]+label:before {
    height: 20px;
    width: 20px
}

.checkbox input[type=checkbox]+label:after {
    font-size: 14px;
    height: 20px;
    width: 20px
}

.checkbox-theme input[type=checkbox]:checked+label:before {
    border-color: #1480af
}

.checkbox-theme input[type=checkbox]:checked+label:after {
    color: #1480af
}

.checkbox-theme-light input[type=checkbox]:checked+label:before {
    background-color: #1480af;
    border-color: #1480af
}

.checkbox-theme-light input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-theme-dark input[type=checkbox]:checked+label:before {
    background-color: #1480af;
    border-color: #1480af
}

.checkbox-theme-dark input[type=checkbox]:checked+label:after {
    color: #fff
}

.custom_top_radio.radio-theme input[type=radio]+label:before {
    top: 6px
}

.custom_top_radio.radio-theme input[type=radio]+label:after {
    background-color: #1480af;
    top: 9px
}

.custom_top_radio.radio-theme input[type=radio]:checked+label:before {
    border-color: #1480af;
    top: 6px
}

.custom_top_radio.radio-theme input[type=radio]:checked+label:after {
    background-color: #1480af;
    top: 9px
}

.radio-theme input[type=radio]+label:after {
    background-color: #1480af
}

.radio-theme input[type=radio]:checked+label:before {
    border-color: #1480af
}

.radio-theme-light input[type=radio]+label:after,
.radio-theme input[type=radio]:checked+label:after {
    background-color: #1480af
}

.radio-theme-light input[type=radio]:checked+label:before {
    border-color: #1480af
}

.radio-theme-dark input[type=radio]+label:after,
.radio-theme-light input[type=radio]:checked+label:after {
    background-color: #1480af
}

.radio-theme-dark input[type=radio]:checked+label:before {
    border-color: #1480af
}

.radio-theme-dark input[type=radio]:checked+label:after {
    background-color: #1480af
}

.form-check-inline:first-of-type {
    margin-left: 6px
}

.avatar-upload {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    height: 250px
}

.avatar-upload .avatar-edit {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0
}

.avatar-upload .avatar-edit input {
    display: none
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    cursor: pointer;
    font-weight: 400;
    transition: all .2s ease-in-out
}

.avatar-upload .avatar-edit input+label:hover {
    border-color: #d6d6d6
}

.avatar-upload .avatar-edit input+label span {
    width: 100%;
    padding: 5px 0;
    background: hsla(0, 0%, 100%, .5);
    text-align: center;
    display: block
}

.avatar-upload .avatar-preview {
    width: 100%;
    height: 100%;
    position: relative;
    border: 6px solid hsla(0, 0%, 100%, .2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.seprater_single {
    height: 1px;
    background: rgba(0, 0, 0, .125);
    margin: 20px 0
}

.theme-input-group .input-group-prepend .input-group-text {
    background: #1480af;
    color: #fff;
    width: 100%
}

.theme-input-group .width-5 {
    width: 5%
}

.theme-input-group .width-10 {
    width: 10%
}

.theme-input-group .width-15 {
    width: 15%
}

.theme-input-group .width-16 {
    width: 16%
}

.theme-input-group .width-17 {
    width: 17%
}

.theme-input-group .width-18 {
    width: 18%
}

.theme-input-group .width-19 {
    width: 19%
}

.theme-input-group .width-20 {
    width: 20%
}

.theme-input-group .width-25 {
    width: 25%
}

.theme-input-group .width-30 {
    width: 30%
}

.theme-input-group .width-35 {
    width: 35%
}

.theme-input-group .width-40 {
    width: 40%
}

.theme-input-group .width-45 {
    width: 45%
}

.theme-input-group .width-50 {
    width: 50%
}

.theme-input-group .width-160px {
    width: 160px
}

.custom_upload label {
    border-radius: 0;
    margin: 0 2px 0 0
}

.custom_upload label .icon-span-filestyle {
    padding: 0
}

.form-error {
    color: #f05050!important
}

.mail-list .list-group-item.active {
    color: #1480af
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>a {
    color: #1480af;
    border-color: #1480af
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a {
    background: #29223c;
    color: #fff
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a:hover {
    color: #1480af
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul {
    background: #29223c
}

.p0 {
    padding: 0!important
}

.p5 {
    padding: 5px!important
}

.p10 {
    padding: 10px!important
}

.p15 {
    padding: 15px!important
}

.p20 {
    padding: 20px!important
}

.p25 {
    padding: 25px!important
}

.p30 {
    padding: 30px!important
}

.p35 {
    padding: 35px!important
}

.p40 {
    padding: 40px!important
}

.p45 {
    padding: 45px!important
}

.p50 {
    padding: 50px!important
}

.pt0 {
    padding-top: 0!important
}

.pt5 {
    padding-top: 5px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt15 {
    padding-top: 15px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt25 {
    padding-top: 25px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt35 {
    padding-top: 35px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt45 {
    padding-top: 45px!important
}

.pt50 {
    padding-top: 50px!important
}

.pb0 {
    padding-bottom: 0!important
}

.pb5 {
    padding-bottom: 5px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb25 {
    padding-bottom: 25px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb35 {
    padding-bottom: 35px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb45 {
    padding-bottom: 45px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pl0 {
    padding-left: 0!important
}

.pl5 {
    padding-left: 5px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl15 {
    padding-left: 15px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl30 {
    padding-left: 30px!important
}

.pl35 {
    padding-left: 35px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl45 {
    padding-left: 45px!important
}

.pl50 {
    padding-left: 50px!important
}

.pr0 {
    padding-right: 0!important
}

.pr5 {
    padding-right: 5px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr15 {
    padding-right: 15px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr25 {
    padding-right: 25px!important
}

.pr30 {
    padding-right: 30px!important
}

.pr35 {
    padding-right: 35px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr45 {
    padding-right: 45px!important
}

.pr50 {
    padding-right: 50px!important
}

.ptb0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.ptb5 {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

.ptb10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.ptb15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

.ptb20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

.ptb25 {
    padding-top: 25px!important;
    padding-bottom: 25px!important
}

.ptb30 {
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

.ptb35 {
    padding-top: 35px!important;
    padding-bottom: 35px!important
}

.ptb40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.ptb45 {
    padding-top: 45px!important;
    padding-bottom: 45px!important
}

.ptb50 {
    padding-top: 50px!important;
    padding-bottom: 50px!important
}

.plr0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.plr5 {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.plr10 {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.plr15 {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.plr20 {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.plr25 {
    padding-left: 25px!important;
    padding-right: 25px!important
}

.plr30 {
    padding-left: 30px!important;
    padding-right: 30px!important
}

.plr35 {
    padding-left: 35px!important;
    padding-right: 35px!important
}

.plr40 {
    padding-left: 40px!important;
    padding-right: 40px!important
}

.plr45 {
    padding-left: 45px!important;
    padding-right: 45px!important
}

.plr50 {
    padding-left: 50px!important;
    padding-right: 50px!important
}

.m0 {
    margin: 0!important
}

.m5 {
    margin: 5px!important
}

.m10 {
    margin: 10px!important
}

.m15 {
    margin: 15px!important
}

.m20 {
    margin: 20px!important
}

.m25 {
    margin: 25px!important
}

.m30 {
    margin: 30px!important
}

.m35 {
    margin: 35px!important
}

.m40 {
    margin: 40px!important
}

.m45 {
    margin: 45px!important
}

.m50 {
    margin: 50px!important
}

.mt0 {
    margin-top: 0!important
}

.mt5 {
    margin-top: 5px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt25 {
    margin-top: 25px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt35 {
    margin-top: 35px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt45 {
    margin-top: 45px!important
}

.mt50 {
    margin-top: 50px!important
}

.mb0 {
    margin-bottom: 0!important
}

.mb5 {
    margin-bottom: 5px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb35 {
    margin-bottom: 35px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb45 {
    margin-bottom: 45px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.ml0 {
    margin-left: 0!important
}

.ml5 {
    margin-left: 5px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml25 {
    margin-left: 25px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml35 {
    margin-left: 35px!important
}

.ml40 {
    margin-left: 40px!important
}

.ml45 {
    margin-left: 45px!important
}

.ml50 {
    margin-left: 50px!important
}

.mr0 {
    margin-right: 0!important
}

.mr5 {
    margin-right: 5px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr25 {
    margin-right: 25px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr35 {
    margin-right: 35px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr45 {
    margin-right: 45px!important
}

.mr50 {
    margin-right: 50px!important
}

.mtb0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

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

.mtb10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
}

.mtb15 {
    margin-top: 15px!important;
    margin-bottom: 15px!important
}

.mtb20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
}

.mtb25 {
    margin-top: 25px!important;
    margin-bottom: 25px!important
}

.mtb30 {
    margin-top: 30px!important;
    margin-bottom: 30px!important
}

.mtb35 {
    margin-top: 35px!important;
    margin-bottom: 35px!important
}

.mtb40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
}

.mtb45 {
    margin-top: 45px!important;
    margin-bottom: 45px!important
}

.mtb50 {
    margin-top: 50px!important;
    margin-bottom: 50px!important
}

.mlr0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.mlr5 {
    margin-left: 5px!important;
    margin-right: 5px!important
}

.mlr10 {
    margin-left: 10px!important;
    margin-right: 10px!important
}

.mlr15 {
    margin-left: 15px!important;
    margin-right: 15px!important
}

.mlr20 {
    margin-left: 20px!important;
    margin-right: 20px!important
}

.mlr25 {
    margin-left: 25px!important;
    margin-right: 25px!important
}

.mlr30 {
    margin-left: 30px!important;
    margin-right: 30px!important
}

.mlr35 {
    margin-left: 35px!important;
    margin-right: 35px!important
}

.mlr40 {
    margin-left: 40px!important;
    margin-right: 40px!important
}

.mlr45 {
    margin-left: 45px!important;
    margin-right: 45px!important
}

.mlr50 {
    margin-left: 50px!important;
    margin-right: 50px!important
}

.fs10 {
    font-size: 10px
}

.fs12 {
    font-size: 12px
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.fs22 {
    font-size: 22px
}

.fs24 {
    font-size: 24px
}

.fs26 {
    font-size: 26px
}

.fs28 {
    font-size: 28px
}

.fs30 {
    font-size: 30px
}

.fs32 {
    font-size: 32px
}

.fs34 {
    font-size: 34px
}

.fs36 {
    font-size: 36px
}

.fs38 {
    font-size: 38px
}

.fs40 {
    font-size: 40px
}

.fs42 {
    font-size: 42px
}

.fs44 {
    font-size: 44px
}

.fs46 {
    font-size: 46px
}

.fs48 {
    font-size: 48px
}

.fs50 {
    font-size: 50px
}

.fs52 {
    font-size: 52px
}

.fs54 {
    font-size: 54px
}

.fs56 {
    font-size: 56px
}

.fs58 {
    font-size: 58px
}

.fs60 {
    font-size: 60px
}

.fs62 {
    font-size: 62px
}

.fs64 {
    font-size: 64px
}

.fs66 {
    font-size: 66px
}

.fs68 {
    font-size: 68px
}

.fs70 {
    font-size: 70px
}

.theme_tabs_h {
    border: 1px solid rgba(0, 0, 0, .05)
}

.theme_tabs_h .nav-tabs li.nav-item a,
.theme_tabs_h .nav-tabs li.tab a,
.theme_tabs_h .tabs li.nav-item a,
.theme_tabs_h .tabs li.tab a {
    transition: all .3s;
    color: #29223c!important;
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.theme_tabs_h .nav-tabs li.nav-item .active,
.theme_tabs_h .nav-tabs li.nav-item a:hover,
.theme_tabs_h .nav-tabs li.tab .active,
.theme_tabs_h .nav-tabs li.tab a:hover,
.theme_tabs_h .tabs li.nav-item .active,
.theme_tabs_h .tabs li.nav-item a:hover,
.theme_tabs_h .tabs li.tab .active,
.theme_tabs_h .tabs li.tab a:hover {
    background: #29223c;
    color: #fff!important
}

.theme_tabs_h .nav-tabs li:last-of-type a,
.theme_tabs_h .tabs li:last-of-type a {
    border: 0
}

.theme_tabs_h .nav-tabs .indicator,
.theme_tabs_h .tabs .indicator {
    background: #1480af
}

.theme_tabs_h .nav-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.theme_tabs_h .nav-tabs li:last-of-type a {
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.theme_tabs_h .tab-content {
    display: block;
    padding: 20px!important;
    margin-bottom: 0!important
}

.theme_tabs_v.tabs-vertical-env {
    border: 1px solid rgba(0, 0, 0, .05)
}

.theme_tabs_v.tabs-vertical-env .nav.tabs-vertical {
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.theme_tabs_v.tabs-vertical-env .nav.tabs-vertical li.nav-item a {
    transition: all .3s;
    color: #29223c!important;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    text-align: left
}

.theme_tabs_v.tabs-vertical-env .nav.tabs-vertical li.nav-item a.active,
.theme_tabs_v.tabs-vertical-env .nav.tabs-vertical li.nav-item a:hover {
    background: #29223c;
    color: #fff!important
}

.theme_tabs_v.tabs-vertical-env .nav.tabs-vertical .indicator {
    background: #1480af
}

.theme_tabs_v.tabs-vertical-env .tab-content {
    padding: 20px;
    width: 100%
}

#datatable_processing {
    background: #1480af;
    color: #fff
}

.f-hide,
.s-hide {
    display: none!important
}

.f-show,
.s-show {
    display: block!important
}

.chat_group_chatting,
.chat_group_chatting body,
.chat_group_chatting body .content-page {
    height: 100%
}

.chat_group_chatting body .content-page .content {
    height: calc(100% - 130px)
}

.chat_group_chatting body .content-page .content .container-fluid {
    height: 100%
}

.chat_group_chatting body .content-page .content .container-fluid .row:nth-child(2) {
    height: calc(100% - 35px)
}

.chat_group_chatting body .content-page .content .container-fluid .chat-conversation {
    height: 100%
}

.chat_group_chatting body .content-page .content .container-fluid .chat-conversation .conversation-list {
    height: calc(100% - 50px)
}

.chat_group_chatting body .content-page .content .container-fluid .chat-conversation .row {
    height: auto
}

.chat_group_chatting body .content-page .content .container-fluid .card-box {
    height: 100%
}

.chat_group_chatting body .content-page .content .container-fluid .card-box .inbox-widget {
    height: calc(100% - 78px);
    min-height: auto;
    max-height: none
}

.chat_group_chatting .select2-container {
    z-index: 99999
}

.chat_group_chatting .select2-container .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #1480af
}

.v_align_b {
    vertical-align: bottom!important
}

.v_align_m {
    vertical-align: middle!important
}

.mx-w-800 {
    max-width: 800px
}

@media print {
    .mx-w-800 {
        max-width: 100%;
        height: 100%
    }
    .print_custom .portlet {
        border: 0
    }
    .print_custom .portlet .portlet-heading {
        display: none
    }
    .print_custom .portlet .portlet-body {
        padding: 0
    }
    .print_custom .portlet table tr th {
        -webkit-print-color-adjust: exact;
        background: #1480af!important
    }
}

.custom_wizard_form .wizard>.steps>ul>li {
    width: 33.333333%
}

.custom_wizard_form .wizard>.steps>ul>.current a {
    background: #1480af
}

.custom_wizard_form .wizard>.content label.btn.btn-default {
    margin: 0;
    background: #1480af!important;
    border-color: #1480af!important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom_wizard_form .wizard>.content section.body {
    width: 100%
}

.custom_wizard_form .wizard>.actions ul li a {
    background: #1480af
}

.profile-dropdown {
    width: auto
}

.b_r_0 {
    border-radius: 0
}

.b_r_3 {
    border-radius: 3px
}

.b_r_5 {
    border-radius: 5px
}

.b_r_10 {
    border-radius: 10px
}

.bt_l_r_0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bb_l_r_0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.addmore_sec {
    margin-bottom: 0
}

.addmore_sec .addmore_cont {
    margin-top: 20px!important;
    padding: 15px 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.addmore_sec .addmore_cont .addremovebtns {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
    margin-bottom: 15px
}

.addmore_sec .addmore_cont:nth-child(2n) {
    background: rgba(0, 0, 0, .02)
}

.addmore_sec .addmore_cont:nth-child(odd) {
    background: rgba(0, 0, 0, .04)
}

.claim_check_list {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 10px
}

.claim_check_list h4 {
    border-bottom: 1px solid #ddd
}

.card_box_custom {
    position: relative
}

.card_box_custom .cb_overlap_heading {
    position: absolute;
    top: -14px;
    margin: 0;
    background: #fff;
    padding: 0 10px;
    color: #1480af
}

.custom-autocomplete .dropdown-menu li a {
    display: block;
    color: #797979
}

.portlet .portlet-heading {
    position: relative
}

.portlet .portlet-heading a.link_b {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ripple {
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}

.ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10);
    opacity: 0;
    transition: transform .5s, opacity 1s
}

.ripple:active:after {
    transform: scale(0);
    opacity: .2;
    transition: 0s
}

.cursor-pointer {
    cursor: pointer
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.datepicker {
    text-align: center
}

.datepicker .next,
.datepicker .prev {
    background: none;
    width: auto;
    padding: 0;
    text-align: center
}

.datepicker .table-condensed tbody tr td.active.day {
    color: #fff
}

.loader {
    width: 100%;
    height: 100%;
    background-color: #706e6e;
    opacity: .6;
    z-index: 988;
    cursor: progress;
    display: flex;
    align-items: center;
    justify-content: center
}

.loader.contain {
    position: absolute
}

.loader.full {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: lds-default 1.2s linear infinite;
    animation: lds-default 1.2s linear infinite
}

.lds-default div:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    top: 37px;
    left: 66px
}

.lds-default div:nth-child(2) {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
    top: 22px;
    left: 62px
}

.lds-default div:nth-child(3) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s;
    top: 11px;
    left: 52px
}

.lds-default div:nth-child(4) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s;
    top: 7px;
    left: 37px
}

.lds-default div:nth-child(5) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
    top: 11px;
    left: 22px
}

.lds-default div:nth-child(6) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    top: 22px;
    left: 11px
}

.lds-default div:nth-child(7) {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
    top: 37px;
    left: 7px
}

.lds-default div:nth-child(8) {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
    top: 52px;
    left: 11px
}

.lds-default div:nth-child(9) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    top: 62px;
    left: 22px
}

.lds-default div:nth-child(10) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
    top: 66px;
    left: 37px
}

.lds-default div:nth-child(11) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    top: 62px;
    left: 52px
}

.lds-default div:nth-child(12) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
    top: 52px;
    left: 62px
}

@-webkit-keyframes lds-default {
    0%,
    20%,
    80%,
    to {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
}

@keyframes lds-default {
    0%,
    20%,
    80%,
    to {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
}

.modal-mask {
    position: fixed!important;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease
}

.modal-mask.full .modal-container {
    width: 80%;
    position: fixed
}

.modal-mask.full .modal-container .modal-body {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    overflow-y: auto;
    margin: 0
}

.modal-mask.full .modal-container .full-containers {
    width: 100%;
    height: 100%
}

.modal-mask.small .modal-container {
    width: 100%;
    max-width: 400px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.modal-mask.small .modal-container .modal-body {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    margin: 0;
    padding: 0
}

.modal-mask.small .modal-container .modal-body .delete_modal {
    padding: 1rem
}

.modal-mask.small .modal-container .full-containers {
    width: 100%
}

.modal-mask.modefier .modal-container {
    width: 80%;
    height: 80%;
    position: fixed;
    top: 10%;
    left: 15%
}

.modal-mask.modefier .modal-container .modal-body {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    margin: 0
}

.modal-mask.modefier .modal-container .full-containers {
    width: 100%
}

.modal-mask.media-gallery-modal .modal-container .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow-y: hidden;
    margin: 0
}

.media-gallery-modal {
    background-color: #ebebeb;
    border-radius: 5px
}

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

.modal-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    width: 450px;
    max-width: 100%
}

.modal-container .delete-logo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 60px
}

.modal-container .delete-folder {
    width: 100%;
    margin-top: 10px;
    justify-content: center;
    display: flex
}

.modal-container .delete-folder button {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    max-width: 200px;
    margin: 20px 10px 0
}

.modal-container .header {
    position: absolute;
    right: -15px;
    display: flex;
    top: -15px;
    z-index: 999;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer
}

.modal-container .header span {
    color: #fff
}

.modal-header h3 {
    margin-top: 0;
    color: #42b983
}

.modal-body {
    margin: 20px 0
}

.modal-default-button {
    float: right
}

.modal-enter {
    opacity: 0;
    transition: all 1s
}

.modal-leave-active {
    opacity: 0
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    transform: scale(1.1)
}

.slide-fade-enter-active {
    transition: all .3s ease
}

.slide-fade-leave-active {
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateX(10px);
    opacity: 0
}

.rate {
    float: left;
    height: 46px;
    padding: 0 10px
}

.rate:not(:checked)>input {
    position: absolute;
    opacity: 0
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc
}

.rate:not(:checked)>label:before {
    content: "★ "
}

.rate>input:checked~label {
    color: #ffc700
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #deb217
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #c59b08
}