@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*, *:before, *:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
    *::-webkit-scrollbar {
        width: 4px; /* for vertical scrollbars */
        height: 4px; /* for horizontal scrollbars */
        /*background-color: #F5F5F5;*/
        border-radius: 0px;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }

    *:hover::-webkit-scrollbar {
        width: 4px; /* for vertical scrollbars */
        height: 9px; /* for horizontal scrollbars */
        cursor: pointer;
    }

    *::-webkit-scrollbar-track {
        border-radius: 0px;
        /*background: rgba(0,0,0,0.05);*/
        position: relative;
        bottom: 4px;
    }

    *::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(212, 212, 212, 0.6);
        background: #4d1629;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }

::-webkit-scrollbar-thumb:hover {
    background: #4d1629 !important;
}
.pd0 {
    padding: 0px !important;
}

.pd0-T {
    padding-top: 0px !important;
}

.pd0-B {
    padding-bottom: 0px !important;
}

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

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

.pd0-TB {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pd0-LR {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pd1 {
    padding: 1px !important;
}

.pd1-T {
    padding-top: 1px !important;
}

.pd1-B {
    padding-bottom: 1px !important;
}

.pd1-L {
    padding-left: 1px !important;
}

.pd1-R {
    padding-right: 1px !important;
}

.pd1-TB {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.pd1-LR {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.pd2 {
    padding: 2px !important;
}

.pd2-T {
    padding-top: 2px !important;
}

.pd2-B {
    padding-bottom: 2px !important;
}

.pd2-L {
    padding-left: 2px !important;
}

.pd2-R {
    padding-right: 2px !important;
}

.pd2-TB {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.pd2-LR {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.pd3 {
    padding: 3px !important;
}

.pd3-T {
    padding-top: 3px !important;
}

.pd3-B {
    padding-bottom: 3px !important;
}

.pd3-L {
    padding-left: 3px !important;
}

.pd3-R {
    padding-right: 3px !important;
}

.pd3-TB {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pd3-LR {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.pd5 {
    padding: 5px !important;
}

.pd5-T {
    padding-top: 5px !important;
}

.pd5-B {
    padding-bottom: 5px !important;
}

.pd5-L {
    padding-left: 5px !important;
}

.pd5-R {
    padding-right: 5px !important;
}

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

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

.pd7 {
    padding: 7px !important;
}

.pd7-T {
    padding-top: 7px !important;
}

.pd7-B {
    padding-bottom: 7px !important;
}

.pd7-L {
    padding-left: 7px !important;
}

.pd7-R {
    padding-right: 7px !important;
}

.pd7-TB {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.pd7-LR {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd10-T {
    padding-top: 10px !important;
}

.pd10-B {
    padding-bottom: 10px !important;
}

.pd10-L {
    padding-left: 10px !important;
}

.pd10-R {
    padding-right: 10px !important;
}

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

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

.pd13-LR {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.pd15 {
    padding: 15px !important;
}

.pd15-T {
    padding-top: 15px !important;
}

.pd15-B {
    padding-bottom: 15px !important;
}

.pd15-L {
    padding-left: 15px !important;
}

.pd15-R {
    padding-right: 15px !important;
}

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

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

.pd20 {
    padding: 20px !important;
}

.pd20-T {
    padding-top: 20px !important;
}

.pd20-B {
    padding-bottom: 20px !important;
}

.pd20-L {
    padding-left: 20px !important;
}

.pd20-R {
    padding-right: 20px !important;
}

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

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

.pd25 {
    padding: 25px !important;
}

.pd25-T {
    padding-top: 25px !important;
}

.pd25-B {
    padding-bottom: 25px !important;
}

.pd25-L {
    padding-left: 25px !important;
}

.pd25-R {
    padding-right: 25px !important;
}

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

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

.pd30 {
    padding: 30px !important;
}

.pd30-T {
    padding-top: 30px !important;
}

.pd30-B {
    padding-bottom: 30px !important;
}

.pd30-L {
    padding-left: 30px !important;
}

.pd30-R {
    padding-right: 30px !important;
}

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

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

.minus-mrg5-LR {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.minus-mrg8-LR {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.minus-mrg10-LR {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.minus-mrg15-LR {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.minus-mrg20-LR {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.minus-mrg25-LR {
    margin-left: -25px !important;
    margin-right: -25px !important;
}

.minus-mrg30-LR {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

.mrg0 {
    margin: 0px !important;
}

.mrg0-T {
    margin-top: 0px !important;
}

.mrg0-B {
    margin-bottom: 0px !important;
}

.mrg0-L {
    margin-left: 0px !important;
}

.mrg0-R {
    margin-right: 0px !important;
}

.mrg0-TB {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mrg0-LR {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mrg3 {
    margin: 3px !important;
}

.mrg3-T {
    margin-top: 3px !important;
}

.mrg3-B {
    margin-bottom: 3px !important;
}

.mrg3-L {
    margin-left: 3px !important;
}

.mrg3-R {
    margin-right: 3px !important;
}

.mrg3-TB {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.mrg3-LR {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.mrg4 {
    margin: 4px !important;
}

.mrg4-T {
    margin-top: 4px !important;
}

.mrg4-B {
    margin-bottom: 4px !important;
}

.mrg5 {
    margin: 5px !important;
}

.mrg5-T {
    margin-top: 5px !important;
}

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

.mrg5-L {
    margin-left: 5px !important;
}

.mrg5-R {
    margin-right: 5px !important;
}

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

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

.mrg10 {
    margin: 10px !important;
}

.mrg10-T {
    margin-top: 10px !important;
}

.mrg10-B {
    margin-bottom: 10px !important;
}

.mrg10-L {
    margin-left: 10px !important;
}

.mrg10-R {
    margin-right: 10px !important;
}

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

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

.mrg9 {
    margin: 9px !important;
}

.mrg9-T {
    margin-top: 9px !important;
}

.mrg9-B {
    margin-bottom: 9px !important;
}

.mrg9-L {
    margin-left: 9px !important;
}

.mrg9-R {
    margin-right: 9px !important;
}

.mrg9-TB {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.mrg9-LR {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.mrg15 {
    margin: 15px !important;
}

.mrg15-T {
    margin-top: 15px !important;
}

.mrg15-B {
    margin-bottom: 15px !important;
}

.mrg15-L {
    margin-left: 15px !important;
}

.mrg15-R {
    margin-right: 15px !important;
}

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

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

.mrg20 {
    margin: 20px !important;
}

.mrg20-T {
    margin-top: 20px !important;
}

.mrg20-B {
    margin-bottom: 20px !important;
}

.mrg20-L {
    margin-left: 20px !important;
}

.mrg20-R {
    margin-right: 20px !important;
}

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

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

.mrg25 {
    margin: 25px !important;
}

.mrg25-T {
    margin-top: 25px !important;
}

.mrg25-B {
    margin-bottom: 25px !important;
}

.mrg25-L {
    margin-left: 25px !important;
}

.mrg25-R {
    margin-right: 25px !important;
}

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

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

.mrg30 {
    margin: 30px !important;
}

.mrg30-T {
    margin-top: 30px !important;
}

.mrg30-B {
    margin-bottom: 30px !important;
}

.mrg30-L {
    margin-left: 30px !important;
}

.mrg30-R {
    margin-right: 30px !important;
}

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

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

.mrg35 {
    margin: 35px !important;
}

.mrg35-T {
    margin-top: 35px !important;
}

.mrg35-B {
    margin-bottom: 35px !important;
}

.mrg35-L {
    margin-left: 35px !important;
}

.mrg35-R {
    margin-right: 35px !important;
}

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

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

.mrg40 {
    margin: 40px !important;
}

.mrg40-T {
    margin-top: 40px !important;
}

.mrg40-B {
    margin-bottom: 40px !important;
}

.mrg40-L {
    margin-left: 40px !important;
}

.mrg40-R {
    margin-right: 40px !important;
}

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

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

.mrg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-none {
    float: none;
}

.txt-gray {
    color: #adadad !important;
}

.txt-gray1 {
    color: #767676 !important;
}

.txt-gray2 {
    color: #333333 !important;
}

.txt-blue {
    color: #0072bb !important;
}

.txt-green {
    color: #45a947 !important;
}

.txt-yellow {
    color: #ffcc12 !important;
}

.txt-white {
    color: #FFFFFF !important;
}

.txt-black {
    color: #1b1b1b !important;
}

.txt-gold {
    color: #c1995e !important;
}

.fs8 {
    font-size: 8px;
}

.fs9 {
    font-size: 9px;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: 23px;
}

.fs24 {
    font-size: 24px;
}

.fs25 {
    font-size: 25px;
}

.fs26 {
    font-size: 26px;
}

.fs27 {
    font-size: 27px;
}

.fs28 {
    font-size: 28px;
}

.fs29 {
    font-size: 29px;
}

.fs30 {
    font-size: 30px;
}

.fs31 {
    font-size: 31px;
}

.fs32 {
    font-size: 32px;
}

.fs33 {
    font-size: 33px;
}

.fs34 {
    font-size: 34px;
}

.fs35 {
    font-size: 35px;
}

.fs36 {
    font-size: 36px;
}

.fs37 {
    font-size: 37px;
}

.fs38 {
    font-size: 38px;
}

.fs39 {
    font-size: 39px;
}

.fs40 {
    font-size: 40px;
}

.fs41 {
    font-size: 41px;
}

.fs42 {
    font-size: 42px;
}

.fs43 {
    font-size: 43px;
}

.fs44 {
    font-size: 44px;
}

.fs45 {
    font-size: 45px;
}

.fs46 {
    font-size: 46px;
}

.fs47 {
    font-size: 47px;
}

.fs48 {
    font-size: 48px;
}

.fs49 {
    font-size: 49px;
}

.fs50 {
    font-size: 50px;
}

.fs51 {
    font-size: 51px;
}

.fs52 {
    font-size: 52px;
}

.fs53 {
    font-size: 53px;
}

.fs54 {
    font-size: 54px;
}

.fs55 {
    font-size: 55px;
}

.fs56 {
    font-size: 56px;
}

.fs57 {
    font-size: 57px;
}

.fs58 {
    font-size: 58px;
}

.fs59 {
    font-size: 59px;
}

.fs60 {
    font-size: 60px;
}

.fw100 {
    font-weight: 100;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

b, strong {
    font-weight: 600;
}

.txt-caps {
    text-transform: uppercase;
}

.txt-small {
    text-transform: lowercase;
}

.txt-ellipsis {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.align-C {
    text-align: center !important;
}

.align-L {
    text-align: left !important;
}

.align-R {
    text-align: right !important;
}

.align-J {
    text-align: justify !important;
}

.valign-T {
    align-items: top;
}

.valign-C {
    align-items: center;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.valign-B {
    align-items: end;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inline-block {
    display: inline-block;
}
/*******************/
body {
    background: #f9fafc;
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-size: 14px;
    color: #333333BF;
    font-weight: 400;
    font-style: normal;
    margin: 0px;
    line-height: 1.3;
}
a {
    color: #333333CC;
    text-decoration:none !important;
}
    a:hover {
        color: #4D1629;
    }
.txt-nowrap {
    white-space:nowrap;
}

.width100 {
    width: 100%;
}

.clear {
    clear: both;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}
header {
    height: 40px;
    background: #4d1629;
    padding: 7px 15px;
    border-bottom: 1px solid #cac0cc;
}
.logo {
    display: flex;
    gap: 15px;
    flex-flow: wrap;
    align-items: center;
    font-size: 15px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
    float:left;
}
.logo img {
    display: block;
    height:26px;
}
    .logo img {
        display: block;
        height: 26px;
    }
.tbar_dropdown {
    position: relative;
}

    .tbar_dropdown .dropdown_item {
        position: absolute;
        right: -15px;
        top: 100%;
        z-index:9;
        display:none;
        padding: 15px;
        background: #4d1629;
        border: 1px solid #cac0cc;
        border-top-color: #552133;
        border-radius:0px 0px 5px 5px;
        box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
    }
    .tbar_dropdown.open .dropdown_item,
    .tbar_dropdown:hover .dropdown_item {
        display: block;
    }
.right_section {
    float:right;
}
    .right_section .navbar-nav {
        display: flex;
        flex-flow: wrap;
    }
    .right_section .nav-item:not(:first-child) {
        margin-left:20px;
    }
    .right_section .nav-item .nav-link {
        padding:6px 0px;
    }
    .right_section .nav-item a {
        font-size:12px;
        color: #fff !important;
    }
.user_dropdown {
    height:32px;
}
.right_section .user_icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #d7d7d7;
    position: relative;
    top: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.side_menu {
    width: 180px;
    height:calc(100vh - 40px);
    float:left;
    background: #ffffff;
    border-right: 1px solid #eaebeb;
}
.content_area {
    width: calc(100% - 180px);
    height: calc(100vh - 40px);
    float: right;
    padding:15px;
}
.content_box {
    height: calc(100vh - 70px);
    background: #ffffff;
    border: 1px solid #eaebeb;
    position:relative;
}
/*******************/
.side_menu .user_info {
    padding: 15px 15px 14px;
    border-bottom: 1px solid #eaebeb;
}
.side_menu .user_info {
    display: flex;
    flex-flow: wrap;
    font-size:12px;
}
.side_menu .user_info_item {
    padding-left: 10px;
    max-width: calc(100% - 32px);
}
.side_menu .user_info_item .name {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.side_menu .user_info a {
    font-size: 11px;
    color: #33333380;
    text-decoration: none !important;
    font-weight: 600;
}
    .side_menu .user_info .user_icon {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #d7d7d7;
        position: relative;
        top: -2px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.sidebar_menu {
    padding: 5px 0px;
    height: calc(100vh - 118px);
    overflow: hidden;
    overflow-y: auto;
}
.sidebar_menu .menu-link {
    font-size: 16px;
    color: #333333;
    text-decoration: none !important;
    padding: 6px 15px;
    display: block;
}
    .sidebar_menu .menu-link svg {
        width: 18px;
        height: 18px;
        position: relative;
        vertical-align: top;
        margin-right:5px;
    }
    .sidebar_menu .menu-link svg * {
        fill: #333333;
    }
    .sidebar_menu .menu-link.active,
    .sidebar_menu .menu-link:hover {
        background: #f5f5f5;
    }
    .sidebar_menu .menu-link.active svg *,
    .sidebar_menu .menu-link:hover svg * {
        fill: #4d1629;
    }
/*******************/
.innerpagecontainer {
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 118px);
}
.custom-scroll {
    overflow: hidden;
    overflow-y: auto;
}
.content_box h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 11px 15px 10px;
    border-bottom: 1px solid #eaebeb;
}
.pageheader {
    position:relative;
}
.toolbar-buttons {
    position: absolute;
    right: 15px;
    top: 13px;
}
.toolbar-buttons a {
    white-space:nowrap;
}
    .toolbar-buttons a svg {
        width:22px;
        height:22px;
        vertical-align:top;
        position:relative;
        top:-2px;
    }
        .toolbar-buttons a svg * {
            fill: #4D1629;
        }

.lnk-typ1 {
    color: #333333CC;
    cursor:pointer;
    text-decoration: none !important;
}

.lnk-typ1:hover {
    color: #4D1629;
}
.lnk-typ2 {
    border:0px;
    background:none;
    color: #333333CC;
    cursor: pointer;
    text-decoration: none !important;
}

    .lnk-typ2:hover {
        color: #4D1629;
    }

.tbl-typ1 {
    caption-side: bottom;
    border-collapse: collapse;
    width:100%;
}
    .tbl-typ1 th,
    .tbl-typ1 td {
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        padding: 8px 15px;
        font-size: 14px;
    }
    .tbl-typ1 thead {
    }
    .tbl-typ1 thead th {
        border:none !important;
        font-size:13px;
        font-weight:500;
        background: #fafafa;
    }
        .tbl-typ1 thead th:first-child {
            border-radius: 5px 0px 0px 5px;
        }
        .tbl-typ1 thead th:last-child {
            border-radius: 0px 5px 5px 0px;
        }
        .tbl-typ1 tbody tr:first-child td {
            border-top: none !important;
        }

.btn-primary {
    text-align:center;
    font-size: 14px !important;
    color: #fff !important;
    background: #4D1629 !important;
    border-color: #4D1629 !important;
    height: 34px;
    padding: 6px 10px !important;
    line-height: 1.3;
    outline: none !important;
    box-shadow: none !important;
}

    .btn-primary:hover {
        background: #258cfb !important;
        border-color: #258cfb !important;
    }
.btn-secondary {
    text-align:center;
    color: #fff !important;
    display: inline-block;
    padding: 3px 10px !important;
    font-size: 13px !important;
    line-height: 1.55;
    background: #4D1629 !important;
    border-color: #4D1629 !important;
    height: 28px;
    outline: none !important;
    box-shadow: none !important;
}

.btn-secondary:hover {
    background: #258cfb !important;
    border-color: #258cfb !important;
}
.pagination {
    text-align: center;
    align-items: center;
    justify-content: end;
}
    .pagination a,
    .pagination span {
        display:inline-block;
        padding:3px 10px !important;
        font-size:13px;
        line-height:1.385;
    }

.common_gridbox .custom-scroll {
    height: calc(100vh - 186px);
}
.common_popup_wrapper {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,0.3);
    z-index: 9999;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    align-items:center;
    justify-content:center;
}
.common_popup_wrapper.open {
    display: flex;
}
.common_popup {
    position: relative;
    width: 900px;
    height: auto;
    max-width: calc(100% - 30px);
    max-height: calc(100vh - 30px);
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow:0px 2px 7px rgba(0,0,0,0.075);
}
.common_popup_title {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 13px;
    background: #fafafa !important;
    position: relative;
}
    .common_popup_title .common_popup_close {
        position: absolute;
        right: 9px;
        top: 6px;
    }
        .common_popup_title .common_popup_close svg {
            width: 20px;
            height: 20px;
        }

#add_parish_section .common_popup {
    background: #fafafa !important;
}
.form-group {
    margin-bottom:13px;
}
.form-group label {
    font-size:12px;
    display:block;
    margin-bottom:3px;
}
.popup_tab_item_scroll {
    max-height: calc(100vh - 70px);
    overflow: hidden;
    overflow-y: auto;
}
.form-control {
    font-family: "Inter", serif;
    font-size: 13px !important;
    color: #333333 !important;
    font-weight: 400;
    outline: none !important;
    box-shadow: none !important;
}
select.form-control {
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.custom_selectbox {
    position:relative;
}
    .custom_selectbox svg {
        position: absolute;
        right: 8px;
        top: 10px;
        width: 12px;
        height: 12px;
        pointer-events:none;
    }

#menu_options li {
    font-size: 14px;
    color: #333333;
    text-decoration: none !important;
    padding: 8px 15px;
    display: block;
    border-radius: 5px;
}
    #menu_options li.active {
        color: #4D1629;
        background: #f5f5f5;
    }
    #menu_options li svg {
        width: 18px;
        height: 18px;
        vertical-align: top;
    }
    #menu_options li svg * {
        fill:#333;
    }
    #menu_options li.active svg * {
        fill: #4D1629;
    }
.popup_tab_item_scroll {
    background: #fff;
    padding: 12px;
}
.hd {
    font-weight:500;
    padding: 0px 0px 6px;
    border-bottom: 1px solid #eaebeb;
    margin:0px 0px 10px;
}
#nextButton,
#saveButton {
    min-width: 120px;
}
/*********************/
#searchLocationPopup {
    z-index:99999;
}
#searchLocationPopup .common_popup {
    width:calc(100% - 30px);
}
.map_selector {
    cursor: pointer;
}

#searchLocationPopup #map {
    height: calc(100vh - 120px);
}
.pac-container {
    z-index: 999999 !important;
}
.pac-logo:after,
.gm-style-iw-chr {
    display: none !important;
}
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-d {
    padding: 0px !important;
    overflow: hidden !important;
}
.gm_tooltip {
    padding:10px;
}
#map div[role="img"] {
    pointer-events: none !important;
}

/******************************/
.custom_checkbox1 {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 26px;
    border-radius: 50px;
    border: 1px solid #ced4da !important;
    overflow: hidden;
    cursor: pointer;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

    .custom_checkbox1 + .lbl {
        display: inline-block;
        position: relative;
        top: -9px;
    }

    .custom_checkbox1 input {
        position: absolute;
        left: -9999px;
        top: 0px;
    }

    .custom_checkbox1 .icon {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }

        .custom_checkbox1 .icon:before {
            content: "";
            display: block;
            width: 110px;
            height: 100%;
            background: #080f46;
            position: absolute;
            right: 100%;
            top: 0px;
        }

        .custom_checkbox1 .icon:after {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            background: #4D1629;
            border: 1px solid rgba(0,0,0,0) !important;
            position: absolute;
            left: 2px;
            top: 2px;
            transition: all 0.3s ease-out 0s;
            -webkit-transition: all 0.3s ease-out 0s;
        }

    .custom_checkbox1 input[type=checkbox]:checked + .icon:before,
    .custom_checkbox1 input[type=checkbox]:checked + input + .icon:before {
        background: #4D1629;
        right: 0px;
    }

    .custom_checkbox1 input[type=checkbox]:checked + .icon:after,
    .custom_checkbox1 input[type=checkbox]:checked + input + .icon:after {
        left: calc(100% - 22px);
        border-color: #d5d5d5 !important;
        background: #ffffff;
    }

    .custom_checkbox1.with_txt {
        width: 70px;
    }
        .custom_checkbox1.with_txt .icon span {
            position: absolute;
            width: 100%;
            height: 100%;
            color: #fff;
            padding: 5px 15px;
            font-size: 11px;
        }
            .custom_checkbox1.with_txt .icon span.yes {
                color: #fff;
                text-align: left;
            }
            .custom_checkbox1.with_txt .icon span.no {
                color: #333;
                text-align: right;
            }
    .custom_checkbox1 input[type=checkbox]:not(:checked) + .icon span.yes,
    .custom_checkbox1 input[type=checkbox]:checked + .icon span.no {
        display:none;
    }

.required {
    color: red
}
.common-searchbox {
    position: relative;
}

    .common-searchbox .search-field,
    .common-searchbox .custom-search-field {
        display: block;
        height: 30px !important;
        font-weight: 400;
        padding: 0px 10px 0px 32px;
        text-indent: 0px;
        line-height: 1;
        border-radius: 3px;
    }

    .common-searchbox > svg {
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 10px;
        top: 7px;
    }

        .common-searchbox > svg * {
            opacity: 0.4;
        }
.pageheader .common-searchbox {
    top:-5px;
}
.custom-searchbox-wrapper {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
.pageheader .common-searchbox {
    top: -5px;
}
.pageheader .custom-searchbox-wrapper {
    position: relative;
    top: -5px;
}
    .pageheader .custom-searchbox-wrapper .common-searchbox {
        top: 0px;
    }
.custom-searchbox-wrapper #searchButton {
    height: 30px;
    padding: 5px 10px !important;
}
.custom-searchbox-wrapper .clear-search {
    border: none !important;
    background: none !important;
    outline: none !important;
    padding: 0px !important;
    position:absolute;
    right:6px;
    top:5px;
}
    .custom-searchbox-wrapper .clear-search svg {
        width: 16px;
        height: 16px;
    }
/******************************/
.toaster_wrapper {
    display: block;
    width: 400px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 999999;
}

.toaster {
    display: none;
    position: relative;
    background: #aaa;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 5px;
}

    .toaster.success {
        background: #209d03;
    }

    .toaster.error {
        background: #ce0000;
    }

.toaster_inner {
    display: flex;
    flex-flow: wrap;
    height: 56px;
    background: linear-gradient(-45deg, rgba(0,0,0,0) 30%, rgba(255,255,255,0.15) 45%, rgba(0,0,0,0) 60%);
    background-size: 200% 200%;
    animation: gradientAnimation 60s ease infinite;
}

@keyframes gradientAnimation {
    0% {
        background-position: 100% 50%;
    }

    50% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.toasterIcon {
    display: flex;
    width: 50px;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.1);
    display:none !important;
}

    .toasterIcon svg {
        width: 40px;
        height: 40px;
    }

.toasterMsg {
    font-size: 13px;
    color: #fff;
    display: flex;
    width: calc(100% - 50px);
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 40px 10px 13px;
}

.toastClose {
    position: absolute;
    right: 10px;
    top: calc(50% - 11px);
}
/******************************/
.custom_filetyp1 {
    display: block;
    width: 100%;
    height: calc(100vh - 85px);
    position: relative;
    overflow: hidden;
    border: 2px dashed rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}

    .custom_filetyp1 input {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 99;
    }

    .custom_filetyp1 .txt_filetype {
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.2);
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        pointer-events: none;
    }

    .custom_filetyp1 svg {
        width: 60px;
        display: block;
        margin: 0 auto 5px;
    }

        .custom_filetyp1 svg * {
            fill: rgba(0, 0, 0, 0.1);
        }


.img-thumbnail {
    border-radius: 0px;
    padding: 1px;
    margin: 0px 0px 5px 0px;
}
#ParishUploadArea {
    position:relative;
}
#ParishUploadArea.uploaded #parish-upload-field,
#ParishUploadArea:not(.uploaded) .upload-buttons,
#ParishUploadArea:not(.uploaded) #parish-upload-table {
    display: none;
}
    #ParishUploadArea .upload-buttons {
        position: absolute;
        right: 30px;
        bottom: calc(100% + 15px);
    }
        #ParishUploadArea .upload-buttons a {
            padding: 3px 10px !important;
            height: 25px;
            line-height: 1.3;
        }

#UploadTemplate .common_popup {
    width: calc(100% - 30px);
    height: calc(100vh - 30px);
}
#parish-upload-table {
    width: calc(100%);
    height: calc(100vh - 86px);
    overflow: auto;
    white-space: nowrap;
}

.common_listbox_wrapper {
    display: flex;
    flex-flow: wrap;
    gap: 18px;
}
.common_listbox {
    position: relative;
    width: calc(20% - 14.5px);
    padding: 1px;
    border: 1px solid #fff;
    border-radius: 5px;
}
    .common_listbox:hover {
        border-color: #eaebeb;
    }
    .common_listbox .imagebox {
        position: relative;
        display: block;
        background: url('../images/noimg.jpg') no-repeat center center #c4c4c4;
        background-size: cover;
        border-radius: 5px;
        margin-bottom: 7px;
        overflow: hidden;
        /*box-shadow: 0px 0px 2px rgba(0,0,0,0.1);*/
        border: 1px solid #eaebeb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .common_listbox:hover .imagebox {
        border-color: #fff;
    }
    .common_listbox .imagebox:before {
        content: "";
        display: block;
        padding: 70% 0 0 0;
        font-size: 0px;
        line-height: 0px;
    }
    .common_listbox .imagebox div {
        max-height:100%;
    }
    .common_listbox .imagebox .newsImage {
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .common_listbox .imagebox .img {
        position:relative;
        border-radius: 5px;
        background:#fff;
        overflow:hidden;
    }
        .common_listbox .imagebox .img:before {
            content: "";
            display: block;
            padding: 70% 0 0 0;
            font-size: 0px;
            line-height: 0px;
        }
        .common_listbox .imagebox .img img {
            display: block;
            width: auto;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
        }
.common_listbox .date {
    font-size: 12px;
    line-height: 1.3;
}
        .common_listbox .date svg {
            width: 14px;
            height: 14px;
            vertical-align: top;
            position: relative;
            top: 0px;
        }
    .common_listbox .actionbtn {
        position:absolute;
        right:5px;
        bottom:5px;
        z-index:9999;
        display:none;
    }
    .common_listbox:hover .actionbtn {
        display:block;
    }
        .common_listbox .actionbtn svg {
            width: 20px;
            height: 20px;
        }
    .common_listbox .deleteItem svg {
        border-radius:50%;
        background:#fff;
    }
    .common_listbox .deleteItem svg * {
        fill: #4d1629;
    }


    /*****************************/
#newsDetails {
    position:absolute;
    z-index:9999;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:#fff;
    display:none;
}
#newsDetails.show {
    display: block;
}
#newsDetailsContent .newsDetailsImage {
    float:right;
    width:350px;
    margin-left:20px;
}
    #newsDetailsContent .newsDetailsImage + .newsDetailsContent {
        float: left;
        width: calc(100% - 370px);
    }
.newsDetailsContent h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 0px;
    margin:0px 0px 10px 0px;
    border-bottom:none;
}
#newsDetailsContent .newsDetailsImage .img {
    position: relative;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #eaebeb;
}

    /*#newsDetailsContent .newsDetailsImage .img:before {
        content: "";
        display: block;
        padding: 70% 0 0 0;
        font-size: 0px;
        line-height: 0px;
    }*/
#newsDetailsContent .newsDetailsImage img {
    display: block;
    /*width: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);*/
}
#newsDetailsTitle {
    color: #4d1629;
}
#newsDetailsContent .date {
    font-size: 12px;
    line-height: 1.3;
}

    #newsDetailsContent .date svg {
        width: 14px;
        height: 14px;
        vertical-align: top;
        position: relative;
        top: 0px;
    }