@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");
.brandfont {
    font-family: "Montserrat", sans-serif
}

.bodyfont {
    font-family: "Roboto", sans-serif
}

.font-weight-medium {
    font-weight: 500 !important
}

.column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

@media (min-width: 120rem) and (max-width: 160rem) {
    .column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666666666667%;
        flex: 0 0 16.66666666666667%;
        max-width: 16.66666666666667%
    }
}

@media (min-width: 75rem) and (max-width: 120rem) {
    .column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 62rem) and (max-width: 75rem) {
    .column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (max-width: 991.98px) {
    .column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 767.98px) {
    .column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.column .librarycontent__card {
    margin-right: -10px;
    margin-left: -10px
}

@media (max-width: 1199.98px) {
    .column .librarycontent__card {
        margin-right: 5px;
        margin-left: 5px
    }
}

@media (min-width: 75rem) and (max-width: 90rem) {
    .column .librarycontent__card {
        margin-right: 5px;
        margin-left: 5px
    }
}

#multimediaclone .column .librarycontent__card {
    margin-right: 10px;
    margin-left: 10px
}

@media (max-width: 1199.98px) {
    #multimediaclone .column .librarycontent__card {
        margin-right: 5px;
        margin-left: 5px
    }
}

@media (min-width: 75rem) and (max-width: 90rem) {
    #multimediaclone .column .librarycontent__card {
        margin-right: 5px;
        margin-left: 5px
    }
}

@media (min-width: 75rem) and (max-width: 90rem) {
    .librarycontent .row>.col, .librarycontent .row>[class*="col-"] {
        padding-right: 8px;
        padding-left: 8px
    }
}

.graybg {
    background-color: #FBF6F6
}

.white-bg {
    background-color: #fff;
    padding: 2rem;
    -webkit-box-shadow: 0 0 6px rgba(12, 50, 84, 0.15);
    box-shadow: 0 0 6px rgba(12, 50, 84, 0.15)
}

@media (max-width: 90rem) {
    .white-bg {
        padding: 1rem
    }
}

.line {
    border-top: 1px solid #dee2e6;
    margin: .5rem 0
}

.highlight {
    border: 2px solid #26A9E1
}

.tooltip .arrow::before {
    border-top-color: #0C3254
}

.tooltip .tooltip-inner {
    background-color: #0C3254
}

.w-40 {
    width: 40%;
    max-width: 100%
}

@media (max-width: 991.98px) {
    .w-40 {
        width: auto
    }
}

.w-60 {
    width: 60%
}

@media (max-width: 991.98px) {
    .w-60 {
        width: auto
    }
}

.sidemargin, .dashboadtopbar {
    margin: auto 6.25rem
}

@media (max-width: 106.3rem) {
    .sidemargin, .dashboadtopbar {
        margin: auto 4rem
    }
}

@media (max-width: 90rem) {
    .sidemargin, .dashboadtopbar {
        margin: auto 3rem
    }
}

@media (max-width: 85rem) {
    .sidemargin, .dashboadtopbar {
        margin: auto 1rem
    }
}

@media (max-width: 991.98px) {
    .sidemargin, .dashboadtopbar {
        margin: auto 0
    }
}

.header {
    border-bottom: 1px solid #708FAB;
    margin-bottom: 0.9375rem
}

.header h1 {
    font-size: 1.375rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #0C3254
}

.header h1 span {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #0C3254;
    padding-left: 0.3125rem
}

.title h1 {
    font-size: 1.375rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #0C3254
}

.title h1 span {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #0C3254;
    padding-left: 0.3125rem
}

.title h1 span.orange {
    font-size: 1.375rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #BF6A2E
}

.btn {
    padding: 0.575rem 1.2rem;
    letter-spacing: 0.0225rem;
    border-radius: 0.1875rem;
    font-size: 1.063rem;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    font-weight: 600
}

.btn-primary {
    border: 1px solid #0C3254;
    background-color: #0C3254
}

.btn-primary:hover {
    background-color: #26A9E1;
    border-color: #26A9E1
}

.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #26A9E1;
    box-shadow: 0 0 0 0.2rem #26A9E1
}

.btn-info {
    font-size: 0.8rem;
    text-transform: capitalize;
    background-color: #26A9E1;
    border-color: #26A9E1;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-info:hover, .btn-info:active {
    background-color: #0C3254;
    border-color: #0C3254
}

.btn-info:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #26A9E1;
    box-shadow: 0 0 0 0.2rem #26A9E1
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .btn-info .show>.btn-info.dropdown-toggle {
    background-color: #0C3254;
    border-color: #0C3254
}

.btn-info:not(:disabled):not(.disabled):active {
    background-color: #0C3254;
    border-color: #0C3254
}

.btn-outline-primary {
    position: relative;
    font-size: 0.875rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #0C3254;
    padding: 0.3125rem 1.4rem 0.3125rem 0.8125rem;
    border-color: #0C3254;
    cursor: pointer
}

.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: #fff;
    border-color: #FF8F3C;
    color: #FF8F3C
}

.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0.3rem rgba(255, 143, 60, 0.5);
    box-shadow: 0 0 0.3rem rgba(255, 143, 60, 0.5)
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: #fff;
    border-color: #FF8F3C;
    color: #FF8F3C
}

.btn-outline-primary .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary .show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #FF8F3C;
    box-shadow: 0 0 0 0.2rem #FF8F3C
}

.btn-outline-primary.upload {
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-position: 1rem;
    background-image: url("../images/upload_sm.svg")
}

.btn-outline-primary.upload:hover, .btn-outline-primary.upload:active {
    background-image: url("../images/upload_sm_o.svg")
}

.btn-outline-primary.camera {
    text-transform: capitalize;
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-position: 1rem;
    background-image: url("../images/camera.svg")
}

.btn-outline-primary.camera:hover, .btn-outline-primary.camera:active {
    background-image: url("../images/camera_o.svg")
}

.btn-outline-primary.image {
    text-transform: capitalize;
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-position: 1rem;
    background-image: url("../images/image.svg")
}

.btn-outline-primary.image:hover, .btn-outline-primary.image:active {
    background-image: url("../images/image_o.svg")
}

.btn-outline-primary.foldericon {
    text-transform: capitalize;
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-position: 1rem;
    background-image: url("../images/folder.svg")
}

.btn-outline-primary.foldericon:hover, .btn-outline-primary.foldericon:active {
    background-image: url("../images/folder_o.svg")
}

.btn-outline-primary.clean {
    text-transform: capitalize;
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-position: 1rem;
    background-image: url("../images/clean.svg")
}

.btn-outline-primary.clean:hover, .btn-outline-primary.clean:active {
    background-image: url("../images/clean_o.svg")
}

.btn-outline-primary.texticon {
    text-transform: capitalize;
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-position: 1rem;
    background-image: url("../images/textcolor_icon.svg")
}

.btn-outline-primary.texticon:hover, .btn-outline-primary.texticon:active {
    background-image: url("../images/textcolor_icon_o.svg")
}

.btn-outline-primary.bgicon {
    text-transform: capitalize;
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-position: 1rem;
    background-image: url("../images/bgicon.svg")
}

.btn-outline-primary.bgicon:hover, .btn-outline-primary.bgicon:active {
    background-image: url("../images/bgicon_o.svg")
}

.btn-outline-primary.add {
    text-transform: capitalize;
    background-repeat: no-repeat;
    padding: .4rem 1rem .4rem 2.6rem;
    background-size: 1rem 1rem;
    background-position: 1rem;
    background-image: url("../images/tbl_add.svg")
}

.btn-outline-primary.add:hover, .btn-outline-primary.add:active {
    background-image: url("../images/tbl_add_o.svg")
}

.btn-outline-secondary {
    color: #708FAB;
    border: 1px solid #708FAB
}

.btn-outline-secondary:hover {
    background-color: #708FAB;
    border-color: #708FAB
}

.white-btn {
    background-color: #fff;
    border: 0;
    border-radius: 0.1875rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.9375rem 1.5rem;
    text-transform: capitalize;
    -webkit-box-shadow: 0 0px 6px rgba(12, 50, 84, 0.1);
    box-shadow: 0 0px 6px rgba(12, 50, 84, 0.1)
}

.white-btn:hover {
    background-color: #26A9E1;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
}

.white-btn.upload {
    background-image: url("../images/upload.svg");
    background-repeat: no-repeat;
    background-position: 1.6rem 1rem;
    padding-left: 3.5rem;
    background-size: 1.5rem 1.5rem
}

@media (max-width: 90rem) {
    .white-btn.upload {
        background-position: .8rem .8rem;
        padding-left: 3rem
    }
}

.white-btn.upload:hover {
    background-image: url("../images/upload_w.svg");
    color: #fff
}

.white-btn.upload-blue {
    background-image: url("../images/upload_w.svg");
    background-color: #0C3254;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 1.4rem 1rem;
    padding-left: 3.5rem;
    background-size: 1.5rem 1.5rem;
    margin-left: 6.2rem
}

.white-btn.upload-blue:hover {
    background-image: url("../images/upload_w.svg");
    color: #fff;
    background-color: #26A9E1
}

.white-btn.help {
    background-image: url("../images/quickhelp.svg");
    background-repeat: no-repeat;
    background-position: 1.5rem 1rem;
    padding-left: 3.5rem;
    background-size: 1.5rem 1.5rem
}

@media (max-width: 90rem) {
    .white-btn.help {
        background-position: .8rem .8rem;
        padding-left: 3rem
    }
}

.white-btn.help:hover {
    background-image: url("../images/quickhelp_w.svg");
    color: #fff
}

.white-btn.guide {
    background-image: url("../images/guide.svg");
    background-repeat: no-repeat;
    background-position: 1.5rem 1rem;
    padding-left: 3.5rem
}

@media (max-width: 90rem) {
    .white-btn.guide {
        background-position: .8rem .8rem;
        padding-left: 3rem
    }
}

.white-btn.guide:hover {
    background-image: url("../images/guide_w.svg");
    color: #fff
}

.table-btn {
    background-color: #fff;
    border: 0;
    border-radius: 0.125rem;
    background-repeat: no-repeat;
    background-size: 18px;
    padding: .9rem;
    border: 1px solid #0C3254;
    background-position: center;
    -webkit-box-shadow: 0 0px 6px rgba(12, 50, 84, 0.1);
    box-shadow: 0 0px 6px rgba(12, 50, 84, 0.1);
    margin: 0.2rem .5rem 0.2rem 0
}

.table-btn:last-child {
    margin: 0.2rem 0 0.2rem 0
}

.table-btn:disabled:hover {
    -webkit-box-shadow: 0 0px 3px rgba(12, 50, 84, 0.1);
    box-shadow: 0 0px 3px rgba(12, 50, 84, 0.1);
    border: 1px solid #0C3254
}

.table-btn:hover {
    -webkit-box-shadow: 0 0px 3px rgba(38, 169, 225, 0.6);
    box-shadow: 0 0px 3px rgba(38, 169, 225, 0.6);
    border: 1px solid #26A9E1
}

.table-btn.tbl_add {
    background-image: url("../images/tbl_add.svg")
}

.table-btn.tbl_add:hover {
    background-image: url("../images/tbl_add_b.svg")
}

.table-btn.tbl_add:disabled:hover {
    background-image: url("../images/tbl_add.svg")
}

.table-btn.tbl_edit {
    background-image: url("../images/tbl_edit.svg")
}

.table-btn.tbl_edit:hover {
    background-image: url("../images/tbl_edit_b.svg")
}

.table-btn.tbl_edit:disabled:hover {
    background-image: url("../images/tbl_edit.svg")
}

.table-btn.tbl_delete {
    background-image: url("../images/tbl_delete.svg")
}

.table-btn.tbl_delete:hover {
    background-image: url("../images/tbl_delete_b.svg")
}

.table-btn.tbl_delete:disabled:hover {
    background-image: url("../images/tbl_delete.svg")
}

.table-btn.tbl_preview {
    background-image: url("../images/tbl_preview.svg");
    background-size: 1.3rem
}

.table-btn.tbl_preview:hover {
    background-image: url("../images/tbl_preview_b.svg")
}

.table-btn.tbl_trash {
    background-image: url("../images/tbl_trash.svg")
}

.table-btn.tbl_trash:hover {
    background-image: url("../images/tbl_trash_b.svg")
}

.table-btn.tbl_reassign {
    background-image: url("../images/tbl_reassign.svg")
}

.table-btn.tbl_reassign:hover {
    background-image: url("../images/tbl_reassign_b.svg")
}

.table-btn.tbl_users {
    background-image: url("../images/tbl_users.svg")
}

.table-btn.tbl_users:hover {
    background-image: url("../images/tbl_users_b.svg")
}

.table-btn.tbl_user {
    background-image: url("../images/tbl_user.svg")
}

.table-btn.tbl_user:hover {
    background-image: url("../images/tbl_user_b.svg")
}

.table-btn.tbl_login {
    background-image: url("../images/tbl_login.svg")
}

.table-btn.tbl_login:hover {
    background-image: url("../images/tbl_login_b.svg")
}

.table-btn.tbl_clone {
    background-image: url("../images/tbl_clone.svg")
}

.table-btn.tbl_clone:hover {
    background-image: url("../images/tbl_clone_b.svg")
}

.table-btn.tbl_clone:disabled:hover {
    background-image: url("../images/tbl_clone.svg")
}

.table-btn.tbl_share {
    background-image: url("../images/tbl_share.svg")
}

.table-btn.tbl_share:hover {
    background-image: url("../images/tbl_share_b.svg")
}

.table-btn.tbl_share:disabled:hover {
    background-image: url("../images/tbl_share.svg")
}

.table-btn.tbl_setting {
    background-image: url("../images/tbl_setting.svg")
}

.table-btn.tbl_setting:hover {
    background-image: url("../images/tbl_setting_b.svg")
}

.table-btn.tbl_campaign {
    background-image: url("../images/tbl_campaign.svg")
}

.table-btn.tbl_campaign:hover {
    background-image: url("../images/tbl_campaign_b.svg")
}

.table-btn.tbl_campaign:disabled:hover {
    background-image: url("../images/tbl_campaign.svg")
}

.table-btn.tbl_msg {
    background-image: url("../images/tbl_msg.svg")
}

.table-btn.tbl_msg:hover {
    background-image: url("../images/tbl_msg_b.svg")
}

.table-btn.tbl_msg:disabled:hover {
    background-image: url("../images/tbl_msg.svg")
}

.table-btn.tbl_faq {
    background-image: url("../images/tbl_faq.svg")
}

.table-btn.tbl_faq:hover {
    background-image: url("../images/tbl_faq_b.svg")
}

.table-btn.tbl_faq:disabled:hover {
    background-image: url("../images/tbl_faq.svg")
}

.table-btn.tbl_move {
    background-image: url("../images/tbl_move.svg")
}

.table-btn.tbl_move:hover {
    background-image: url("../images/tbl_move_b.svg")
}

.table-btn.tbl_move:disabled:hover {
    background-image: url("../images/tbl_move.svg")
}

.table-btn.tbl_guest {
    background-image: url("../images/tbl_guest.svg")
}

.table-btn.tbl_guest:hover {
    background-image: url("../images/tbl_guest_b.svg")
}

.table-btn.tbl_guest:disabled:hover {
    background-image: url("../images/tbl_guest.svg")
}

.table-btn.tbl_filedelete {
    background-image: url("../images/tbl_filedelete.svg")
}

.table-btn.tbl_filedelete:hover {
    background-image: url("../images/tbl_filedelete_b.svg")
}

.table-btn.tbl_filedelete:disabled:hover {
    background-image: url("../images/tbl_filedelete.svg")
}

.action-btn {
    background-color: #fff;
    border-radius: 0.1875rem;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding: .4rem 1rem .4rem 2rem;
    background-size: 1rem 1rem;
    border: 0.1rem solid #708FAB;
    background-position: .6rem;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-box-shadow: 0 0px 4px rgba(12, 50, 84, 0.1);
    box-shadow: 0 0px 4px rgba(12, 50, 84, 0.1);
    margin: .5rem .5rem .5rem 0;
    color: #0C3254
}

@media (max-width: 90rem) {
    .action-btn {
        font-size: 0.765rem
    }
}

.action-btn:last-child {
    margin: .5rem 0 .5rem 0
}

.action-btn:hover {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    border: 0.1rem solid #26A9E1;
    background-size: 1rem 1rem;
    background-color: #26A9E1;
    color: #fff
}

.action-btn:disabled:hover {
    background-color: #fff;
    color: #0C3254;
    border: 0.1rem solid #708FAB;
    -webkit-box-shadow: 0 0px 4px rgba(12, 50, 84, 0.1);
    box-shadow: 0 0px 4px rgba(12, 50, 84, 0.1)
}

.action-btn.act_share {
    background-image: url("../images/act_share.svg")
}

.action-btn.act_share:hover {
    background-image: url("../images/act_share_w.svg")
}

.action-btn.act_share:disabled:hover {
    background-image: url("../images/act_share.svg")
}

.action-btn.act_clone {
    background-image: url("../images/act_clone.svg")
}

.action-btn.act_clone:hover {
    background-image: url("../images/act_clone_w.svg")
}

.action-btn.act_clone:disabled:hover {
    background-image: url("../images/act_clone.svg")
}

.action-btn.act_report {
    background-image: url("../images/act_report.svg")
}

.action-btn.act_report:hover {
    background-image: url("../images/act_report_w.svg")
}

.action-btn.act_report:disabled:hover {
    background-image: url("../images/act_report.svg")
}

.action-btn.act_distribute {
    background-image: url("../images/act_distribute.svg")
}

.action-btn.act_distribute:hover {
    background-image: url("../images/act_distribute_w.svg")
}

.action-btn.act_distribute:disabled:hover {
    background-image: url("../images/act_distribute.svg")
}

.action-btn.act_add {
    background-image: url("../images/tbl_add.svg");
    background-size: .8rem .8rem;
    padding: .4rem 1rem .4rem 2rem
}

.action-btn.act_add:hover {
    background-image: url("../images/tbl_add_w.svg");
    background-size: .8rem .8rem
}

.action-btn.act_add:disabled:hover {
    background-image: url("../images/tbl_add.svg")
}

.action-btn.act_delete {
    background-image: url("../images/tbl_delete.svg")
}

.action-btn.act_delete:hover {
    background-image: url("../images/tbl_delete_w.svg")
}

.action-btn.act_delete:disabled:hover {
    background-image: url("../images/tbl_delete.svg")
}

.orange-btn {
    text-transform: capitalize;
    padding: 0.875rem 1.25rem;
    border: 0;
    border-radius: 0.125rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    background-color: #BF6A2E;
    -webkit-box-shadow: 0 2px 10px rgba(191, 106, 46, 0.1);
    box-shadow: 0 2px 10px rgba(191, 106, 46, 0.1)
}

.orange-btn:hover {
    background-color: #FF8F3C;
    -webkit-box-shadow: 0 2px 10px rgba(191, 106, 46, 0.3);
    box-shadow: 0 2px 10px rgba(191, 106, 46, 0.3)
}

.switch {
    position: relative;
    display: inline-block
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.rangeslider {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #323232;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rangeslider:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 6px;
    bottom: 6px;
    top: 6px;
    background-color: #708FAB;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: block
}

input:checked+.rangeslider {
    background-color: #26A9E1;
    border: 1px solid #26A9E1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

input:checked+.rangeslider:before {
    background-color: #fff;
    left: auto;
    right: 6px;
    bottom: 6px;
    top: 6px
}

.rangeslider.round {
    border-radius: 34px
}

.rangeslider.round:before {
    border-radius: 34px
}

.on {
    display: none;
    padding: 4px 25px 4px 10px;
    color: #fff
}

.off {
    padding: 4px 10px 4px 25px;
    color: #323232
}

.on, .off {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: normal
}

input:checked+.rangeslider .on {
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

input:checked+.rangeslider .off {
    display: none;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.titlebar {
    background-color: #FBF6F6
}

.titlebar .pageheader {
    margin: 1.2rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 90rem) {
    .titlebar .pageheader {
        margin: .8rem 0 .6rem 0
    }
}

@media (max-width: 767.98px) {
    .titlebar .pageheader {
        margin-bottom: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.titlebar .pageheader h1 {
    font-family: "Montserrat", sans-serif;
    color: #0C3254;
    font-weight: 300;
    font-size: 2.25rem;
    margin: .5rem 0
}

@media (max-width: 90rem) {
    .titlebar .pageheader h1 {
        font-size: 1.8rem
    }
}

@media (max-width: 767.98px) {
    .titlebar .pageheader h1 {
        font-size: 2rem
    }
}

.titlebar .pageheader .email {
    margin-left: auto
}

.titlebar .pageheader .contact {
    margin-bottom: .5rem;
    margin-top: .5rem;
    text-align: right
}

.titlebar .pageheader .contact:not(:last-child) {
    margin-right: 3rem
}

.titlebar .pageheader .contact h3 {
    font-family: "Montserrat", sans-serif;
    color: #708FAB;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0
}

.titlebar .pageheader .contact span {
    font-family: "Montserrat", sans-serif;
    color: #0C3254;
    font-weight: 600;
    font-size: 1.1rem
}

.titlebar .pageheader .contact a {
    color: #0C3254
}

.titlebar .pageheader .contact a:hover {
    color: #26A9E1
}

table.table-main thead {
    background-color: #708FAB
}

table.table-main thead th {
    border: 1px solid #5D7A94;
    background-color: #708FAB;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 600;
    padding: .75rem .5rem;
    line-height: 1;
    vertical-align: middle
}

table.table-main tbody {
    font-family: "Roboto", sans-serif
}

table.table-main tbody td {
    padding: .5rem
}

table.table-main tbody td {
    border: 1px solid #708FAB;
    background-color: #E1F1FF
}

table.table-bordered {
    border: 1px solid #708FAB
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: collapse !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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    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: 20px
}

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;
    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: 0.5em;
    top: .5em;
    font-family: FontAwesome;
    content: "\f106"
}

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;
    bottom: .5em;
    font-family: FontAwesome;
    content: "\f107"
}

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 {
    -webkit-box-sizing: content-box;
    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
    }
}

table.dataTable.table-sm>thead>tr>th {
    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 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: 0
}

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
}

form label {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #0C3254;
    cursor: pointer
}

form input.form-control, form select.form-control, form textarea.form-control {
    border: 1px solid #708FAB;
    border-radius: 0.125rem;
    color: #0C3254;
    height: 2.875rem;
    font-family: "Roboto", sans-serif;
    background-color: #fff
}

form input.form-control::-webkit-input-placeholder, form select.form-control::-webkit-input-placeholder, form textarea.form-control::-webkit-input-placeholder {
    color: #708FAB
}

form input.form-control::-moz-placeholder, form select.form-control::-moz-placeholder, form textarea.form-control::-moz-placeholder {
    color: #708FAB
}

form input.form-control::-ms-input-placeholder, form select.form-control::-ms-input-placeholder, form textarea.form-control::-ms-input-placeholder {
    color: #708FAB
}

form input.form-control::placeholder, form select.form-control::placeholder, form textarea.form-control::placeholder {
    color: #708FAB
}

form textarea {
    height: auto !important
}

form .form-group.custom .select2-container {
    display: block
}

form .form-group .custom-control label {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: #0C3254;
    padding-right: .5rem
}

form .form-inline label {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: #0C3254;
    padding-right: .5rem
}

form .custom-checkbox {
    margin-bottom: 0
}

form .custom-checkbox:not(:last-child) {
    margin-bottom: .5rem
}

form .custom-checkbox .custom-control-label {
    font-family: "Roboto", sans-serif;
    padding-left: .5rem;
    margin-bottom: 0;
    font-weight: 500
}

form .custom-checkbox .custom-control-label::before {
    background-color: #fff;
    border: 1px solid #708FAB;
    border-radius: 0.125rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 0
}

form .custom-checkbox .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.125rem;
    background: no-repeat 60% / 60% 60%;
    top: 0
}

form .custom-checkbox .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    border-color: #26A9E1;
    background-color: #26A9E1
}

form .custom-control-input:checked~.custom-control-label::before {
    border-color: #26A9E1;
    background-color: #26A9E1
}

form .select2-container .select2-selection--single {
    height: 2.875rem;
    padding: .375rem 2.1rem .375rem .75rem;
    border: 1px solid #708FAB;
    border-radius: 0.125rem;
    line-height: 1.5
}

form .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #708FAB
}

form .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: #323232;
    line-height: 2
}

form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.875rem;
    width: 2.8rem
}

form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0
}

form .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    Font-family: FontAwesome;
    content: "\f107";
    top: -1rem;
    position: absolute;
    color: #708FAB;
    font-size: 1.5rem
}

form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
    content: "\f106"
}

.dropdown-button-blockinline {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dropdown-button-blockinline .or {
    margin: 1.7rem 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #323232
}

.dropdown-button-blockinline .create {
    margin-bottom: 1rem
}

.dropdown-button-blockinline .create a.btn-primary, .dropdown-button-blockinline .create button.btn-primary {
    padding: 0.495rem 1.2rem;
    font-weight: 600;
    letter-spacing: 0.0225rem;
    border-radius: 0.1875rem
}

.tab {
    background-color: #fff;
    padding: 1.75rem;
    -webkit-box-shadow: 0 0px 6px rgba(12, 50, 84, 0.15);
    box-shadow: 0 0px 6px rgba(12, 50, 84, 0.15)
}

@media (min-width: 75rem) and (max-width: 90rem) {
    .tab {
        padding: 0.75rem
    }
}

@media (max-width: 767.98px) {
    .tab {
        padding: 0.75rem
    }
}

.tab ul.nav-tabs {
    font-family: "Montserrat", sans-serif;
    border-bottom: 1px solid #F2F2F2
}

.tab ul.nav-tabs li a.nav-link {
    font-size: 1.275rem;
    line-height: 1.625rem;
    font-weight: 600;
    color: #0C3254;
    padding: 0.7125rem 2rem;
    border-radius: 0;
    border-top: 4px solid #fff;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    -webkit-text-decoration: mome;
    text-decoration: mome;
    cursor: pointer
}

@media (max-width: 90rem) {
    .tab ul.nav-tabs li a.nav-link {
        font-size: 1.175rem;
        line-height: 1.8;
        padding: 0.5125rem 1.5rem
    }
}

.tab ul.nav-tabs li a.nav-link.active {
    border-color: #FF8F3C;
    color: #FF8F3C;
    background-color: #F2F2F2
}

.tab ul.nav-tabs li a.nav-link:hover {
    border-color: #FF8F3C;
    color: #FF8F3C
}

.tab .tab-content {
    background-color: #F2F2F2;
    padding: 1.5rem
}

@media (max-width: 90rem) {
    .tab .tab-content {
        padding: 1rem
    }
}

@media (max-width: 767.98px) {
    .tab .tab-content {
        padding: 0.75rem
    }
}

.librarycontent__card {
    font-family: "Montserrat", sans-serif;
    border: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0.125rem
}

.librarycontent__card .img-cnt {
    overflow: hidden;
    position: relative
}

.librarycontent__card .img-cnt:hover .overlay, .librarycontent__card .img-cnt:focus .overlay {
    opacity: .8
}

.librarycontent__card .img-cnt .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    background-color: #323232;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.librarycontent__card .img-cnt .overlay i.fa {
    font-size: 2.4rem;
    color: white
}

.librarycontent__card .card-body h5 {
    font-size: 1.188rem;
    font-weight: 600;
    color: #0C3254
}

@media (max-width: 90rem) {
    .librarycontent__card .card-body h5 {
        font-size: 1.063rem;
        margin-bottom: .5rem
    }
}

.librarycontent__card .card-body h4 {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif
}

.librarycontent__card .card-body p {
    font-size: 0.875rem;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    line-height: 1rem;
    color: #708FAB
}

.single-content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 2rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

@media (max-width: 1199.98px) {
    .single-content-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1rem
    }
}

.single-content-block .content-thumbnail {
    -webkit-box-shadow: 0 0 16px rgba(12, 50, 84, 0.16);
    box-shadow: 0 0 16px rgba(12, 50, 84, 0.16)
}

.single-content-block .content-thumbnail .img {
    min-height: 10.5rem;
    max-height: 10.5rem;
    min-width: 18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.single-content-block .content-thumbnail .img img {
    max-width: 100%;
    width: auto;
    display: block;
    max-height: 10.5rem;
    border-radius: 0
}

@media (max-width: 991.98px) {
    .single-content-block .content-thumbnail .img img {
        display: block;
        margin: 0 auto
    }
}

.single-content-block .content-thumbnail .thumb-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.875rem 0;
    background-color: #fff
}

.single-content-block .content-info {
    margin-left: 1.5rem;
    width: 100%
}

@media (max-width: 1199.98px) {
    .single-content-block .content-info {
        margin-left: 0rem
    }
}

.single-content-block .content-info h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #0C3254;
    font-size: 1.375rem;
    margin: 1rem 0
}

.single-content-block .content-info h5 {
    color: #708FAB;
    font-size: 1.125rem;
    margin-bottom: .5rem
}

.single-content-block .content-info p {
    width: 70%;
    line-height: 1.4
}

@media (max-width: 87.5rem) {
    .single-content-block .content-info p {
        width: 100%
    }
}

.searchbox .form-inline {
    margin: .4rem 0
}

@media (min-width: 75rem) and (max-width: 90rem) {
    .searchbox .form-inline {
        margin-bottom: 0
    }
}

.searchbox .form-inline input[type=text] {
    padding: .375rem 1.8rem .375rem .25rem;
    height: 2.5rem
}

.searchbox .form-inline label {
    color: #0C3254;
    margin-right: .5rem;
    font-weight: 500;
    margin-bottom: 0rem
}

.searchbox select.sort {
    width: 140px;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2)
}

.searchbox .input-group {
    margin-bottom: 1rem;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2)
}

.searchbox .input-group-text {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0
}

.searchbox .input-group-text i {
    color: #708FAB
}

.searchbox .form-control {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0
}

.searchbox .form-control::-webkit-input-placeholder {
    color: #708FAB
}

.searchbox .form-control::-moz-placeholder {
    color: #708FAB
}

.searchbox .form-control::-ms-input-placeholder {
    color: #708FAB
}

.searchbox .form-control::placeholder {
    color: #708FAB
}

.searchbox .form-group#sort {
    margin-left: auto
}

@media (max-width: 991.98px) {
    .searchbox .form-group#sort {
        margin-left: 0
    }
}

.searchbox .form-group#sort .js-example-basic-single {
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2)
}

.searchbox .select2-container .select2-selection--single {
    height: calc(1.5em + .75rem + 4px);
    border: 0;
    padding: .375rem 2.1rem .375rem .75rem;
    border-radius: 0;
    line-height: 1.5;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2)
}

.searchbox .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: #0C3254;
    line-height: 1.75
}

.searchbox .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem + 4px);
    position: absolute;
    top: 0px;
    right: 1px;
    width: 30px;
    border-left: 1px solid #dee2e6
}

.searchbox .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0
}

.searchbox .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    Font-family: FontAwesome;
    content: "\f107";
    top: -10px;
    position: absolute;
    color: #0C3254;
    font-size: 1.2rem
}

.searchbox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
    content: "\f106"
}

.searchbox .input-group {
    margin-bottom: 0;
    max-width: 100%
}

.searchbox .input-group a.icon {
    position: absolute;
    font-size: 1rem;
    color: #0C3254;
    right: .8rem;
    top: .7rem;
    z-index: 990
}

.searchbox .input-group a.icon:hover, .searchbox .input-group a.icon:focus {
    color: #26A9E1
}

.searchbox .sync {
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1rem 0 0;
    padding: 0.65rem
}

.searchbox .sync svg {
    height: 1rem;
    width: 1rem;
    stroke: #0C3254
}

.searchbox .sync:hover svg {
    stroke: #26A9E1
}

.searchbox .count {
    font-family: "Montserrat", sans-serif;
    color: #0C3254;
    font-weight: 700;
    font-size: 1.375rem;
    margin: 0.4rem 1rem
}

@media (max-width: 90rem) {
    .searchbox .count {
        font-size: 1.175rem
    }
}

.searchbox .count span {
    color: #FF8F3C
}

.searchbox .folderlable {
    font-family: "Roboto", sans-serif;
    color: #0C3254;
    font-weight: 500;
    font-size: 1rem;
    margin: 0.4rem
}

@media (max-width: 90rem) {
    .searchbox .folderlable {
        font-size: 1.175rem
    }
}

.searchbox .file-select {
    font-family: "Roboto", sans-serif;
    margin: auto .5rem;
    line-height: 1
}

.searchbox .file-select span {
    font-weight: 900;
    font-size: 1.125rem;
    color: #0C3254;
    line-height: 1
}

.searchbox .btn-row .btn {
    margin-bottom: .5rem
}

.searchbox .btn-row .btn:not(:last-child) {
    margin-right: .75rem
}

.searchbox .btn-row label {
    margin-bottom: 0;
    cursor: pointer
}

.btn-row .btn {
    margin-bottom: .5rem
}

.btn-row .btn:not(:last-child) {
    margin-right: .75rem
}

.btn-row label {
    margin-bottom: 0;
    cursor: pointer
}

.action .dropdown-menu {
    border: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    padding: 0
}

.action .dropdown-menu a.dropdown-item {
    padding: 0.5875rem 0.975rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #0C3254;
    text-decoration: none
}

.action .dropdown-menu a.dropdown-item img {
    margin-right: 1rem;
    height: 1.125rem;
    width: 1.125rem
}

.action .dropdown-menu a.dropdown-item:focus, .action .dropdown-menu a.dropdown-item:hover {
    background-color: #E1F1FF
}

.action .dropdown-menu a:not(:last-child) {
    border-bottom: 1px solid #E1F1FF
}

.action.show>.btn-outline-primary.dropdown-toggle {
    background-color: #fff;
    border-color: #FF8F3C;
    color: #FF8F3C
}

.action.show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0.2rem rgba(255, 143, 60, 0.5);
    box-shadow: 0 0 0.2rem rgba(255, 143, 60, 0.5)
}

.action.show .dropdown-toggle::after {
    Font-family: FontAwesome;
    content: "\f106"
}

.action .dropdown-toggle::after {
    Font-family: FontAwesome;
    content: "\f107";
    top: 5px;
    position: absolute;
    color: #0C3254;
    border: 0
}

.action .dropdown-toggle:hover::after, .action .dropdown-toggle:focus::after {
    color: #FF8F3C
}

.select2-dropdown {
    border: 0 !important;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    z-index: 4100
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #26A9E1 !important
}

.modal {
    z-index: 4050
}

@media (min-width: 992px) {
    .modal .modal-md {
        max-width: 600px
    }
}

.modal .modal-content {
    border: 0;
    background-color: transparent
}

.modal .modal-header {
    background-color: #26A9E1;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    border-bottom: 0;
    padding: 1rem 1.4rem;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

@media (max-width: 90rem) {
    .modal .modal-header {
        padding: .8rem 1rem
    }
}

.modal .modal-header h4 {
    font-weight: 500
}

.modal .modal-header .close {
    font-size: 3rem;
    font-weight: 200;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    padding: .5rem 1rem
}

.modal .modal-body {
    padding: 1.4rem;
    background-color: #fff;
    position: relative
}

@media (max-width: 90rem) {
    .modal .modal-body {
        padding: 1rem
    }
}

.modal .modal-body span.text-danger {
    position: absolute;
    top: 0.1rem;
    right: 1.4rem;
    font-size: 0.8125rem;
    font-weight: 600
}

.modal .modal-body h6.divider {
    font-family: "Montserrat", sans-serif;
    overflow: hidden;
    text-align: center
}

.modal .modal-body h6.divider:before, .modal .modal-body h6.divider:after {
    background-color: #708FAB;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.modal .modal-body h6.divider:before {
    right: 0.5rem;
    margin-left: -50%
}

.modal .modal-body h6.divider:after {
    left: 0.5rem;
    margin-right: -50%
}

.modal .modal-body form {
    margin-bottom: 30px;
}

.modal .modal-body .form-group {
    margin-bottom: 0
}

.modal .modal-body .form-group:not(:last-child) {
    margin-bottom: 1rem
}

.modal .modal-body .thumbnail-cnt {
    padding: 1rem 1rem 0;
    border: 1px solid #708FAB;
    border-radius: 0.125rem;
    max-height: 8.875rem;
    overflow: auto
}

.modal .modal-body .thumbnail-cnt a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem
}

.modal .modal-body .thumbnail-cnt a.active img {
    -webkit-box-shadow: 0 0 0 0.15rem #26a9e1;
    box-shadow: 0 0 0 0.15rem #26a9e1
}

.modal .modal-body .thumbnail-cnt a img {
    max-width: 100%;
    width: auto
}

.modal .modal-footer {
    background-color: #fff;
    padding: 1.4rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal .modal-footer>:not(:last-child) {
    margin-right: .5rem
}

@media (max-width: 90rem) {
    .modal .modal-footer {
        padding: 1rem
    }
}

.modal .imgbody {
    padding: 0
}

.modal .model-cnt h6 {
    font-family: "Montserrat", sans-serif;
    color: #0C3254;
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.1rem
}

.modal .model-cnt p {
    margin: .225rem
}

.modal .uploaded-cnt {
    padding: 0.5rem 0 0 15px;
}

.modal .uploaded-cnt .tab-content {
    padding: 1rem
}

.modal .uploaded-cnt .searchbox .input-group {
    margin-bottom: 0
}

.modal .uploaded-cnt .searchbox .form-group {
    margin: .5rem 0
}

.modal .uploaded-cnt .preview-image .img-cnt {
    position: relative;
    min-height: 8rem;
    max-height: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-color: #FBF6F6;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

@media (min-width: 75rem) and (max-width: 90rem) {
    .modal .uploaded-cnt .preview-image .img-cnt {
        min-height: 8rem;
        max-height: 8rem
    }
}

.modal .uploaded-cnt .preview-image .img-cnt:hover .overlay, .modal .uploaded-cnt .preview-image .img-cnt:focus .overlay {
    opacity: .8
}

.modal .uploaded-cnt .preview-image .img-cnt .card-img-top {
    max-width: 100%;
    width: auto;
    display: block;
    max-height: 10.7rem;
    border-radius: 0
}

.modal .uploaded-cnt .card-body {
    padding: .5rem
}

.modal .uploaded-cnt .card-body h4 {
    margin-bottom: 0
}

.modal .uploaded-cnt .modal-footer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.modal-backdrop {
    z-index: 4040
}

#newportal .modal-footer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.image-library-cnt {
    max-height: 350px;
    height: 100%;
    overflow: auto;
    padding: .5rem 0
}

.image-library-cnt .preview-image.active {
    -webkit-box-shadow: 0 0 0 0.2rem #26a9e1;
    box-shadow: 0 0 0 0.2rem #26a9e1
}

.folder-library-cnt {
    max-height: 250px;
    height: 100%;
    overflow: auto;
    padding: .5rem 0
}

.folder-library-cnt .preview-image.active {
    -webkit-box-shadow: 0 0 0 0.2rem #26a9e1;
    box-shadow: 0 0 0 0.2rem #26a9e1
}

ul.pagination li:not(:last-child) {
    margin-right: .5rem
}

ul.pagination li.active a.page-link {
    background-color: #0C3254;
    border-color: #0C3254
}

ul.pagination li.active a.page-link:hover {
    background-color: #26A9E1;
    border-color: #26A9E1;
    color: #fff
}

ul.pagination li a.page-link {
    border-color: #708FAB
}

.tab-wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
    margin-bottom: 1rem
}

.tab-wrapper #sidebar {
    min-width: 24rem;
    max-width: 24rem;
    color: #0C3254;
    border-right: 2px solid #dee2e6;
    position: absolute;
    z-index: 2023;
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
    opacity: 1;
    height: 100%
}

@media (max-width: 991.98px) {
    .tab-wrapper #sidebar {
        min-width: 18rem;
        max-width: 18rem
    }
}

.tab-wrapper #sidebar h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    margin: 2.2rem 1.1rem 2.2rem 1.7rem
}

@media (max-width: 767.98px) {
    .tab-wrapper #sidebar h2 {
        margin: 2rem .5rem .8rem 1.5rem
    }
}

.tab-wrapper #sidebar h2.selected::after {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin-left: .3rem;
    color: #FF8F3C;
    font-size: 1.4rem;
    font-weight: 400
}

.tab-wrapper #sidebar h2 span {
    font-size: 1.35rem;
    margin-right: .5rem;
    color: #FF8F3C
}

.tab-wrapper #sidebar ul {
    font-family: "Montserrat", sans-serif;
    border: 0
}

.tab-wrapper #sidebar ul:not(:last-child) {
    margin-bottom: 4rem
}

@media (max-width: 991.98px) {
    .tab-wrapper #sidebar ul:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.tab-wrapper #sidebar ul.nav-tabs li {
    width: 100%
}

.tab-wrapper #sidebar ul.nav-tabs li a {
    padding: 1rem 0 1rem .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media (max-width: 991.98px) {
    .tab-wrapper #sidebar ul.nav-tabs li a {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: .5rem 0 .5rem .5rem
    }
}

.tab-wrapper #sidebar ul.nav-tabs li a:hover svg, .tab-wrapper #sidebar ul.nav-tabs li a:focus svg, .tab-wrapper #sidebar ul.nav-tabs li a.active svg {
    stroke: #26A9E1
}

.tab-wrapper #sidebar ul.nav-tabs li a svg {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .5rem;
    stroke: #0C3254
}

.tab-wrapper #sidebar ul.distribution li a {
    padding: 1rem 0 1rem 2.4rem;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media (max-width: 991.98px) {
    .tab-wrapper #sidebar ul.distribution li a {
        padding: .5rem 0 .5rem 1.2rem
    }
}

.tab-wrapper #sidebar ul.distribution li a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1rem;
    color: #0C3254
}

.tab-wrapper #sidebar ul.distribution li a:hover:before {
    color: #26A9E1
}

.tab-wrapper #sidebar ul li a {
    color: #0C3254;
    font-size: 1.125rem;
    font-weight: 500;
    text-decoration: none;
    padding: 1.125rem 2rem;
    border-left: 0.5625rem solid #fff;
    display: block;
    cursor: pointer;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media (max-width: 991.98px) {
    .tab-wrapper #sidebar ul li a {
        padding: 1.125rem 1rem
    }
}

.tab-wrapper #sidebar ul li a:hover, .tab-wrapper #sidebar ul li a.active {
    border-left: 0.5625rem solid #26A9E1;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#e1f1ff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #e1f1ff 0%, rgba(255, 255, 255, 0) 100%);
    color: #26A9E1
}

.tab-wrapper #content {
    width: 100%;
    position: relative;
    padding-left: 24rem;
    background-color: #fff;
    -webkit-transition: padding ease .5s;
    transition: padding ease .5s
}

@media (max-width: 991.98px) {
    .tab-wrapper #content {
        padding-left: 18rem
    }
}

.tab-wrapper.active #sidebar {
    opacity: 0
}

.tab-wrapper.active #content {
    padding-left: 0;
    margin-left: 0;
    z-index: 2024
}

.account-setting .tab-content-block {
    margin: 1rem 1.5rem
}

@media (max-width: 991.98px) {
    .account-setting .tab-content-block {
        margin: 1rem
    }
}

.tab-content-block {
    margin: 1.5rem;
    position: relative
}

@media (max-width: 991.98px) {
    .tab-content-block {
        margin: 2rem
    }
}

.tab-content-block .tab-header {
    border-bottom: 1px solid #708FAB;
    margin-bottom: 0.9375rem
}

.tab-content-block .tab-header h1 {
    font-size: 1.375rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #0C3254
}

.tab-content-block .tab-header h1 span {
    font-size: .9rem;
    font-weight: 400
}

.tab-content-block .tab-header h1 span.bullet {
    font-size: 1.35rem;
    font-weight: 700;
    color: #FF8F3C
}

.tab-content-block .tab-header h2 {
    font-size: 1.175rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #0C3254
}

.tab-content-block .tab-cnt a {
    color: #0C3254
}

.tab-content-block .tab-cnt a:hover, .tab-content-block .tab-cnt a:focus {
    color: #26A9E1
}

.btn-cnt {
    border-top: 1px solid #dee2e6;
    padding: 1rem 1.5rem .5rem 1.5rem
}

.btn-cnt button, .btn-cnt .btn {
    margin-bottom: .5rem
}

.btn-cnt button:not(:last-child), .btn-cnt .btn:not(:last-child) {
    margin-right: .5rem
}

@media (max-width: 767.98px) {
    .btn-cnt {
        padding: 1.5rem 2rem
    }
}

.menubtn {
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(12, 50, 84, 0.4);
    box-shadow: 0 0 30px rgba(12, 50, 84, 0.4);
    display: inline-block;
    padding: .5rem .5rem;
    border-radius: 2rem;
    height: 3rem;
    width: 3rem;
    height: 3rem;
    width: 3rem;
    position: absolute;
    left: -3.4rem;
    z-index: 3026
}

@media (max-width: 767.98px) {
    .menubtn {
        left: -3rem
    }
}

.bt-menu-trigger {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    cursor: pointer
}

.bt-menu-trigger span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 0.2em;
    margin-top: -0.1em;
    background-color: #0C3254;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.bt-menu-trigger span:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0C3254;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(0.3em) translateX(-0.65em) rotate(45deg) scaleX(0.35);
    transform: translateY(0.3em) translateX(-0.65em) rotate(45deg) scaleX(0.35)
}

.bt-menu-trigger span:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0C3254;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(-0.3em) translateX(-0.65em) rotate(-45deg) scaleX(0.35);
    transform: translateY(-0.3em) translateX(-0.65em) rotate(-45deg) scaleX(0.35)
}

.bt-menu-trigger.bt-menu-open span:before {
    -webkit-transform: translateY(-0.3em) translateX(0.65em) rotate(45deg) scaleX(0.35);
    transform: translateY(-0.3em) translateX(0.65em) rotate(45deg) scaleX(0.35)
}

.bt-menu-trigger.bt-menu-open span:after {
    -webkit-transform: translateY(0.3em) translateX(0.65em) rotate(-45deg) scaleX(0.35);
    transform: translateY(0.3em) translateX(0.65em) rotate(-45deg) scaleX(0.35)
}

.multiple .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E1F1FF;
    border: 1px solid #708FAB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto", sans-serif
}

.multiple .select2-container--default .select2-selection--multiple {
    padding: .175rem 2rem .375rem .35rem;
    border: 1px solid #708FAB;
    border-radius: 0.125rem;
    line-height: 1.5
}

.multiple .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #708FAB
}

.multiple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0C3254;
    font-size: 1.3rem;
    line-height: 1;
    margin-right: 4px
}

.file-path-cnt {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(12, 50, 84, 0.3);
    box-shadow: 0 2px 20px rgba(12, 50, 84, 0.3);
    padding: 0 .2rem;
    position: fixed;
    bottom: 1.4rem;
    left: 0;
    z-index: 2032;
    padding: 0.5rem 1rem
}

.file-path-cnt ol li {
    font-size: 1rem;
    font-family: "Roboto", sans-serif
}

.file-path-cnt ol li svg.folder {
    stroke: #0C3254;
    height: 14px;
    margin-right: .4rem
}

.file-path-cnt ol li a {
    font-size: 1rem
}

.file-path-cnt ol li a svg.folder {
    stroke: #26A9E1
}

body, html {
    height: 100%
}

body {
    font-family: "Roboto", sans-serif;
    background-color: #FBF6F6
}

.table-btn.tbl_restore {
    background-image: url("../images/trash-restore-alt-solid.svg")
}

.table-btn.tbl_restore:hover {
    background-image: url("../images/trash-restore-alt-solid.svg")
}