/*@font-face { font-family: 'gt_sectra_finebold'; src: url('../fonts/gt-sectra-fine-bold-webfont.woff2') format('woff2'), url('../fonts/gt-sectra-fine-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body { padding:0;margin:0 auto;/*font-family:'Montserrat'*/  font-family: "Open Sans", sans-serif;}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:inherit}
.no-pad{padding:0}
.no-marg{margin:0 auto}
a,a:active,a:focus{outline:0}
input:focus,textarea:focus,select:focus,button:focus{outline:none}
input:focus,textarea:focus,select:focus,button:focus{outline:none}
.btn.focus,.btn:focus{box-shadow:none!important}
#header_container{transition:top .3s;position:fixed;top:0;left:0;right:0;z-index:999}
#header_container.hide-nav{top:-200px}
.top-hegt-space{margin-top:0}
::-moz-placeholder{color:#ccc;opacity:1}
.zoom:hover{transform:scale(1.2)}
.zoom{padding:0;transition:transform .6s;margin:0 auto}
.navbar{padding:11px 12px;border:none;border-radius:0;margin-bottom:0;background: url(../images/bg-hder.jpg) top;height: 69px;}
.navbar-btn{box-shadow:none;outline:none!important;border:none}
.line{width:100%;height:1px;border-bottom:1px dashed #ddd;margin:40px 0}
i,span{display:inline-block}
.form-select:focus { border-color: #cdcdcd; outline: 0; box-shadow: none; }
/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #fff3f3da; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: #fff3f3da; }
ul { margin: 0px auto; padding: 0; }
ul li { list-style: none; }
/* scrollbar */
/*#sidebar {
    min-width: 300px;
    max-width: 300px;
    background: url(../images/bg_login.jpg) ;
    background-size:cover;
    transition: all 0.3s;
    box-shadow: -25px 7px 7px 20px #000;
    z-index: 1;
}
.wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
}
#sidebar.active {
    margin-left: -302px;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}*/
.ib-logoo { width: 144px; }
/*#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 18px 0;
}
#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul li a {
    padding: 14px 16px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    transition: all .4s ease;
}

#sidebar ul li a:hover {
    color: #ffffff;
    background: #1f457b;
    padding: 14px 25px;
    transition: all .4s ease;
}

#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}*/

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

/*#content { width: 100%; padding: 0px; min-height: 100vh; background: url(../images/main-bg.jpg) center; background-size: cover; transition: all 0.3s; }
*/
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
/*
@media (max-width: 768px) {
#sidebar { min-width: 80px; max-width: 80px; text-align: center; margin-left: -80px !important; }
.dropdown-toggle::after { top: auto; bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
#sidebar.active { margin-left: 0 !important; }
#sidebar .sidebar-header h3, #sidebar .CTAs { display: none; }
    #sidebar .sidebar-header strong {
        display: block;
    }
    #sidebar ul li a {
        padding: 20px 10px;
    }
    #sidebar ul li a span {
        font-size: 0.85em;
    }
    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }
    #sidebar ul ul a {
        padding: 10px !important;
    }
    #sidebar ul li a i {
        font-size: 1.3em;
    }
    #sidebar {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}
*/


@media(max-width:991.98px) {
  .menu-container {
    display: none;
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0;
  }

  .primary-menu-open .menu-container {
    display: block;
  }
}



.main-content-wrapper { padding:23px 23px 55px; }
.logn-frm { width: 72%; margin: 38% auto; position: relative; }
.lgn-ffrmm { border: 1px solid #fff; float: left; width: 100%; padding: 13px 17px 13px 42px; border-radius: 2px; box-shadow: 1px 3px 5px 0px #00000014; }
.lgn-frrrm_items { position:relative; margin-bottom: 17px; float: left; width: 100%; }
.lgn-frrrm_items label { font-size:16px; margin-bottom: 2px; }
.logn-wwrt { width: 100%; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; padding: 12px; border-radius: 4px; }
.lgn-frrrm_items-btn {margin-top: 9px; float: left; width: 100%; }
.usr-icn { text-align:center; margin-bottom: 27px; }
.wdh-logm2 { width:100%; margin:0px auto; }
.lgn-mmg-inc { margin: 15% auto; width: 57%; position: relative; }
#logn-pageq {  min-height: 790px; }
.lgn-pge-bg-3 { }
.lgn-frrrm_items-cntr { text-align:center; }
.lgn-frrrm_items-cntr a { color: #fff; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; position: relative; top: 11px; font-weight: bold; }
.shde-e { min-height: 790px; background: #f6f6f6; position: absolute; left: 0;right: 0; top: 0; bottom: 0; }
.ib-logo { position: absolute; bottom: 0; right: -88px; }
.ib-logo img  { width: 50%; }
.logo-ini { position: absolute; right: 20px; top: 17px; }
.usr-iicn { position: absolute; bottom: 16px; left: 12px; color: #e1e1e1; }
.ini-logo { position: absolute; left: 81px; top: 19px; }
.logn-frm h2 { font-weight: bold; font-size: 20px; color: #fff; }
.icn-rgt-4boxs { float: right; width: 49px; height: 49px; }
.logn-frm p { color: #fff; font-size: 14px;}
.sid-menu-lefft { overflow:hidden; padding: 21px 0 0 15px; } 
.icon-menu_1 svg {  }
.logn-profile-2 { position: static; right: 216px; padding: 9px 0 0; }
.prof-hfdr { text-align: center; }
.ib-llogo { text-align: center; margin: 0px auto; background: url(../images/bg-hder.jpg) top; padding: 0px 0; height: 69px; }
.prof-hfdr_prof-txt { text-align: center; }
.prof-hfdr img { border-radius: 50%; width: 47px; height: 47px; margin: 4px auto; float: none; }
.prof-hfdr_prof-txt h4 { font-size: 15px; margin: 8px 4px; font-weight: bold; text-transform: uppercase; }
#menu-top-bars {
    float: left;
    width: 100%;
    padding: 0 26px;
    margin: 0px auto;
    position: relative;
    top: 10px;
    left: -12px;
}
.dv-logout-bntt {  }
.left-txt-login { font-family: 'gt_sectra_finebold'; text-align: left; position: absolute; bottom: 0; left: 73px; width: 60%; z-index: 1; }
.left-txt-login h2 { font-size: 39px; }
.left-txt-login h4 { font-size: 19px; }
.left-txt-login h1 svg { width: 66px; left: -10px; position: relative; }
.brd { width: 28px; height: 2px; background: #ce2429; margin-bottom: 10px; }
#frst-tabs #tab-button {/* display: table; table-layout: fixed; width: 100%;*/ border-radius: 6px; margin: 0; padding: 3px; list-style: none; float:left; background: #fff;box-shadow: 0px 2px 4px 1px #0000001c;}
#frst-tabs #tab-button li { display: inline-block;  border-right: 1px solid #e5e3e3; padding-right: 4px; }
#frst-tabs #tab-button li a { display: block; padding: 8px 21px; border-radius: 6px; font-weight: bold; background: #fff; border: 1px solid #fff; text-align: center; color: #000; text-decoration: none; text-transform: uppercase; font-size:15px; }
#frst-tabs #tab-button li a svg { position: relative; top: -2px; left: -3px; }
/*#frst-tabs #tab-button li:not(:first-child) a { border-left: none; }*/
#frst-tabs #tab-button li a:hover, #frst-tabs #tab-button .is-active a { background: #ce2529; border: 1px solid #fff; color: #fff; }
#frst-tabs .tab-contents { padding: 0; border: none; }
#frst-tabs .tab-button-outer { display: none; }
#frst-tabs .tab-contents { margin-top: 20px; }
@media screen and (min-width: 768px) {
#frst-tabs .tab-button-outer { position: relative; z-index: 2; display: block; }
#frst-tabs .tab-select-outer { display: none; }
#frst-tabs .tab-contents { position: relative; top: -1px; margin-top: 0; }
}
.tab-contents { margin-top:19px; }
.tb-item-box { background: #fff; padding: 0px; box-shadow: 0px 2px 4px 1px #0000001c; border-radius: 5px; margin-bottom: 24px; }
.headngs-1st { padding: 13px 17px; border-bottom: 1px dashed #c2c2c2; }
.contn-box2nd3rd { padding:18px; height: 415px; overflow: hidden; margin-bottom: 24px; }
.contn-box2nd { padding:18px; height: 385px; overflow: hidden; margin-bottom: 24px; }
.contn-box2nd_auto-height { padding:18px; height: auto; margin-bottom: 24px; }
.headngs-1st h4 { font-weight:bold; font-size:16px; text-transform:uppercase; color:#022659; margin:0px auto; }
.top-boxs-4 { position: relative; bottom: -29px; }
.top-boxs-12 { width: 96%; background: url(../images/main-bg.jpg) center; background-size: cover; box-shadow: 0px 2px 4px 1px #0000001c; border-radius: 8px; padding: 20px; margin: 5px 20px 18px 4px; }
.box-top-hds {  }
.box-top-hds h4 { font-weight:bold; font-size: 15px; margin:0px auto; color: #333; }
.box-top-hds h2 { font-size: 26px; font-weight: bold; margin:0px auto; }
#top-boxs-4_4 .owl-nav { display:none; }
#top-boxs-4_4 .owl-dots { display:none; }
.icn-rgt-4boxs img { width:auto !important; }
.shde-e { background: url(../images/bg_login.jpg) center;     background-size: cover;}
.bg-login { position: absolute; bottom: 0px; right: 0; }

/*chart tooltip */
.chart-samples ul { list-style: none; }
.chart-samples h4 { text-transform: uppercase; margin-bottom: 20px; font-weight: 400; }
.chart-samples li { font-size: 16px; line-height: 2.2; font-weight: 600; }
.chart-samples li a:not(:hover) { color: #AAA; }
.chartjs-tooltip { opacity: 1; position: absolute; background: rgba(0, 0, 0, .7); color: white; border-radius: 3px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 4px; }
.chartjs-tooltip-key { display: inline-block; width: 10px; height: 10px; }
#chartjs-tooltip table { margin: 0; }
/*chart tooltip */
.top-hdr { background: url(../images/bg-hder.jpg) top; }
.menu-item i { display: none; }
.pushy-link svg { position: relative; top: -2px; left: -4px;}
.pushy-submenu svg { position: relative; top: -2px; left: -4px;}
.modebar-btn--logo { display: none; }
.for-desktop { background: url(../images/main-bg-1.jpg) top; position: relative; z-index: 0; }
#for-mobile-and-tab {  }
.mobile-header_1 { padding: 10px 13px;border-top: 3px solid #ce2529; }
.usr-icn_2 { display: none; }
.for-mobile_login {  }
.login-mob-mmg_3 { padding: 0px; }
.ini-logo-mob { position: absolute; width: 38%; top: 6px; left: 16px; }
.ib-logo_2 { display: none; }
#for-mobile_login { position: relative; }
.txt-hdd {
    margin: 0px auto;
    font-size: 34px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
#for-mobile_login { display: none; }
.logn-txt-cntrr {
    text-align: center;
    height: 62px;
    border-radius: 7px;
    padding: 6px 26px;
}
.log-ott {
    text-align: center;
    height: 62px;
    border-radius: 7px;
    padding: 6px 5px;
}

.logn-txt-cntrr h5 { font-size: 13px; margin: -2px auto 0; text-transform: uppercase; }
.log-ott { text-align: center; }
.log-ott h5 {
    font-size: 11px;
    margin: 5px auto 0;
    text-transform: uppercase;
}
.logo-ll { padding: 12px 0; width: 100%; }
.contnt-mob-itms { background: url(../images/bg_2.jpg) center;width: 90%; margin: 114px 19px 0; border-radius: 19px; position: static; padding: 11px 6px 11px 11px; float: left; display:none; }
.contnt-mob-itms ul { margin: 0px auto; padding: 0px; }
.contnt-mob-itms ul li {
    text-align: center;
    float: left;
    background: #fff;
    margin: 4px;
    list-style: none;
    padding: 11px;
    width: 30%;
    box-shadow: 0px 1px 1px 0px #00000014;
    border-radius: 10px;
    border: 1px solid #eee;
}
.contnt-mob-itms ul li h4 { font-size: 13px; margin: 13px auto 0;}
.icn-mmg {
    background: #1b4786;
    width: 33px;
    height: 33px;
    padding: 4px 9px;
    border-radius: 50%;
    margin: 0px auto;
}
.footr-mob {
    background: #1b4786;
    padding: 15px 15px;
    color: #fff;
    font-size: 12px; display:none;
    text-align: center;
}
.footr-mob p { margin: 0px auto; }
.bnng-immg { position: relative; }
.bnng-immg img { position: absolute; z-index: -1; }



#for-mobile-and-tab { display: none ; }
.lft-mmg-loggn { margin: 146px auto 0; }








/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 285px;
    max-width: 285px;
    /* background: url(../images/bg_login.jpg) ; 
    background-size:cover;*/
    transition: all 0.3s;
    /* box-shadow: -25px 7px 7px 20px #000;*/
    z-index: 1;
    color: #fff;
}

#sidebar.active {
    margin-left: -288px;
}

#sidebar .sidebar-header {
    padding: 0 0;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 15px 17px;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    transition: all .3s ease;
    height: 91px;

    border-radius: 8px;
}

#sidebar ul li a:hover {
    border-radius: 8px;
    padding: 14px 25px;
    box-shadow: 3px 9px 8px -8px #000;
    transition: all .3s ease;
    background: url(../images/top-bg.jpg) center;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.pushy-content ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #072858;
}

.pushy-content ul.CTAs {
    padding: 20px;
}

.pushy-content ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}


.pushy-content a.article,
.pushy-content a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 0px;
    min-height: 100vh;
    transition: all 0.3s;
    /* background: url(../images/main-bg.jpg) center; background-size: cover; */
}


@media (max-width: 768px) {
#sidebar {
    margin-left: -250px;
}
#sidebar.active {
    margin-left: 0;
}
#sidebarCollapse span {
    display: none;
}
}
.heder-top-right-icon { position: absolute; top: 19px; right: 20px; z-index: 9; }
.heder-top-right-icon ul { padding: 0; margin: 0px auto; }
.heder-top-right-icon ul li { list-style: none; display: inline-block; padding: 0 5px; background: #fff; color: #ce2529; border-radius: 2px !important; border: 1px solid #253f64; }
.heder-top-right-icon ul li:nth-child(1) { height: 30px; padding: 0px 5px; border-radius: 50%; }
.heder-top-right-icon ul li:nth-child(2) { height: 30px; width: 29px; padding: 0px 5px; border-radius: 50%; }
.heder-top-right-icon ul li:nth-child(3) { height: 30px; width: 29px; padding: 0px 5px; border-radius: 50%; }
.heder-top-right-icon ul li:nth-child(4) { height: 30px; width: 29px; padding: 0px 5px; border-radius: 50%; }
.heder-top-right-icon ul li:nth-child(5) { height: 30px; width: 29px; padding: 0px 5px; border-radius: 50%; }
.compny-logo { position: absolute; left: 98px; top: 9px; }
.inner-contents {
    padding: 20px 27px;
    float: left;width: 100%;
}
.dataTables_length { margin-bottom: 10px; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
    background: #fff;
    float: right;
    padding: 10px;
    border-radius: 8px;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #133c7a;
    border-color: #0a2a5a;
}
.page-link {  color: #264b80; }
.item-table-ech {
    background: #fff;
    padding: 13px;
    box-shadow: 0px 1px 4px -2px #000;
    border-radius: 8px;
}
.hdd-commn-inner_1 {
    background: linear-gradient(90deg, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 100%);
    padding: 4px 10px;
    margin-bottom: 18px;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    font-size: 14px;
}
.hdd-commn-inner_1 h4 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    margin: 7px 4px 4px;
}
.bck-bttns_uli { text-align: right; }
.bck-inner-bttn_2 {
  background: linear-gradient(49deg, rgb(29, 66, 119) 0%, rgb(67, 140, 238) 100%);
  border: none;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 13px;
  margin: 2px auto;
  transition: all .4s ease;
}
.bck-inner-bttn_2:hover {
    background: linear-gradient(49deg, rgba(5,40,90,1) 0%, rgba(29,77,141,1) 100%);
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 4px 13px;
    margin: 2px auto;
    transition: all .4s ease;
}
.bck-inner-bttn {
    background: linear-gradient(49deg, rgba(5,40,90,1) 0%, rgba(29,77,141,1) 100%);
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 4px 13px;
    margin: 2px auto;
    transition: all .4s ease;
}
.bck-inner-bttn:hover {
    background: linear-gradient(49deg, rgba(5,40,90,1) 0%, rgba(29,77,141,1) 100%);
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 4px 13px;
    margin: 2px auto;
    transition: all .4s ease;
}
.bck-bttns_uli li { display: inline-block; margin: 0px 1px; }
.form-wrapper { background: #fff; padding: 13px; box-shadow: 0px 1px 4px -2px #00000061; border-radius: 8px; margin-bottom: 13px; }
.form-wrapper_2 { float: left;width: 100%; background: #fff; padding: 6px; box-shadow: 0px 1px 4px -2px #00000061; border-radius: 8px; margin-bottom: 13px; }
.innr-line-forrm { margin-bottom: 10px; }
.con-input-stle {
    width: 100%;
    border: 1px solid #cdcdcd;
    padding: 5px 7px;
    font-size: 14px;
    border-radius: 4px;
}
.innr-line-forrm label {
    font-size: 14px;
    position: relative;
    top: 3px;
}
.selection { width: 100%; }
.wdh-lefft-formms { width: 100%; padding-left: 13px !important;}
.hdd-tble--lists {  }
.hdd-tble--lists_6 {
    padding: 10px;
    height: 315px;
    overflow: auto;
}
.hdd-tble--lists_6 table thead td { font-weight: bold; }
.list-icons3 { white-space: nowrap; }
.list-icons3 li { display: inline-block; padding: 0 2px; }
.logn-mmmgg {
    position: absolute;
    left: 125px;
    top: 105px;
}
#thdd-2 table.dataTable>thead .sorting:before { display: none !important; }
.index-mobilee { display: none; }
.nmme-frm1 {  }
#dashboard-tble .dataTables_length, #dashboard-tble .dataTables_filter { display: none; }
.finyear {
    margin: 0px auto;
    padding: 6px;
}
.finyear h4 {
    text-align: center;
    margin: 0px auto;
    font-size: 14px;
    font-weight: normal;
}
#main-footer {
    background: #fff;
    padding: 9px 44px 9px 308px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 2px 4px 1px #0000004a;
}
.rgt-acopy-rgt { text-align: right; }
#main-footer p { margin: 0px auto; font-size: 13px; }

#home-calnder .datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
#home-calnder .datepicker-inline {
    width: 100%;
}
.js-plotly-plot .plotly .modebar {
    position: absolute;
    top: -18px !important;
    right: 2px;
}
.js-plotly-plot .plotly .main-svg { top: -24px !important; }
.main-svg {background: none !important;}
.submit-box_nw {  }
.bg-top-hd { position: absolute; z-index: 0; }
.top-hdd-bg {
    background: url(../images/top-bg.jpg) center;
    height: 219px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.top-ittms-boxs { padding: 37px 0 0 0; }
.icon-menu_1 svg { width: 20px; height: 20px; left: 0; }
.icon-menu_1 { color: #ce2429; }
.icon-menu_2 {
    font-weight: bold;
    line-height: 18px;
    margin: 4px auto 0;
}
.brd-crmpp { color: #b9b9b9;     padding: 10px 0 6px;}
.brd-crmpp ul li a:after { content: url(../images/right-nav1-whi.png); position: relative; left: 5px; }
.brd-crmpp ul li:after { content: none }


.brd-crmpp ul li{  display: inline-block; padding-right: 8px; font-size: 13px; }
.fst-cntn-css:before { content: none; }
.log-ouut-top { position: relative; top: 2px; background: none !important; border: none !important;}
.log-ouut-top a {
    background: #ce2529;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 11px;
    font-size: 11px;
    border-radius: 3px;
    color: #fff;
}
.compny-logo ul li { display: inline-block; padding-right: 20px; }
.compny-logo ul li img { width: 130px; }
.compny-logo ul li h5 {
    margin: 0 auto;
    font-family: 'gt_sectra_finebold';
    position: relative;
    top: 4px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
}
.log-ouut-top a svg { position: relative; top: -1px; }
.rgt-need-help {
    text-align: right;
    color: #fff;
    position: relative;
    bottom: -13px;
    font-size: 13px;
    letter-spacing: 1px;
}
.rgt-need-help a { color: #b9b9b9; }
.control_div:hover {
    background-color: #e9ecef;
    transition: background-color 0.3s ease;
}

.drop_div {
   background: linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 4px 10px;
}

.control_div {
    background: linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 4px 10px;
    margin-bottom: 18px;
}
.border-dotted {
    border-style: dotted !important;
}


.inner_crm_div,
.form-entry-block {
    background: #fdfdfd;
    border: 2px dotted #ccc;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.05);
}

.inner_crm_divhead {
    background-color: #e2e3e5;
    border-left: 4px solid #004085;
    padding: 5px 10px;
    margin: 15px 0 10px;
    border-radius: 4px;
}

.dual-list-container { display: flex; gap: 20px; align-items: center; }
.selctbox-picker { width: 100%; border:1px solid #ccc; border-radius:3px; font-size: 14px; }
.left-rgt-select-butn { display: flex; flex-direction: column; padding: 1px 9px 5px; margin: 0px auto 8px; background: #092e62; color: #fff; border: 1px solid #092e62; border-radius: 6px; }
.report_value2 { border:1px solid #c4c4c4; padding:0px 7px; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; }
#comn-report-tble-styl table { border-collapse: collapse; border:none;  font-size:14px !important;}
#comn-report-tble-styl th { text-align: left; padding: 0px 7px !important; font-size:14px !important;} 
#comn-report-tble-styl td { text-align: left; padding: 0px 7px; background:none;line-height: 28px; font-size:14px !important;}
#comn-report-tble-styl tr:nth-child(odd) { background-color:#fff; font-size:14px !important;}
#comn-report-tble-styl tr:nth-child(even) { background-color:#f4f4f4;font-size:14px !important; } 
.pop-holidy-hdr { background:#f4f4f4; }
.pop-holidy-hdr h4 {
  margin: 0px auto;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 7px 11px;
}
#accordionExample .card-header {
  padding: 0;
  background: #e3e3e3;
  border-radius: 0;
  border: 1px solid #e3e3e3;
  background: url(../images/bg_2.jpg);
  background-size: cover;
  border-left: 2px solid #244065;
}
#accordionExample .card-header .btn-link {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 15px;
  width: 100%;
  text-align: left;
}
#accordionExample .card-header .btn-link .fa {
  background: #223e65;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 9px;
  padding: 0px 6px;
  border-radius: 50%;
  font-size: 13px;
}
#accordionExample .card-header .btn-link .fa::before { content:url(../images/right-nav1-whi.png); }
#accordionExample .card {
  margin: 8px auto;border-radius: 0;border: none;
  width: 100%;
}
#accordionExample .card-body {
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
  border-radius: 0 0 16px 16px;
}
.bottommargin-sm { font-size:14px; }
.not-viewed {
    background-color: #edf3f3; /* soft light blue */
    font-weight: bold;
    border-left: 4px solid #5ba4ff; /* small accent stripe */
    transition: background-color 0.5s ease;
}

/* Optional hover effect */
.not-viewed:hover {
    background-color: #c2e1ff;
}
.viewed {
    background-color: #ffffff;
    color: #666;
}


/* Works on Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 1px !important; 
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(179, 179, 179, 0.4) transparent;
} 
.left-rgt-select-butn_2 {
  display: flex;
  flex-direction: column;
  padding: 7px 9px 7px;
  margin: 0px auto 8px;
  background: #092e62;
  color: #fff;
  border: 1px solid #092e62;
  border-radius: 6px;
}





/*Internal_observation.php*/
.container-box { background-color: #ffffff; border: 1px solid #dce1e7; border-radius: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); padding: 7px; font-size: 14px;}
.border-top { margin-bottom: 10px; }
.section-title { font-size: 16px; color: #0d47a1; font-weight: bold; margin-bottom: 10px; }
.form-wrapper { background: #fff; padding: 20px 25px; margin: 20px 0; border-radius: 12px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }
.form-control { font-size: 14px; }
.card-body { font-size: 14px; }
.inner-contents { padding: 15px; }
.select2-container { width:100% !important; }
/*accordion style*/
.card-header { background: linear-gradient(49deg, rgb(29, 66, 119) 0%, rgb(67, 140, 238) 100%); color: #fff; text-transform: uppercase; font-size: 15px; }
.border-primary { border-color: rgb(255, 255, 255) !important; }
.accordn-bottm1 { font-size: 14px; margin-bottom: 3px; padding: 6px 0; border-bottom: 1px dashed #979797; }
.bus-descrip { border:none; }
.collapse { background: #fff; font-size: 14px; }/*accordion style*/
/*Internal_observation.php*/

/*meeting_minutes_addedit.php*/
#meeting-minuts-add .accordion-button { text-transform: uppercase; font-weight: bold; font-size: 15px; background: #eaeaea; margin-bottom: 6px; padding: 12px 19px; border-radius: 7px; }
#meeting-minuts-add .accordion-button:focus { border-color: transparent; box-shadow: none; }
#meeting-minuts-add .accordion-button:not(.collapsed) { background: url(../images/bg-1.jpg) bottom; background-size: 100%; color: #000; }
#meeting-minuts-add .accordion-item { border:none; }
#meeting-minuts-add .accordion-body { background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); border-radius: 8px 8px 20px 20px; margin-bottom: 10px; border: 1px solid #dbdbdb; }
/*meeting_minutes_addedit.php*/



/*popup*/
#meeing-details-page .modal { display: none; position: fixed;  z-index: 1000;  padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
#meeing-details-page .modal-content { background-color: #fff; margin: auto; padding: 14px; border-radius: 5px; width: 100%; max-width: 35%; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
#meeing-details-page .close-btn { color: #959595; position: absolute; top: 10px; right: 23px; font-size: 28px; font-weight: bold; cursor: pointer; }
#meeing-details-page .modal-body { padding: 0; }
#meeing-details-page .shell-inputs { border-bottom:1px dashed #ccc; line-height: 42px; }
#meeing-details-page .modal-title { background: #eee; padding: 3px 10px; font-size: 20px; font-weight: bold; text-transform: uppercase; }
/*popup*/

#meeing-details-page .container-box{background-color:#fff;border:1px solid #dce1e7;border-radius:0;box-shadow:0 2px 6px #0000000d;padding:7px;font-size:14px}
#meeing-details-page .border-top{margin-bottom:10px}
#meeing-details-page .container-box h3{font-size:18px;color:#1d3b74;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:6px}
#meeing-details-page .container-box h6{font-size:14px;color:#000!important;padding:7px 13px;border-radius:5px;background:linear-gradient(90deg,#e3e3e3 0%,#fff0 100%);font-weight:600!important;text-transform:uppercase;margin:0 auto}
#meeing-details-page .container-box label{font-weight:700;display:inline-block;width:120px;color:#555;font-size:14px}
#meeing-details-page .container-box .field{margin-bottom:5px}
#meeing-details-page .container-box .value{color:#222;display:inline-block;font-size:16px}
#meeing-details-page .section-title{font-size:16px;color:#0d47a1;font-weight:700;margin-bottom:10px}
#meeing-details-page .form-wrapper{background:#fff;padding:20px 25px;margin:20px 0;border-radius:12px;box-shadow:0 0 15px #0000000d}
#meeing-details-page .inner-contents{padding:15px}
#meeing-details-page .bg-light{cursor:pointer;transition:background-color .2s ease-in-out}
#meeing-details-page .bg-light:hover{background-color:#f1f1f1}
#meeing-details-page .followup_view{background-color:#0dcaf026!important;box-shadow:0 4px 8px #00000014;box-sizing:border-box}
#meeing-details-page .workflow-grid{display:flex;flex-wrap:wrap;gap:15px;padding:15px;overflow-x:auto}
#meeing-details-page .workflow-column{background:#f0f8ff;border:1px solid #ddd;border-radius:0;min-width:200px;padding:10px;box-shadow:2px 2px 5px #ccc;flex-direction:column;display:flex;background:url(../../images/main-bg.jpg) top;background-size:cover;border-bottom:2px solid #3876cb}
#meeing-details-page .workflow-dept{font-weight:700;font-size:15px;color:#036;margin-bottom:10px;text-align:center;border-bottom:1px dashed #1a73e8;padding-bottom:5px}
#meeing-details-page .task-members svg{width:12px;height:12px;position:relative;top:-1px}
#meeing-details-page .workflow-taskp{background:#fff;border:1px solid #cce5ff;border-radius:6px;margin-bottom:8px;border-left:4px solid #0000A0;padding:8px;font-size:15px}
#meeing-details-page .workflow-taskv{background:#fff;border:1px solid #cce5ff;border-radius:6px;margin-bottom:8px;border-left:4px solid #0080FF;padding:8px}
#meeing-details-page .workflow-taska{background:#fff;border:1px solid #cce5ff;border-radius:6px;margin-bottom:8px;border-left:4px solid #008040;padding:8px}
#meeing-details-page .task-header{font-weight:700;color:#069;margin-bottom:4px}
#meeing-details-page .task-members{font-size:13px;color:#333;padding-left:10px}
#meeing-details-page .blink{animation:blinker 1s linear infinite;background-color:#51D75A;color:#FFF!important;padding:3px 7px 6px;animation-delay:2s}

/*accordion style*/
#meeing-details-page .card-header { background: linear-gradient(49deg, rgb(29, 66, 119) 0%, rgb(67, 140, 238) 100%); color: #fff; }
#meeing-details-page .border-primary { border-color: rgb(255, 255, 255) !important; }
#meeing-details-page .accordn-bottm1 { font-size: 14px; margin-bottom: 3px; padding: 6px 0; border-bottom: 1px dashed #979797; }
#meeing-details-page .bus-descrip { border:none; }
#meeing-details-page .collapse { background: #fff; font-size: 14px; }
/*accordion style*/

#addRowBtn { text-transform: uppercase; font-size: 14px; padding: 2px 10px; }
.content1 video { width:100%; }