@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root { --theme-font-family: 'Mulish', sans-serif; --theme-dark: #005786; --theme-light: #4eacdd; --text-color: #666; --theme-dark-2: #003d70; --theme-light-2: #016994; --dark-grey: #333; --theme-color: #3b608c; --mid-color: #015282; --clock-background: #fff;  --clock-border: #4A8EF7; }

.pgth-PurpleBlue { --theme-font-family: 'Mulish', sans-serif; --theme-dark: #0e232f; --theme-light: #000000; --text-color: #666; --theme-dark-2: #9d52a9; --theme-light-2: #216ca3; --dark-grey: #333; --theme-color: #3b608c; --mid-color: #605fa6; }

.pgth-Blue { --theme-font-family: 'Mulish', sans-serif; --theme-dark: #0e232f; --theme-light: #000000; --text-color: #666; --theme-dark-2: #4c5aab; --theme-light-2: #141733; --dark-grey: #333; --theme-color: #4b59a9; --mid-color: #30386e; }
.pgth-GreenBlue { --theme-font-family: 'Mulish', sans-serif; --theme-dark: #0e232f; --theme-light: #000000; --text-color: #666; --theme-dark-2: #3e787f; --theme-light-2: #216ca3; --dark-grey: #333; --theme-color: #226ca2; --mid-color: #2f7291; }

.pgth-Green { --theme-font-family: 'Mulish', sans-serif; --theme-dark: #174b45; --theme-light: #7c834e; --text-color: #666; --theme-dark-2: #7e834e; --theme-light-2: #246f68; --dark-grey: #333; --theme-color: #778150; --mid-color: #50795b; }

.radioTheme.Default label { background: #016994; background: linear-gradient(90deg, #016994 0%, #003d70 100%); }
.radioTheme.PurpleBlue label { background: #216ca3; background: linear-gradient(90deg, #216ca3 0%, #9d52a9 100%); }
.radioTheme.Blue label { background: #141733; background: linear-gradient(90deg, #141733 0%, #4c5aab 100%); }
.radioTheme.GreenBlue label { background: #216ca3; background: linear-gradient(90deg, #216ca3 0%, #3e787f 100%); }
.radioTheme.Green label { background: #7e834e; background: linear-gradient(90deg, #7e834e 0%, #246f68 100%); }



.purple-theme {background-color:#f9f8ff!important; }
.purple-theme .icon{background-color:#ebe9fd!important; color:#5545e2!important; }
.purple-theme .card-bottom {border-color:#ebe9fd!important;}


.green-theme {background-color:#f4fbfa!important; }
.green-theme .icon{background-color:#e1f8f4!important; color:#19ad86!important; }
.green-theme .card-bottom {border-color:#e1f8f4!important;}


.blue-theme {background-color:#f4fbfe!important; }
.blue-theme .icon{background-color:#ddf0fe!important; color:#0278f3!important; }
.blue-theme .card-bottom {border-color:#ddf0fe!important;}

.orange-theme {background-color:#fef8f3!important; }
.orange-theme .icon{background-color:#feefe2!important; color:#fd6b08!important; }
.orange-theme .card-bottom {border-color:#feefe2!important;}

.red-theme {background-color:#fef5f6!important; }
.red-theme .icon{background-color:#fde4e6!important; color:#f61c34!important; }
.red-theme .card-bottom {border-color:#fde4e6!important;}

.yellow-theme {background-color:#fff9f0!important; }
.yellow-theme .icon{background-color:#fef3d7!important; color:#fdad1f!important; }
.yellow-theme .card-bottom {border-color:#fef3d7!important;}




.color-red { }

.icon { font-style: normal; font-family: "Material Symbols Outlined"; display: inline-block; line-height: 1em; }

.user-circle-icon:before { content: "\e853"; }

.user-icon:before { content: "\e7fd"; }

.user-group-icon:before { content: "\e7ef"; }

.users-circle-icon:before { content: "\e939"; }

.bell-icon:before { content: "\e7f4"; }

.link-icon:before { content: "\e157"; }

.power-icon:before { content: "\e8ac"; }
/*Logout button*/
.dashboard-icon:before { content: "\e871"; }

.manage-user-icon:before { content: "\f02e"; }

.chat-icon:before { content: "\f189"; }

.chat-line-icon:before { content: "\eb9d"; }

.phone-icon:before { content: "\e61d"; }

.hand-icon:before { content: "\e769"; }

.gear-icon:before { content: "\e8b8"; }

.advertisement-icon:before { content: "\e9b5"; }

.payment-icon:before { content: "\ef63"; }
/* Opening Balance*/
.mail-icon:before { content: "\e158"; }

.graph-icon:before { content: "\f190"; }

.folder-icon:before { content: "\e2c8"; }

.add-icon:before { content: "\e145"; }
/* Plus */
.edit-icon:before { content: "\e3c9"; }
/* Pen */
.close-icon:before { content: "\e5cd"; }
/* Cross */
.arrow-right-icon:before { content: "\e5c8"; }

.key-icon:before { content: "\e73c"; }
/*Password*/
.eye-icon:before { content: "\e8f4"; }
/* View */
.eye-slash-icon:before { content: "\e8f5"; }
/* Hide */
.history-icon:before { content: "\e889"; }

.building-icon:before { content: "\e7ee"; }
/*Office Icon*/
.phone-message-icon:before { content: "\f79f"; }

.data-info-icon:before { content: "\f7f5"; }
/*Information icon*/
.alert-icon:before { content: "\e000"; }
/*Information icon*/
.chat-info:before { content: "\f52b"; }
/*Chat Information icon*/
.listcheck-icon:before { content: "\e065"; }
/*List icon with a check sign*/
.printer-icon:before { content: "\e8ad"; }
/*Printer icon*/
.arrowhead-top-icon:before { content: "\e5c7"; }
/*Arrow Head icon*/
.arrowhead-down-icon:before { content: "\e5c5"; }
/*Arrow Head icon*/
.arrow-top-icon:before { content: "\f1e0"; }
/*Arrow Top icon*/
.arrow-down-icon:before { content: "\f1e3"; }
/*Arrow Bottom icon*/
.question-icon:before { content: "\e887"; }
/*Question icon*/
.check-circle-icon:before { content: "\e86c"; }
/*Check Circle icon*/
.cancel-circle-icon:before { content: "\e5c9"; }
/*Cancel Circle icon*/
.doc-layout-icon:before { content: "\e66b"; }
/*Document layout icon*/
.home-icon:before { content: "\e88a"; }
/*Home icon*/
.lock-icon:before { content: "\e898"; }
/*Lock icon*/
.search-icon:before { content: "\e8b6"; }
/*Search icon*/
.add-circle-icon:before { content: "\e147"; }
/*Add circle icon*/
.arrow-circle-icon:before { content: "\eaaa"; }
/*Arrow circle icon*/
.copy-icon:before { content: "\e14d"; }
/*Copy icon - (Pinky work need to change)*/
/*.flag-icon:before { content: "\f024"; font-family: "Font Awesome 6 Free"; font-weight: bold; }*/
/*Flag icon*/
.thumbsup-icon:before { content: "\e8dc"; }
/*Thumps up*/
.stophand-icon:before { content: "\e925"; }
/*Stop Hand*/
.canclehand-icon:before { content: "\f3f3"; }
/*Cancle Hand*/
.file-icon:before { content: "\e873"; }
/*Document File icon*/
.deskphone-icon:before { content: "\f7fa"; }
/*Desk Phone icon*/
.rotatearrow-icon:before { content: "\f053"; }
/*Create Lead icon*/
.running-icon:before { content: "\e566"; }
/*Attendence on others icon*/
.hourglass-icon:before { content: "\ea5c"; }
/*Waiting icon*/
.phonemessage-icon:before { content: "\e8a8"; }
/*Waiting icon*/
.luggagebag-icon:before { content: "\efc3"; }
/*Travel icon*/
.mailnotice-icon:before { content: "\f18a"; }
/*Letter In*/
.mailout-icon:before { content: "\f187"; }
/*Letter Out*/
.phonein-icon:before { content: "\e649"; }
/*Phone In*/
.phoneout-icon:before { content: "\e61c"; }
/*Phone Out*/
.conference-icon:before { content: "\e83b"; }
/*Conference*/
.alert-icon2:before { content: "\e002"; }
/*Alert Icon*/
.attachment-icon:before { content: "\e226"; }
/*Attachment Icon*/
.schedule-icon:before { content: "\e855"; }
/*Schedule Icon*/
.emails-icon:before { content: "\e6c7"; }
/*Emails Icon*/
.certificate-icon:before { content: "\e99e"; }
/*Certificate Icon*/
.editfile-icon:before { content: "\f88c"; }
/*Invoice Icon*/
.creditnote-icon:before { content: "\ef6e"; }
/*Creditnote Icon*/
/*.moneytransfer-icon:before{ content: "\eb70"; }*/ /*Money transfer Icon (Dollar Sign)*/
.moneytransfer-icon:before { content: "\eaf1"; }
/*Money transfer Icon*/
.newitem-icon:before { content: "\e031"; }
/*New Item Icon*/
.spreadsheet-icon:before { content: "\e032"; }
/*Spread Sheet Icon*/
.disbursement-icon:before { content: "\e8e0"; }
/*Disbursement Icon*/
.pin-icon:before { content: "\e6aa"; }
/*Pin Icon*/
.default-icon:before { content: "\f43b"; }
/*Default Icon*/
.mail-incoming-icon:before { content: "\e168"; }
/*Mail incoming*/
.signature-icon:before { content: "\f74c"; }
/*Signature Icon*/
.signature-icon:before { content: "\f5a1"; }
/*Signature Icon*/
.label-icon:before { content: "\e892"; }
/*Label Icon*/
.client-icon-disb:before { content: "\f2c0"; }

.chevron-right-icon:before { content: '\e5cc'; }

.chevron-left-icon:before { content: '\e5cb'; }

.theme-icon:before { content: '\e40a'; }

.management-icon:before { content: '\f8d8'; }

.proteus-icon:before { content: '\e489'; }

.flag-icon:before { content: '\f40f'; }

.trash-icon:before {content: '\e872';}

.note-icon:before {content: '\e70d';}


.shield-icon:before {content:'\e32a';}

.info-support-icon:before {content:'\e94c';}
.shield-privacy-icon:before {content:'\e593';}
.briefcase-icon:before {content:'\eb3f';}
.file-info-icon:before {content:'\e46e';}

.arrow-left-icon:before {content:'\ef7d';}
.upload-icon:before {content:'\f09b';}
.download-icon:before {content:'\f090';}
.reply-icon:before {content:'\e15e';}
.trophy-icon:before {content:'\e71a';}
.not-ontime-icon:before {content:'\f518';}
.ontime-icon:before {content:'\e858';}
.add-content-icon:before {content:'\f485';}
.celebration-icon:before {content:'\ea65';}

/*Cloud*/

.cloud-icon:before {content:'\e2bd';}

.image-icon:before {content:'\efa2';}
.document-icon:before {content:'\ef42';}
.document-download-icon:before {content:'\f17f';}
.video-file-icon:before {content:'\eb87';}


.sidebar-none #content_wrapper { margin-left: 0px; }

.sidebar-collapsed #toggle_sidemenu_l { font-size: 24px; }

.sidebar-none .toggle_icon { display: none; }

.sidebar-hidden .sidebar-title { }

.sidebar-hidden #sidebar_left .user-info { height: 80px; }

.sidebar-hidden #sidebar_left .user-info .media { display: none; }

.sidebar-menu > ul > li > a > span:nth-child(1) { padding-left: 0px; }

.sidebar-hidden .sidebar-menu ul li { position: relative; }

.sidebar-hidden .sidebar-menu ul a.menu-open + ul.sub-nav { /*width: 50px; position: absolute; left: -300px;*/ }

#sidebar_left { position: absolute; left: 0; width: 250px; height: 100%; background: #fcfcfc; border-top: 3px solid #e7eef6; z-index: 100; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; }

.sidebar-menu { background-color: #fcfcfc; }

.sidebar-menu > ul li { margin: 0; }

.sidebar-menu > ul > li:first-child { padding-top: 4px; }

.sidebar-menu > ul > li:last-child { padding-bottom: 50px; }

.sidebar-menu > ul li a { color: #777; }

.sidebar-menu > ul > li > a { padding: 0; line-height: 40px; height: 40px; }

.sidebar-menu > ul > li > a:focus { background-color: transparent; }

.toggle_icon { font-size: 19px; margin-bottom: 0px; color: #006ed0; display: inline-block; height: 40px; float: right; top: 0; width: 50px; text-align: center; }

.toggle_icon span { cursor: pointer; line-height: 40px; color: #777; }
/* Menu Title */

.sidebar-menu > ul > li > a > span.sidebar-title { float: left; display: inline-block; padding-left: 20px; min-height: 40px; line-height: 40px; font-size: 14px; width: calc(100% - 95px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.sidebar-hidden .sidebar-menu > ul > li > a > span.sidebar-title { width: calc(100% - 80px); }

.sidebar-menu > ul > li > a > .sidebar-title-tray { position: absolute; right: 10px; }

.sidebar-menu > ul > li > a > .sidebar-title-tray .label { padding: .0em .5em .2em; font-size: 11px; }

.sidebar-menu ul > li > a > span.angleCaret { float: right; padding-right: 25px; }

.sidebar-menu ul > li > a > span.angleCaret i.fa { font-size: 14px; -webkit-transition: .2s; transition: .2s; line-height: 32px; }

.sidebar-menu ul > li > a.menu-open > span.angleCaret .fa { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.sidebar-menu ul.sub-nav { clear: both; display: none; background-color: #eeeeee !important; margin: 5px 0px; padding: 5px 0px; }

.sidebar-menu ul a.menu-open + ul.sub-nav { display: block; }

.sidebar-menu ul.sub-nav > li > a { padding: 0px; }

.sidebar-menu ul.sub-nav > li > a .fa { font-size: 14px !important; }

.sidebar-menu ul.sub-nav > li > a strong { font-weight: normal; display: inline-block; float: left; padding-left: 30px; min-height: 40px; line-height: 40px; font-size: 13px; width: calc(100% - 70px); }

.sidebar-hidden .sidebar-menu ul.sub-nav > li > a strong { width: calc(100% - 60px); }

.sidebar-menu ul li.divider { width: 170px; margin: 0 auto; background: #e7e7e7; }

.sidebar-menu ul.sub-nav > li > a span,
.sidebar-menu ul.sub-nav > li > a .fa,
.sidebar-menu ul.sub-nav > li > a .fas,
.sidebar-menu ul.sub-nav > li > a .far { min-width: 30px; display: block; float: right; top: 0; line-height: 40px; width: 50px; text-align: center; }




.sidebar-menu > ul > li > a:after,
.sidebar-menu ul.sub-nav > li > a:after { opacity: 0; content: ""; width: 2px; height: 100%; display: inline list-item; position: absolute; top: 0; right: -2px; background: var(--theme-color); }


.sidebar-menu > ul > li > a.active:after,
.sidebar-menu ul.sub-nav > li > a.active:after { opacity: 1; }



.sidebar-menu > ul > li > a.active > span:nth-child(1),
.sidebar-menu > ul > li > a.active > i { position: relative; z-index: 999; color: var(--theme-color) !important; font-size: 15px !important; }


.sidebar-menu > ul > li > a > span:nth-child(1),
.sidebar-menu > ul > li > a > i { display: block; float: right; top: 0; line-height: 40px; width: 50px; font-size: 17px; text-align: center; background: #fcfcfc; position: relative; z-index: 9; }

.sidebar-menu > ul > li > a > span:nth-child(1),
.sidebar-menu > ul > li > a > i,
.toggle_icon,
.sidebar-menu ul.sub-nav > li > a span,
.sidebar-menu ul.sub-nav > li > a .fa,
.sidebar-menu ul.sub-nav > li > a .fas,
.sidebar-menu ul.sub-nav > li > a .far { -webkit-transform: translate3d(-14px,0,0); transform: translate3d(-14px,0,0); -ms-transform: translate(-14px,0); }

.sidebar-hidden .sidebar-menu > ul > li > a > span:nth-child(1),
.sidebar-hidden .sidebar-menu > ul > li > a > i,
.sidebar-hidden .toggle_icon,
.sidebar-hidden .sidebar-menu ul.sub-nav > li > a span,
.sidebar-hidden .sidebar-menu ul.sub-nav > li > a .fa,
.sidebar-hidden .sidebar-menu ul.sub-nav > li > a .fas,
.sidebar-hidden .sidebar-menu ul.sub-nav > li > a .far { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -ms-transform: translate(-10px,0); -webkit-transition: -webkit-transform .4s cubic-bezier(.05,.74,.27,.99); transition: transform .4s cubic-bezier(.05,.74,.27,.99); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }

.sidebar-menu span.glyphicons,
.sidebar-menu span.glyphicon,
.sidebar-menu span.fa,
.sidebar-menu i.fa,
.sidebar-menu i.fas,
.sidebar-menu i.far { color: #8e8e8e; }

.sidebar-menu ul.sub-nav > li > a.active,
.sidebar-menu ul.sub-nav > li > a.active span.glyphicons,
.sidebar-menu ul.sub-nav > li > a.active span.glyphicon,
.sidebar-menu ul.sub-nav > li > a.active span.fa,
.sidebar-menu ul.sub-nav > li > a.active i.fa,
.sidebar-menu ul.sub-nav > li > a.active i.fas,
.sidebar-menu ul.sub-nav > li > a.active i.far { color: var(--theme-color); }


/*===============================================C. Sidebar Item State================================================= */
/* Top Level Menu Item - BG color:hover */
.sidebar-menu > ul > li > a:hover { background-color: transparent; }
/* Sub-Menu Level Item - BG color:hover */
.sidebar-menu ul.sub-nav > li > a:hover { background-color: #ededed; }
/* Top Level Menu Item - Icon Color */
.sidebar-menu > ul > li.active > a > span:nth-child(1) { color: #a287d4; }
/* Sub-Menu Level Item - Icon Color */
.sidebar-menu ul.sub-nav > li.active > a > span:nth-child(1) { color: #a287d4; }
/* Active Menu item Caret */
.sidebar-menu ul > li.active > a > span.angleCaret { color: #9567b7; }

/*====================================================D. Sidebar Toggle - Media Query====================================================== */
@media (max-width: 1100px) {
}
/*====================================================E. Sidebar Toggle - User input====================================================== */
/* Left SideBar */
.sidebar-ltr #sidebar_left { left: 0; }

.sidebar-ltr #sidebar_right { right: -250px; }

.sidebar-ltr #content_wrapper { /*margin-left: 230px;*/ }

@media (max-width: 1100px) {
    .sidebar-ltr #content_wrapper { left: 230px; right: auto; margin-left: 0; margin-right: 0; }
}
/* Right SideBar */
.sidebar-rtl #sidebar_left { left: -230px; }

.sidebar-rtl #sidebar_right { right: 0; }

.sidebar-rtl #content_wrapper { margin-left: 0; margin-right: 250px; }

.sidebar-rtl .navbar { margin-right: 250px; }

@media (max-width: 1100px) {
    .sidebar-rtl #content_wrapper { left: auto; right: 250px; margin-left: 0; margin-right: 0; }
}

.sidebar-hidden #sidebar_left { left: -180px; }

.sidebar-hidden #content_wrapper { margin-left: 70px; }

.sidebar-hidden .sidebar-menu ul.sub-nav > li > a strong { /*left: 30px !important; opacity: 0 !important;*/ }


.bodylocked #content_wrapper { margin-left: 250px; }

.bodylocked #sidebar_left { left: 0px; }

.bodylocked .toggle_icon span { color: #006ed0; }

.bodylocked .sidebar-menu > ul > li > a > span:nth-child(1),
.bodylocked .sidebar-menu > ul > li > a > i,
.bodylocked .toggle_icon,
.bodylocked .sidebar-menu ul.sub-nav > li > a span,
.bodylocked .sidebar-menu ul.sub-nav > li > a .fa,
.bodylocked .sidebar-menu ul.sub-nav > li > a .fas,
.bodylocked .sidebar-menu ul.sub-nav > li > a .far { -webkit-transform: translate3d(-14px,0,0); transform: translate3d(-14px,0,0); -ms-transform: translate(-14px,0); }

.bodylocked .sidebar-menu > ul > li > a > span.sidebar-title { width: calc(100% - 80px); }
/*=============================================== B. Right SideMenu================================================= */
#sidebar_right { position: fixed; z-index: 1031; width: 250px; height: 100%; top: 0; right: -250px; background: #363c47; }

#sidebar_right .sidebar-right-header { width: 100%; height: 59px; background: #454d5d; border-bottom: 1px solid #555d6d; padding: 4px 10px 4px 20px; }

#sidebar_right .sidebar_right_content a:hover { text-decoration: none; }

body.sidebar-right-open #sidebar_right { right: 0; }

.sidebarShown body { overflow: hidden; }

.sidebarShown:before { content: ""; background: #000; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1031; opacity: 0.5; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

/* Fixed Sidebar */
#sidebar_left.affix { position: fixed; height: 100%; }
/* Scrollbar for Sidebars in Fixed Positions */
#sidebar_left.affix > .sidebar-menu { overflow-x: hidden; position: absolute; width: 100%; top: 85px; bottom: 52px; transition: top .2s ease-in-out; }

#sidebar_left.affix > .email-menu + .sidebar-menu { overflow-x: hidden; position: absolute; width: 100%; top: 485px; bottom: 52px; transition: top .2s ease-in-out; }
/* Corrects Pseudo sidebar bg when fixed */
#sidebar_left.affix:before { left: 0; }

body.sidebar-hidden #sidebar_left.affix:before, body.sidebar-rtl #sidebar_left.affix:before { left: -230px; }
/* Sidebar User Area - Hidden */
.user-info.hidden, .user-info.hidden + .user-divider { display: none; }

body.usermenu-hidden .user-info, body.usermenu-hidden .user-info + .user-divider { display: none; }

body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .sidebar-menu, body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .user-menu + .sidebar-menu { top: 0; }

#sidebar_left.affix > .user-menu.usermenu-open + .sidebar-menu { top: 250px; }
/* Topbar/Breadcrumbs Area - Hidden */
body.hidden-breadcrumbs #topbar { display: none; }
/* for preview only - no real use in development enviroment */
body.sidebar-collapsed #sidebar:before { width: 40px; }


/*.sidebar {
    display: block !important;
    background: #fff;
    position: fixed;
    top: 0px;
    right: -10%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: calc(50% - 180px);
    max-width: 95%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    border-left: 1px solid rgb(218,220,224);
    height: 100%;
    overflow: hidden;
    z-index: 1031;
}

    .sidebar.visible {
        opacity: 1;
        right: 0%;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }*/

.sidebar-40 { width: calc(40% - 0px) !important; }

.sidebar-50 { width: calc(50% - 0px) !important; }

.sidebar-60 { width: calc(60% - 0px) !important; }

.sidebar-70 { width: calc(70% - 0px) !important; }

.sidebar-header { border-bottom: 1px solid rgba(0,0,0,.12); position: relative; display: flex; justify-content: space-between; height: 60px; align-items: center; padding: 0 22px; padding-right: 12px; color: #3c4043; font-size: 18px; }

.sidebar-header span { white-space: nowrap; margin-right: 10px; }

.sidebar-header > div { display: inline-flex; align-items: center; }

.sidebar-header .form-control { height: 32px; }

.sidebar-header .close { float: none; opacity: 1; fill: #616161; width: 36px; height: 36px; min-width: 36px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 5px; }

.sidebar-header .close:hover { background: rgba(0, 0, 0, 0.04); }

.sidebar-header .btn { margin-left: 10px; }

.sidebar-header .publsSwtch { white-space: nowrap; vertical-align: middle; }

.sidebar-header .publsSwtch label { margin: 0; margin-right: 10px; }

.sidebar .content { height: calc(100vh - 60px); }

.sidebar iframe { width: 100%; height: 100%; border: none; padding: 0; margin: 0; }

.sidebar-header .d-inline-block { position: relative; }

.sidebar-header .fltr-btn { background-image: url(../images/searchIcon.png) !important; background-color: transparent !important; background-repeat: no-repeat; border-radius: 4px; border: none; padding: 0; width: 30px; background-position: center left 2px; margin: 0; position: absolute; top: 0; right: 0px; box-shadow: none !important; height: 32px; font-size: 0; }

.sidebar .modal-body,
.sidebar-header + .modal-body { padding: 22px; }

.row-image { display: flex; flex-flow: row wrap; margin-left: -11px; margin-right: -11px; /*padding-bottom: 100px;*/ }

.row-image .col-image { padding-left: 11px; padding-right: 11px; flex: 0 0 150px; max-width: 150px; width: 150px; }


.placeholder-AddNew { position: relative; text-align: center; }

.placeholder-AddNew a { display: flex; align-items: center; border: 2px dashed rgb(232,234,237); background-color: rgb(0 0 0 / 4%); transition: 0.15s ease; cursor: pointer; position: relative; overflow: hidden; width: 100%; height: 100px; justify-content: center; margin-bottom: 5px; box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%); border-radius: 10px; }

.placeholder-AddNew a:hover { border-color: var(--theme-color) }

.placeholder-AddNew svg { fill: #888889; pointer-events: none; }

.placeholder-AddNew p { margin-bottom: 20px; text-align: left; line-height: normal; color: #3c4043; display: flex; justify-content: center; align-items: center; font-family: 'Nunito-Bold'; }

.modal { background: rgba(0, 0, 0, 0.5); height: 100%; padding: 2rem; }

.modal.fade.in { overflow-x: hidden; overflow-y: auto; }

.imageSelectRpt { position: relative; text-align: center; margin-bottom: 5px; }

.imageSelectRpt > input { margin: 0 !important; outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; cursor: pointer; }

.imageSelectRpt:hover > input + .imageSelectBox,
.imageSelectRpt > input:checked + .imageSelectBox { border-color: #15a02b; }

.imageSelectRpt:hover > input + .imageSelectBox:before,
.imageSelectRpt > input:checked + .imageSelectBox:before { background-color: #15a02b; }

.imageSelectRpt:hover > input + .imageSelectBox:after,
.imageSelectRpt > input:checked + .imageSelectBox:after { color: #fff; }

.imageSelectRpt .cpn_div span { background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 11px; line-height: 1.2; padding: 5px; text-align: left; display: block; margin-bottom: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.imageSelectBox { display: flex; align-items: center; border: 1px solid rgba(0, 0, 0, 0.05); background-color: rgb(0 0 0 / 4%); transition: 0.15s ease; cursor: pointer; position: relative; margin-bottom: 0; overflow: hidden; width: 100%; height: 100px; justify-content: center; }

.imageSelectBox img { padding: 0; margin: 0; max-width: 100%; max-height: 100%; }

.imageSelectBox:before { background-color: #e7e7e7; content: ""; position: absolute; display: block; width: 25px; height: 25px; border-radius: 50%; top: 5px; right: 5px; opacity: 1; transform: scale(1); transition: 0.25s ease; z-index: 2; }

.imageSelectBox:after { color: #c9c9c9; font-size: 14px; content: "\f00c"; font-family: "Font Awesome\ 5 Free"; font-weight: 900; position: absolute; top: 5px; right: 5px; line-height: 1; opacity: 1; transform: scale(1); transition: 0.25s ease; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; z-index: 2; }

.selected .imageSelectBox:after { }