:root {
    --primary: #009df2;
    --secondary: #00446B;
    --lightTeal: #009bed94;
    --coralRed: #F03D40;
    --active-color: #002134;
    --light: #e3e2e2;
    --dark: #333;
    --black: #000;
    --yellow: rgb(241, 196, 15);
    --white: #fff;
     --fontText:  'Roboto, sans-serif';
    --margin0: 0px;
    --padding0: 0px;
    --liststyle: none;
    --text-decoration-none: none;
    --text-decoration-underline: underline;
      --col-gap: 2rem;
    --row-gap: 2rem;
    --line-w: 0.25rem;
}
body {
    font-family: var(--fontText);
    overflow-x: hidden;
    box-sizing: border-box;
     background: #cbcbcb59;
    font-size: 16px;;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fontText);
    font-weight: 700;
}
span, p, div, caption {
    font-family: var(--fontText);
}
a,
a:hover {
    text-decoration: var(--text-decoration-none);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
body a {
    color: var(--secondary);
    font-family: var(--fontText);
    font-weight: 600;
    font-size: 16px;
}
body .red, label font,  body .req_field {
    color: #ab0e00;
}

.leaflet-pane .leaflet-marker-pane img {
    background: transparent !important; 
    border: 0;
    object-fit: contain;
}

.custom-tooltip .tooltip-inner {
    background: var(--active-color);
    padding: 3px 6px;
    font-size: 15px;
   font-family: var(--fontText);
}
.custom-tooltip .tooltip-arrow {
border-top-color:var(--active-color) ;
}
.info {
    background: #CCEBF5 !important;
    color: #173645!important;
}
img#displayBox {
    width: 100%;
    max-width: 140px !important;
}
body .whole fieldset {
    margin: 0px 0 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #9d9d9d14;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding-bottom: 11px;
}
body .whole fieldset legend.info {
    border-left-color: #6FC7E2;
    background-color: #bbbbbb !important;
    padding: 0 11px;
    color: #00101A !important;
   font-size: 18px;
}
.eleventh.eight, .elevenths.eight {
    padding: 0 10px 10px;
}
.whole fieldset .whole.pad-bottom {
    padding: 10px;
}
#Edit {
    color: var(--active-color);
    font-weight: 900;
}
body label{
    color: var(--dark);
    font-weight: 800;
    font-family: var(--fontText);
    font-size: 16px !important;
}
body input[type="text"], body input[type="password"], body input[type="number"], body select, input[type="file"], 
body .chzn-container-single .chzn-single, body input[type="text"],  body input[type="search"], body .picker__input, input#filter, 
.chzn-container-multi .chzn-choices {
    width: 100%;
    height: 40px !important;
    border:1px solid #bbbbbbb8;
    padding: 8px 10px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    color: var(--dark);
    font-size: 16px;
    font-weight: 500;
        background: #fff;
}
body .blue {
    color: #00416c;
}
div#timeRemDiv{
    display: none;
}
body .chzn-container-single .chzn-single {
    background-image: none;
    display: flex;
    align-items: center;
    width: 100%;
    font-family: var(--fontText);
}
body button, body input[type=submit], body input[type=button], body input[type=reset], body .button, body a.button, body a.button:visited, body [role~=button], body nav.menu .menu-toggle, body .menu.nav .menu-toggle, 
body button.info, body input[type=submit].info, body input[type=button].info, body input[type=reset].info, body .button.info, body a.button.info, body a.button.info:visited, body ul.button-list li a.info, body ol.button-list li a.info, body [role~=button].info {
    background: var(--active-color);
    border-color: var(--active-color);
}
body .picker__nav--prev:before, body .picker__nav--next:before {
    border-right-color: #fff;
}
body .picker__nav--next:before {
    border-left-color: #fff;
}
body button.picker__button--close {
    color: #fff !important;
}
body button:hover, body input[type=submit]:hover, body input[type=button]:hover, body input[type=reset]:hover, body .button:hover, body [role~=button]:hover, body nav.menu .menu-toggle:hover, body .menu.nav .menu-toggle:hover, body button:focus, body input[type=submit]:focus, body input[type=button]:focus, body input[type=reset]:focus, body .button:focus, [role~=button]:focus, body nav.menu .menu-toggle:focus, body .menu.nav .menu-toggle:focus {
    background: var(--secondary);
}
body table.picker__table thead tr th, body table.picker__table thead tr td {
    background:var(--active-color) !important;
    color: #fff;
    border: 1px solid #fff;
}
textarea {
    border: 1px solid #bbb9b9b8;
    padding: 8px 10px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    color: var(--dark);
    font-size: 15px;
    font-weight: 500;
    background: #fff;
}
body input[type="submit"] {
    padding: 10px 10px;
    background: var(--active-color);
    border: 1px solid #dddddd;
    text-transform: uppercase;
    border-radius: 5px;
    font-family: var(--fontText);
    font-weight: 800;
}
body input[type="submit"]:hover {
    background: var(--secondary);
}
/*.chzn-container {
    width: 100% !important;
}*/
body .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.form-group {
    margin-bottom: 15px;
    
}
body .form-title h2, body .page-title h1 {
    text-align: center;
    margin: 10px 0 0px;
    font-size: 24px;
    font-weight: 800;
    font-family: var(--fontText);
    padding: 4px 10px;
    border-top: 1px solid #ddd;
    background: #a0d5f1;
        color: var(--dark);
        word-break: break-word;
}
body .page-title1 h1 {
    background: var(--secondary);
    color: #fff;
}
body .chzn-container-single .chzn-single div b {
    background-position: 0px 9px;
}
.content-wrapper, .right-side {
    background: transparent !important;
}
input#Delete, .delete-Button {
    background: #dc3545 !important;
    border: 0 !important;
    margin:4px 0 10px !important;
    width: auto;
}
body input[type="reset"] {
    background: #6c757d !important;
    border-color:#6c757d !important;
    padding: 8px 10px;
    text-transform: capitalize;
    font-weight: bold;
   margin: 0 4px 7px;
}
input#Delete:hover {
    background: #89000d !important;
}
ul.noteList li {
    list-style-position: inside;
}

/*--------------------------------------------------------------
# Data Table
--------------------------------------------------------------*/
.dt-container {
    padding: 0 15px;
}
div.dt-container .dt-search input, .dt-length select {
    width: auto;
}

body .dt-length {
    width: 100%;
}
body .dt-length label {
    padding-left: 9px;
}

body .dt-search {
    display: flex;
    justify-content: end;
}
.dt-paging.paging_full_numbers {
    display: flex;
    justify-content: end;
}

/*--------------------------------------------------------------
# Time remaining
--------------------------------------------------------------*/
body .regtimepos, body .regdaypos{
    color: #333;
        font-size: 14px;
}
body .flip-clock-divider .flip-clock-label{
     color: #333;
}
div#timeRemDiv {
    position: relative;
        top: -9px;
}
body .regtimepos {
    right: 24%;
    top: 5px;
}
body .regdaypos{
    right:3%;
    top: 5px;
}
body .clock {
    right: -77%;
}



body table.blue thead tr th, table.dataTable thead .sorting_asc {
    background: var(--active-color) !important;
    color:white;
}
table thead tr th, table.blue thead tr td {
    padding: 10px !important;
    font-family: var(--fontText);
    font-weight: 700;
    text-shadow: none;
    font-size: 16px;
}
body .dt-container .dt-layout-row .dt-paging button.dt-paging-button {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    padding: 0;
    background: var(--dark);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    color: #ffff !important;
    font-size: 18px;
    font-family: var(--fontText);
    font-weight: 500;
}
ul#pagination li.footable-page {
    margin: 0 3px;
}
ul#pagination li.footable-page a {
    width: 30px;
    padding: 0;
    border-radius: 5px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--secondary);
    color: var(--secondary);
    background-color: #fff;
}
body .dt-container .dt-layout-row .dt-paging button.dt-paging-button:hover, body .dt-container .dt-layout-row .dt-paging button.dt-paging-button.current, 
ul#pagination li a:hover, ul#pagination li.footable-page.footable-page-current a{
    background:var(--secondary);
    color: #fff !important;
    font-weight: 700;
}
ul#pagination li {
    border-radius: 0;
    background: transparent;
}
table tbody tr td a {
    /* background: var(--primary);
    color: #fff !important;
    padding: 5px 10px;
    display: inline-block;
    min-width: 30px;
    height: 30px; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
   /*  border-radius: 5px;
    font-size: 16px;
    font-weight: 800; */
}
body table tr td, body table.dataTable td {
    padding: 5px 10px !important;
    color: var(--dark);
    font-weight: 500;
    text-align: left;
    font-family: var(--fontText);

}
body .chzn-container .chzn-results, body .content-area .chzn-container a {
    font-size: 14px !important;
}
body .content-area .validatebox-invalid {
    background: transparent !important;
}
body span.counter {
    font-size: 12px;
    color: var(--secondary);
    font-weight: 700;
    width: 100%;
    display: inline-block;
    text-align: left;
}
.footable > thead > tr > th > span.footable-sort-indicator {
    background-position: 0 4px;
}
body {
    background: #efefef !important;
}

body table.dataTable.dtr-inline.collapsed tbody td:first-child:before, body table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    left: 23px;
    top: 7px;
    width: 13px;
    height: 13px;
    border-width: 1px;
    line-height: 12px;
}
.booksTable th span.dt-column-title {
    background: transparent;
    border: 0;
}
body table.footable td input, body table.footable td textarea {
    padding: 10px;
   box-sizing: border-box !important;
}
.chzn-container-multi .chzn-choices .search-choice {
    background: #e9e9e9;
    color: #1a1a1a;
    font-weight: 600;
}
/*--------------------------------------------------------------
# top header
--------------------------------------------------------------*/
.top-header {
    background: #fff;
    border-bottom: 1px solid #0165a399;
    padding: 4px 0;
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
}
body .top-header .side-menu a {
    color: var(--dark) !important;
    font-size: 23px;
    margin-left: 10px;
}
li#icon_changerole span {
    color: var(--dark);
    text-decoration: underline;
}
.top-header .radio-list li {
    overflow: visible;
}
.top-header ul#iconList li:not(:nth-child(2)) a {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    color: var(--white);
    border: 1px solid var(--white);
    font-size: 18px;
    background: var(--active-color);
    display: inline-block;
    text-align: center;
}

body .upper_nav ul li span {
    padding: 0;
}
.top-header ul#iconList li:not(:nth-child(2)) {
    padding: 0 1px;
   margin:0;
}
span#noti_Button {
    cursor: pointer;
}
.top-header ul#iconList li {
    margin: 0 5px;
    position: relative;
    padding: 0 6px 0 0px !important;
}
li#icon_changerole {
    margin-right: 6px !important;
}
.top-header ul#iconList li:after {
    position: absolute;
    content: '';
    background: #cbcbcb;
    width: 1px;
    height: 25px;
    right: 0;
    top: 2px;
}
.top-header ul#iconList li:last-child:after {
    background: transparent;
}
.saved-role p {
    margin: 0;
   width: auto;
}
.newRoleChkDiv1 input {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
.current-role {
    font-size: 17px;
    font-weight: 800;
    font-family: var(--fontText);
}
#noti_Container {
    position: relative;
    font-size: 17px;
    display: inline-block;
}
body #noti_Counter {
    position: absolute;
    border-radius: 10px;
    right: 0;
    top: 0;
    background: #258754;
}
/*Theme setting*/
.control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg {
    background: var(--secondary);
}
.navig-tabs, .navig-pills {
    padding: 14px 0 0;
        margin-bottom: 0 !important;
}
.navig-tabs li a i, .navig-pills li a i {
    font-size: 22px;
}
.navig-tabs li a, .navig-pills li a {
    background: #fff;
    padding: 10px;
    min-width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark);
    font-weight: 700;
}
.navig-tabs li.active a, .navig-pills li.active a {
    background: var(--active-color);
    color: var(--white);
}
h4.control-sidebar-heading {
    padding: 0;
}
body .control-sidebar > .tab-content {
    padding: 5px 0 0;
}
body .control-sidebar > .tab-content ul.list-unstyled li {
    padding-top: 0 !important;
}
/*--------------------------------------------------------------
# logo header
--------------------------------------------------------------*/
/********Logo header********/
.logo-header-main {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.niotLogo img:first-child {
    display: none;
}
.logo-img img {
    height: 100px;
    object-fit: contain;
}
.logo-text span, .logo-text strong {
    white-space: normal;
}
.logo-text strong {
    color: var(--secondary);
    font-weight: 800;
    font-size:28px;
    letter-spacing: .2px;
    line-height: normal !important;
    white-space: normal;
}
.logo-text span {
    font-size: 22px;
    line-height: normal !important;
    font-weight: 600;
    font-family: var(--fontText);
}
body .logo-titMinistry {
    font-size: 16px;
}
.logo-title2 {
    color: #00466B;
}
.logo-titleNiot {
    color: #006197d9;
}
.logo-titMinistry {
    letter-spacing: -.5px;
}


.logo-list li a img {
    height: 80px;
}
li#icon_changerole+li a {
    width: 35px;
    height: 35px;
}
li#icon_changerole+li a img {
    width: 32px;
    height: 32px;
    border-radius: 4px;
}
.top-header .radio-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/********End Logo Header********/


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
body footer.footer {
    background: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: var(--secondary);
    height: auto;
    min-height: auto !important;
}

/*--------------------------------------------------------------
# sidebar
--------------------------------------------------------------*/
.main-sidebar > .main-header {
    position: sticky;
    max-height: 100px;
    z-index: 1030;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
body .main-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    height: 100vh;

}
body.sidebar_open .main-sidebar {
    overflow-y: auto;
    overflow-x: hidden;
}
.main-sidebar::-webkit-scrollbar {
    width: 4px; /* Adjust width as needed */
}

.main-sidebar::-webkit-scrollbar-thumb {
    background: var(--active-color); /* Color of the scrollbar */
    border-radius: 4px; /* Round the scrollbar */
}

.main-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--active-color); /* Color on hover */
}
.skin-blue .main-sidebar .sidebar a{
    color: #fff;
    font-weight: 500;
    font-family: var(--fontText);
    border-bottom: 1px solid #526e7e63;
}
body.skin-blue .treeview-menu > li:hover {
    background: var(--active-color);
    color: #fff;
    border-radius: 20px 0 0 20px;
    border-left: 2px solid #fff;
}
body.skin-blue .sidebar a .menuIcon, .sidebar-menu .treeview-menu > li a i {
    background: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 900;
    margin-right: 2px;
   /*  color: var(--secondary);   */
}

.skin-blue .sidebar-menu > li > a {
    border-left: 2px solid transparent;
}
.sidebar-menu .treeview-menu > li > a {
    padding: 2px 5px 1px 15px;
}
body .sidebar-menu > li > a {
    padding: 12px 5px 12px 9px;
}
.main-sidebar  .sidebar-menu li > a > .pull-right {
    position: absolute;
    right: 0;
    top: 55%;
    transform: translate(0, -55%);
    padding: 0;
    margin-top: 0;
}
.skin-blue .main-sidebar .sidebar-menu > li:hover > a, .skin-blue .main-sidebar .sidebar-menu > li.active > a {
    background: var(--active-color);
    border-left-color: var(--white);
    border-radius: 20px 0px 0px 20px;
}
body .main-header .logo .logo-lg {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-top: 0;
    padding: 0;
    color: #fff;
    display: inline-block;
}
body.skin-blue .wrapper, body.skin-blue .main-sidebar, body.skin-blue .left-side {
    background: var(--secondary);
}
.user-panel .pull-left.image, .user-panel .pull-left.info {
    display: none;
}
body.skin-blue .main-header .logo:hover {
    background: var(--active-color);
}
ul.sidebar-menu li a {
    border-bottom: 1px solid #023e5e;
}
body.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #005583;
}
body.skin-blue .treeview-menu > li > a {
    color: #fff;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover span.logo-mini, .sidebar-mini .main-header .logo span.logo-mini {
    display: inline-block;
    background: transparent;
    margin: -1px 6px 0 0;
    height: auto;
    width: auto;
}

body.skin-blue .main-header .logo {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    background: var(--active-color);
}
body.skin-blue .treeview-menu > li:hover a {
    color: #fff;
}

body.skin-blue .treeview-menu > li:hover {
    background: var(--active-color);
    color: #fff;
}
body .skin-blue .sidebar a i {
    color: #b8c7ce !important;
    font-size: 16px;
}
body.skin-blue .sidebar a i {
    /* color: #b8c7ce !important; */
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px !important;
}

/*--------------------------------------------------------------
#footer
--------------------------------------------------------------*/

body #back-top {
    bottom: 62px;
    z-index: 1;
}
@media screen and (min-width: 768px) {
.sidebar-collapse footer.footer.align-center {
    padding: 0 1rem 0 calc(20px + 2rem);
}
}

/*--------------------------------------------------------------
# Onload pageNotification bg color changed
--------------------------------------------------------------*/
div#divSave {
    background: var(--secondary);
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    border-radius: 5px;
}
div#userinfo-message {
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
div#userinfo-message {
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*--------------------------------------------------------------
# Dashoboard Page
--------------------------------------------------------------*/

/**steps**/
.bs-wizard > .bs-wizard-step.active a.bs-wizard-dot+.bs-wizard-info.text-center {
    COLOR: var(--active-color);
    font-weight: 700;
    font-family: var(--fontText);
}


a.tooltip {
    opacity: 1;
    text-align: center;
}
.content-area {
    padding: 0 18px;
   margin-bottom: 40px;
}
/*.page-title {
    background: var(--secondary);
    margin-top: 30px;
    padding: 0px 10px;
    border-radius: 5px;
    border: 1px solid #0064a01c;
}*/
.page-title h1 {
    font-size: 25px;
    line-height: normal;
    margin: 0;
    color: #fff;
}
input[type="button"] {
    opacity: 1 !important;
}

/***Sidebar Hover***/
.sidebar-mini.sidebar-collapse .main-sidebar:hover {
    width: 230px !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > a .pull-right, 
.sidebar-mini.sidebar_open .main-header .logo span.logo-mini {
    display: inline-block !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > a .pull-right {
    transform: translate(0, -55%);
    -webkit-transform: translate(0, -55%);
    -moz-transform: translate(0, -55%);
    -o-transform: translate(0, -55%);
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover span.logo-mini i {
    width: auto;
    height: auto;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover span.logo-lg {
    display: inline-block;
    margin: 0;
    border-bottom: 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover ul.sidebar-menu>li>a {
    display: flex;
    align-items: center;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover ul.sidebar-menu>li>a span {
    padding-left: 5px;
    font-size: 15px;
    font-weight: 400;
        text-align: left;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover a.nounderline.logo, .sidebar-mini.sidebar_open .main-header .logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #526e7e;
        background: var(--active-color);
            padding: 0;
}

.main-header .logo > .logo-mini i {
    height: auto;
    width: auto;
    margin: 0;
    background-position: center;
    vertical-align: baseline;
}
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.sidebar-mini.sidebar_open .main-header .logo {
    padding: 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar .treeview-menu>li>a {
    font-size: 0;
    padding-left: 9px;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > .treeview-menu>li>a{
	padding-left: 15px;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > .treeview-menu>li>a span:last-child {
    font-size: 14px;
}


/*--------------------------------------------------------------
# User PDF
--------------------------------------------------------------*/
/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  width: 300px;
 /*  position: fixed; */
  z-index: 1;
  top: 0;
  left: 0;
  /* background-color: #111; */
  overflow-x: hidden;
}
.sidenav .whole {
    padding: 4px 0;
}
/* Style the sidenav links and the dropdown button */
body .sidenav a, body .dropdown-btn-notification {
     padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 13px;
    color: #000000;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-weight: 600;
    outline: none;
    line-height: 1.6px;
    line-height: 1.5em !important;
    font-family: "Roboto Slab";
}
.level2{
     padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 13px;
    color: #000000;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-weight: 500;
    outline: none;
    line-height: 1.6px;
    line-height: 1.5em !important;
    font-family: "Roboto Slab";

}

/* On mouse-over */
/*.sidenav a:hover, .dropdown-btn-notification:hover {
  color: #f1f1f1;
}*/

/* Add an active class to the active dropdown button */
.active-notification {
  background-color: green;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
/*    background-color: #eaeaea ; */
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-left {
  float: right;
  padding-right: 8px;
}
.pad-right-half{
padding-right:5px;
}

 .dropdown-btn-notification:focus, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, .button:focus, [role~=button]:focus, nav.menu .menu-toggle:focus, .menu.nav .menu-toggle:focus {
    background: #245eb5 ;
    text-decoration: none;
    color: white;
}
body .tooltipster-default .tooltipster-content .sidenav a {
    padding: 0;
    font-size: 15px;
    font-family: var(--fontText);
}

.all_roles, .all_roles div, li.chzdefaultrole a#chng_role {
/*    width: 100%;*/
    padding: 0;
    margin: 0 0 0px;
    font-size: 16px;
    border-radius: 5px;
    color: var(--dark);
    text-align: center;
    background: #fff;
}
li.chzdefaultrole a#chng_role {
   /* width: 100%;*/
    display: inline-block;
}
.all_roles div i {
    font-size: 16px;
}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  
}

/* .dropdown-container .level2 {
    color: #ffffff;
    background: #1d65bb;
} */
/*.sidenav a:hover, .dropdown-btn-notification:hover {
   color: #ffffff ;
    background: #245eb5 ;
}*/
.level2:hover{
 color: #ffffff ;
    background: #4a86e0 ;
}
 .level2:focus, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, .button:focus, [role~=button]:focus, nav.menu .menu-toggle:focus, .menu.nav .menu-toggle:focus {
    background: #4a86e0 !important;
    text-decoration: none;
    color: white;
}
.level-3{
background:#d6d6d6;

}
.level-3 a{
    color: #080808;
    background: #e2e2e2;
    font-weight: 500;
    font-size: 12px;
    border-bottom: 1px dotted #a2a2a2;

}
 .level-3 a:hover{
 color: #080808;
    background: #99c1fd;
 /* color: #ffffff !important;
    background: #3284e6 !important ; */
} 

 .level-3:focus, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, .button:focus, [role~=button]:focus, nav.menu .menu-toggle:focus, .menu.nav .menu-toggle:focus {
    background: #99c1fd !important;
    text-decoration: none;
    color: white;
}
.DropDown_Head .text {
    font-size: 18px;
    display: inline-block;
    color: #212529;
    font-weight: 600;
    margin: 0 0 0 3px;
}
.newRoleChkDiv1{
 display:inline-block;
}
.textColor {
    color: #fff;
    font-size: 17px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
}
#complaintsDash {
    cursor: pointer;
    right: -6.3%;
    top: 48%;
    position: fixed;
    background-color: var(--secondary);
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    min-width: 6%;
    display: none !important;
    align-items: center;
    z-index: 1 !IMPORTANT;
    border-radius: 5px 0px 0px 5px;
    justify-content: center;
    transition: right 0.5s ease;
   -webkit-transition: right 0.5s ease;
   -moz-transition: right 0.5s ease;
   -o-transition: right 0.5s ease;
}
#complaintsDash:hover {
    right: 0;
}
.iconTest {
    display: block;
    margin: 0 6px 0 0;
    height: 39px;
    object-fit: contain;
    filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
   -moz-filter: brightness(0) invert(1);
   -o-filter: brightness(0) invert(1);
}
.badgeTest{
    position: absolute !important;
    margin-left: 72px;
    top: -5px;
}
.all_roles a#chng_role {
    font-size: 16px;
    color: var(--active-color);
        font-family: var(--fontText);
    font-weight: 700;
   margin-top: 5px;
   display: inline-block;
}
 .mfp-iframe-holder .mfp-content {
  width: 70% !important;
  height: auto !important;
  max-height: 100% !important;
}

.upper-custom{
text-transform: uppercase;
}
.rotate{
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

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

.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
div#image img {
    height: 100px;
}
.roles
{
margin:0px;
padding-top:8px;
padding-bottom:8px;
text-align:left;
border-bottom:1px soild #A8A8A8;
list-style: none;
}

.all_roles a,.roles a
{
 text-decoration:none;
}


.chzdefaultrole
{
text-align:center;  
}
body .tooltipster-default {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / 37%);
}
.all_roles .activeRole {
    border-radius: 5px;
    margin-bottom: 10px;
}
span.active_Member, .commDetail {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.committeeIcon ul li:before {
    position: absolute;
    content: '';
    background: #000;
    width: 6px;
    height: 6px;
    left: 0;
    top: 9px;
    border-radius: 100px;
}
.commDetail {
    background:var(--secondary);
    padding: 5px 9px 5px 9px !important;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid rgb(207, 207, 207);
    margin: 7px 0 0;
}
.commDetail i {
    margin-right: 0;
    color: var(--white) ! IMPORTANT;
    width: auto;
}
.committeeIcon .commDetail {
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 19px;
   margin:0px;
}
.committeeIcon ul li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 3px 6px 3px 13px;
    border-radius: 5px;
}
.committeeIcon ul li:hover {
    background: var(--secondary);
}
.committeeIcon ul li:hover span, .committeeIcon ul li:hover a {
    color: #fff;
}
.committeeIcon ul li:hover:before {
  display: none;
}
.current-role em {
    display: inline-block;
    font-size: 19px;
    margin-right: 2px;
    font-weight: 500;
}
/* .jssocials-share-logo{
width:1.2em;
} */
.jssocials-share:last-child{
margin-bottom:0px;
}
.jssocials-shares{
margin: 0;
}
body .tooltipster-default .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 0px 0px;
    padding-bottom: 13px;
}
body .tooltipster-default .tooltipster-content .sidenav {
    padding: 5px 11px 1px;
    border-top: 2px solid #868686;
    margin-bottom: 14px;
    border-bottom: 2px solid #868686;
    width: 100%;
    margin-top: 4px;
}
body .tooltipster-default {
    max-width: 100% !important;
    width: 20%;
    left: auto !important;
    right: 3%;
}
 .combowidth{
   width: 50px !important;
   }
   .BigCheckbox {
   -moz-appearance: none;
   height: 20px;
   width: 20px;
   }
   .largesize {
    font-size: 1.2em !important;
}


body .content-container .content-wrapper input[type="button"],  body .content-container .custom-btn {
    padding: 9px 10px;
    display: inline-block;
    color: var(--white) !important;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-text-stroke: .2px;
    letter-spacing: 0.5px;
    cursor: pointer;
    -webkit-text-stroke: .2px;
    border-radius: 5px;
    background: var(--active-color);
    border: 0;
    height: auto;
    margin: 0 4px 7px;
}
body .content-container .content-wrapper input[type="button"]:hover, body .content-container .custom-btn:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

/*--------------------------------------------------------------
# PI Dashboard
--------------------------------------------------------------*/
body .DashboardPage .dashboardimage em {
    width: 70px;
    height: 70px;
    border: 2px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-right: 10px;
}
body .DashboardPage .tile4 em {
    border-color: #4ca12c;
}
body .DashboardPage .tile4 h6 {
    color: #4ca12c;
}
body .DashboardPage .tile3 em {
    border-color: #2b73a0;
}

body .DashboardPage .tile3 h6 {
    color: #2b73a0;
}

body .DashboardPage .tile2 em {
    border-color: #e96d02;
}
body .DashboardPage .tile2 h6{
    color: #e96d02;;
}
body .DashboardPage .tile1 em {
    border-color: #3c0101;
}
body .DashboardPage .tile1 h6 {
    color: #3c0101;
}
body .DashboardPage .dashboardimage em img {
    margin: 0;
    width: 42px;
    height: 42px;
}
body .DashboardPage .dashboardimage h6 {
    font-size: 18px;
    font-family: var(--fontText) !important;
    line-height: normal;
    text-transform: capitalize;
}
body .DashboardPage a {
    color: #0076bf !important;
    font-weight: 600;
    font-size: 15px;
    font-family: var(--fontText) !important;
}
body .DashboardPage .content {
    min-height: auto;
}
.btn-grp{
    display: flex;
}
#Communication ul li a.active {
    background: var(--secondary);
}
#Communication ul li a {
    display: flex;
    align-items: center;
    padding: 6px 22px;
    box-shadow: rgb(11 10 10 / 48%) 0px -2px 6px;
    background: var(--active-color);
    color: #fff;
}
/*--------------------------------------------------------------
# ui-dialog
--------------------------------------------------------------*/

.ui-dialog {
    padding: 0;
    border: 1px solid #e0dfdf;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -7px 13px 0px inset;
   top: 50%;
   left: 50%;
   padding: .2em;
   outline: 0;
   transform: translate(-50%, -50%);
}
.ui-dialog .ui-dialog-titlebar {
    background: #00446e;
    color: #fff;
    font-size: 18px;
    padding: 6px 10px 6px 10px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
    top: 8px;
    font-size: 0px;
    right: 12px;
    -webkit-text-stroke: 2px #00436c;
    color:#fff;
}
button.ui-dialog-titlebar-close:before {
    font-family: FontAwesome;
    content: "\f00d";
    position: absolute;
    font-size: 27px;
    top: 20px;
    right: 0;
}

.pub_details td.expand {
    padding-left: 40px !important;
}
body .chzn-container-multi .chzn-choices .search-field {
    height: auto;
}
.ham-menu, body .first-section .slide-menu {
    z-index: 11;
}

/*--------------------------------------------------------------
# Role selection Dialog
--------------------------------------------------------------*/
.popupfooter button#btn_dftrole {
   margin-bottom: 0 !important;
}

div#dialog1 {
    padding: 0;
}
.RoleSelection ul li {
    list-style: none;
}

.RoleSelection #roles ul li {
    border-bottom: 2px solid #868686;
}  
.RoleSelection #roles ul {
    margin: 0;
    padding: 0;
}
.RoleSelection #roles ul li label {
    margin: 0;
    font-family: var(--fontText);
}
.setrole {
    display: inline-block;
    padding-right: 0;
    font-size: 16px;
    font-weight: 600;
}
.setrole span {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.popupfooter {
    border-radius: 2px;
    padding: 7px 10px 8px 10px;
    position: fixed;
    bottom: 0px;
    text-align: center;
    display: flex;
    background: #cdcdcd;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid #B1B1B1;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus-visible {
    outline: none;
}
.RoleSelection #roles ul li:hover label {
    color: var(--secondary);
}
body .ui-widget-overlay {
    background-color: #fff;
    opacity: .8;
}
/*--------------------------------------------------------------
# PDF Proposal View 
--------------------------------------------------------------*/
.ViewProposal_page .content-wrapper section {
    background: #efefef;
}
.ViewProposal_page .content-wrapper section fieldset {
    background: #fff;
}
.header-PIView .whole.darkgrey_back.top-header {
    display: none;
}

.dashboard_banner {
    background-image: url(/NIOT/resources/app_srv/serb/gl/DashboardPages/img/dashboard-banner.jpg);
    clip-path: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 200px;
   background-attachment: fixed;
}
.PIView-title {
    background: #000000ad;
    padding: 10px 20px !important;
    border-radius: 40px 20px 40px 20px;
}
.PIView-title {
    z-index: 1;
}

.PIView-title h1 {
    font-size: 37px;
    line-height: 1.4;
    font-weight: 900 !important;
    font-family: var(--fontText);
    margin:0px;
   color: #fff;
}
.PIView-title ol.breadcrumb li a, .PIView-title ol.breadcrumb li {
    color: #fff !important;
}

.PIView-title:after {
    margin: 0 auto !important;
    left: 0;
    right: 0;
    background: var(--primary);
}
.PIView-title {
    z-index: 1;
}
.ProposalView_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ProposalView_list li a {
    display: inline-block;
}
.ProposalView_list li {
    margin: 0 2px 3px;
}

.proView {
    padding: 0 10px 20px;
}
body.ViewProposal_page .proView h1 span {
    color: var(--secondary);
   font-size: 30px !important;
}
.proView h1 {
    font-size: 26px;
    font-weight: 800;
    font-family: var(--fontText);
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
body.ViewProposal_page .dateSub span, body.ViewProposal_page .dateSub strong {
    font-size: 18px !important;
}
.proView h1:before {
    background: var(--secondary);
    width: 80px;
    height: 2px;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto !important;
}

div.proposal_sideTab {
    z-index: 1;
}
.proView p {
    text-align: center;
    font-size: 19px;
    line-height: normal;
}
.ProposalView_list input {
    font-weight: 500;
    min-width: 20%;
    font-size: 17px;
}
.ViewProposal_page fieldset legend {
   background: #004369e3;
   color: var(--white);
    padding: 4px 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
    font-size: 22px;
    font-family: var(--fontText);
   font-weight: 800;
}
.ViewProposal_page h6 {
    font-size: 17px;
    text-align: left;
    text-transform: none;
    margin: 4px 0 6px;
    border-bottom: 1px solid #afafaf;
    padding: 0 12px 5px;
    background: #efefef;
}
/*body #Document {
    background: transparent;
    color: var(--active-color);
    font-size: 16px;
    box-shadow: none;
    border: 0;
}*/

body a#Document::after, body a#Document::after{
    display: none;
}
body .footer, body .push {
    height: auto;
}
.footer-PIView footer {
    border-top: 4px solid var(--secondary);
}
body .ProposalView_list .activeor {
    background-color: #00598d !important;
}
.ViewProposal_page .black_border.rounded.padded.eleven.twelfth.centered.gap-bottom {
    border: 0;
}

.largesize {
  font-size: 1.5em !important;
  color: #595959 !important;
}

.smallsize {
  font-size: 1.0em !important;
  color: #000 !important;
}
.info-box {
    background: #ebebeb;
    width: 98%;
    margin: 0 auto 10px;
    border-radius: 5px;
    padding: 0;
    border: 1px solid #a0d5f1;
}
.info-box strong {
    background: #a0d5f154;
    padding:5px 10px;
    margin: 0;
    border-radius: 5px;
}
.info-box span {
    padding: 12px;
    display: inline-block;
    width: 100%;
}
.mentor_detail span {
    padding: 0;
}
.mentor_detail .col {
    border: 1px solid #a9a8a8;
    background: #fff;
}
#doc .error-notice {
    width: 49%;
    max-width: initial;
    padding: 0 9px 12px;
    margin: 0;
}
.details_gap {
    padding: 0 0 0 10px;
    border-left: 8px solid #ddd;
    margin: 0px 0px 13px 10px;
}
#ProposalAccordionView .accordion-button i {
    margin-right: 10px;
    font-size: 17px;
}
#doc .error-notice .oaerror {
    width: 100%;
    display: flex;
   padding: 5px 10px;
   justify-content: space-between;
   border-color: #1c5778;
}
body table th [role~=button] {
    background: transparent;
}
body .icon-btn {
    padding: 7px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    background: var(--secondary);
    display: flex;
    align-items: center;
    font-family: var(--fontText);
    font-weight: 600;
}

.ms_listing_button .dropdown .dropdown-menu li a {
    background: var(--secondary);
    font-size: 16px;
    padding: 7px 14px !important;
    white-space: normal;
}
.leftButtonTabs{
position: relative;
}
.ViewProposal_page div.proposal_sideTab {
    z-index: 1;
    position: sticky;
    top: 0;
    min-height: 100vh;
    /* background: #bdced8; */
    /* padding: 10px; */
    border-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
}
.ViewProposal_page .proposal_sideTab .ProposalView_list li a {
    border: 2px solid #014b764a;
    width: 100%;
    padding: 0px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal;
    background: #fff;
    box-shadow: rgb(0 0 0 / 17%) 0px 1px 1px;
}
.ViewProposal_page .proposal_sideTab .ProposalView_list input[type="button"] {
    background: transparent;
    padding: 0 15px;
    margin: 0;
    font-family: var(--fontText);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
    white-space: normal;
    width: 100%;
    min-height: 55px;
    color: var(--active-color) !important;
}
body.ViewProposal_page .proposal_sideTab .ProposalView_list .activeor {
    background-color: var(--secondary) !important;
    color: #fff !important;
}
.ViewProposal_page .proposal_sideTab .ProposalView_list li a:after, .ViewProposal_page .proposal_sideTab .ProposalView_list li a:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--secondary);
    z-index: -1;
   opacity: 0;
}
.ViewProposal_page .proposal_sideTab .ProposalView_list li a:before {
    transform: translateX(-100%);
    z-index: 1;
}
.ViewProposal_page .proposal_sideTab .ProposalView_list li a:hover:before {
    transform: translateX(0);
    transition: transform 350ms ease;
   opacity: 1;
}
.ViewProposal_page .proposal_sideTab .ProposalView_list a:hover input[type="button"] {
    color: #fff !important;
}
.file_ref a {
    background-image: url(/NIOT/resources/app_srv/serb/gl/AMSOB/img/gallary/photo/3.jpg);
    padding: 11px 30px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    width: auto;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: inline-block;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.file_ref a:after {
    position: absolute;
    content: '';
    background: linear-gradient(#004569, #004369c7, #004369b3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
}
.file_ref a:hover:after {
    background-image:linear-gradient(to right, #002133, #007bc1);
}
.file_ref a:hover {
    text-decoration: none;
    color: #fff;
}
.file_ref a span {
    position: relative;
    z-index: 1;
}
.file_ref .dateSub {
    text-align: right;
    display: flex;
    justify-content: end;
   
}
.userUploaded-image {
    text-align: end;
}
.userUploaded-image img {
    object-fit: cover;
    height: 60px;
}
.file_ref a em {
    display: inline-block;
    margin-right: 10px;
    background: #fff;
    color: var(--secondary);
    width: 30px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    line-height: 30px !important;
    border-radius: 2px;
}
.dateSub a em {
    margin-right: 10px;
}

/** Details**/
/*body.ViewProposal_page label, body.ViewProposal_page span, body.ViewProposal_page strong {
    font-size: 16px !important;
}*/
body.ViewProposal_page .side-menu {
    display: none;
}
div#strICDetailsData .tooltip:not([title]):not([role~=tooltip]):before, #strICDetailsDataPHD .tooltip:not([title]):not([role~=tooltip]):before{
    display: none;
}
body .viewPDFBtn {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
body .content-wrapper .viewPDFBtn a {
    border: 1px solid var(--secondary);
    display: flex;
    align-items: center;
    height: 32px;
    color: var(--secondary);
    font-size: 17px;
    text-align: center;
    margin: 0 4px 4px;
    width: 32px;
    position: relative;
    justify-content: center;
    border-radius: 5px;
}
#doc .error-notice .oaerror a {
    font-size: 16px;
}
body .content-wrapper .viewPDFBtn a:hover {
    background: var(--secondary);
    color: #fff;
}
span.tooltiopHover {
    position: absolute;
    background: #262626;
    width: 180px;
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
    z-index: 1;
    font-size: 12px;
    display: none;
    top: -34px;
}
span.tooltiopHover:after {
    position: absolute;
    content: '';
    border-top: 13px solid transparent;
    border-left: 13px solid #262626;
    transform: rotate(-46deg);
    bottom: 30px;
    left: 38%;
    right: 0;
}
#doc .error-notice .oaerror >a:hover {
    color: var(--active-color);
}
.viewPDFBtn a:hover .tooltiopHover {
    display: block;
}
#ProposalAccordionView .accordion-button::after {
    position: absolute;
    right: 14px;
    font-weight: 800;
    top: 16px;
}

#ProposalAccordionView .accordion-button {
    position: relative;
    height: auto;
    padding: 10px 12px 10px 30px;
    font-size: 16px;
    font-weight: 700;
   color: var(--active-color);
    background-image: linear-gradient(225deg, #00436900 0%, #91b1c3 50%, #ffffff 100%);
    box-shadow: rgb(0 0 0 / 14%) 0px 3px 1px, rgb(0 0 0 / 12%) 0px 3px 6px;
}
#ProposalAccordionView .accordion-button:hover {
    color: #fff;
    background: #00446b;
}
#ProposalAccordionView  .accordion-button::before {
    position: absolute;
    content: "\f067";
    font-family: 'FontAwesome';
    top: 11px;
    left: 10px;
}
#ProposalAccordionView .accordion-button:not(.collapsed)::before{
       content: "\f068";
}
#ProposalAccordionView .accordion-button:hover:after {
    filter: brightness(1) invert(1);
   -webkit-filter: brightness(1) invert(1);
   -moz-filter: brightness(1) invert(1);
   -o-filter: brightness(1) invert(1);
}
.ViewProposal_page .dashboard_banner +.pt-5 .container-fluid {
    max-width: 95%;
}
/*--------------------------------------------------------------
# mentor Dashboard
--------------------------------------------------------------*/
.tile-box {
    margin-bottom: 20px;
}
.tile-box >a {
    display: inline-block;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: #fff;
    border-radius: 5px;
     padding: 20px 20px;;
    -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease;
     min-height: 210px;
}
.tile-box >a:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    border-radius: 10px 40px 10px 40px;
}
.tile-box> a:hover .icon{
    background:var(--active-color);
    color:#fff;
}
.tile-box >a .icon {
    border: 2px solid var(--active-color);
    color: var(--active-color);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto;
    font-size: 40px !IMPORTANT;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.tile-box> a .tile_title {
    color: var(--active-color);
    font-family: var(--fontText);
    margin: 11px 0 0;
    display: inline-block;
    font-size: 22px;
}
.tileBox1> a .icon {
    border-color: #388b3f;
    color: #388b3f;
}
.tileBox1> a .tile_title{
    color: #388b3f;
}
.tile-box> a:hover .icon {
  -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;
    
}
.tileBox1> a:hover .icon {
    background: #388b3f;
    color: #fff;
    
}
.tileBox3> a {
    background: #516df20a;
}

.tileBox5> a {
    background: #c9f3f3ba;
}

.tileBox2> a {
    background: #cf5b890d;
}
.tileBox1> a {
    background: #288c4c1c;
}
.tileBox2> a .icon {
    border-color: #c95c8b;
    color: #c95c8b;
}
.tileBox2> a .tile_title{
    color: #c95c8b;
}
.tileBox2> a:hover .icon {
    background: #c95c8b;
    color: #fff;
    
}

/*--------------------------------------------------------------
# PI Dashboard
--------------------------------------------------------------*/
body .dash_PI .navig-tabs li {
    width: 13%;
    margin: 0 4px 10px;
}
body .dash_PI .navig-tabs li a {
    height: auto;
    padding: 3px 15px 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px 0px;
    text-align: center;
    min-height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
   font-size: 16px;
}
body .dash_PI .navig-tabs li a i{
   display: block;
}
body .dash_PI .navig-tabs li .active, body .dash_PI .navig-tabs li a:hover {
    background: var(--secondary);
    color: #fff;
}
body .dash_PI #Comm_Tabs li a {
    min-height: auto;
}
body .dash_PI #Comm_Tabs li a span {
    display: flex;
    align-items: center;
}
body .dash_PI #Comm_Tabs li a span i {
    margin-right: 5px;
    font-size: 16px;
}
body .dash_PI #Comm_Tabs li {
    width: auto;
}
body .dash_PI  .navig-tabs {
    border: 0;
}
body .dash_PI .tab-content .tab-pane {
    border: 0px;
    clear: both;
   padding: 0;
}
.dashPi-comm h4 {
    font-weight: 800;
    font-size: 23px;
    background: #dfdfdf;
    padding: 4px 14px;
    margin: 0;
    font-family: var(--fontText);
    color: var(--dark);
    text-align: left;
}
.dashPi-comm fieldset{
    background-color: #fff;
    padding:14px;
}
.dashPi-comm fieldset .search label {
    font-weight: bold;
    margin: 0 7px 0 0;
}

.dashPi-comm  .search {
    display: flex;
    align-items: center;
   flex-wrap: wrap;

}
.dashPi-comm  .search input[type="text"] {
    width: auto !important;
}
legend.bg-primary-subtle {
    font-size: 18px;
}
body .sweet-alert hr {
    margin: 10px 0 10px;
}

body .sweet-alert h2 {
    color: #333;
    line-height: 1.3 !important;
    font-size: 24px;
}
body .sweet-alert button {
    background: var(--active-color) !important;
}
body .sweet-alert button:hover {
    background: var(--secondary) !important;
}
body .list-menu li:hover a {
    color: black !important;
}
body .list-menu li:hover {
    background: #9bd0dd;
    border-color: #9bd0dd;
}
input.labelauty + label {
    background-color: var(--active-color) !important;
    color: var(--white);
}


/*--------------------------------------------------------------
# Dashboard Member Secretary
--------------------------------------------------------------*/
#CommonTab li a i {
    display: none;
}
.tile_height .tile-box a {
    min-height: auto;
}
#CommonTab li {
    margin: 0;
}
#CommonTab li a {
    border-bottom: 1px solid #00436933;
    margin: 0 0 4px !important;
    border-width: 2px;
    border-left: 0;
    color: var(--secondary);
    font-weight: 700;
    font-size: 16px;
    padding: 7px 12px 7px;
    background: #eee;
    border-right: 1px solid #dbdbdb;
    height: auto;
    min-height: auto;
}
.navig-tabs {
    border-bottom: 1px solid #ddd;
    padding: 0;
    background: #eee;
}
.Verticaltabs .tile-box a .circle-tile-number {
    font-size: 28px;
    font-weight: 800;
    color: #40945c;
    line-height: normal !important;
    display: inline-block;
}
#CommonTab li a.active {
    border-color: #00436933;
    border-bottom: 0;
    border-left: 2px solid #00436933;
    border-right: 2px solid #00436933;
    background: #00446b;
    font-weight: 700;
    color: #fff;
}

.dashboard_page .tile-box a{
   background: #33333317;
}
.dashboard_page .tile-box a .icon {
    border: 2px solid #333;
    color: #333;
}
.dashboard_page .tile-box a h5 {
    color: var(--active-color);
    font-family: var(--fontText);
    margin: 11px 0 0;
    display: block;
    font-size: 19px;
    /*text-transform: capitalize;*/
   line-height: 1.3 !important;
}


.dashboard_page .tileBox1 a {
    background: #288c4c1c;
}
.dashboard_page .tileBox1 a .icon {
    border-color: #1d7224;
    color: #1d7224;
}
.dashboard_page .tileBox1 a .circle-tile-number, .dashboard_page .tileBox1 a h5{
    color: #1d7224;
}


.dashboard_page .tile-box a:hover .icon{
   color: #fff;
}

.dashboard_page .tileBox2 a {
    background: #c95c8b29;
}
.dashboard_page .tileBox2 a .icon {
    border-color: #954064;
    color: #954064;
}
.dashboard_page .tileBox2 a .circle-tile-number, .dashboard_page .tileBox2 a h5{
    color: #954064;
}

.dashboard_page .tileBox3 a {
    background: #516df22b;
}
.dashboard_page .tileBox3 a .icon {
    border-color: #2d45b9;
    color: #2d45b9;
}
.dashboard_page .tileBox3 a .circle-tile-number, .dashboard_page .tileBox3 a h5{
    color: #2d45b9;
}
.dashboard_page .tileBox3 a:hover .icon{
   background-color: #2d45b9;
}

.dashboard_page .tileBox5 a {
    background: #77456e26;
}

.dashboard_page .tileBox5 a .icon {
    border-color: #683f61;
    color:#683f61;
}
.dashboard_page .tileBox5 a .circle-tile-number, .dashboard_page .tileBox5 a h5{
    color: #683f61;
}
.dashboard_page .tileBox5 a:hover .icon{
   background-color: #683f61;
}

.dashboard_page .tileBox6 a {
    background: #80800029;
}

.dashboard_page .tileBox6 a .icon {
    border-color: #545400;
    color: #545400;
}
.dashboard_page .tileBox6 a .circle-tile-number, .dashboard_page .tileBox6 a h5{
    color: #545400;
}
.dashboard_page .tileBox5 a:hover .icon{
   background-color: #77456e;
}

.dashboard_page .tileBox7 a {
    background: #dd4b3924;
}
.dashboard_page .tileBox7 a .icon {
    border-color: #781f14;
    color: #781f14;
}
.dashboard_page .tileBox7 a .circle-tile-number, .dashboard_page .tileBox7 a h5{
    color: #781f14;
}
.dashboard_page .tileBox7 a:hover .icon{
   background-color: #781f14;
}

.dashboard_page .tileBox8 a {
    background: #f39c1236;
}
.dashboard_page .tileBox8 a .icon {
    border-color: #7c4c00;
    color: #8b5500;
}
.dashboard_page .tileBox8 a .circle-tile-number, .dashboard_page .tileBox8 a h5{
    color: #7c4c00;
}
.dashboard_page .tileBox8 a:hover .icon{
   background-color: #7c4c00;
}

.dashboard_page .tileBox9 a {
    background: #34495e2e;
}
.dashboard_page .tileBox9 a .icon {
    border-color: #34495E;
    color: #34495E;
}
.dashboard_page .tileBox9 a .circle-tile-number, .dashboard_page .tileBox9 a h5{
    color: #34495E;
}
.dashboard_page .tileBox9 a:hover .icon{
   background-color: #34495E;
}
.dashboard_page .tile-box a .button-load {
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    margin: 9px 0 0;
    display: inline-block;
    box-shadow: inset 2px 5px 11px 3px #464646;
}
.dashboard_page .tileBox5 a .button-load {
    background:  #77456e;
}
.dashboard_page .tileBox6 a .button-load {
    background:#545512 ;
}
body .picker__nav--prev, .picker__nav--next {
    margin: 0 10px;
}
.upper_nav a {
    text-decoration: underline;
    font-size: 16px;
    font-family: var(--fontText);
    letter-spacing: 0;
   color: var(--secondary);
   background: transparent;
}
.upper_nav a:hover {
    color: var(--secondary);
}
li#noti_Container {
    margin-right: 10px ! IMPORTANT;
}

/*--------------------------------------------------------------
# Member Secretary Listing Page
--------------------------------------------------------------*/
.ms_listing_button {
    margin: 20px 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.ms_listing_button >.dropdown {
    width: 13%;
    margin: 0 3px;
}
.ms_listing_button .dropdown a {
    width: 100%;
    font-family: var(--fontText);
    padding: 0 28px 0 0px;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
    border: 1px solid var(--active-color);
    background-color: #fff;;
}
.ms_listing_button .dropdown a .btn-icon {
    width: 30%;
    background: var(--secondary);
    padding: 6px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
}
.ms_listing_button .dropdown a .btn-body {
    width: 70%;
    color: var(--secondary);
}
.ms_listing_button .dropdown a .btn-body span:after {
    content: '';
    position: absolute;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    top: 9px;
    right: -18px;
}
.ms_listing_button .dropdown a .btn-body span {
    position: relative;
}


.listing_page table .btn-groupAction .dropdown-toggle:after, .ms_listing_button .dropdown a:after, 
.dataTables_wrapper div#inboxTable_info {
    display: none;
}
.listing_page table .dropdown-toggle+.dropdown-menu li a {
    color: var(--dark);
    border-bottom: 1px solid #c9c9c9;
    width: 100%;
    display: inline-block;
    padding: 4px 0;
}

.listing_page table .dropdown-toggle+.dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 0px 10px;
    border: 1px solid #b1b1b1;
}
.listing_page .dataTables_wrapper .top {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dataTables_wrapper .top .dataTables_filter label {
    display: flex;
    align-items: center;
}
.ms_listing_button .dropdown:hover a {
    background: var(--secondary);
}
.ms_listing_button .dropdown:hover a .btn-body{
    color:#fff
}
.ms_listing_button >.dropdown:hover a .btn-icon {
    border-right: 1px solid #fff;
}
/*.ms_listing_button >div.dropdown:hover .dropdownhover-bottom, 
.ms_listing_button >div.dropdown:hover .dropdownhover-bottom li.dropdown:hover .dropdown-menu {
    display: block;
}*/


   .ms_listing_button >div.dropdown:hover .dropdownhover-bottom li.dropdown span.caret {
       border: 7px solid transparent;
       margin-left: 20px;
       border-left-color: #fff !important;
       transform: rotateZ(88deg);
       margin-top: 11px;
   }
   .selectActionBtn button {
       color: #fff;
   }
   div#inboxTable_wrapper {
       overflow-x: auto;
   }
   .dropdown-inline ul li a:hover span.caret {
       border-left-color: #000 !important;
   }
body .content-area .dropdown .dropdown-menu .caret{
       border: 6px solid transparent;
       border-left-color: #ffffff;
       float: right;
       margin-top: 6px;
       transform: rotate(88deg);
       margin-left: 10px;
   }
   
   .ms_listing_button >div.dropdown .dropdownhover-bottom li.dropdown .dropdown-menu {
       display: none;
   }
   
   .ms_listing_button >div.dropdown .dropdownhover-bottom li.dropdown.on .dropdown-menu {
       display: block;
   }
/*--------------------------------------------------------------
# Dashboard Chairrperson
--------------------------------------------------------------*/
.graph-box {
    border: 1px solid #dfdfdf;
    background: #fff;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    min-height: 100%;
}
.col-title {
    background: var(--secondary);
    padding: 2px 10px;
}
.col-title h3 {
    margin: 0;
    font-size: 22px;
    font-family: var(--fontText);
    color: #fff;
}
body div.zabuto_calendar .badge-today, body div.zabuto_calendar div.legend span.badge-today {
    background-color: var(--secondary);
}
body div.zabuto_calendar .badge-event, body div.zabuto_calendar div.legend span.badge-event {
    background-color: #004369;
    color: #fff;
    text-shadow: none;
}
span.legend-text {
    padding: 10px;
    display: inline-block;
}
/*--------------------------------------------------------------
#Compose letter
--------------------------------------------------------------*/
.attachBtn {
    text-align: center;
    display: inline-block;
    position: relative;
    top: 11px;
}
.attachBtn i {
    position: absolute;
    z-index: 12;
    color: #fff;
    top: 4px;
    left: 11px;
    font-size: 20px;
}
.attachBtn input#attach {
    position: relative;
    padding: 9px 14px 9px 30px;
}
div#editor ul li {
    list-style: disc;
}
div#editor ol li {
    list-style: decimal;
}
.callout, [role~=status] {
    background: transparent;
    border: 0;
    padding: 0;
}
body .meetingpage .tooltip:not([title]):not([role~=tooltip]):before {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
body .meetingpage .tooltip:not([title]):not([role~=tooltip]):after {
    border-top: 0;
}
body .meetingpage  table.dataTable tr.child ul{
    width: 100%;
}
body .meetingpage table.dataTable tr.child ul li {
    border: 1px solid #ddd;
    padding: 4px 7px;
    border-radius: 5px;
}
body .meetingpage  .open > .dropdown-menu {
    z-index: 1111;
}
body .meetingpage  table.dataTable.dtr-inline.collapsed tbody td:first-child:before, body table.dataTable.dtr-inline.collapsed tbody th:first-child:before{
    top: 14px;  
}
div#tab_logic_wrapper {
    padding: 0;
}

/*--------------------------------------------------------------
# View Proposal
--------------------------------------------------------------*/
input#ViewQuotations:focus {
    background: transparent !important;
}
.view_prpsal .dropdown button:after, .view_prpsal .dropdown .button:after {
    bottom: 11px;
    font-weight: bold;
    right: 3px;
}
.piBox1 .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.piBox1 span.badgeOnTop.tooltip.hand.opacity-100.d-inline-block.py-1.h-auto {
    background: var(--secondary);
    position: relative;
    top: -5px;
}
.piBox1 span.badgeOnTop.tooltip.hand.opacity-100.d-inline-block.py-1.h-auto:after, 
.piBox1 span.badgeOnTop.tooltip.hand.opacity-100.d-inline-block.py-1.h-auto:before, .view_prpsal table .btn-group .btn.dropdown-toggle:after{
    display: none;
}
body .content-container .content-wrapper .btnGroup_list button, body .content-container .content-wrapper .btnGroup_list input[type="button"] {
    background: #fff;
    color: var(--active-color) !important;
    border: 2px solid var(--active-color);
    padding: 6px 10px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 9px;
}
body .content-container .content-wrapper .btnGroup_list button:hover, body .content-container .content-wrapper .btnGroup_list input[type="button"]:hover{
    background: var(--active-color);
    color: var(--white) !important;
}
.pub_details .tablePadd td.expand {
    padding-left: 10px !important;
}

.proposalPrceedingTable .dt-length label {
    width: auto;
    display: inline-block;
}

.proposalPrceedingTable div#dataTable_wrapper {
    padding: 0;							
}	


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media(min-width:1800px) {
    body, p, span, li, a, td, th, table, .proposal_sideTab .ProposalView_list input[type="button"], body.ViewProposal_page label, body.ViewProposal_page span, 
   body.ViewProposal_page strong{
        font-size:18px !important;  
    }
   .tile-box a .icon{
      font-size:40px !important;  
      width: 90px;
      height: 90px;
   }
   .dashboard_banner +.pt-5 .container-fluid {
       width: 100%;
       max-width: 93%;
       margin: 0 auto;
   }
   .TabData h4, .tabs_dash .nav-link .card .card-inner .desp strong {
    font-size: 18px;
}
.TabData .icon {
    width: 75px;
    height: 75px;
        margin: -48px auto 0;
}
.TabData .icon img {
    height: 43px;
}
.tabs_dash .nav-link .card .card-inner .icon{
	width:60px;
}
}


@media(max-width:1366px) {
.dashboardimage .seven.ninth {
    padding-left: 20px;
}
body .DashboardPage .dashboardimage h6 {
    font-size: 16px;
}
body .regdaypos {
    right: 0;
}
body .tooltipster-default {
    width: 30%;
}
.ViewProposal_page .dashboard_banner +.pt-5 .container-fluid {
    max-width: 99%;
}
body .dash_PI .navig-tabs li {
    width: 15%;
}
.ms_listing_button >.dropdown {
    width: 20%;
}
.projectFactsWrap .item span {
    font-size: 30px;
}
.projectFactsWrap .item strong {
    font-size: 18px;
    font-weight: 500;
}
.projectFactsWrap .item .icon {
    font-size: 70px;
}
}

@media(max-width:1366px) {
.tabs_dash .nav-custom {
    padding-right: 10px !important;
}
.TabData .icon {
    width: 60px;
    height: 60px;
}
.TabData .icon img {
    height: 35px;
            max-width: max-content;
}

}

@media(max-width:1280px) {
body .bs-wizard > .bs-wizard-step .bs-wizard-info {
        font-size: 12px !important;
}
body .dash_PI .navig-tabs li {
    width: 22%;
}
.TabData {
    margin-bottom: 25px;
}
.Vertical_Project .row .row>div {
    padding: 0 9px;
}
.tabs_dash .nav-link .card .card-inner .desp .number, .TabData .number {
    font-size: 24px;
}
.tabs_dash .nav-link .card .card-inner .icon {
    width: 60px;

}
.projectFactsWrap {
    grid-template-columns: repeat(4, 1fr);
}
}

.TabData {
    min-height: 310px;
}

@media(max-width:1134px) {
.pub_details .tablePadd td.expand {
    padding-left: 40px !important;
}
.tabs_dash .nav-link .card .card-inner .icon {
    width: 60px;
    height: 80px;
    font-size: 30px;
}
.tabs_dash .nav-link.active .card:after {
    border-top: 43px solid transparent;
    border-left: 23px solid #c6c6c6;
    border-bottom: 42px solid transparent;
}
.tabs_dash .nav-link.active .card:before {
    border-top: 41px solid transparent;
    border-left: 23px solid #efefef;
    border-bottom: 41px solid transparent;
}
.projectFactsWrap.row {
    grid-template-columns: repeat(3, 1fr);
}
}

@media(max-width:1024px) {
    .logo-text strong{
        font-size: 20px;
    }
    .logo-text span {
        font-size: 18px;
    }
    .tile-box .two.ninth {
        display: block !important;
        text-align: center;
    }
    .tile-box .two.ninth em {
        margin: 0 auto;
        width: 50px;
        height: 50px;
    }

    .tile-box .two.ninth em img {
        width: 32px;
        height: 32px;
        max-width: 100%;
    }
    .tile-box .two.ninth h6 {
        display: inline-block !important;
        margin: 10px 0 0;
        font-size: 16px;
    }
    .tile-box .dashboardimage {
                display: block !important;
                 text-align: center !important;
            }
     .full-width .half.one {
        width: 100%;
    }
    body .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
        width: 30px;
        height: 30px;
        top: 52px;
        font-size: 13px;

    }
    
    div.dashboard * {
        text-align: left;
    }
    .user_proExpand {
        border: 1px solid #d1c6c6;
        background: #a2aba44a;
    }
   body .dash_PI .navig-tabs li {
       width: 30%;
   }
   body .tooltipster-default {
       width: 40%;
   }
   .ms_listing_button {
       flex-wrap: wrap;
   }
   .ms_listing_button >.dropdown {
           width: 30%;
           margin: 0 6px 12px;
       }

}

@media (max-width:991px) { 
   .top-header ul#iconList li {
       margin: 0 4px;
       padding: 0 6px 0 0px !important;
       font-size: 14px;
   }
 .tab-content>.tab-pane {
   display: block;
   opacity: 1;
   }
    .seventh.two, .sevenths.two, .third.two, .thirds.two, .chzn-container {
        width: 100% !important;
    }
    h2.fw-bold {
            font-size: 1.5rem; 
        }
        .btnGroup {
            display: flex;
            align-items: center;
        }
        div#divSave {
            width: 80%;
        }
    .bs-wizard > .bs-wizard-step .bs-wizard-info {
            font-size: 15px !important;

        }
        .tile-box .one.half, .tile-box .dashboardimage, div.dashboard * {
            text-align: center !important;
        }
        .tile-box .seven.ninth {
            text-align: center !important;
            padding: 0;
        }
        .tile1 {
            display: block !important;
        }
        .user_proExpand .two.sixth {
            padding: 0;
        }
        .top-header {
            display: flex;
            align-items: center;
        }
        .pad-left.two.eleventh {
            padding-left: 0;
        }
      .proposal_sideTab .ProposalView_list input[type="button"] {
          font-size: 16px;
      }
        .ViewProposal_page {
            word-break:break-word;
        }
      .leftButtonTabs {
          padding: 0;
      }
      .leftButtonTabs+div {
          padding-right: 0;
          padding-left: 0;
          margin-top: 20px;
      }
      .ViewProposal_page fieldset legend{
         font-size: 20px;
      }
      .ViewProposal_page div.proposal_sideTab {
          min-height: auto;
      }
      .tabs_dash .accordion-header button, .Verticaltabs .accordion-header button {
		    font-size: 21px;
		}
		.tabs_dash .accordion-header button:after, .Verticaltabs .accordion-header button:after {
    margin-left: 10px !important;
	}
	.tabs_dash #TabContent .accordion-body{
    margin: 50px 0 0;
}
 .Verticaltabs .accordion-body{
    margin: 15px 0 0;
}
.tabs_dash .accordion-header button, .Verticaltabs .accordion-header button  {
    border: 2px solid #b9b9b9;
    margin-bottom: 6px;
    background: #ededed;
    border-radius: 5px;
}
.tabs_dash  .tab-content>.tab-pane, .Verticaltabs .tab-content>.tab-pane{
    display: block;
    opacity: 1;
  }
  .tabs_dash .accordion-header .accordion-button:not(.collapsed), .Verticaltabs .accordion-header .accordion-button:not(.collapsed) {
    background: #004369;
    color: #fff;
}
.tabs_dash .accordion-header .accordion-button:not(.collapsed)::after, .Verticaltabs .accordion-header .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
     -o-filter: brightness(0) invert(1);
}

}



@media(max-width:767px) {
   .top-header ul#iconList li {
       font-size: 17px;
   }
   .logo-img img {
       height: 100px;
   }
    .niotLogo img:first-child {
        display: inline-block;
    }
    .Emblemlogo {
        display: none !important;
    }
    .logo-text span, .logo-text strong{
        text-align: left;
    }
    .logo-header {
        padding: 4px 10px !important;
    }
    li#icon_changerole span {
    font-size: 0;
    display: flex;
    align-items: center;
}
.logo-header-main {
    box-shadow: none;
}
    .logo-img {
        display: flex;
        align-items: center;
    }
    .pro-scheme-page ul{
        padding-left:0;
    }
    div#timeRemDiv {
        display: none;
    }
    
       body .control-sidebar {
            padding-top: 0px;
            top: 76px;
        }
        .sidebar_open .content-wrapper {
            transform: none !important;
        }
        .sidebar_open .main-sidebar {
            width: 0 !important;
        }
        footer .row {
            flex-wrap: wrap;
            display: block !important;
        }
        footer .row .col {
            justify-content: center !important;
            width: 100%;
            text-align: center;
        }
        footer .row .col div {
            text-align: center;
        }
        footer .row .col:nth-child(2) {
            display: none !important;
        }
        footer .row .col a img {
            width: 100%;
            margin-top: 4px;
        }
        
        body .ui-dialog {
            width: 90% !important;
/*            left: 0;
            right: 0;
            margin: 0 auto;*/
        }
        body .ui-dialog iframe, #doc .error-notice, body .container{
            width: 100%;
        }
      body .dash_PI .navig-tabs li {
          width: 48%;
      }
        .tile-box a .tile_title {
            font-size: 18px;
        }
        .tile-box a .icon {
            width: 60px;
            height: 60px;
            font-size: 33px !important;
         }
        .dashPi-comm h4 {
            font-size: 19px;
        }
      .dashPi-comm .search_row .search, .search_row .text-end {
          justify-content: center !important;
         text-align: center !important;
      }
      .search_row .search {
          padding: 10px 0 10px;
      }
      body .tooltipster-default {
             width: 60%;
      }
      li#icon_changerole span em+span {
          display: none;
      }
      li#icon_changerole span em {
          width: 32px;
          height: 32px;
          background: var(--active-color);
          border-radius: 5px;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
      }
      .top-header ul#iconList li:not(:nth-child(2)) +li.enlarge {
          margin-top: 2px;
      }
      li#icon_changerole .tooltipster-icon {
             display: none;
         }
         .leftButtonTabs+div{
         padding-left: 0px;
         }
         .userUploaded-image {
             text-align: center;
             margin-top: 20px;
         }
         .file_ref .dateSub {
             justify-content: center !Important;
             margin: 6px 0 4px;
         }
         body .details_gap {
             padding: 0 0 0 8px;
             margin: 6px 0px 13px 14px;
             line-height: 1.6 !important;
             border-width: 2px;
         }
         .info-box {
             padding: 10px;
         }
         body .viewPDFBtn {
             justify-content: center;
         }
         .mentor_detail .col {
             flex: none;
         }
             .TabData {
        min-height: auto;
    }

.tabs_dash .nav-custom+div, .tabs_dash #TabContent .accordion-body>div, .Verticaltabs .accordion-body>div {
    padding: 0;
}
}

@media(max-width:680px) {
    .logo-text strong {
        font-size: 18px;
    }
    .logo-img img {
        height: 80px;
    }
    .logo-text span {
        font-size: 14px;
    }
    div#divSave {
        width: 90%;
    }
    .delete-button {
        text-align: center;
        margin: 10px 0 0;
        display: flex;
        justify-content: center;
    }
   body .content-wrapper .viewPDFBtn a{
      width: 27px;
      height:27px;
    }
      #doc .error-notice .oaerror >a i.icon-circle-arrow-right {
          display: none;
   }
      body .dash_PI .navig-tabs li {
                width: 100%;
   }
   .ms_listing_button >.dropdown {
       width: 40%;
   }
   .listing_page .dataTables_wrapper .top{
    display:block;
   }
   .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
       width: 100%;
   }
}


@media(max-width:580px) {
    .logo-img img {
        height: 100px;
    }
    .btnGroup {
        flex-wrap: wrap;
    }
        a.logo-img {
        justify-content: center;
        border-top: 2px solid #DDE;
        margin-top: 5px;
        padding-top: 5px;
    }
    .logo-text span, .logo-text strong {
        text-align: center;
    }
    .niotLogo+.col-lg-8.col-md-8.col-sm-8, .niotLogo {
        padding: 0;
    }

    .logo-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .logo-header-main {
        padding: 4px 12px 7px !important;
    }

    .w-auto, div.dt-container .dt-search input, .twelfth.one, .twelfths.one {
        width: 100% !important;
    }
   div#strTFDetailsData span {
       width: auto ! IMPORTANT;
   }
    body .content-container .content-wrapper input[type="button"], body .content-container .custom-btn, body input[type="reset"] {
        width: 100%;
        margin: 0 0 9px !important;
    }
   body .content-container .content-wrapper input#Delete, body .content-container .content-wrapper .delete-Button, body .content-container .content-wrapper input.delete-Button[type="button"]{
      margin-top:10px !IMPORTANT;
   }
    .btn-grp{
        flex-wrap:wrap;
    }
    input#Submit {
        width: 90%;
    }
    section.rounded.padded.centered.gap-bottom.bg-white.shadow.p-3, .grey_border.rounded.padded.three.fourth.centered.gap-top.bouble.gap-bottom {
        padding:0 12px !important  ;
    }
    .align-left, .align-right {
/*        text-align: center;*/
        margin: 0 0 2px;
        padding: 0;
    }
   body .dash_PI .tab-content .tab-pane {
       padding: 3px;
   }
     .projectFactsWrap.row {
    grid-template-columns: repeat(1, 1fr);
}
.verticalDropdown select {
    width: 100% !important;
    margin-top: 4px;
}
  .verticalDropdown {
    margin-top: 20px !important;
} 
}

@media(max-width:575px) {
.col-xxl-2.col-xl-3.col-lg-4.col-md-6.col-sm-6.text-center {
    padding-left: 0;
    padding-right: 0;
}
.tile-box >a {
    min-height: auto;
}
}


@media(max-width:480px) {
body .tooltipster-default {
    width: 90%;
    top: 7% !important;
}
body .dash_PI #Comm_Tabs li, .ms_listing_button >.dropdown {
    width: 100%;
}
.file_ref .dateSub {
    text-align: center;
    justify-content: center;
}
.file_ref a span {
    display: inline-block;
    width: 100%;
}
body.ViewProposal_page .dateSub span, body.ViewProposal_page .dateSub strong {
    font-size: 16px !important;
}
.ms_listing_button .dropdown a .btn-icon {
    width: 20%;
}
.ms_listing_button .dropdown a .btn-body {
    width: 80%;
}
.selectActionBtn {
    width: 100%;
    text-align: center;
}

.selectActionBtn button {
    width: 96%;
    margin: 0 auto;
}
}