/****common css****/
* {
    font-family: 'Open Sans', sans-serif;
    outline: none;
}
body {
    font-size: 15px;
    line-height: 19px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fcfcfc;
}

@media print {
    @page {
        size: landscape;
        margin: 10mm; /* adjust if you want no margin */
    }
    /* Hide unwanted sections */
    header, footer, .header_class, .footer_class, .main_header, .sidebar_nav, .side_navigation {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
    }

    /* Expand main content to full width */

    body.print-mode header,
    body.print-mode footer,
    body.print-mode .header_class,
    body.print-mode .footer_class,
    body.print-mode .main_header,
    body.print-mode .sidebar_nav,
    body.print-mode .side_navigation {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
    }

    body.print-mode .main_wrapper {
        width: 100% !important;
        margin: 0 !important;
    }

    .body_content {
        padding-left: 0 !important;
        width: 100% !important;
    }
}
input,
button,
textarea,
h1,
h2,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Open Sans', sans-serif;
}
textarea{
    resize: none;
}
/*New css 04/03/2024 Start*/
.text-red {
    color: #fa2929 !important;
}

.p-0 {
    padding: 0px !important;
}

/*.text-white {
    color: #fff !important;
}
*/
.square-s {
    background-color: #fa2929;
    width: 1%;
    padding: 5px 6px;
    border-radius: 2px;
    display: inline-block;
    color: #fa2929;
}

.square-m {
    background-color: #fa2929;
    width: auto;
    padding: 5px 6px;
    border-radius: 2px;
    margin-bottom: 8px;
    color: #fff;
    display: inline-block;
}

.btn-Later {
    border: 1px solid #fff;
    color: #fff !important;
    padding: 1px 7px;
    margin-left: 18px;
}

.tbtn-pending {
    padding: 4px 13px;
    background-color: #FFFF5133;
    color: #ffc813;
    border-radius: 20px;
}
.search_btn_new {
    background-color: #ff00aa !important;
    border-radius: 18px !important;
    color: #fff !important;
}
    .search_btn_new:hover {
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: #ffffff;
        border: 1px solid #b80071;
        transition: 0s;
    }
.tbtn-notsubmit {
    padding: 4px 6px;
    background-color: #d9d9d9;
    color: #6b6b6b;
    border-radius: 20px;
}

.tbtn-submit {
    padding: 4px 13px;
    background-color: #19B62E33;
    color: #19b62e;
    border-radius: 20px;
}
.tbtn-errored {
    padding: 4px 13px;
    background-color: #FFDDDE;
    color: #F95860;
    border-radius: 20px;
}

.text-orange {
    color: #ffc813 !important;
}

.text-green {
    color: #43e550 !important;
}

.red-tooltip > .tooltip.top .tooltip-inner {
    background-color: #ff00aa;
    width: 120px !important;
}

.red-tooltip > .tooltip.top .tooltip-arrow {
    border-top-color: #ff00aa;
}

.cancel_btn_new {
    border: 1px solid #727374 !important;
    color: #727374 !important;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px;
    background:#fff !important;
    border-radius:18px !important;
}
    .cancel_btn_new:hover {
        background:#e6e6e6 !important;
    }

.save_btn_new {
    background-color: #ff00aa !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px !important;
    transition: 0s;
    border: 1px solid #ff00aa;
}

.border-top-left-right-0 {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-radius: 0px !important
}

.border-0 {
    border: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.divRadiusControlgroup {
    border: 1px solid #aaa;
    padding: 3px 14px;
    border-radius: 22px;
    background-color: #ffffff;
}

    .divRadiusControlgroup > .form-control {
        padding: 3px 12px;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

        .divRadiusControlgroup > .form-control:focus {
            border-color: #aaa !important;
            outline: 0;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

.h-26 {
    height: 26px !important;
}

.ml-5 {
    margin-left: 5px;
}
.upload_btn {
    background-color: #7d7d7d !important;
    border: 1px solid #7d7d7d !important;
    padding: 5px 14px;
    font-size: 13px !important;
    color: #ffffff !important;
}
.btn-border {
    background-color: #ffffff;
    color: #ff00aa;
    border: 1px solid #ff00aa !important;
    border-radius: 22px;
    transition: 0s;
}
.btn-default.focus, .btn-default:focus {
    border-color: #c9c9c9 !important;
}
    .btn-border:hover {
        background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: #ffffff;
        border: 1px solid #b80071;
        transition: 0s;
    }


    .btn-border:focus {
        background-color: #ff00aa;
        color: #ffffff;
    }

    .btn-border:active, .open > .dropdown-toggle.btn-border {
        color: #fff;
        background-color: #ff00aa !important;
        border-color: #ff00aa !important;
    }

.btn-border-gray {
    background-color: #ffffff;
    color: #ff00aa;
    border: 1px solid #aaa !important;
    border-radius: 22px;
}

    .btn-border-gray:hover {
        background-color: #ff00aa;
        color: #ffffff;
        border-color: #ff00aa !important;
    }

    .btn-border-gray:focus {
        background-color: #ff00aa;
        color: #ffffff;
        border-color: #ff00aa !important;
    }

    .btn-border-gray:active, .open > .dropdown-toggle.btn-border-gray {
        color: #fff;
        background-color: #ff00aa !important;
        border-color: #ff00aa !important;
    }

.btn-border-straight {
    background-color: #ffffff;
    color: #ff00aa;
    border: 1px solid #ff00aa !important;
    /*padding: 5px 15px;*/
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px;
}

    .btn-border-straight:focus {
        background-color: #ff00aa !important;
        color: #ffffff !important;
    }

    .btn-border-straight:hover {
        background-color: #ff00aa !important;
        color: #ffffff !important;
    }

.text-pink {
    color: #ff00aa !important;
}

.form-control-radius-22 {
    border-radius: 22px !important;
    border-color: #aaa !important;
}

.panelbg-color:hover {
    background-color: #ff00aa;
    cursor: pointer;
    color: #ffffff;
}

.btn-solid {
    background: #ff00aa;
    color: #fff;
    border: 1px solid #ff00aa;
    border-radius: 22px;
    transition: 0s;
}

    .btn-solid:hover {
        background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: #ffffff;
        border: 1px solid #b80071;
        transition: 0s;
    }

    .btn-solid:active {
        background-color: #b80071 !important;
        color: #ffffff;
        border: 1px solid #b80071 !important;
    }

    .btn-solid:focus {
        background-color: #b80071 !important;
        color: #ffffff;
        border: 1px solid #b80071 !important;
    }

    .btn-solid:active:focus {
        background-color: #b80071 !important;
        color: #ffffff;
        border: 1px solid #b80071 !important;
    }
/*New css 04/03/2024 End*/
a{
    text-decoration: none;
    color: #333;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0s;
}
a:focus{
    text-decoration: none;
    color: #333;
}
a:hover{
    text-decoration: none;
    color: #ff00aa;
}
input[type="submit"],
input[type="button"],
button{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
img{
    max-width: 100%;
}
p{
    font-size: 14px;
    color: #333;
    line-height: 19px;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    width: 100%;
    height: 32px;
    border: solid 1px #e1e1e1;
    padding: 0 8px;
    resize: none;
}
textarea{
    padding-top: 8px;
    padding-bottom: 8px;
}
h2{
    font-weight: 300;
    color: #9999a1;
    font-size: 24px;
}
h3{
    font-weight: 600;
    color: #676a6c;
    font-size: 18px;
    margin: 0 0 10px;
}
/*.common_input{
    background: #fff;
    border: solid 1px #c9c9c9;
    font-size: 13px;
    color: #676a6c;
    height: 40px;
    padding: 0 8px;
    display: block;
}*/
/*textarea.common_input{
    height: 138px;
    padding-top: 8px;
    padding-bottom: 8px;
}*/
::-webkit-input-placeholder {
   	color: #676a6c;
    opacity: 1;
}
:-moz-placeholder {
   	color: #676a6c;
    opacity: 1;
}
::-moz-placeholder {
   	color: #676a6c;
    opacity: 1;
}
:-ms-input-placeholder {  
   	color: #676a6c;
    opacity: 1;
}
/*.custom_select{
    border: solid 1px #e1e1e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 180px;
    height: 28px;
    line-height: 26px;
    position: relative;
    cursor: pointer;
    padding: 0 8px;
    color: #909090;
}*/
.status_indication{
    width: 22px;
    height: 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background: #ececec;
}
.status_green{
    background: #1ab394;
}
.status_blue{
    background: #6db3de;
}
.status_white{
    background: #ececec;
    color: #818181;
}
.table > tbody > tr > th{
    font-size: 15px;
    color: #676a6c;
    font-weight: 600;
    border-top: 0;
    border-bottom: solid 1px #f2f2f2;
    vertical-align: middle;
}
.table > tbody > tr > td{
    border-top: 0;
    border-bottom: solid 1px #f2f2f2;
    /*color: #7d7d7d;*/

    vertical-align: middle;
    position: relative;
    /*cursor: pointer;*/
}
.table > tbody > tr:last-child > td{
    border-bottom: 0;
}
.run_btn{
   display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    height: 28px;
    color: #f5f7f6;
    font-size: 12px;
    text-transform: capitalize;
}
.tab102 {
    width:98%; float:left;
}
.tab102 td {
    width:32% !important; float:left;
}
.tab101 {
    width:100%; float:left;
}
.tab101 td {
    width:50%; float:left;
}
.run_btn:hover,
.run_btn:focus{
    color: #fff;
}
.run_btn_green{
    background: #ff00aa;
}
.run_btn_green:hover{
    background: #b80071;
}
.run_btn_orange{
    background: #ff7400;
}
.run_btn_orange:hover{
    background: #cc5c00;
}
.table{
    margin: 0;
}
/*from a*/
.btnCmn {
    font-size: 14px;
    padding: 0;
    border: none;
    line-height: 33px;
    padding: 0 28px;
    border-radius: 3px;
}
.grnButton {
    background: #ff00aa;
    color: #fff;
    text-transform: capitalize;
}
.grnButton:hover {
    background: #129379;
}
/*from a*/
.divider{
    border-top: 1px solid #dbdbdc;
}
.green_btn{
    font-size: 16px;
    display: inline-block;
    border: 0;
    border-radius: 4px;
    background: #ff00aa;
    color: #fff;
    padding: 13px 19px;
    text-transform: capitalize;
}
.green_btn:focus{
    color: #fff;
}
.green_btn:hover{
    background-color: #b80071;
    color: #fff;
}
.blank_spacing{
    height: 50px;
}
/****common css****/

/*ui autocomplete*/
.ui-widget.ui-widget-content{
    border: solid 1px #eaeaea;
    border-top: 0;
}
.ui-menu a.ui-menu-item-wrapper{
    display: block;
    color: #7d7d7d;
    padding: 8px 10px 8px 30px;
    border: 0;
    margin: 0;
    background: transparent;
}
.ui-menu .ui-menu-item:nth-child(even) a{
    background: #f9f9f9;
}
.ui-widget.ui-widget-content{
    padding: 15px;
}
.ui-menu a.ui-menu-item-wrapper.user:after{
    content: '';
    background-image: url(../images/user_search_ico.svg);
    position: absolute;
    width: 11px;
    height: 11px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.ui-menu a.ui-menu-item-wrapper.brief:after{
    content: '';
    background-image: url(../images/search_brief_ico.svg);
    position: absolute;
    width: 11px;
    height: 8px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.ui-menu a.ui-menu-item-wrapper:hover{
    background: #e0e0e0;
}
/*ui autocomplete*/

.ui-datepicker.ui-widget.ui-widget-content{
    padding: .2em .2em 0;
}

/*progressbar*/
.progress_wrap{
    position: relative;
}
.progress_wrap span{
    font-size: 14px;
    color: #000;
    position: absolute;
    top: -23px;
    right: 0;
}
.progress{
    height: 5px;
    margin: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f5f5f5;
}
.progress-bar{
    line-height: 5px;
    background: #1ab394;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/*progressbar*/

/****header css****/
header.main_header {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0px;
    right: 0;
    z-index: 999 !important;
    width: 100%;
    /*box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.3);*/
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    box-shadow: 3px -1px 2px 1px #ccc!important;
}
.header_right{
    width: 100%;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
}
.navbar-brand {
    height: auto;
    padding: 11px 15px;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    color: #fff;
    width:230px;
}

.navbar-brand_nomi {
    height: auto;
    padding: 8px 10px 0 0;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
    width: auto;
}
.navbar-brand:hover,
.navbar-brand:focus{
    color: #fff;
}
.header_right_nav > ul:after{
    content: '';
    display: block;
    clear: both;
}
.header_right_nav > ul > li{
    float: left;
     /*border-left: solid 1px #338a8b;*/
}

.header_right_nav > ul > li > a{
    display: block;
    padding: 7px 12px 7px 0;
    font-size: 14px;
    color: #fff;
    position: relative;
    border-radius:18px;
}
.header_right_nav > ul > li > a:hover,
.header_right_nav > ul > li.dropdown > a[aria-expanded="true"]{
    background: #b80071;
    height:60px!important;
}
.header_right_nav > ul > li > a > img{
    display: block;
}
.header_right_nav > ul > li.dropdown > a > img{
    display: inline-block;
    margin-right: 10px;
}
.header_right_nav > ul > li.header_add_btn.dropdown > a > img{
    margin-right: 0;
}
.header_right_nav > ul > li.dropdown > a > .header_drop_down_text > span.dropdown_arrow{
    display: inline-block;
    margin-left: 10px;
}
.header_drop_down_text{
    display: inline-block;
    position: relative;
    top: 4px;
}
.header_dropdown{
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border: solid 1px #ddd;
    border-top: 0;
}
.header_dropdown li a{
    font-size: 13px;
    padding: 3px 12px;
}
.dropdown-menu.header_dropdown .divider{
    margin: 4px 0;
}
.notify_count{
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #fff;
    font-size: 9px;
    line-height: 19px;
    text-align: center;
    color: #fff;
}
.header_right_nav > ul > li.flag_noti > a,
.header_right_nav > ul > li.real_noti > a{
    padding: 0;
    width: 40px;
    height: 50px;
    text-align: center;
}
.header_right_nav > ul > li.flag_noti > a img,
.header_right_nav > ul > li.real_noti > a img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.header_right_nav > ul > li.flag_noti{
        padding-left: 20px;
}
.header_right_nav > ul > li.real_noti{
        padding-right: 15px;
}
.header_right_nav > ul > li.real_noti > a:hover,
.header_right_nav > ul > li.flag_noti > a:hover{
    background: transparent;
}
.responsive_right_nav_ico{
    display: none;
}
.sidenav_toggle_ico {
    display: block;
    float: left;
    width: 40px;
    height: 35px;
    background: #efeeee;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    position: relative;
    font-size: 14px;
    color: #ff00aa;
    cursor: pointer;
}
    .sidenav_toggle_ico:hover {
        background: #ff00aa!important;
        color: #fff;
    }

    .sidenav_toggle_ico:hover {
        background: #F5F6FA;
        color: #fff;
    }

    .sidenav_toggle_ico:focus {
        color: #ff00aa;
    }

    .sidenav_toggle_ico::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 51px;
        height: 51px;
        transform: translate(-50%, -50%);
        background-image: url(../../commonv2/images/menu-expand-left-B.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: background-image 0.3s ease, opacity 0.3s ease;
        opacity: 1;
    }

    .sidenav_toggle_ico.active::after {
        background-image: url(/../commonv2/images/menu-expand-right_B.svg);
    }


    .sidenav_toggle_ico:hover::after {
        background-image: url(../../commonv2/images/menu-expand-left-W.svg);
    }

    .sidenav_toggle_ico.active:hover::after {
        background-image: url(../../commonv2/images/menu-expand-right_W.svg); /* Same if close icon */
    }



.navbar-brand span{
    display: inline-block;
    margin-left: 18px;
    margin: 3px 0 3px 18px;
}
.flag_noti .notify_count{
    background: #f8ac59;
}
.real_noti .notify_count{
    background: #007777;
}
.header_right_nav > ul > li.profile_dropdown > a{
    padding: 15px 12px;
}
.sidebar_nav_active header.main_header{
    left: 0px;
}
.header_right_nav > ul > li.real_noti{
    border-left: 0;
}
.header_right_nav{
    margin-right: 0px;
}
.add__popup{
    width: 534px;
    right: -43px;
    left: auto;
    border-radius: 0;
    /*box-shadow: 0 0 30px rgba(0,0,0,0.11);*/
    border: solid 1px #444;
    padding: 20px;
    
}
.add__popup:after {
	content: '';
    position: absolute;
    top: -8px;
    right: 60px;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
}
.add__popup > li{
    padding: 20px;
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.add__popup > li > a{
    display: block;
    position: relative;
    padding: 0;
}
.add__popup > li > a:hover,
.add__popup > li > a:focus{
    background: transparent;
}
.add__popup > li.hav_ico > a{
    padding-left: 50px;
}
.add__popup > li.hav_ico > a img{
    position: absolute;
    top: 6px;
    left: 0;
}
.add__popup > li > a p{
    color: #282828;
    margin: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.add__popup > li > a span{
    color: #989898;
    display: block;
}
.add__popup > li > a:hover p{
    color: #ff00aa;
}
/****header css****/

/****body content****/
.body_content {
    padding-left: 221px;
    padding-top: 50px;
    position: relative;
    /*height: 100vh;*/
    width: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    min-height: 100vh;
    background: #fcfcfc;
}
.main_wrapper{
    min-height: 100vh;
}
.sidebar_nav_active .body_content{
    padding-left: 70px;
}
.payroll_table > tbody > tr > td,
.payroll_table > tbody > tr > th{
    padding: 7px 10px;
}
.content_margin{
    padding: 15px;
}
.common_block.tax_block{
    padding-top: 15px;
}
/****body content****/

/****sidebar nav****/
.sidebar_nav {
    width: 232px;
    /*position: absolute;*/
    position: fixed;
    top: 53px;
    height: 100%;
    /*min-height: 900px !important;
    max-height: 1920px !important;*/
    left: 0;
    font-size: 13px;
    /*bottom: 0;*/
    min-height: 100%;
    background: #fff;
    overflow: auto;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
    z-index: 1;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    box-shadow: 2px 2px #eee !important;
}
.sidebar_nav_active .sidebar_nav{
    width: 70px;
    overflow:inherit;
}
.sidebar_nav .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.profile_img1 {
    width: 26px;
    height: 26px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    float: left;
    margin-bottom: 14px;
    white-space: nowrap;
}


/*.profile_img1 {
    width: 38px;
    height: auto;
    white-space: nowrap;
    padding-right: 13px;
}*/


.profile_img{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin: 0 0 10px;
}
.profile_img img{
    width: 100%;
    height: auto;
    display: block;
}
.sidebar_user h3{
    font-size: 14px;
    color: #d9dfe8;
    font-weight: 600;
    margin: 0 0 3px;
}
.my_profile_dropdown_btn{
    font-size: 12px;
    color: #6c8093;
    background: transparent;
    border: 0;
    padding: 0;
    position: relative;
    padding-right: 18px;
}
.my_profile_dropdown_btn:after{
    content: '';
    border-style: solid;
    border-color: #7d93a5 transparent transparent transparent;
    border-width: 5px 4px;
    width: 0;
    height: 0;
    position: absolute;
    top: 8px;
    right: 0px;
}
.sidebar_user {
    padding: 0px 38px 14px !important;
}
.side_navigation1 > li {
    position: relative;
    margin-left: 9px !important;
    margin-top: 2px !important;
}
    .side_navigation1 > li > a {
        color: #333;
        display: block;
        padding: 10px;
        text-transform: capitalize;
        position: relative;
        min-height: 40px;
        font-weight:600;
    }
.side_navigation1 > li > a path{
    fill:#ffffff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.side_navigation1 > li > a > svg{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 4px;
    width: 15px;
    height: 18px;
}
.side_navigation1 > li.dashboard_nav > a > svg{
    width: 12px;
    margin-left: 2px;
}
    .side_navigation1 > li.active > a::before {
        content: '';
        position: absolute;
        top: 0;
        left: -13px;
        height: 100%;
        width: 9px;
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        opacity: 1;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }
.side_navigation1 {
    opacity: 1 !important;
}
    .side_navigation1 > li:hover > a::before {
        content: '';
        position: absolute;
        top: 0;
        left: -16px;
        height: 100%;
        width: 12px;
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        opacity: 1;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }
 
    .side_navigation1 > li > a:hover {
        color: #fff !important;
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        border-radius: 4px;
        }
        .side_navigation1 > li > a:hover span {
            color: #fff;
        }
    .side_navigation1 > li.active > a {
        display: inline-flex;
        align-items: center;
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: white;
        padding: 10px;
        border: none;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;        
        transition: background 0.3s ease;
        width: 100%;
    }
    .side_navigation1 > li.have_sub.have_sub_active > a {
        display: inline-flex;
        align-items: center;
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: white;
        padding: 10px;
        border: none;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        transition: background 0.3s ease;
        width: 100%;
    }
.side_navigation1 > li > a:hover path{ color:#D6D6D6;}

.side_navigation1 > li.active > a path{
    fill:#ffffff;
}
.side_navigation1 > li > ul{
    padding-left: 36px;
    display: none;
    font-size: 14px;
}
.have_sub_active a.userrol {
    display:none !important;
}
.have_sub_active a.userrol {
    display: block !important;
}
/*.side_navigation1 > li.have_sub > a:after{
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    width: 6px;
    height: 10px;
    background-image: url(../images/nav_arrow.svg);
}*/
.side_navigation1 > li.have_sub.have_sub_active:before {
    content: '';
    width: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    background: #f6f5fa;
    position: absolute;
}
.navbar-brand_nomi span {
    color: #000!important;
    line-height: 30px;
    margin-left: 10px;
    font-weight:600!important;
}
.side_navigation1 > li.have_sub.have_sub_active {
    background: #F5F6FA;
    padding-bottom: 0;
}
.side_navigation1 > li.have_sub.have_sub_active ul{
    display: block;
}
.side_navigation1 > li.have_sub.have_sub_active a:after{
    transform: rotate(90deg);
}
.side_navigation1 > li > ul > li:last-child{
    margin-bottom: 18px;
}
    .side_navigation1 > li > ul > li > a {
        color: #333;
        padding: 6px 0;
        display: block;
        font-size:13px;
    }

    .side_navigation1 > li > ul > li.active {
        /*background-color: none;*/
        font-weight: bold;
    }


.side_navigation1 > li > ul > li.active > a{
    color: #ff00aa;
}
/*.side_navigation1 > li.have_sub.have_sub_active > a{
    color: #ffffff;
  font-size: 14px;
}*/
.side_navigation1 > li.have_sub.have_sub_active > a path{
    fill:#ffffff;
  font-size: 14px;
}
.side_navigation1 > li > ul > li > a:hover{
    color: #ff00aa;
}
.block_header{
    border-bottom: solid 1px #e7eaec;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.sidebar_nav_active .sidebar_user{
    display: none !important;
}


.sidebar_nav_active .side_nav_text{
    display: none;
    font-size:14px;
}
.sidebar_nav_active .side_navigation1 > li > a > svg{
    margin: 0;
    width: 20px;
    height: 20px;
}
.sidebar_overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,0.6);
    display: none;
}
.sidebar_nav_active .side_navigation1 > li.have_sub > a:after{
    right: 9px;
}
/*rotate toggle start*/

.rotate {
    -moz-transition: all .5s linear !important;
    -webkit-transition: all .5s linear !important;
    transition: all .5s linear !important;
}

    .rotate.down {
        -moz-transform: rotate(180deg) !important;
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

/*rotate toggle end*/
.sidebar_nav_active .side_navigation1 > li > ul {
    position: absolute;
    width: 180px;
    background: #F5F6FA;
    padding: 0;
    left: 70px;
    top: 0;
    padding: 10px 0;
}
.sidebar_nav_active .side_navigation1 > li > ul > li:last-child {
    margin-bottom: 0px;
}
.sidebar_nav_active .side_navigation1 > li.have_sub.have_sub_active {
    padding-bottom: 0px;
}
.sidebar_nav_active .side_navigation1 > li > ul > li{
    padding: 5px 10px;
}
.sidebar_nav_active .side_navigation1 > li > ul > li > a{
    padding: 0px 5px;
}
/****sidebar nav****/

/****main content****/
.main_content{
    position: relative;
    width: 100%;
    /*height: 100%;*/
    /*overflow: auto;*/

}
.page_title{
    padding: 22px 25px !important;
}

.page_title h2{
    margin: 0;
}
.common_block{
    background: #fff;
    border: solid 1px #e3e3e3;
    padding: 35px 45px;
    min-height: 330px;
}
.col_margin{
    margin-top: 15px;
    margin-bottom: 15px;
}
.block_header h3{
    margin: 0;
    padding: 6px 0;
    float: left;
}
.block_header .custom_select{
    float: right;
    width: 180px;
}
.status_table .status_indication{
    margin-right: 20px;
}
.status_table > tbody > tr > td{
    padding: 15px 5px;
}
.status_table > tbody > tr:last-child > td{
    border-bottom: 0;
}
.progress_row p{
    font-size: 14px;
    font-weight: 400;
    color: #1ab394;
    margin: 0 0 10px;
}
.progress_row h2{
    margin: 0 0 3px;
}
.progress_row{
    margin-bottom: 20px;
}
.progress_row:last-child{
    margin-bottom: 0;
}
.progress_col{
    padding-top: 15px;
}
.status_donut{
    width: 230px;
    height: 230px;
    margin: 40px auto;
}
.status_donut tspan{
    font-size: 19px;
    color: #000;
    font-weight: 300;
}
.status_donut tspan:last-child{
    font-size: 14px;
    color: #000;
}
.vat_row{
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.vat_row_less_pad{
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.vat_row:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border: 0;
}
.var_row_col{
    width: 33.33%;
    float: left;
}
.var_row_colNwe{
    /*width: 33.33%;*/
    float: left;
}
.var_row_col a{
    display: block;
}
.vat_num{
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
}
.vat_drop .vat_num{
    padding-right: 25px;
    background-image: url(../images/vat_drop_ico.png);
    background-repeat: no-repeat;
    background-position: right;
}
.vatnum_green{
    color: #1ab394;
}
.vatnum_red{
    color: #eb1c24;
}
.sidebar_tooltip{
    display: none !important;
}
.sidebar_nav_active .sidebar_tooltip{
    display: block !important;
}
.pl_header h3{
    float: left;
    margin: 10px 0 15px;
}
.pl_header .custom_select{
    float: right;
    width: 180px;
}
.profit_loss_spline{
    height: 270px;
    width: 100%;
}
.income_pie,
.expense_pie{
    width: 100%;
    height: 120px;
}
.customLegend{
    color: #7d7d7d;
    margin-top: 5px;
}
.customLegend .symbol{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
}
.customLegend .serieName{
    display: inline-block;
}
.customLegend .item{
    margin-bottom: 5px;
}
.customLegend .item:last-child{
    margin-bottom: 0;
}
.pl_graph_bottom_box{
    width: 87px;
    display: inline-block;
    text-align: left;
}
.pl_graph_bottom{
    text-align: center;
    /*width: 98%;*/
    margin: 20px auto 0;
}
.pl_graph_bottom_box h4{
    font-size: 18px;
    font-weight: 400;
    color: #303030;
    margin: 0 0 5px;
}
.pl_graph_bottom_box p{
    color: #b1b1b1;
    margin: 0;
}
.return_dates_row{
    border-top: solid 1px #e7eaec;
    padding-top: 25px;
    margin-top: 25px;
}
.return_date_box{
    position: relative;
    padding-left: 25px;
}
.return_date_box:before{
    content: '';
    width: 2px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #1ab394;
}
.return_date_box span{
    color: #9d9d9d;
    display: block;
    margin: 0 0 3px;
}
.return_date_box p{
    color:#1ab394;
    font-size: 14px;
    margin: 0;
}
.view_all_anc{
    color: #1ab394;
    display: inline-block;
}
.view_all_anc:focus{
    color: #1ab394;
}
.view_all_anc:hover{
    color: #333;
}
.block_header .view_all_anc{
    margin-top: 5px;
}
.common_block.pl_block{
    padding: 15px 25px 30px;
}
.task_notification .common_block{
    padding: 22px;
}
.task_notification .block_header {
    padding-bottom: 15px;
    margin-bottom: 0;
}
.task_notification .status_table > tbody > tr > td {
    padding: 10px 5px;
}
.status_table > tbody > tr:hover > td,
.payroll_table > tbody > tr:hover > td{
    background: #f2f2f2;
    cursor: pointer;
}


.advancesearch1{float:left; font-size:14px; font-weight:bold; border-bottom:1px solid #e5e4e4!important; cursor:pointer; margin-left:30px;}


/*from a*/
.invoiceMain .page_title {
    padding: 20px 25px;
   
}
.tableDashboard {
    padding: 10px 25px!important;
    /*border-top: 1px solid #eaeaea;*/
}
.tableDashboard p {
    color: #7d7d7d;
    line-height: 30px;
    margin: 0;
}
.filterin {
    position: relative;
    display: inline-block;
    padding-right: 10px;
}
.tableDashboard p a {
    line-height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.searchBox {
    padding: 8px 38px 30px 38px;
    background: #fff;
    position: absolute;
    top: 40px;
    width: 480px;
    border: 1px solid #cecece;
    display: none;
    margin-left: -450px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
    box-shadow: 0 0 30px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 30px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 30px rgba(0,0,0,0.07);
}
.searchBox:after, .searchBox:before {
	bottom: 100%;
    left: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.searchBox:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
    margin-right: 1px;
    left: 11px;
}
.searchBox:before {
	border-color: rgba(206, 206, 206, 0);
	border-bottom-color: #cecece;
	border-width: 9px;
}
.filterActivate .searchBox {
    display: block;
    margin-left: 0;   
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s; 
}
.searchBox > span {
    display: block;
    line-height: 40px;
    font-weight: 600;
    color: #676a6c;
}
.searchFilter {
    padding: 25px 0 10px;
    border-top: 1px solid #e7eaec;
}
.filterE {
    margin-bottom: 15px;
}
.searchBox .btnCmn {
    margin-left: 20%;
}
.dashIn_opt_box{
    display: inline-block;
    vertical-align: middle;
    line-height: 29px;
    padding: 0 10px;
    border: 1px solid #ebecee;
    border-radius: 3px;
    height: 32px;
    color: #686b6d;
    font-size: 12px;
    margin-left: 10px;
}
.filter_check input{
    margin: 0;
}
.filter_check{
    padding: 4px 10px;
}
.filterE label {
    font-weight: normal;
    color: #7d7d7d;
    float: left;
    margin: 0;
    width: 20%;
    padding: 5px 0 4px;
}
.selectSec-in {
    float: left;
    width: 80%;
    margin: 0 -9px;
}
.colH {
    width: 50%;
    padding: 0 9px;
    float: left;
}
.invoiceMain .page_title h2 {
    float: left;
    line-height: 29px;
}
.dashIn-opt {
    float: right;
}
/*.dashOpt-e {
    display: inline-block;
    vertical-align: middle;
    line-height: 29px;
    padding: 0 10px;s
    border-radius: 3px;
    height: 32px;
    color: #f5f7f6;
    font-size: 12px;
    margin-left: 10px;
    background-color: #ff00aa;
}*/

.dashOpt-e {
    display: inline-block;
    vertical-align: middle;
    line-height: 29px;
    padding: 0 10px;
    border-radius: 3px;
    height: 32px;
    color: #686b6d;
    font-size: 12px;
    margin-left: 10px;
    background-color: #eee;
}
.filter_select{
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}
.dashOpt-e span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}
.dashOpt-e:hover {
    color: #fff;
    background: #ff00aa;
}
.outerT-dash {
    margin-top: 15px;
}
.outerT-dash table {
    width: 100%;
    table-layout: fixed;
}
.outerT-dash > table {
    border-top: solid 1px #e5e5e5 !important;
    border-bottom: solid 1px #e5e5e5 !important;
}
    .outerT-dash table th {
        font-weight: 600;
        background: #fff;
        height: 49px;
        color: #676a6c !important;
    }
.outerT-dash table td {
    height: 45px;
}
.outerT-dash table .marked td {
    color: red;
}
   .outerT-dash table td{
            border-bottom:1px solid #e7eaec;
    }
    .outerT-dash table th {
        border-bottom: 2px solid #e7eaec !important;
        border-top: 1px solid #e5e5e5 !important;
    }
.outerT-dash table > tbody > tr:nth-child(even) > td {
    /*---background: #fff; */
   
}
.outerT-dash > table > tbody > tr:nth-child(odd) > td  {
    background: #ffffff; 
  
}
.outerT-dash table th, 
.outerT-dash table td {
    padding: 0 10px;
    color: #3a3a3a;
    vertical-align: middle;
    position: relative;
}
.outerT-dash table th.total_due_th{
    width: 12%;
}
.outerT-dash table th.exp_type{
    width: 15%;
}
.outerT-dash table th.table_desc{
    width: 14%;
}
.outerT-dash table th.th_check{
    width: 6%;
}
.outerT-dash table td.marked_single{
    color: #f00;
}
p.table_desc{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.outerT-dash table th.table_doc{
    width: 10%;
}
.outerT-dash table td.row_chk_td{
    padding: 0;
}
.outerT-dash table th:before, 
.outerT-dash table td:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    content: '';
    background: #e5e5e5;
}
.outerT-dash table tr th:last-child:after, 
.outerT-dash table tr td:last-child:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    content: '';
    background: #e5e5e5;
}
.settingsCell {
    width: 70px;
}
.outerT-dash table th > span, 
.outerT-dash table td > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
}
.sortArrow {
    margin-left: 5px;
}
#selectAll {
    position: relative;
}
.table_row_check{
    width: 100%;
    height: 100%;
}
.table_row_check input{
    display: none;
}
.table_row_check label{
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    font-weight: normal;
}
.table_row_check label span{
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid 1px #bfbfbf;
    border-radius: 50%;
    color: #bdbdbd;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    display: none;
}
.outerT-dash table tr:hover .table_row_check label span{
    display: block;
}
.table_row_check input:checked + label span{
    color: #fff;
    background: #1ab394;
    border-color: #1ab394;
    display: block;
}
.settingsT-in {
    padding: 15px 17px;
    min-width: 235px;
    border: 1px solid #cececf;
    background: #fff;
    font-size: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    display: none;
    left: auto;
    box-shadow: none;
    margin: 0;
}
.settingsT-in:after, .settingsT-in:before {
	bottom: 100%;
    right: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.settingsT-in:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
    margin-right: 1px;
}
.settingsT-in:before {
	border-color: rgba(206, 206, 206, 0);
	border-bottom-color: #cecece;
	border-width: 9px;
}
.setting-e {
    height: 95px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    padding-top: 18px;
    width: 50%;
}
.setting-e:hover {
    opacity: 0.5;
}
.setting-e:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    height: 1px;
    width: 85%;
    background: #fafbfb;
}
.settingsT-in .setting-e:nth-child(2n):before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: 80%;
    background: #fafbfb;
    width: 1px;
}
.settingsT-in .setting-e:last-child:after, .settingsT-in .setting-e:nth-last-child(2):after {
    content: none;
}
.setting-e figure {
    height: 45px;
}
.setting-e figure im {
    max-height: 100%;
}
.setting-e span {
    font-size: 13px;
    color: #878787;
    font-weight: normal;
}
.toggleSettings {
    padding-right: 17px;
    position: relative;
}
.toggleSettings:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 0;
    border-top: 6px solid #bebebe;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: '';
}
.avGrn {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background: #1ab394;
}
.outerT-dash table tr .emailAv {
    text-align: center;
    padding: 0;
}
.outerT-dash table td.totalDue {
    padding-left: 35px;
}
.outerT-dash table td.totalDue.provided:before {
    position: static;
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background: #1ab394;
}
.outerT-dash table td .numBlue,
.outerT-dash table td .numRed,
.outerT-dash table td .numGreen,
.outerT-dash table td .numGray {
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    width: 17px;
    height: 17px;
    line-height: 16px;
    margin-left: 6px;
}
.numBlue {
    background: #6db3de;
}
.numRed {
    background: #ec393e;
}
.numGreen{
    background-color: #1ab394;
}
.numGray{
    background-color: #cfcfcf;
}
.rowFinal td::before, .rowFinal td::after {
    content: none !important;
}
.outerT-dash table tbody tr.rowFinal td {
    position: static;
    font-weight: 600;
    height: 52px;
   /* background: #cfefec;*/
}
.paginationInner {
    padding: 20px 0 23px;
}
.paginationInner li {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    margin-bottom: 3px;
}
    .paginationInner li a {
        display: block;
        float: left;
        width: 28px;
        height: 26px;
        text-align: center;
        border-radius: 3px;
        border: 1px solid #ff00aa !important;
        line-height: 24px;
        font-size: 12px;
        color: #ff00aa !important;
        box-shadow: 0 1px 1px rgba(0,0,0,0.12);
        -webkit-transition: 0s;
        -moz-transition: 0s;
        transition: 0s;
        background: #fff;
    }
    .paginationInner li:hover a,
    .paginationInner li.active a {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff00aa+0,129379+100 */
        background: #ff00aa; /* Old browsers */
        background: -moz-linear-gradient(top, #ff00aa 0%, #b80071 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ff00aa 0%,#b80071 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ff00aa 0%,#b80071 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00aa', endColorstr='#b80071',GradientType=0 ); /* IE6-9 */
        color: #ffffff !important;
        text-shadow: 0 1px rgba(0,0,0,0.04);
        border-color: #ff00aa;
        box-shadow: 0 1px 3px rgba(0,0,0,0.10) inset;
    }
.paginationInner li.prev a ,
.paginationInner li.next a {
    font-size: 9px;
}
.paginationInner li.expandMore span {
    width: 28px;
    height: 26px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #717171;
    display: inline-block;
    font-weight: 600;
}
.paginationInner li.expandMore a:hover {
    color: #000;
}
.outerT-dash.table_header_style_2 table th{
    padding: 8px 0 0;
    text-align: center;
    height: auto;
}
.outerT-dash.table_header_style_2 table th th{
    padding: 8px 0 8px;
    width: 25%;
}
.outerT-dash.table_header_style_2 table th th:last-child:after{
    display: none;
}
.outerT-dash.table_header_style_2 table th table{
    border-top: solid 1px #e5e5e5;
    margin-top: 8px;
}
.outerT-dash.table_header_style_2 table tr > td{
    padding: 0;
}
.outerT-dash.table_header_style_2 table tr > td td{
    width: 25%;
}


/*from new*/

.search_filter_each1{
    font-weight: normal!important; color: #7d7d7d;
}
.search_filter_each25{
   margin-left:10px;
}
.search_filter_each24{
    margin-top:2px; margin-left:10px; color:#000;
}
.search_filter_each23{
    margin-top:6px; margin-left:10px; color:#000;
}
    .search_filter_each23 a { padding:4px;
    }
    .search_filter_each23 a:hover { background:#ff00aa; color:#fff; padding:4px; border-radius:4px; cursor:pointer;
    }



*/




#openfilter{
    cursor: pointer;
}
.search_filter_each{
    float: left;
    margin-left: 0px;
    margin-bottom: 5px;
    margin-right:15px;
    width:auto;
}
.search_filter_each label{
    font-weight: normal;
    color: #3a3a3a;
    margin: 0;
    font-size:15px;
}
input.filter_input{
    width: 180px;
}
.search_filter_each .custom_select{
    width: 230px;
    color:#333!important;
}
.manager_name_th{
    width: 16%;
}
.total_th{
    width: 10%;
}
.payroll_top_block{
    min-height: inherit;
    padding: 20px 30px;
    margin-bottom: 40px;
}
.auto_round{
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: solid 1px #dedede;
    color: #303030;
    line-height: 74px;
    text-align: center;
    display: inline-block;
}
.pay_date_text{
    display: inline-block;
    vertical-align: middle;
    margin: 0 80px;
    text-align: center;
}
.pay_date_text h3{
    font-size: 18px;
    color: #303030;
    font-weight: 400;
    margin: 0 0 5px;
}
.pay_date_text span{
    display: block;
    color: #b1b1b1;
}
.payroll_actions{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.payroll_actions a{
    display: inline-block;
    color: #7d7d7d;
    margin-right: 20px;
}
.payroll_actions a:hover span{
    text-decoration: none;
}
.payroll_actions a:last-child{
    margin-right: 0;
}
.payroll_actions a span{
    display: inline-block;
    text-decoration: underline;
}
.payroll_actions a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.small_search_btn{
    font-size: 12px;
    padding: 4px 18px 5px;
}
.outerT-dash table th.first_name_cell{
    width: 26%;
}
.outerT-dash table th.director_chk{
    width: 11%;
}
.green_heading{
    font-size: 18px;
    color: #ff00aa;
    margin: 30px 0 15px;
}
.add_business_label{
    font-weight: 600;
    color: #7d7d7d;
    display: block;
    margin: 0 0 5px;
}
input.business_search_input{
    width: 490px;
    height: 38px;
    border: solid 1px #e1e1e1;
    margin-bottom: 5px;
}
.business_search_result{
    width: 100%;
    height: 370px;
    border: solid 1px #e1e1e1;
    background: #fff;
    position: relative;
}
.no_result{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    color: rgba(125,125,125,0.5);
}
.manually_add{
    margin-top: 60px;
}
.manually_add span{
    display: block;
    color: #7d7d7d;
    margin: 0 0 12px;
}
.manually_add_btn{
    font-size: 15px;
    padding: 6px 18px;
    font-weight:normal !important;
}
.add_form_block{
    margin-bottom: 35px;
}
.add_form_block:last-child{
    margin-bottom: 0;
}
.add_form_row{
    margin-bottom: 12px;
}
.add_form_row:after{
    content: '';
    display: block;
    clear: both;
}
.add_form_row:last-child{
    margin-bottom: 0;
}
.add_form_label{
    font-weight: 400;
    color: #000;
    display: block;
    min-width: 185px;
    float: left;
    margin-right: 5px;
    line-height: 28px;
}
.add_form_colon{
    color: #7d7d7d;
    margin-right: 18px;
    display: block;
    float: left;
    line-height: 28px;
}
.add_form_cell{
    width: 480px;
    display: block;
    float: left;
    line-height: 28px;
}
/*.add_form_input{
    height: 28px;
    border-radius: 4px;
    background: #fff;
    border: solid 1px #e1e1e1;
    width: 100%;
}*/
.add_form_input_full{
    width: 100%;
}
input.add_form_input_small{
    width: 130px;
}
.add_form_block .green_heading{
    margin-top: 0;
    font-weight: 300;
}
.add_form_check{
    margin-top: 18px;
}
.add_form_check input{
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.add_form_check label{
    color: #7d7d7d;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.chk_group .add_form_check{
    margin-top: 0;
    display: inline-block;
    margin-right: 20px;
}
.limited_company_block{
    min-height: 732px;
    padding: 25px;
}
.add_form_btn{
    padding: 5px 10px;
    font-size: 12px;
    min-width: 82px;
    text-align: center;
}
.cancel_btn {
    border: 1px solid #727374 !important;
    color: #727374 !important;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px;
    background: #fff !important;
}

    .cancel_btn:hover {
        background: #e6e6e6 !important;
    }
.outerT-dash table th.utr_th{
    width: 9%;
}
.outerT-dash table th.assessment_name{
    width: 15%;
}
.outerT-dash table th.accountant{
    width: 14%;
}
.outerT-dash table th.work_status{
    width: 10%;
}
.outerT-dash table th.edit{
    width: 7%;
}
.outerT-dash table th.sub_th{
    width: 11%;
}
.sub_status img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.outerT-dash table td.submitted {
    color: #1ab394;
}
.self_assessment_block{
    padding: 20px 25px;
    min-height: 350px;
}
.assessment_name_td a{
    text-decoration: underline;
}
.status_details li{
    width: 8%;
    text-align: center;
    float: left;
    margin-right: 10.4%;
}
.status_details li:last-child{
    margin-right: 0;
}
.status_details li p{
    font-size: 14px;
    color: #676a6c;
    margin: 0 0 3px;
}
.status_details li span{
    display: block;
    font-size: 12px;
    color: rgba(125,125,125,0.5);
}
.status_round{
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #c0c0c0;
    position: relative;
    margin: 7px auto 15px;
    box-shadow: 0 0 0 7px rgba(192,192,192,0.16);
}
.status_round img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.status_details ul{
    position: relative;
}
.status_details ul:before{
    content: '';
    left: 4%;
    right: 4%;
    height: 6px;
    background: #e7eaec;
    position: absolute;
    top: 20px;
    display: block;
}
.status_details li.active p{
    color: #f8ac59;
}
.status_details li.active .status_round{
    box-shadow: 0 0 0 7px rgba(248,172,89,0.16);
    background: #f8ac59;
}
.tax_details li{
    width: 33.3333%;
    float: left;
}
.tax_details li p{
    color: #9d9d9d;
    margin: 0 0 0px;
}
.tax_details li span{
    font-size: 14px;
    color: #1ab394;
}
.tax_details li.tax_due span{
    color: #eb1c24;
}
.tax_details{
    padding-top: 25px;
    margin-top: 25px;
    border-top: solid 1px #e7eaec;
}
.assessment_details_block{
    min-height: inherit;
}
.outerT-dash span.checked {
    width: 17px;
    height: 17px;
    border: solid 1px #b80071;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    background: #b80071;
}
.outerT-dash span.checked.unchecked{
    background: transparent;
    border: solid 1px #bcbcbc;
    color: #bcbcbc;
}
.tax_header{
    font-size: 14px;
    color: #676a6c;
    font-weight: 600;
}
.has_bottom_margin{
    margin-bottom:30px;
}
.outerT-dash table th.note_small_cell{
    width: 21%;
}
.add_customer_popup .modal-dialog{
    width: 1142px;
}
.common_popup .modal-body{
    padding: 20px 35px 35px;
    min-height: 400px;
}
.popup_header{
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #e5e5e5;
    position: relative;
    padding-right: 30px;
}
.popup_header h2{
    font-weight: 300;
    color: #ff00aa!important;
    font-weight: 300;
    margin: 0;
}
.popup_form_col{
    width: 45%;
}
.popup_form_row .add_form_label{
    min-width: 115px;
    margin-bottom: 0;
}
.popup_form_row .add_form_cell{
    width: 300px;
}
.add_form_cell .custom_select{
    width: 100%;
}
.popup_form_row .add_form_row {
    margin-bottom: 15px;
}
.form_action_btn{
    margin-top: 72px;
}
.common_popup .modal-content{
    border-radius: 4px;
}
.pay_date_col .common_block{
    padding: 10px 20px 30px;
    min-height: inherit;
}
.pay_date_col .block_header{
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.pay_details_left{
    width: 310px;
    float: left;
    margin-right: 120px;
}
.pay_hour_details{
    width: 50%;
    color: #7d7d7d;
}
.pay_details_left_row{
    margin-bottom: 10px;
}
.pay_details_left_row:last-child{
    margin-bottom: 0;
}
.add_deduc_details_col{
    width: 170px;
    float: left;
    margin-right: 90px;
}
.add_deduc_details_col:last-child{
    margin-right: 0;
}
.add_deduc_body_col{
    float: left;
    width: 50%;
    color: #7d7d7d;
}
.add_deduc_details{
    float: left;
}
.add_deduc_header{
    color: #7d7d7d;
    font-style: italic;
    margin-bottom: 10px;
}
.add_deduc_body_row{
    margin-bottom: 10px;
}
.add_deduc_body_row:last-child{
    margin-bottom: 0;
}
.pay_date_bottom_left .var_row_col{
    width: 25%;
}
.green_btn.btn_md{
    padding: 7px 20px;
    font-size: 14px;
}
.pay_date_bottom_left{
    width: 65%;
}
.pay_date_bottom_right .green_btn{
    margin-right: 5px;
}
.pay_date_bottom_right .green_btn:last-child{
    margin-right: 0;
}
.margin_top_30{
    margin-top: 30px;
}
.payroll_middle_col .common_block{
    padding: 10px 20px 20px;
    min-height: 226px;
}
.payroll_middle_col .block_header{
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.date_table{
    width: 100%;
    table-layout: fixed;
}
.date_table th{
    color: #676a6c;
    width: 25%;
    font-size: 15px;
    font-weight: 400;
    padding: 0 5px 5px;
}
.date_table td{
    color: rgba(125,125,125,0.5);
    padding: 7px 5px;
    border-bottom: solid 1px #f2f2f2;
}
.date_table td:first-child,
.date_table th:first-child{
    padding-left: 0;
}
.date_table td:last-child,
.date_table th:last-child{
    padding-right: 0;
}
.date_table tr:last-child td{
    border-bottom: 0;
}
.date_table_wrap{
    max-height: 91px;
    overflow: auto;
    margin-bottom: 12px;
}
.payroll_table_col .outerT-dash{
    margin-top: 0;
}
.pay_no{
    width: 5%;
}
.pay_date{
    width: 10%;
}
.pay_code{
    width: 7%;
}
.pay_ni{
    width: 7%;
}
.pay_emp_ni{
    width: 11%;
}
.pay_smp{
    width: 12%;
}
.pay_ytd{
    width: 14%;
}
.pay_process{
    width: 6%;
}
.pay_slip{
    width: 6%;
}
.pay_dropdown{
    color: #7d7d7d;
}
.pay_dropdown img{
    display: inline-block;
    margin-left: 5px;
}
.pay_dropdown:hover,
.pay_dropdown:focus{
    color: #7d7d7d;
}
.smp_dropdown{
    min-width: 145px;
}
.smp_row span{
    min-width: 50px;
    display: inline-block;
}
.smp_dropdown{
    font-size: 13px;
    color: #666;
}
.smp_row{
    margin-bottom: 2px;
}
.smp_row:last-child{
    margin-bottom: 0;
}
.total_pay{
    margin-top: 10px;
    font-weight: 600;
}
.ytd_dropdown{
    min-width: 190px;
    font-size: 13px;
}
.ytd_dropdown .smp_row span{
    min-width: 100px;
}
.pay_date_bottom_right{
    padding-top: 10px;
}
.add_form_cell textarea{
    height: 138px;
}
.dashIn-opt .filter_select{
    width: 180px;
}


.pl_table_header{
    cursor: pointer;
    transition: 0.3s;
}
.pl_table_header:after{
    content: '';
    display: block;
    clear: both;
}
.pl_cell{
    float: left;
    color: #666;
}
.pl_table_serial{
    width: 5%;
    text-align: center;
}
.pl_table_serial_no{
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    color: #818181;
    text-align: center;
}
.pl_table_sale{
    width: 19%;
}
.pl_table_arrow{
    width: 44%;
}
.pl_table_header .pl_cell{
    color: #666;
    font-size: 14px;
    font-weight: 700;
    height: 62px;
    line-height: 62px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.pl_table_price{
    width: 16%;
    text-align: right;
    padding: 0 30px;
}
.pl_collapse_each{
    width: 100%;
}
.pl_collapse_each:after{
    content: '';
    display: block;
    clear: both;
}
.pl_table_each{
    border-bottom: solid 1px #dbdbdc;
}
.pl_table_each:last-child{
    border-bottom: 0;
}
.pl_table_arrow svg{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    top: 3px;
}
.pl_table_arrow svg path{
    fill:#a9a9aa;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.pl_col_sale_number{
    width: 68%;
    padding-left: 5%;
}
.pl_col_price{
    width: 16%;
    text-align: right;
    padding: 0 30px;
}
.pl_collapse_each{
    height: 44px;
    line-height: 44px;
}
.pl_collapse_each:nth-child(even){
    background: rgba(225,225,225,0.5);
}
.pl_collapse_content{
    display: none;
    border-top: solid 2px #1ab394;
}
.active .pl_collapse_content{
    display: block;
}
.pl_table_header:hover,
.active .pl_table_header{
    background: #bfbfbf;
    border-color: #bfbfbf;
}
.pl_table_header:hover .pl_cell,
.active .pl_table_header .pl_cell{
    color: #fff;
}
.pl_table_header:hover .pl_table_arrow svg path,
.active .pl_table_header .pl_table_arrow svg path{
    fill:#fff;
}
.active .pl_table_header .pl_table_arrow svg{
    transform: rotate(90deg);
}
.inner_each_wrap{
    margin-bottom: 40px;
}
.pl_master_header:after{
    content: '';
    display: block;
    clear: both;
}
.pl_master_header_cell{
    float: right;
    width: 16%;
    text-align: right;
    padding: 0 30px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #7d7d7d;
}
.pl_master_header{
    border-bottom: solid 1px #bfbfbf;
}
.pl_table_wraper{
    overflow: auto;
}
.modal_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border: solid 1px #b7b7b7;
    background: transparent;
    border-radius: 50%;
    box-shadow: none;
    color: #7d7d7d;
    padding: 0;
}
.modal_close:hover{
    background: #b7b7b7;
    color: #333;
}
.add_customer_popup_emp{
    width: 300px;
}
.add_customer_table{
    width: 100%;
    border: solid 1px #e5e5e5;
}
.add_customer_table > tbody > tr > th{
    color: #000000;
    padding: 12px;
    background: #f3f3f4;
    font-weight: 600;
    border-right: solid 1px #e5e5e5;
}
.add_customer_table > tbody > tr:last-child > th{
    border-right: 0;
}
.add_customer_table > tbody > tr > td{
    padding: 12px;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
}
.currency_sign{
    width: 27%;
    float: left;
    margin-right: 3%;
}
input.currency_input{
    width: 70%;
}
.c_date_th{
    width: 14%;
}
.c_exp_th{
    width: 20%;
}
.c_desc_th{
    width: 30%;
}
.c_total_th{
    width: 20%;
}
.c_vat_th{
    width: 16%;
}
.add_customer_table_wrap{
    margin-top: 20px;
}
.exp_tick{
    margin: 20px 0;
}
.exp_tick input,
.exp_tick label{
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.exp_tick label{
    color: #7d7d7d;
    font-weight: 400;
}
.popup_subheader{
    font-size: 18px;
    color: #000;
    margin: 0 0 30px;
}
.manage_company .popup_form_col {
    width: 48%;
}
.manage_company .popup_form_row .add_form_label{
    min-width: 200px;
}
.manage_company .popup_form_row .add_form_cell{
    width: 280px;
}
.sub_chk input,
.sub_chk label{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.sub_chk label{
    color: #aeaeae;
    font-weight: normal;
}
.subc_cis .add_form_cell{
    padding: 4px 0;
}
.hav_chk .sub_chk{
    margin-top: 5px;
}
.manage_vat .popup_form_row .add_form_label {
    min-width: 240px;
}
.manage_vat .popup_form_row .add_form_cell {
    width: 280px;
}
.manage_vat .popup_form_col {
    width: 100%;
}
.outerT-dash table th.ledger_check{
    width: 4%;
}
.outerT-dash table th.ledger_number{
    width: 9%;
}
.outerT-dash table th.ledger_desc{
    width: 15%;
}
.outerT-dash table th.ledger_doc{
    width: 9%;
}
.outerT-dash table th.ledger_date{
    width: 10%;
}
.outerT-dash table th.ledger_source{
    width: 12%;
}
.sample_table table{
    border: solid 1px #e5e5e5;
    background: #fff;
}
.sample_table table td{
    padding: 10px;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
}
.sample_table table td:last-child{
    border-right: 0;
}
.sample_table table tr:last-child td{
    border-bottom: 0;
}
.outerT-dash table > tbody > tr.table_total_row > td{
    background: rgba(0,0,0,0.15);
}
.report_col .common_block{
    padding: 30px;
}
.report_col h3{
    font-size: 20px;
    font-weight: 600;
    border-bottom: solid 1px #e5e5e5;
    color: #000;
    margin: 0 0 20px;
    padding: 0 0 15px;
}
.report_list a{
    font-size: 16px;
    color: #1ab394;
    display: inline-block;
    text-decoration: underline;
    margin: 0 0 5px;
    line-height: normal;
}
.report_list a:hover{
    text-decoration: none;
}
.report_list p{
    color: #666;
    line-height: normal;
}
.report_list li{
    margin: 0 0 20px;
}
.report_list li:last-child{
    margin: 0;
}
.report_list_inline li{
    width: 25%;
    float: left;
    margin-right: 12%;
}
.report_list_inline li:nth-child(3n){
    margin-right: 0;
}
.report_list_inline li:nth-child(3n+1){
    clear: both;
}
.report_margin_bottom{
    margin-bottom: 65px;
}
.pl_footer .pl_total_left{
    font-weight: 700;
    color: #666;
    width: 68%;
    padding-left: 5%;
    float: left;
    line-height: 44px;
}
.pl_footer{
    border-bottom: 0;
    border-top: solid 2px #9bcacb;
}
.pl_footer .pl_master_header_cell{
    font-weight: 700;
}
.debtors_details_each h3{
    font-size: 18px;
    color: #1ab394;
    font-weight: 400;
}
.outerT-dash table th.debt_sort{
    width: 90px;
}
.outerT-dash table th.date_desc{
    width: 15%;
}
.outerT-dash table th.debt_small{
    width: 84px;
}
.tableDashboard p.date_desc{
    color: #7d7d7d;
    margin: 0;
    line-height: normal;
}
.tableDashboard span.date_nm{
    color: rgba(125,125,125,0.7);
    font-size: 11px;
}
.outerT-dash table th.outstanding_th {
    width:180px;
}
.search_filter_each .custom_select.leave_select {
    width: 330px;
    margin-left: 40px;
}
.leave_btn_group{
    margin-top: 30px;
}
.stat_popup_form{
    display: table;
    width: 100%;
}
.stat_popup_form_row{
    display: table-row;
}
.stat_popup_form_cell{
    display: table-cell;
    vertical-align: middle;
}
.stat_popup_cell_text{
    width: 210px;
}
.stat_popup_cell_color{
    width: 25px;
}
.stat_popup_form_cell .outerT-dash table th{
    background: #eaeaea;
    text-transform: uppercase;
}
.stat_popup_form_cell .outerT-dash table > tbody > tr > td{
    background: #fff;
}
.stat_popup_form_cell .outerT-dash table > tbody > tr:nth-child(odd) > td{
    background: #f5f5f5;
}
.popup_form_col_full{
    width: 100%;
}
.popup_form_row.stat_popup_row .add_form_cell {
    width: 70%;
}
.popup_form_row.stat_popup_row .add_form_label {
    min-width: 225px;
}
select.small_select{
    width: 180px;
}
.popup_form_row.stat_popup_row .outerT-dash {
    margin-top: 0px;
}
.input_file{
    width: 250px;
    border: solid 1px #e1e1e1;
    border-radius: 4px;
    height: 28px;
}
.input_file input{
    display: none;
}
.choose_text{
    width: 96px;
    height: 20px;
    background-color: #ededed;
    display: inline-block;
    color: #b3b3b3;
    text-align: center;
    margin: 3px 6px 3px 4px;
    border-radius: 4px;
}
.input_file label{
    font-weight: 400;
    font-weight: 400;
    display: block;
    margin: 0;
    cursor: pointer;
}
.error{
    display: block;
    color: #ec393e;
    margin-top: 5px;
}
.add_form_row h3{
    font-size: 18px;
    color: #000;
    margin: 0;
    font-weight: 400;
}
.dashboard_page_title h2{
    float: left;
}
/****main content****/

/*search section*/
.search_header{
    margin: 0 0 25px;
}
.search_header h3{
    font-size: 16px;
    color: #676a6c;
    margin: 0 0 8px;
    font-weight: 400;
}
.search_header p{
    color: #676a6c;
}
.search_box{
    max-width: 557px;
    margin: 0 auto;
    position: relative;
}
input.search_input{
    height: 50px;
    width: 100%;
    border: solid 1px rgba(201,201,201,0.39);
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05);
    padding: 0 70px 0 30px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.search_input:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
.search_input:focus{
    box-shadow: 0 0 5px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
.search_button{
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    border: 0;
    background: transparent;
}
.search_button svg{
    display: block;
    margin: 0 auto;
}
.search_button:hover path{
    fill:#ff00aa;
}
.search_key{
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}
.search_key li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 2px #e1e1e1;
    margin-bottom: 15px;
}
.search_key li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
.search_key li a{
    color: #cccccc;
    display: block;
    line-height: 15px;
}
.search_key li a:hover{
    color: #7b7b7b;
}
.search_key li a i{
    font-size: 12px;
    display: inline-block;
    margin-right: 8px;
}
.search_key{
    margin-top: 25px;
}
.search_block{
    padding: 55px 45px 30px;
    min-height: inherit;
}
/*search section*/

/*27-02-2017*/
.infoNote-top {
    float: right;
    font-size: 0;
}
.infoNote-top a {
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    margin-left: 5px;
    line-height: 22px;
    border: 1px solid #e8eaec;
    border-radius: 3px;
}
.infoNote-top a:hover {
    background: #e8eaec;
}
.infoTable {
    min-width: 400px;
}
.infoTable td small {
    display: block;
    line-height: 16px;
    opacity: 0.6;
}
.infoTable th, .infoTable td {
    font-weight: normal;
    color: #7d7d7d;
    vertical-align: top;
    padding: 8px 0;
    border-bottom: 1px solid #e7eaec;
}
.common_block .infoTable tr:last-child td, .common_block .infoTable tr:last-child th,
.generalInfo .infoTable tr:last-child th, .generalInfo .infoTable tr:last-child td{
    border-bottom: none;
}
.infoTable.tableIn tr:last-child th, .infoTable.tableIn tr:last-child td {
    border-bottom: 1px solid #e5e5e5;
}
.generalInfo th, .generalInfo td {
    width: 50%;
}
.infoTable td a {
    color: #7d7d7d;
    text-decoration: none;
}
.infoTable td a:hover {
    opacity: 0.8;
}
.infoTable td a:hover {
    color: #ff00aa;
}
.infoTable th {
    width: 215px;
}
.common_block .infoTable {
    min-width: 1px;
    width: 100%;
}
.common_block .infoTable th {
    width: auto;
}
.dashboardConfig .common_block {
    min-height: 264px;
}
.dashboardConfig .block_header {
    margin-bottom: 10px;
}
.dashboardConfig .half_height {
    min-height: 127px;
    margin-bottom: 10px;
}
.dashboardConfig .payroll_middle_col .half_height:last-child {
    margin-bottom: 0;
}
.tableIn th {
    background: #e7e7e7;
}
.tableIn th,
.tableIn td {
    border-right: 1px solid #e5e5e5;
    padding: 0 5px;
    height: 36px;
    vertical-align: middle;
}
.tableIn tr:nth-child(odd) td {
    background: #f7f7f7;
}
.tableIn td:first-child,
.tableIn th:first-child  {
    border-left: 1px solid #e5e5e5;
}
.infoTable td a img {
    max-height: 19px;
}
.clearUp {
    clear: both;
}
.margin_top_15 {
    margin-top: 15px;
}
.dividerCell th {
    padding-right: 10px;
    position: relative;
}
.dividerCell td {
    padding-left: 5px;
}
.dividerCell th::after {
    position: absolute;
    content: ':';
    right: 5px;
    top: 17px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
@media (min-width: 768px) {
    .generalInfo .row > div {
        padding-right: 30px;
    }
}
@media (min-width: 992px) {
    .generalInfo .row > div {
        padding-right: 155px;
    }
}
@media (min-width: 1600px) {
    .tableIn th, .tableIn td {
        padding: 0 15px;
    }
}


/*07-03-2017*/
.auth_wrapper{
    width: 100%;
    display: table;
    height: 100vh;
}
.auth_row{
    display: table-row;
}
.auth_cell{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.auth_cell_left_dns {

    background-image: url(../images/dns_back.png) !important;
    background-repeat: no-repeat;
}
.auth_cell_left {
    background-color: #ff00aa;
}
.auth_cell_right{
    background-color: #f3f3f4;
}
.auth_left_inner{
    width: 555px;
    float: right;
    padding-right: 75px;
}
.auth_cell_left h2{
    font-weight: 300;
    color: #fff;
    font-size: 45px;
    margin: 0 0 10px;
}
.auth_cell_left h3{
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    margin: 0 0 35px;
}
.auth_logo{
    margin: 0 0 35px;
    display: inline-block;
}
.auth_cell_left p{
    color: #001b16;
    margin: 0 0 30px;
}
.register_btn{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 4px;
    background: #000;
    padding: 8px 30px;
}
.register_btn:focus{
    color: #fff;
}
.register_btn:hover{
    background: #fff;
    color: #000;
}
.auth_right_inner{
    /*width: 555px;*/
    float: left;
    padding-left: 75px;
    text-align:left;
}
.auth_cell_right h2{
    font-size: 45px;
    font-weight: 300;
    margin: 0;
    color: #000;
}
.auth_right_header{
    margin: 0 0 55px;
}
.auth_right_header p{
    font-size: 14px;
    font-weight: 300;
    color: rgba(0,0,0,0.8);
    margin: 20px 0 0 0;
}
.relogin{
    margin: 31px 0 0px;
}
.relogin p{
    color: #0b0b0b;
    margin: 0 0 20px;
}
.login_btn.gray_login_btn{
    background-color: #7c7c7c;
}
.login_btn.gray_login_btn:focus{
    color: #fff;
}
.login_btn.gray_login_btn:hover{
    background-color: #4a4a4a;
    color: #fff;
}
input.login_input{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: 42px;
    border-radius: 0;
    background: transparent;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #c2c2c3;
    width: 100%;
}
.rem_me input{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.rem_me label{
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-weight: 400;
}
.login_btn{
    color: #fff;
    display: inline-block;
    background-color: #ff00aa;
    font-size: 14px;
    border: 0;
    border-radius: 4px;
    padding: 8px 37px;
}
.login_btn:hover{
    background: #13806a;
}
.cant_acc{
    font-size: 18px;
    color: #0b0b0b;
    display: inline-block;
    text-decoration: underline;
}
.cant_acc:focus{
    color: #0b0b0b;
    text-decoration: underline;
}
.cant_acc:hover{
    color: #0b0b0b;
    text-decoration: none;
}
.login_email_box{
    margin-bottom: 30px;
}
.rem_me_box{
    padding: 25px 0;
}
.cant_acc_login{
    margin-top: 28px;
}
/*07-03-2017*/

/*08-03-2017*/
.srch_filter_check{
    line-height: 28px;
}
.srch_filter_check input{
    margin: 0;
    vertical-align: middle;
    display: inline-block;
}
.debt_name{
    width: 16%;
}


.profit_table{
    width: 100%;
}
.profit_table tr{
    display: none;
}
.profit_table tr:nth-child(odd) td{
    background-color: #eaeaea;
}
.profit_table tr td{
    color:#666666;
    padding: 12px;
    border-top:1px solid #ccc;
}
.profit_table tr.profit_table_title{
    display: table-row;
}
.profit_table tr.profit_table_title td{
    background: transparent;
    cursor: pointer;
    /*font-weight: 700;*/
    border-top: solid 1px #ccc;
    padding: 12px;
    font-size: 16px;
}
.profit_table tr.profit_table_title:first-child td{
    border-top: 0;
}
.profit_table tr.profit_table_title.active td{
    background-color: #bfbfbf;
    color: #fff;
    border-bottom: solid 2px #1ab394;
}
.profit_table tr td.serial_td{
    width: 4%;
    text-align: center;
}
.profit_table tr td.profit_reg_price{
    width: 120px;
}
.profit_table tr td svg{
    display: inline-block;
    vertical-align: middle;
}
.profit_table tr td svg path{
    fill:#666;
}
.profit_table tr.profit_table_title.active td svg path{
    fill:#fff;
}
.profit_table tr.profit_table_title.active td svg{
    transform: rotate(90deg) translateX(-50%);
}
.profit_table tr.profit_table_title:hover td{
    background: #eaecec;
    color: #666;
}
.profit_table tr.profit_table_title:hover td svg path{
    fill:#fff;
}
.profit_table tr.profit_header{
    display: table-row;
}
.profit_table tr th{
    padding: 12px;
    color: #666;
    font-weight: 700;
    font-size: 20px;
    border-bottom: solid 2px #ccc;
}
.profit_row_title{
    position: relative;
    padding-right: 18px;
    max-width: 170px;
}
.profit_row_title svg{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.profit_table tr.total_row {
    display: table-row;
}
.profit_table tr.total_row th {
    font-weight: 700;
    color: #666;
    border: 0;
    border-top: solid 2px #9bcacb;
    padding: 20px 12px;
}
/*08-03-2017*/

/*09-03-2017*/
.outerT-dash table th.cred_small_cell{
    width: 110px;
}
/*09-03-2017*/


/*21-03-2017*/
.chk_group span{
    display: inline-block;
    width: 24%;
    vertical-align: top;
    padding-right: 5px;
}
.chk_group span label{
    font-weight: 400;
    color: #7d7d7d;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.chk_group input{
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
/*21-03-2017buttonEx*/
/*09-10-2019buttonEx*/

    .form-control12{ height:34px !important;}

/*15-09-19*/

.add_dir_sh {
    display: inline-block;
    vertical-align: middle;
    line-height: 29px;
    padding: 0 10px;
    border-radius: 3px;
    height: 32px;
    color: #686b6d;
    font-size: 12px;
    margin-left: 10px;
    background-color: #eee;
}

/*12-09-19 shoeb*/
.support_popup {
	padding:10px;
	background:#fff;
}
.input-singlerow label {
    display: inline-block;
    vertical-align: middle;    
}

.input-singlerow input {
    display: inline-block;
    vertical-align: middle;
}
input[type=checkbox], input[type=radio] {
     margin-right: 6px;
}
.add_form_label_New {
	color: #7d7d7d;
	padding-left:15px;
}
.modal-dialog-centered {
    margin-top: 10%;
}
 #cboxClose{	background: url("/CommonV2/images/colorbox/close.png") no-repeat 0px 0px; 
			top: -2px; width: 40px; height: 32px; right: -10px; display: block; position: absolute;
		}

#cboxClose:hover {
	background-position: 0px bottom;
}

#cboxCloseEdit{	background: url("/CommonV2/images/colorbox/close.png") no-repeat 0px 0px; 
			top: -2px; width: 40px; height: 32px; right: -10px; display: block; position: absolute;
		}
		 
#cboxCloseEdit:hover {
	background-position: 0px bottom;
}

#cboxCloseDelete{	background: url("/CommonV2/images/colorbox/close.png") no-repeat 0px 0px; 
			top: -2px; width: 40px; height: 32px; right: -10px; display: block; position: absolute;
		}
		 
#cboxCloseDelete:hover {
	background-position: 0px bottom;
}


.availdetail {
    padding:0 10px;
    text-align:center;
}


/* Other css add for Design change*/


.colorchmage a {
    color:#000 !important;
}
.tab input {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 15px;
}
.py-0{
    padding-top:0px;
    padding-bottom:0px;
}
.pt-0{
    padding-top:0px;
}
.pb-0{
    padding-bottom:0px;
}
.pl-0{
    padding-left:0px;
}
.pr-0{
    padding-right:0px;
}
.px-0{
    padding-left:0px;
    padding-right:0px;
}

.my-0{
    margin-top:0px;
    margin-bottom:0px;
}
.mt-0{
    margin-top:0px;
}
.mb-0{
    margin-bottom:0px;
}
.ml-0{
    margin-left:0px;
}
.mr-0{
    margin-right:0px;
}
.mx-0{
    margin-left:0px;
    margin-right:0px;
}


.manually_add_btn1 {
          margin-left: 15px;
}

.tableft12 a, td , th {
    font-size:15px;
}

.border_div {border: 1px solid #e8e8e8;
}
.custom_select_larg {
    width:230px !important;
}
.sub_chk1 {
   width:26%;
}

.f-right{float:right;}


.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px !important;}


.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}

/*CUSTOM MEDIA QUERY START*/

@media only screen and (max-width: 1400px) and (min-width: 480px) {
   body{
       font-size:13px !important;
   }
   
    .tableft12 a, td, th {
    font-size: 13px !important;
}
    .tableft12 a, td.textleft {
        font-size: 16px !important;
    }

  .headwdrop  a {
        font-size: 16px  !important;
    }

    h3 {
        font-size: 16px !important;
    }

    .vat_num{
     font-size: 18px;
 
}


    .auth_cell_right h2{
    font-size: 34px;

}
    .auth_right_inner{
    /*width: 555px;*/
 
    padding-left: 23px;
   
}

}

/*CUSTOM MEDIA QUERY END*/

.input-group .form-control {
   
    z-index: 0 !important;
}

@media only screen and (max-width: 1100px) and (min-width:768px)  {
  .main_content {
     margin-top: 50px!important;
  }
}


@media only screen and (max-width:768px)  {
  .main_content {
     margin-top: 150px!important;
  }
}


/*login code css class*/

 .mt_login{
         margin:250px 0 0 40px;
     }
  .mt_logout{
         margin:360px 0 0 40px;
     }


      .fullheightbg{
           height:100vh;
       }   

     .loginhead{
         font-size: 45px; 
         font-weight: 300;
         color: #000; 
         margin-bottom:30px;
         }

     .mt-30{
         margin-top:30px;
     }

     .centervh{
         position: absolute; 
         top: 50%; 
         left: 40%;  
         transform: translate(-40%, -50%)
     }



     @media only screen and (max-width: 768px) {

          .mt_login{
         margin:50px 0 0 37px;
     }
 
          .mt_logout{
         margin:50px 0 0 10px;
     }
 


       .fullheightbg{
           height:30vh;
       }   
       
       .loginhead {
    font-size: 26px;
 
}

       .mt-30{
         margin-top:20px;
     }
           
    .cant_acc{ font-size: 16px; }

}

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

      .mt_login{
         margin:150px 0 0 10px;
     }
 
          .mt_logout{
         margin:230px 0 0 10px;
     }

.loginhead{ font-size: 40px; }
}


@media only screen and (max-width: 1400px) and (min-width: 768px) {

      .mt_login{
         margin:150px 0 0 37px;
     }
 
          .mt_logout{
         margin:230px 0 0 10px;
     }

}

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

      .mt_login{
         margin:50px 0 0 37px;
     }
 
          .mt_logout{
         margin:50px 0 0 10px;
     }

        .cant_acc{ font-size: 16px; }

}

/*panel hover end*/

/*.side_navigation1:hover{ 
    overflow-y:scroll; 
    height:480px;
    transition: 0.4s;
    z-index:999;

}*/

 /* width */
::-webkit-scrollbar {
  width: 10px;
  background:none;

}


/* Handle */
::-webkit-scrollbar-thumb {
  background: #c1c1c1 !important; 
  border-radius:5px;
 
}


 ::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d !important;
    
}


 /*@media only screen and (max-width: 2520px) and (min-width: 1600px) {
    .side_navigation1:hover {
        height: 100% !important;
        transition: 0.4s;
        z-index: 999;
        overflow-y: no-display;
    }
    ::-webkit-scrollbar {
  width: 0px;
  background:none;

}


}*/

/*Dean css start*/
.page_title h2 {
    color: #ff00aa;
}

.pnlsearchbar {
    background-color: #f7f7f7;
    padding: 20px 10px 5px 10px;
    box-shadow: none;
    border-radius: 2px;
    border-color: #ddd;
}

.shadow-0 {
    box-shadow: none;
}

.report_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 29px;
    padding: 0 8px;
    font-size: 16px;
    margin-left: 10px;
    color: #c1bebe;
}

    .report_icon :hover {
        color: #333;
    }

.text-white {
    color: #fff !important;
}

.drp-border {
    border: 1px solid #b80071 !important;
}

.table-head-bg tr > th {
    background-color: #f7f7f7;
    font-weight: 600;
}

.table-head-bg tr > th, td {
    border-left: 0px none;
    border-right: 0px none;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #b80071;
    right: 10px;
    top: -10px;
    position: absolute;
}

.dropdown-menu-left {
    right: auto;
    left: -155px;
    top: 30px;
    z-index: 1;
    padding: 0 !important;
    min-width: 190px;
    border: 1px solid #b80071;
}

    .dropdown-menu-left > li > a {
        border-bottom: 1px dashed #cccccc;
        color: #494949;
        font-size: 12px;
        padding: 5px 10px;
    }

        .dropdown-menu-left > li > a:focus, .dropdown-menu-left > li > a:hover {
            color: #fff;
            background-color: #b80071 !important;
        }


.li-border > li > a {
    border-bottom: 1px dashed #cccccc;
}

    .li-border > li > a:hover {
        color: #fff !important;
        background-color: #b80071 !important;
    }


.dropdown-content.drp-border::before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #ff00aa;
    right: 10px;
    top: -10px;
    position: absolute;
    content: "";
}
.btn {
    border-radius: 18px !important;
}

.btn-def {
    color: #fff;
    background-color: #ff00aa;
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 18px;
    font-weight: 600;
}

    .btn-def:hover {
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: #ffffff;
        border: 1px solid #b80071;
        transition: 0s;
    }

.btn-default:focus {
    color: #fff;
}
.border-btm-dotted {
    border-bottom: 1px dotted #484949;
}
.dropdown li:last-of-type a {
    border-bottom: none;
}
.popup_header h2 {
    color: #43a2a1;
    font-size:20px;
}
/*Dean css end*/


/*SAUI Dashboard css start*/
.pnlsearchbar_green {
    background-color: #ff00aa;
    padding: 20px 10px 5px 10px;
    box-shadow: none;
    border-radius: 10px;
    border-color: #ddd;
    text-align: center;
    color: #ffffff;
    padding: 40px;
}

.green_border {
    padding: 10px 20px 5px;
    box-shadow: none;
    border-radius: 10px;
    border: 2px solid #ff00aa;
    text-align: center;
}

.pnlsearchbar_green h2 {
    color: #ffffff;
}

.pnlsearchbar_green h1 {
    color: #ffffff;
    font-size: 46px;
}

.greenhead {
    width: 100%;
    height: auto;
    line-height: 30px;
    border-bottom: 2px solid #acacac;
}

.greenhead1 {
    margin: 10px 0px 14px;
    width: 100%;
    height: auto;
    line-height: 30px;
    border-bottom: 2px solid #acacac;
}

    .greenhead1 h3 {
        text-align: left;
        color: #ff00aa;
        font-size: 22px;
        font-weight: 700;
    }

.greenhead h3 {
    text-align: left;
    color: #ff00aa;
    font-size: 22px;
    font-weight: 700;
}

.keyfig_data {
    width: 100%;
    margin: 10px 0;
}

    .keyfig_data td {
        line-height: 44px;
    }

    .keyfig_data table td.keyfig_label {
        font-size: 18px;
        font-weight: 600;
        color: gray;
    }

    .keyfig_data table td.keyfig_amt {
        font-size: 18px;
        color: gray;
        font-style: italic;
    }

/*CUSTOM MEDIA QUERY START*/

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

    .pnlsearchbar_green {
        padding: 41px;
    }

        .pnlsearchbar_green h1 {
            color: #ffffff;
            font-size: 30px;
        }
}


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

    .pnlsearchbar_green {
        padding: 41px;
        height:241px!important;
    }

        .pnlsearchbar_green h1 {
            color: #ffffff;
            font-size: 24px;
        }
}

/*new SAUI class*/
/*Start Rebranding css class - 17-04-2023*/
.rebranding-bgcolor {
    background-color: #fff0fb;
}
.login-card {
    padding: 50px;
    background-color: #ffffff;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    box-shadow: 0 4px 8px 0 rgb(255 0 170 / 13%), 0 6px 20px 0 rgb(255 0 170 / 14%);
    margin-top: 3%;
}
.rebranding-login-btn {
    background-color: #ff00aa;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight:bold;
    border-radius:18px;
    /*border-radius: 4px;*/
    width: 100%;
    padding: 8px;
    text-align: center;
}
    .rebranding-login-btn:hover {
        color: #ffffff;
        background-color: #b80071;
    }
    .rebranding-login-btn:focus {
        color: #ffffff;
        background-color: #b80071;
    }
    .text-pink {
    color: #ff00aa;
}

.forgotpassLink {
    font-size: 14px;
    color: #ff00aa;
    display: inline-block;
    text-decoration: none;
}

    .forgotpassLink:focus {
        color: #2e2f31;
        text-decoration: underline;
    }

    .forgotpassLink:hover {
        color: #b80071;
        text-decoration: none;
    }
h1.rebranding-loginhead {
    font-size: 22px;
    color: #606060;
    font-weight: bold;
    text-align: center;
}
h2.rebranding-loginsubhead {
    font-size: 17px;
    color: #606060;
    font-weight: 500;
    text-align: center;
}
.field_icon {
    position: absolute;
    right: 25px;
    top: 15px;
}
   /*End Rebranding css class*/
/*Start Rebranding css class - 18-04-2023*/
.header_dropdown {
    margin: 0;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: solid 1px #b80071 !important;
    padding: 0px;
    top: 63px;
    left: -128px!important;
}

    .header_dropdown li a {
        font-size: 13px;
        border-bottom: 1px dashed #cccccc;
        padding: 6px 12px;
    }

    .header_dropdown > li > a:hover {
        color: #fff !important;
        background-color: #b80071 !important;
    }

    .header_dropdown::before {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #b80071 !important;
        right: 10px;
        top: -10px;
        position: absolute;
        content: "";
    }
/*End Rebranding css class*/


/*Start Rebranding css class - 19-04-2023*/
.dropdownlist {
    background-color: #ff00aa!important;
    color: #fff;
}
.ingreenhead {
    border-bottom: 1px solid #ff00aa !important;
    color: #ff00aa !important;
    padding: 5px 0;
    margin: 30px 0;
    font-size: 16px;
    font-weight: 600;
}

.greenhead2 h3 {
    text-align: left;
    margin: 0;
    line-height: 40px;
    color: #ff00aa!important;
}
.greenhead2 {
    margin: 10px 0px 14px;
    width: 100%;
    height: auto;
    line-height: 30px;
    border-bottom: 2px solid #ff00aa!important;
}
/*End Rebranding css class*/

/*Start Rebranding css class - 20-04-2023*/
.page_title {
    color: #ff00aa !important;
}

.page_title select {
    color: #000000!important;
}


.ingreenheader h3 {
    color: #ff00aa;
    padding: 8px 0;
    margin: 22px 0 14px 0;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ff00aa;
}

.title_bor_bottom {
    border-bottom: 2px solid #ff00aa!important;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 35px;
    color: #ff00aa!important;
    font-size: 16px;
}

.FA_Green {
    padding: 8px 0px 0px 7px;
    color: #ff00aa !important;
    font-size: 15px; 
}

.greenhead {
    border-bottom: 1px solid #ff00aa!important;
    color: #ff00aa!important;
}

.ingreenheader {
    /* border-bottom: 1px solid #43a1a2; */
    color: #ff00aa!important;
    padding: 5px 0;
    margin: 22px 0 30px 0;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ff00aa!important;
}
.page_title h2 span {
    color: #ff00aa !important;
}


.input-group-addon_teal {
    color: #7d7d7d !important;
    font-weight: 600 !important;
}

.pnlsearchbar_AllOthers {
    /* background-color: #FFA500; */
    background-color: #ff00aa!important;
    padding: 20px 10px 5px 10px;
    box-shadow: none;
    border-radius: 10px;
    border-color: #ddd;
    text-align: center;
    color: #ffffff;
    padding: 40px;
}

.tablecolnew {
    width: 100%;
    padding: 10px;
    background-color: white;
    /* box-shadow: 4px 2px 8px #888888; */
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #ff00aa !important;
    height: 380px;
}
.bxheading {
    line-height: 20px;
    font-size: 20px;
    color: #ff00aa!important;
    font-weight: bold;
    text-decoration: none;
}

.popup_header h2 span{
    color:#ff00aa!important;
}

.modalPopup .header {
    background-color:#ff00aa!important;
    height: 50px;
    color: White;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}

.modalPopup p {
	color: #333;
}

legend {
    width: auto;
    padding: 7px;
    margin-bottom: 0px;
    /* font-size: 21px; */
    line-height: inherit;
    color: #ff00aa!important;
    border: 0;
    border-bottom: none;
}

/*.bg-seagreen:hover {
    background-color: #b80071 !important;
}*/
    /*End Rebranding css class*/
.header_right_nav_SAUI > ul > li {
    float: left;
}

        /* .header_right_nav_SAUI > ul > li > a:hover {
            background: #b80071;
            color: #fff;
         height: 60px !important;*
        }*/

.profile_img3 {
    position: relative !important;
    top: 6px;
    right: 5px;
    padding: 19px 5px !important;
    width: 41px;
}

.profile_img5 {
    position: relative !important;
    top: 6px;
    right: 5px;
    padding: 19px 5px !important;
    width: 41px;
}

.profile_img6 {
    width: 22px;
    float: left;
    padding: 0px 4px;
}

.profile_img2 {
    width: 22px;
    float: left;
    padding: 0px 4px;
}
    .header_right_nav_SAUI > ul > li > a {
        display: block;
        padding: 7px 12px 7px 0;
        font-size: 14px;
        color: #fff;
        position: relative;
        border-radius: 50% !important;
       
    }

.header_right_nav_SAUI > ul > profile_img4 > profile_img3:hover {
    background: linear-gradient( 180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
  
}

.header_right_nav_SAUI > ul > li.profile_dropdown_agent_hub:hover {
    color: #fff;
}

.header_right_nav_SAUI > ul > li.profile_dropdown > a {
    margin-left: 0px;
    background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
    border-radius: 50%;
    padding: 20px 10px !important;
}
/*Start tooltip css class - 19-07-2023*/

.tooltipp {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltipp .tooltiptext {
        visibility: hidden;
        min-width: 350px;
        background-color: #fff;
        color: #333;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: -82px;
        margin-left: -60px;
        border: 1px solid #b80071 !important;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
    }

        .tooltipp .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 140px;
            /*margin-left: -8px;*/
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #b80071 transparent !important;
        }

    .tooltipp:hover .tooltiptext {
        visibility: visible;
    }
/*end tooltip css class - 19-07-2023*/
    /*End Rebranding css class*/

/*css for Header Notification - 2023 */
.notimodal-body {
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: calc(100vh - 67px);
    overflow-y: auto;
}

.notification-box {
    /*position: fixed;*/
    z-index: 99;
    top: 10px;
    right: 214px;
    width: 71px !important;
    height: 39px !important;
    text-align: center;
    padding:7px 15px!important;
}

.notification-bell {
    animation: bell 1s 1s both infinite;
    margin: 13px 0;
}

    .notification-bell i {
        font-size: 24px;
        color: #333;
        margin: 4px 0;
    }

.notihead h5 {
    font-size: 20px;
    background-color: #cccccc;
    padding: 10px !important;
}


.bell-top {
    width: 4px;
    height: 4px;
    border-radius: 3px 3px 0 0;
}

.bell-middle {
    width: 20px;
    height: 20px;
    margin-top: -1px;
    border-radius: 12.5px 12.5px 0 0;
}

.bell-bottom {
    position: relative;
    z-index: 0;
    width: 28px;
    height: 2px;
}

    .bell-bottom::before,
    .bell-bottom::after {
        content: '';
        position: absolute;
        top: -4px;
    }

    .bell-bottom::before {
        left: 1px;
        border-bottom: 4px solid #fff;
        border-right: 0 solid transparent;
        border-left: 4px solid transparent;
    }

    .bell-bottom::after {
        right: 1px;
        border-bottom: 4px solid #fff;
        border-right: 4px solid transparent;
        border-left: 0 solid transparent;
    }

.bell-rad {
    width: 8px;
    height: 4px;
    margin-top: 2px;
    border-radius: 0 0 4px 4px;
    animation: rad 1s 2s both infinite;
}

.notification-count {
    position: absolute;
    z-index: 99999;
    top: 6px;
    right: 9px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    border-radius: 50%;
    background-color: #E97074;
    color: #fff;
    animation: zoom 3s 3s both infinite;
}



li.noti_text {
    display: flex;
    border-bottom: 1px dotted #7777;
    margin-bottom: 15px;
}

.left_noti {
    width: 85%;
    padding-left: 10px;
}

    .left_noti p {
        font-size: 16px;
    }

.noti_msg p {
    font-size: 14px;
}

.right_noti {
    width: 16%;
    text-align: center;
    line-height: 23px;
    color: #7777;
    font-size: 12px;
}
/*end css for Header Notification  */

/*SAUI Whatif plan css start*/


.sa_plan {
    width: 100%;
}

.blue_plan {
    background-color: #4CB7E5;
    width: 100%;
    border-top: none;
    border-radius: 5px 5px 0 0;
    position: relative;
}

.yellow_plan {
    background-color: #FDCB31;
    width: 100%;
    border-top: none;
    border-radius: 5px 5px 0 0;
    position: relative;
}

.red_plan {
    background-color: #F27075;
    width: 100%;
    border-top: none;
    border-radius: 5px 5px 0 0;
    position: relative;
}

.blue_plan h2 {
    color: #fff;
    padding: 7px 0;
    margin-bottom: 0px;
    border-radius: 5px;
    text-align: center;
}

.red_plan h2 {
    color: #fff;
    padding: 7px 0;
    margin-bottom: 0px;
    border-radius: 5px;
    text-align: center;
}

.yellow_plan h2 {
    color: #fff;
    padding: 7px 0;
    margin-bottom: 0px;
    border-radius: 5px;
    text-align: center;
}

.sa_plan_body {
    text-align: center;
    border: 1px solid #CFCFCF;
    border-top: none;
    padding: 10px;
}

    .sa_plan_body h3 {
        text-align: center;
        color: #7d7d7d !important;
        font-size: 28px;
    }

    .sa_plan_body h2 {
        text-align: center;
        color: #000 !important;
        font-size: 36px;
        margin: 10px 0;
        font-weight: 500;
    }

.sa_plantax_list {
    padding: 0px 10px;
    max-height: 320px;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #f1f2f3;
}

    .sa_plantax_list ul li {
        margin: 10px 0;
        display: inline;
        width: 100%;
        display: inline-flex;
    }

.satax_label {
    text-align: left;
    width: 70%;
}

.satax_price {
    margin-left: 20px;
    text-align: right;
    width: 30%;
}

.plandropsetting {
    top: 6px;
    right: 10px;
    position: absolute;
}

/*SAUI Whatif plan css start*/

/* Tooltip Styles */
.cancel_btn_new {
    border: 1px solid #727374 !important;
    color: #727374 !important;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px;
    background: #fff !important;
}


    .cancel_btn_new:hover {
        background: #e6e6e6 !important;
    }

.cancel_btn_new:focus {
        color: #727374 !important;
    }

.save_btn_new {
    background-color: #ff00aa !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px;
    transition: 0s;
}

    .save_btn_new:hover {
        background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: #ffffff !important;
        font-weight: 600;
        padding: 6px 14px;
        font-size: 14px;
        border-color: #b80071 !important;
        transition: 0s;
    }
.save_btn_new2 {
    background-color: #fff !important;
    color: #ff00aa !important;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px;
    transition: 0s;
    border: 1.5px solid #ff00aa;
}

    .save_btn_new2:hover {
        background: linear-gradient(180deg,rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
        color: #ffffff !important;
        font-weight: 600;
        padding: 6px 14px;
        font-size: 14px;
        border-color: #ff00aa !important;
        transition: 0s;
    }

.consent_header h3 {
    font-size: 24px;
    color: #000000;
    padding: 20px 0;
}


.consent_header p {
    font-size: 16px;
    color: #000000;
    padding: 0 0 20px;
    line-height: 27px;
}

.consent_banklogo img {
    margin: 0px;
}

.consent_body h3 {
    color: #ff00aa !important;
}

.consent_body p {
    font-size: 14px;
    color: #000000;
}


.consent_body ul li {
    font-weight: 700;
    font-size: 14px;
    color: #000000;
    margin: 15px 30px;
    list-style: disc;
}

.pink_btn_outline {
    font-size: 14px;
    padding: 5px 60px;
    width: 100%;
    margin-right: 10px;
    color: #ff00aa;
    border: 1px solid #ff00aa;
    background-color: #ffffff !important;
    border-radius: 5px;
}

.pink_btn_outline1 {
    font-size: 14px;
    padding: 5px 0px;
    width: 87%;
    margin: 0 auto;
    color: #ff00aa;
    border: 1px solid #ff00aa;
    background-color: #ffffff !important;
    border-radius: 5px;
}

.pink_btn_big {
    font-size: 14px;
    padding: 6px 60px;
    width: 100%;
    margin-right: 10px;
    background-color: #ff00aa;
    color: #ffffff;
    border: none;
    border-radius: 5px;
}

.pink_btn_big2 {
    font-size: 14px;
    padding: 7px 0px;
    width: 40%;
    margin-right: 10px;
    background-color: #ff00aa;
    color: #ffffff;
    border: none;
    border-radius: 18px;
    text-align: center;
}

.pink_btn_outline2 {
    font-size: 14px;
    padding: 5px 0px;
    width: 40%;
    margin-right: 10px;
    color: #ff00aa;
    border: 1px solid #ff00aa;
    background-color: #ffffff !important;
    border-radius: 18px;
}

.pink_btn_big2:hover {
    background-color: #ff00aa;
    color: #ffffff !important;
}

.pink_btn_big:hover {
    background-color: #ff00aa;
    color: #ffffff !important;
}

.pink_btn_big1 {
    font-size: 14px;
    padding: 6px 60px;
    width: 87%;
    background-color: #ff00aa;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    display: block;
}

    .pink_btn_big1:hover {
        background-color: #ff00aa;
        color: #ffffff !important;
    }

.consent-footer p {
    font-size: 14px;
    margin: 15px 0;
}

.consent-footer a {
    font-size: 14px;
    margin: 15px 0;
    color: #ff00aa !important;
}

.bkselect_pink {
    border-radius: 18px !important;
    background-color: #fff;
    color: #444 !important;
    border: none;
    font-size: 14px !important;
    line-height: 30px;
    padding: 2px 10px;
    margin: 13px 4px 13px 0px !important;
    height: 34px;
    border:1px solid #444;
   
}

   /* .bkselect_pink:hover {
        background-color: #b80071;
    }*/

.header_right_nav > ul > li.profile_dropdown > a {
    padding: 5px 6px !important;
}

@media only screen and (max-width: 1320px) and (min-width: 900px) {

    .respontext {
        font-size: 12px !important;
    }

    .bkselect_pink {
        font-size: 12px !important;
    }

    .bkselect {
        font-size: 12px !important;
    }

    .form-control_bg {
        font-size: 12px !important;
    }

    .responwidth {
        width: 167px !important;
    }

    select li {
        font-size: 12px !important;
    }

    .header_right_nav_SAUI > ul > li > a {
        font-size: 12px !important;
    }
}

.bkselect_pink_cis {
    border-radius: 18px !important;
    background-color: #fff;
    color: #444 !important;
    border: none;
    font-size: 14px !important;
    line-height: 30px;
    padding: 2px 10px;
    margin: 0px 4px 0px 0px !important;
    height: 34px;
    border: 1px solid #444;
}
    .header_right_nav > ul > li.profile_dropdown > a{
        margin-left:5px;
    }

    .side_navigation1 > li > a {
        font-size: 13px;
    }

    .sidebar_nav {
        width: 221px;
    }

    .navbar-brand {
        width: 221px;
    }
   /* .form-control_bg {
        width: 155px !important;
    }*/
 /*   .select2-container {
        width: 180px !important;
    }
*/
    .header_right_nav > ul > li.profile_dropdown > a {
        padding: 15px 3px;
    }

    .select li img {
        margin-right: 0px;
    }
}


@media only screen and (max-width: 900px) and (min-width: 175px) {
    .header_right_nav > ul > li.profile_dropdown > a {
        padding: 15px 3px;
    }
    .select li img {
        margin-right: 0px;
    }
    .bkselect {
        width: 127px !important;
    }

    .form-control_bg {
       /* width: 155px !important;*/
    }
    .header_right_nav > ul > li.profile_dropdown > a {
        margin-left: 5px;
    }

    h2 {
        font-size: 20px !important;
    }

    .select2-container {
        width: 127px !important;
    }

    .page_title h2 {
        font-size: 20px !important;
    }

    .btn-def {
        font-size: 13px !important;
    }

    .bkselect {
        width: 127px !important;
    }

    .respontext {
        font-size: 10px !important;
    }

    .bkselect_pink {
        font-size: 10px !important;
    }

    .bkselect {
        font-size: 10px !important;
    }

    .form-control_bg {
        font-size: 10px !important;
    }

    .responwidth {
        width: 150px !important;
    }
    .sidebar_nav {
        width: 221px!important;
    }

    .navbar-brand {
        width: 221px!important;
    }
}


/*========MTD Setting css=====*/

.mtd_txt p {
    font-size: 16px;
    font-weight: 700;
}

.mtd_txt ul {
    font-size: 16px;
    margin-left: 20px;
    padding: 20px;
    list-style: disc;
}

    .mtd_txt ul li {
        font-size: 16px;
        margin-bottom: 20px;
    }

.modal-dialog2 {
    width: 450px !important;
}

.activeinfo_modal_head h3 {
    padding: 6px;
    background-color: #ff00aa;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0px !important;
    font-size: 22px !important;
    border-radius: 5px 5px 0 0;
}

.activeinfo_modal_head p {
    padding: 12px;
    font-size: 14.5px;
    text-align: center;
    line-height: 26px;
    color: #333!important;
}

@media only screen and (max-width: 1366px) and (min-width: 1061px) {
    .mtd_txt p {
        font-size: 14px;
        font-weight: 700;
    }

    .mtd_txt ul {
        font-size: 14px;
        margin-left: 20px;
        padding: 20px;
        list-style: disc;
    }

        .mtd_txt ul li {
            font-size: 14px;
            margin-bottom: 20px;
        }

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

@media only screen and (max-width: 1060px) and (min-width: 900px) {
    .mtd_txt p {
        font-size: 12px;
    }

    .mtd_txt ul {
        font-size: 12px;
    }

        .mtd_txt ul li {
            font-size: 12px;
        }

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


@media only screen and (max-width: 2000px) and (min-width: 1367px) {
    .mtd_txt p {
        font-size: 18px;
    }

    .mtd_txt ul {
        font-size: 18px;
    }

        .mtd_txt ul li {
            font-size: 18px;
            margin-bottom: 30px;
        }

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


.pinkoutline_btn_new {
    color: #ff00aa;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 14px;
    border: 1px solid #ff00aa;
}


    .pinkoutline_btn_new:hover {
        color: #ff00aa;
        background-color:#ffecf9;
       
    }

.mtd_head h3 {
    color: #ff00aa;
    border-bottom: 1px solid #ff00aa;
    line-height: 30px;
}

.Submitted_btn_new {
    background-color: #68CF92;
    color: #fff!important;
    font-weight: 600;
    padding: 1px 14px!important;
    font-size: 14px;
}

    .Submitted_btn_new span {
        display: block;
        color: #20944a;
         
    }

/*========MTD Setting css end=====*/


/*modulr Css start - 03-04-2025*/

.modal-dialog2 {
    width: 450px !important;
}

.modulrhead h3 {
    font-size: 26px !important;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0;
}

.modulrhead p {
    font-size: 14px !important;
    color: #333 !important;
    line-height: 24px !important;
    font-weight: 600;
    margin-bottom: 25px !important;
}

.modulrhead1 h3 {
    font-size: 26px !important;
    font-weight: 700;
    margin-bottom: 6px;
}

.modulrhead1 p {
    font-size: 13px !important;
    color: #333 !important;
    line-height: 14px !important;
    font-weight: 600;
    margin-bottom: 10px;
}

.modulrhead1 h2 {
    font-size: 14px !important;
    line-height: 33px;
    font-weight: 700;
    margin-bottom: 0;
    color: #ff00aa;
}

.modulrhead1 ul li {
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    list-style: disc !important;
    margin-left: 16px;
    font-family: 'Open Sans', sans-serif !important;
}

.modulrbtn {
    border-radius: 5px;
    font-size: 15px !important;
    padding: 8px 12px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

p.modulrbottline {
    background-color: lightgray;
    padding: 5px !important;
    margin-bottom: 27px !important;
    font-weight: 700;
}


input[type="checkbox"], [type="radio"] {
    accent-color: #b80071 !important; /* pink accent */
    transform: scale(1.3);
    cursor: pointer;
    margin-right: 5px;
}

/*modulr Css End*/

.side_navigation1 li.have_sub a i {
    position: absolute;
    right: 11px;
    top: 14px;
    color: #333;
}

.sidebar_user{
    display:none!important;
}


.darkgreen_btn_agent_hub {
    background: #ff00aa !important;
    margin-top: 9px;
    margin-right: 9px;
}


.header_right_nav_SAUI > ul > li > a.ev_btn {
    display: block;
    padding: 10px 14px;
    font-size: 14px;
    color: #fff;
    position: relative;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
}



.profile-icon {
    position: relative; /* use 'absolute' if inside a specific container */
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 18px;
    cursor: pointer;
   /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
    z-index: 9999;
   /* transition: background 0.3s ease, transform 0.3s ease;*/
}


.profile-icon:hover {
    background: linear-gradient( 180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
    color: white;
}


.side_navigation1 li.have_sub_active ul {
    display: block;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: 1px 1px 1.5px 2px #efefef;
}

.side_navigation1 li.have_sub a i {
    font-size: 12px;
}


.prof_dropdown {
    position: absolute;
    margin: 0;
    border-radius: 3px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 1px #444 !important;
    padding: 0px;
    top: 55px;
    right: 21px;
}

    .prof_dropdown li a {
        font-size: 14px;
        border-bottom: 1px solid #eee !important;
        padding: 6px 12px;
        text-decoration: none;
        transition: background 0.2s;
    }

        .prof_dropdown li a:hover {
            font-size: 14px;
            background-color: #b80071;
            padding: 6px 12px;
            color: #fff;
        }

    .prof_dropdown li:last-child a {
        border-bottom: none !important;
    }



/* Tooltip background and text color */
.tooltip-inner {
    background-color: #333 !important; /* Custom background */
    color: white !important; /* Tooltip text color */
}

/* Arrow for top-positioned tooltips */
.tooltip.top .tooltip-arrow {
    border-width: 5px 5px 0; /* triangle pointing down */
    border-color: #333 transparent transparent transparent !important;
}

/* Arrow for bottom-positioned tooltips */
.tooltip.bottom .tooltip-arrow {
    border-width: 0 5px 5px; /* triangle pointing up */
    border-color: transparent transparent #333 transparent !important;
}

/* Arrow for left-positioned tooltips */
.tooltip.left .tooltip-arrow {
    border-width: 5px 0 5px 5px; /* triangle pointing right */
    border-color: transparent transparent transparent #333 !important;
}

/* Arrow for right-positioned tooltips */
.tooltip.right .tooltip-arrow {
    border-width: 5px 5px 5px 0; /* triangle pointing left */
    border-color: transparent #333 transparent transparent !important;
}


.header_top_icon {
    display: block;
    padding: 8px 9px !important;
    font-size: 14px;
    color: #333;
    position: relative;
    top: 2px;
    margin-left: 5px;
    background: #f6f5fa;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

    .header_top_icon:hover {
        background: linear-gradient(180deg, rgba(255, 0, 170, 1) 20%, rgba(220 32 147) 100%) !important;
    }


.profile-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 18px;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease;
}


/* Show white icon by default */
.profile_h {
    opacity: 0 !important;
    z-index: 1;
}

/* Hide black icon initially */
.profile_n {
    opacity: 1 !important;
    z-index: 2;
}

/* On hover, swap visibility with smooth transition */
.profile-icon:hover .profile_h {
    opacity: 1 !important;
}

.profile-icon:hover .profile_n {
    opacity: 0 !important;
}

.radius18 .select2-container .select2-selection--single {
    border-radius: 18px !important;
}
}
}



/* CSS start for Azure ID:17955 - 13-08-2025 */
.alert-info {
    color: #B80071 !important;
    background-color: #FFE0F0 !important;
    border-color: #FFE0F0 !important;
}

    .alert-info .fa {
        font-size: 16px !important;
    }

.alert-danger {
    color: #C64F4F !important;
    background-color: #FED8D8 !important;
    border-color: #FED8D8 !important;
}

.alert-dismissible .close {
    font-size: 26px !important;
    position: relative;
    top: -6px !important;
    right: -21px;
    color: inherit;
    z-index: revert !important;
}

.alert-success {
    color: #438051 !important;
    background-color: #D2FFD5 !important;
    border-color: #D2FFD5 !important;
}

.alert-warning {
    color: #FF7700 !important;
    background-color: #FFF5CE !important;
    border-color: #FFF5CE !important;
}