img.logo-header {
    width: 60px;
}

nav.navbar {
    border-bottom: 1px solid #cce7ff;
    background: transparent;
    padding:0px;
    background-color: #ffffff !important;
}
div#collapsibleNavbar {
    margin-left: 20px;
}
ul.navbar-nav li.nav-item {
    padding: 10px 10px;
}
nav.navbar li.nav-item a.nav-link {
    background: transparent;
    border: 0px;
}
.haeder-right-link {
    text-decoration: unset;
    padding: 8px 10px;
}
.logout-link {
    border-left: 0px solid #fff;
    background:transparent;
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
}

.box-color-set .scheme-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    padding: 10px;
    background: linear-gradient(to bottom, #82c7ff 0%,#0088f7 100%);
    color: #fff;
    opacity: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.box-color-set:hover .scheme-overlay{
  -webkit-transition: all 0.3s ease 0s;
}
.box-color-set:hover .scheme-overlay, .box-color-7.box-color-set:hover .scheme-overlay, .box-color-6.box-color-set:hover .scheme-overlay,
.box-color-5.box-color-set:hover .scheme-overlay, .box-color-4.box-color-set:hover .scheme-overlay, 
.box-color-3.box-color-set:hover .scheme-overlay,
.box-color-2.box-color-set:hover .scheme-overlay, .box-color-1.box-color-set:hover .scheme-overlay{
    transform: translate3d(0, 0, 0);
    opacity: 1;
    border-radius:8px;
}
.box-color-7.box-color-set .scheme-overlay, .box-color-3.box-color-set .scheme-overlay{
      transform: translate3d(0,100%, 0);
      opacity: 0;
}
.box-color-6.box-color-set .scheme-overlay, .box-color-2.box-color-set .scheme-overlay{
      transform: translate3d(0, 100%, 0);
      opacity: 0;
}
.box-color-5.box-color-set .scheme-overlay, .box-color-1.box-color-set .scheme-overlay{
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}
.box-color-set{
  height: 140px;
  position:relative;
}
.box-color-1{
  background: linear-gradient(to bottom, #fd91e1 0%,#fd1fc3 100%);
}
.box-color-2{
  background:linear-gradient(to bottom, #ffc798 0%,#ff841b 100%); 
}
.box-color-3{
  background:linear-gradient(to bottom, #ff8faa 0%,#ff164e 100%); 
}
.box-color-4{
  background:linear-gradient(to bottom, #85f393 0%,#149925 100%);
}
.box-color-5{
  background:linear-gradient(to bottom, #cd98ff 0%,#8c13ff 100%); 
}
.box-color-6{
  background:linear-gradient(to bottom, #ffda5f 0%,#c59800 100%); 
}
.box-color-7{
  background:linear-gradient(to bottom, #7bd5ff 0%,#007bb5 100%); 
}
.box-color-8{
  background: linear-gradient(to bottom, #607D8B 0%,#607D8B 100%); 
}
#facts p{
  padding-bottom: 0px;
}
#facts .col-lg-3.col-6.text-center{
  padding:4px;
  overflow: hidden;
}
#facts {
  /*background: url("../img/facts-bg.jpg") center top no-repeat fixed;*/
  background-size: cover;
  padding: 20px 0 20px 0;
  position: relative;
}
#facts::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}
#facts .container {
  position: relative;
  z-index: 10;
}
.dashboard-main .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #FFF;
}
.dashboard-main .counters p {
    padding: 0px 20px 0px 0px;
    margin: 0 0 20px 0;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #FFF;
    text-align: right;
}
.dashboard-main .facts-img {
  text-align: center;
  padding-top: 30px;
}

/*facts1*/

.dashboard-main p{
  padding-bottom: 0px;
}
.dashboard-main .col-lg-3.col-6.text-center{
  padding:4px;
  overflow: hidden;
}
#facts1 {
  /*background: url("../img/facts-bg.jpg") center top no-repeat fixed;*/
  background-size: cover;
  padding: 20px 0 20px 0;
  position: relative;
}
#facts1::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}
#facts1 .container {
  position: relative;
  z-index: 10;
}
#facts1 .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #FFF;
}
dashboard-main .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #FFF;
}
#facts1 .facts-img {
  text-align: center;
  padding-top: 30px;
}

/*facts2*/

.dashboard-main p{
  padding-bottom: 0px;
}
.dashboard-main .col-lg-3.col-6.text-center{
  padding:4px;
  overflow: hidden;
}
.dashboard-main {
  /*background: url("../img/facts-bg.jpg") center top no-repeat fixed;*/
  background-size: cover;
  padding: 20px 0 20px 0;
  position: relative;
}
/*.dashboard-main::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}*/
.dashboard-main .container {
  position: relative;
  z-index: 10;
}
.dashboard-main .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #FFF;
}
.dashboard-main .counters p {
  padding: 0px 20px 0px 0px;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #FFF;
}
.dashboard-main .facts-img {
  text-align: center;
  padding-top: 30px;
}
span.icon-dashboard {
    position: absolute;
    left: 30px;
    top: 24px;
}
span.counter-num {
    text-align: right;
    padding: 0px 20px 0px 0px;
}
span.icon-dashboard i {
    font-size: 60px;
}
.box-color-set {
    border-radius: 8px;
    padding: 10px;
}
.inside-box {
    border: 2px solid #fff;
    border-radius: 8px;
}
.overlay-inside-box span.counter-num {
    text-align: center;
    padding: 0px;
}
.overlay-inside-box {
    height: 100%;
    width: 100%;
    border: 2px solid #fff;
    border-radius: 8px;
}
.overlay-inside-box .title-text {
    padding-top: 10px;
}
.logout-link:hover {
    color: #fff;
}
/*facts3*/

.dashboard-main p{
  padding-bottom: 0px;
}
.dashboard-main .col-lg-3.col-6.text-center{
  padding:4px;
  overflow: hidden;
}
#facts3 {
  /*background: url("../img/facts-bg.jpg") center top no-repeat fixed;*/
  background-size: cover;
  padding: 20px 0 20px 0;
  position: relative;
}
#facts3::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}
#facts3 .container {
  position: relative;
  z-index: 10;
}
#facts3 .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #FFF;
}
dashboard-main .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #FFF;
}
#facts3 .facts-img {
  text-align: center;
  padding-top: 30px;
}
.tab-content .col-md-10.mb-3 input {
    border-radius: 4px;
    box-shadow: unset;
    outline: unset;
    outline-offset: unset;
    border: 1px solid #ced4da;
    background: #ededed;
}
div#navbarSupportedContent a.nav-link.dropdown-toggle {
    color: #006cb7;
    font-weight: 600;
}
nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item .dropdown-menu {
    position: absolute;
    margin-left: -5px;
    margin-top: 0px;
    padding:0px;
    right: 0;
    background: #f9f9f9;
}
a#Lnk_Logout {
    text-decoration: unset;
    display: block;
    padding: 4px 10px;
    color:#000;
}
.row-w-101 {
    max-width:101%;
    width:101%;
    padding-right:0px;
}
.loginbox h3.login__title {
    color: #006cb7 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}
div#admin_header a.navbar-brand img.logo-img {
    width: 80%;
}
div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        background-color: #fff !important;
}
nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item .dropdown-menu li a {
    text-decoration: unset;
    display: block;
    padding: 8px 10px;
    color: #000;
    border-bottom: 1px solid #dbdbdb;
}
nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item .dropdown-menu li a:hover {
    background: #0a70ba;
    color: #fff !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1800px;
}
.col-md-6.border-mobile-only.mobile-show-box {
    display:none;
}
.form-group span.text-red {
    color: red;
}
.col-md-10.mb-3.export-btn-this-page .form-group input {
    background-color: #14978c;
    border-color: #14978c;
}
@media (max-width: 768px) {
    table.table.table-hover.table-striped.table-bordered.mobile-width-1500 {
        width: 1500px;
    }
    span.lbl1-circle-fill i.bi.bi-circle-fill, span.lbl2-circle-fill i.bi.bi-circle-fill, span.lbl3-circle-fill i.bi.bi-circle-fill {
        padding-right: 6px !important;
    }
    span.lbl1-circle-fill, span.lbl2-circle-fill, span.lbl3-circle-fill {
        margin-right: 4px !important;
        margin-bottom:10px;
        padding-top: 0px !important;
    }
    span.lbl1-circle-fill span.txt, span.lbl2-circle-fill span.txt, span.lbl3-circle-fill span.txt{
        font-size: 14px;
    }
    input.btn.btn-sm.btn-primary.btn-green.float-right {
        margin-right: 4px !important;
    }
    .col-md-10.mb-3.export-btn-this-page {
        width: 100%;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li a {
        font-weight:400 !important;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0 li.nav-item a.nav-link.active_select {
        padding: 5px 8px;
        font-size: 14px;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
        margin-bottom:10px !important;
    }
    nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item .dropdown-menu {
        left: 0;
    }
    table.table.table-hover tbody th {
        font-size:14px;
    }
    div#panel_Detail .card-header .box-title .detail-txt {
        font-size:15px;
    }
    div#panel_Detail .card-header .box-title .detal-label {
        color:#000 !important;
    }
    .new-sectionbox .detail-txt
     {
        font-size: 14px;
    }
    div#pan_history .new-sectionbox:first-child {
        margin: 10px 0px;
    }
    div#pan_history .new-sectionbox .new-sectionbox {
        margin: 0px;
        margin-bottom: 10px;
    }
    nav.navbar.navbar-expand-lg ul.navbar-nav.mb-2.mb-lg-0.drp-set ul.dropdown-menu.show {
        margin-left: 0px !important;
    }
    div#navbarSupportedContent div#h1_UpdatePanel1 span.badge.bg-danger{
        position: absolute !important;
        left: 44px !important;
        top: 15px !important;
    }
    div#navbarSupportedContent div#h1_UpdatePanel1 {
         margin-top: 10px;
    }
    nav.navbar.navbar-expand-lg.bg-body-tertiary .navbar-toggler {
        color: rgba(0, 0, 0, .55);
        border-color: rgba(0, 0, 0, .1);
    }
     .navbar-header img.logo-img, nav.navbar a.navbar-brand img.logo-img{
        width: 110px;
    }
    .trackoutticket_box .new-sectionbox .card-header-bgcolor .col-md-3:last-child {
        border-bottom: 0px !important;
    }
    .new-sectionbox .card .card-header-bgcolor .detail-txt {
         font-size: 15px;
    }
    ul.nav.nav-pills input#btn_AllExport {
         top: -70px;
    }
    .input-group.search-ticket {
        width: 98% !important;
    }
    .newlogin .loginbox .form-group{
        padding: 0px !important;
    }
    .newlogin .loginbox {
         max-width: 100% !important;
        width: 100% !important;
        box-shadow: unset !important;
        top: 0px !important;
        padding: 5px 30px !important;
        box-sizing: border-box !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
     .col-md-12.login-title {
        margin-bottom: 5px;
        font-size: 20px !important;
    }
    .form-group.txt-center.m-b-5.mobil-dis-none {
        display: none;
    }
     .col-md-6.border-mobile-only {
        border-bottom: 1px solid #0000001f;
        margin-bottom: 10px;
        padding: 0px;
    }
    .col-md-12.login-title {
        text-align:center !important;
    }
    .lgn-wrapper.bg-img .pull-right.register-layout-right.p-t-35 {
        padding-top: 0px !important;
    }
    .col-md-6.border-mobile-only.mobile-hide-box .w-100 {
        display: none;
    }
    .login-foot {
        padding-top: 0% !important;
    }
    .col-md-6.border-mobile-only.mobile-show-box {
        display:block;
    }
     .login-foot.font-16 .form-group h1 {
        font-size: 11px !important;
     }
     .col-md-6.border-mobile-only.mobile-show-box .form-group.txt-center.m-b-5 {
        margin-bottom: 5px;
        margin-top: 10px;
        position:relative !important;
        bottom:0;
    }
     .login-foot img {
        margin-top: 10px !important;
    }
     .col-md-6.border-mobile-only.mobile-show-box .row.login-heading {
        display: none;
    }
    .login-heading-logo.text-center span {
        width: 115px !important;
        height: 115px !important;
    }
     .login-heading-logo.text-center img {
        width: 110px !important;
        height: 110px !important;
    }
    .loginpagecontainer span.toggle-password {
        right: 20px !important;
    }
    .newlogin .loginbox {
        box-shadow: unset !important;
        max-width:100% !important;
    }
    .table-responsive table.table.table-bordered.table-striped thead tr th {
        font-size: 12px;
        background: #0066ae;
        color: #fff;
    }
    table.table.tbl-mobile-font {
        font-size: 15px;
    }
    .mobile-dis-none {
        display: none;
    }
    .tab-content.dashboard-main .box-color-set .inside-box p {
        margin-bottom: 8px;
    }
    .tab-content.dashboard-main .box-color-set {
        height:auto;
    }
    ul.nav.nav-pills li.nav-item a.nav-link {
        padding: 5px 4px !important;
        font-size: 13px;
    }
    div#navbarSupportedContent {
        background: whitesmoke;
        padding: 4px 10px;
    }
    ul.navbar-nav li.nav-item {
         border-bottom: 0px solid #e3e3e3 !important;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full {
        margin-top: 5px;
        margin-left: 0px !important;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
        float:left;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0 li.nav-item.dropdown ul.dropdown-menu {
        position: absolute;
        margin-left: 0px;
    }
    span.navbar-toggler-icon:focus {
        outline: unset;
        box-shadow:unset !important;
    }
    span.navbar-toggler-icon {
        background: transparent;
        border-radius: 4px;
        color: #fff;
        padding: 4px 2px;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li a {
        display:block;
        padding: 4px 10px !important;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li {
        margin: 4px 0px !important;
    }
    .footer-section.inside-footer {
        bottom: 0px !important;
        padding: 4px 0px !important;
        font-size: 14px !important;
    }
    nav.navbar ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
        float: right;
        margin-top: 0px;
        margin-bottom:0px !important;
    }
    nav.navbar ul.navbar-nav.me-auto.mb-2.mb-lg-0 .dropdown-menu {
        position: absolute;
        margin-left: -80px;
    }
    .grid-document-name a.btn.btn-default {
        margin: 2px 0px;
    }
    .footer-section {
        bottom: 25% !important;
    }
    /*.newlogin .bg-img:BEFORE {
        height: 45vh !important;
    }*/
    .footer-section .txt-bgi-blue {
        display:block;
    }
    .mobile-border-bottom {
        border-bottom: 1px solid #efefef;
    }
    .col-md-8.mb-2.mt-2 .col-md-2 input.btn.btn-sm.btn-success.mt-4 {
        margin-top: 0px !important;
    }
    table.table.table-hover td a.btn.btn-sm.btn-primary {
        margin-bottom: 5px;
    }
    .add-attendees-btn input.btn.btn-sm.btn-success.mt-4 {
        margin-top: 0px !important;
    }
    .table-responsive td, .second-box .table-responsive th {
        padding: 4px 4px;
        font-size: 14px;
    }
    /*.col-md-2.mb-3 {
        width: 25%;
    }*/
    .col-md-10.mb-3 {
        width: 75%;
    }
    .box .box-body .card .card-body {
        padding:4px;
    }
    ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
        margin-bottom: 12px !important;
    }
    ul.navbar-nav li.nav-item {
        padding: 4px 0px;
        border-bottom: 1px solid #e3e3e3;
    }
    section#facts3 .container {
        padding: 10px;
    }
    #facts, #facts1, #fact2, #facts3 {
        padding-top:0px;
    }
    #facts .col-lg-3.col-6.text-center,
    #facts1 .col-lg-3.col-6.text-center,
    #facts2 .col-lg-3.col-6.text-center,
    #facts3 .col-lg-3.col-6.text-center {
        width:100%;
    }
    nav.navbar {
        padding:8px 0px;
    }
    .dashboard-main .counters span {
        font-size:24px;
    }
    #facts1 .counters span {
        font-size:24px;
    }
    #facts2 .counters span {
        font-size:24px;
    }
     #facts3 .counters span {
        font-size:24px;
    }
    .inside-box {
        height:100%;
    }
    span.icon-dashboard {
        position: initial;
    }
    span.icon-dashboard i{
        font-size: 30px;
    }
    span.counter-num {
        text-align: center;
        padding: 0px;
    }
    .dashboard-main .counters p {
       padding: 0px;
       text-align: center;
    }
    .box-color-set {
        padding:4px;
    }
}
table.table.table-hover tbody th {
    background: #006cb7;
    color: #fff;
    font-weight: 400;
}
table#GridView_attendees tbody th:first-child, table#GridView_attendees tbody td:first-child {
    text-align: center;
}
.box{
    padding: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin-bottom: 20px;
    border-top: 3px solid #c2c2c2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
 body {
      background-color: #ededed;
}
.navbar-expand-lg .navbar-nav .nav-link {
    color:#000;
}
nav.navbar img.logo-header {
    width:80px;
}
.page-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #006cb7;
    padding-top:10px;
}
.box-body .card, .box-body .card .card-body{
    border:0px;
}
input#btn_back {
    margin-top: -5px;
    background: #0785e1;
    color: #fff;
}
.col-md-8.mb-2.mt-2 .mandatory-msg {
    position:relative;
}
input.btn.btn-sm.btn-primary:focus,
.btn-success:focus, .btn-danger:focus, .btn-primary:focus{
    outline-offset: unset !important;
    box-shadow: unset !important;
}
.btn-org, .btn-org:hover, .btn-org:focus{
    background: #f48425;
    border-color: #f48425;
}
.btn-green, .btn-green:hover, .btn-green:focus{
    background-color: #14978c;
    border-color: #14978c;
}
div#panel_Detail .card-header {
    background: #0785e1;
    border: 1px solid #e9e9e9;
}
div#panel_Detail .card-header .box-title .detal-label {
    color: #fff;
}
div#panel_Detail .new-sectionbox:nth-child(odd),
.box-body .new-sectionbox:nth-child(odd){
    background:#e9e9e9b3;
}
.trackoutticket_box .new-sectionbox:nth-child(odd) {
    background:#e9e9e9b3;
}
div#panel_Detail .card-header .box-title .detail-txt {
    color: #fff;
}
.btn-green.response-btn {
    position: absolute;
    top: 0;
    right: 0;
}
.grid-document-name a.btn.btn-default {
    background-color: #fff;
    border-color: #006cb7;
    color: #006cb7;
    padding: 4px 6px;
    font-size: 14px;
}
.response-title {
    padding: 8px 12px;
    border-bottom: 0px solid lightblue;
    margin-bottom: 15px;
    background: #006cb7e0;
    color: #fff !important;
    border-radius: 5px;
}

.newlogin .bg-img:BEFORE {
    /*background: #fff url(../img/smartdesk.jpg) no-repeat fixed;*/
    background-size: cover;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    background-color: #fff;
    display: inline-block;
    background-position: center;
}

.newlogin .loginbox {
    max-width: 60%;
    margin: 0 auto;
    position: relative;
    border-radius: 15px;
    z-index: 99;
    margin-top: 7%;
    background-color: #fff;
    box-shadow: 0px 0px 19.799999237060547px 6px rgba(4.90, 4.90, 4.90, 0.28);
    padding: 40px 40px;
    border: 0px;
}
.newlogin .loginbox .btn {
    border: 0px;
    padding: 10px 70px;
    margin-top: 12px;
    font-size: 18px;
    font-weight: 600 !important;
    color: #000 !important;
    border-radius: 50px;
    background: linear-gradient(3deg, #54DFFF 0%, #4ED7F1 65%);
    box-shadow: 0px 1px 2.5999999046325684px rgba(0, 0, 0, 0.25);
    font-family: 'calibri' !important;
}
.newlogin .loginbox  h3.login__title {
   color: #006cb7 !important;
   text-transform: uppercase !important;
   font-weight:600 !important;
}
.newlogin .loginbox .form-group {
    margin-bottom:10px;
}
.newlogin .loginbox .form-group .form-control {
    height: 40px;
    font-size: 14px;
    margin-top: 0px;
    background: transparent !important;
    border: 2px solid #448fe79e;
    border-radius:10px;
}
.footer-section {
    position: absolute;
    bottom: 20%;
    display: block;
    width: 100%;
    text-align: center;
}
.footer-section .txt-bgi-blue {
    color: #006cb7 !important;
}
.loginbox .form-group.forgotpassword {
    text-align: left;
}
.loginbox .form-group.forgotpassword a.font-18.txt-gray-3 {
    text-align: left;
    text-decoration: unset;
    color: #000 !important;
}
.trackoutticket_box .new-sectionbox {
    margin: 0px 0px 15px 0px;
}
.new-sectionbox .card .card-body {
    padding: 5px 15px;
}
.new-sectionbox .card .card-header-bgcolor .detail-txt{
    color:#fff;
}
.trackoutticket_box .new-sectionbox .card-header-bgcolor {
    background: #10adad;
}
.trackoutticket_box table.table.table-hover tbody tr td, 
.trackoutticket_box table.table.table-hover tbody tr th{
    padding: 4px;
    font-size: 14px;
}
.second-box .table-responsive td .btn {
    padding:2px 4px;
}
.col-md-4.mb-2.pt-2.pr-0 {
    padding-right: 0px;
}
nav.navbar.navbar-inverse ul.nav.navbar-nav.navbar-right {
    display: block;
}
nav.navbar.navbar-inverse ul.nav.navbar-nav.navbar-right li {
    display: inline-block;
}
.footer-section.inside-footer {
    position: fixed;
    bottom: 0;
    background: #f8f8f8;
    padding: 10px 0px;
    z-index:999;
}
.mb-70 {
    margin-bottom:70px;
}
.col-md-3.mobile-border-bottom .detal-label {
    color: #000;
}
.row.mobile-m-all-0.trackoutticket_box.mb-70 {
    margin: 0px;
}
@media (min-width: 768px) and (max-width: 1360px) {
    .second-box.mid-div-space-remove {
        padding: 15px 20px;
    }
    .page-title.mb-1.create-username-title, .page-title.mb-1.submit-ticket-title, .page-title.mb-1.cse-submit-title{
        margin-bottom: 0px !important;
        padding-left: 15px !important;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li a{
         padding: 8px 12px !important;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light.cseheader a.navbar-brand img.logo-img {
        width: 60%;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light.admin-header div#navbarSupportedContent ul.navbar-nav.mb-2.mb-lg-0.drp-set ul.dropdown-menu.show {
        margin-left: -70px !important;
    }
    div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .input-group.search-ticket {
        width: 22% !important;
    }
    div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .input-group.search-ticket .form-control, div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .input-group.search-ticket .input-group-text {
        font-size: 12px;
        padding: 4px 8px;
        height: 30px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light.admin-header div#navbarSupportedContent ul.navbar-nav li.nav-item {
        padding: 4px 0px !important;
        font-size: 12px;
    }
    div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .navbar-nav li.nav-item a.nav-link{
        font-size: 10px;
    }
    .card-body .tab-content .table-responsive table tbody td, .card-body .tab-content .table-responsive table tbody th, .card-body .tab-content .table-responsive table thead th
     {
        font-size: 12px;
    }
    .footer-section.inside-footer {
        padding: 4px 0px;
    }
    .footer-section.inside-footer span.txt-bgi-blue {
        font-size: 12px;
    }
    .page-title {
         font-size: 14px !important;
         padding: 5px 5px !important;
    }
    .col-md-3.mobile-border-bottom .detal-label {
        font-size:12px;
    }
    .new-sectionbox .card .card-header-bgcolor .detail-txt {
        font-size: 14px;
    }
    body.newlogin .footer-section {
        bottom: 2% !important;
    }
    div#navbarSupportedContent nav.navbar li.nav-item a.nav-link {
        font-size: 14px !important;
    }
    div#navbarSupportedContent ul.navbar-nav li.nav-item {
        padding: 5px 5px !important;
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 1366px) {
    .second-box.mid-div-space-remove {
        padding: 15px 20px;
    }
    .page-title.mb-1.create-username-title, .page-title.mb-1.submit-ticket-title, .page-title.mb-1.cse-submit-title{
        margin-bottom: 0px !important;
        padding-left: 15px !important;
    }
    div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li a{
         padding: 8px 12px !important;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light.cseheader a.navbar-brand img.logo-img {
        width: 60%;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light.cseheader .input-group.search-ticket {
        width:30% !important;
    }
    .card-body .form-group .mandatory-msg {
        font-size: 12px !important;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light.admin-header div#navbarSupportedContent ul.navbar-nav.mb-2.mb-lg-0.drp-set ul.dropdown-menu.show {
        margin-left: -70px !important;
    }
    div#admin_header a.navbar-brand img.logo-img {
        width: 60% !important;
    }
    div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .input-group.search-ticket {
        width: 22% !important;
    }
    div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .input-group.search-ticket .form-control, div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .input-group.search-ticket .input-group-text {
        font-size: 12px;
        padding: 4px 8px;
        height: 30px;
    }
    div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .navbar-nav li.nav-item a.nav-link{
        font-size: 10px;
    }
    .card-body .tab-content .table-responsive table tbody td, .card-body .tab-content .table-responsive table tbody th, .card-body .tab-content .table-responsive table thead th
     {
        font-size: 12px;
    }
     .footer-section.inside-footer {
        padding: 4px 0px;
    }
    .footer-section.inside-footer span.txt-bgi-blue {
        font-size: 12px;
    }
    .page-title {
         font-size: 14px !important;
         padding: 5px 5px !important;
    }
    .col-md-3.mobile-border-bottom .detal-label {
        font-size:12px;
    }
    .input-group.search-ticket {
        width: 70% !important;
    }
    div#navbarSupportedContent nav.navbar li.nav-item a.nav-link {
        font-size: 14px !important;
    }
    div#navbarSupportedContent ul.navbar-nav li.nav-item {
        padding: 5px 5px !important;
        font-size: 14px;
    }
    body.newlogin .footer-section {
        bottom: 2% !important;
    }
    div#h1_UpdatePanel1 a.nav-link.position-relative span.badge.bg-danger.position-absolute.top-0.start-100.translate-middle.rounded-pill {
        top: 10px !important;
        left: 40px !important;
    }
}
input.btn.btn-sm.btn-success.btn-green.btn-green-export {
    background-color: #14978c;
    border-color: #14978c;
}
 div#h1_UpdatePanel1 a.nav-link.position-relative span.badge.bg-danger.position-absolute.top-0.start-100.translate-middle.rounded-pill {
     top: 10px !important;
     left: 40px !important;
}
.second-box .table-responsive td, .second-box .table-responsive th {
     font-weight: 400;
}
nav.navbar ul.nav.navbar-nav li a {
    text-decoration: unset;
    padding: 8px 20px;
    font-weight: 500;
    color:#000;
}
div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full  {
    margin-top: 5px;
    margin-left: 20px;
}
nav.navbar ul.nav.navbar-nav li a:hover {
    background: #f48425;
    color: #fff;
    border-radius: 5px;
}
img.user-img {
    width: 20px;
    margin-right: 4px;
}
.ul-w-full {
    width:100%;
}
div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li a {
    text-decoration: unset;
    padding: 8px 20px;
    font-weight: 500;
    color:#000;
}
div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li a:hover {
    background: #f48425;
    color: #fff;
    border-radius: 5px;
}
.new-sectionbox div#card_header {
    padding: 0px 15px;
}
.table-responsive.tbl-height-270 {
    max-height: 180px;
    overflow: auto;
}
.Cancle-btn{
    background-color: #e52e2ec2;
    border-color: #e52e2ec2;
}
.Cancle-btn:hover, .Cancle-btn:focus {
    background-color:#e52e2edb;
    border-color:#e52e2edb;
}
a.active-menu {
    background: #f48425;
    color: #fff !important;
    border-radius: 5px;
}
div#navbarSupportedContent ul.navbar-nav.me-auto.mb-2.mb-lg-0.ul-w-full li {
    margin: 0px 2px;
}
button.navbar-toggler:focus {
    box-shadow: unset;
}
nav.navbar.navbar-expand-lg ul.navbar-nav.mb-2.mb-lg-0.drp-set ul.dropdown-menu.show {
    margin-left: -40px;
}
.card-body.order-summary-page .new-sectionbox {
    background: transparent;
    box-shadow: unset;
    border: 0px;
}
.chk-radio-label-spance span.single-select label {
    padding: 0px 8px;
}
td.chk-chk-space-mr table td input {
    margin-right: 10px;
}
table.table.table-bordered.chk-radio-label-spance.mb-0 label {
    padding: 0px 8px;
}
.form-control:focus {
    box-shadow:none !important;
}
span.lbl-name-txt {
    display: block;
    font-weight: 600;
    color: #ff6e38;
}
.section-box-com {
    margin-bottom: 15px;
    background: #F8F4E1;
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border-radius: 4px;
}
.section-box-com .border-btm-mp-btm-5 {
    border-bottom: 1px solid #0000001f;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.table-responsive table.table tbody td input[type="image"] {
    width: 22px;
}
.login-foot {
    width: 53%;
    text-align: center;
    right: 0px;
    position: relative;
    background: transparent;
    float: left;
    height: 100%;
    padding-top: 30%;
    padding-bottom: 20px;
}
.login-foot img {
    height: auto;
    width: 290px;
    margin-bottom: 25px;
}
a.cmp-name-txt {
    font-size: 36px;
    font-weight: 600;
    color: #eb6450;
    text-decoration: unset;
}
.login-foot.font-16 .form-group h1 {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 0px;
}
.mobile-dis-inline-block {
    display:inline-block;
}
.lgn-wrapper.bg-img .col-xs-12.col-sm-6.col-lg-6.mobile-dis-none {
    display: none;
}
.lgn-wrapper.bg-img .pull-right.register-layout-right.p-t-35 {
    padding-top: 35px;
}
.login-heading-logo.text-center span {
    width: 160px;
    background: #fff;
    height: 160px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.login-heading-logo.text-center img {
    height: 160px;
    border-radius: 50%;
    width: 150px;
    object-fit: contain;
}
.login-foot {
    width: 100%;
    right: 0px;
    position: relative;
    background: transparent;
    float: left;
    height: 100%;
    padding-top: 20%;
    padding-bottom: 0px;
}
.login-foot img {
    height: auto;
    width: 140px;
    margin-bottom: 10px;
    margin-top: 24px;
}
.login-heading {
    font-size: 20px !important;
    text-transform: uppercase;
    font-family: 'calibri' !important;
    color: #343a40 !important;
    padding-top: 10px;
}
.col-md-12.login-title {
    text-align: left;
    font-weight: 600;
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    font-family: trebuchet ms;
}
.login-foot .form-group.txt-center.m-b-5 {
    position: absolute;
    bottom: -20px;
}
.login-foot.font-16 .form-group h1 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: HP simplified !important;
}
.login-foot .txt-ctpl-blue {
    color: #EF7B20 !important;
}
@media (min-width: 768px) and (max-width: 1366px) {
    .newlogin .loginbox {
        margin-bottom: 0px !important;
        margin-top: 7% !important;
    }
    .newlogin .loginbox{
        max-width: 65% !important;
        padding: 20px 20px 10px 20px !important;
    }
    .lgn-wrapper.bg-img .pull-right.register-layout-right.p-t-35 {
        padding-top: 0px;
    }
    .login-heading-logo.text-center span {
        width: 110px !important;
        background: #fff !important;
        height: 110px !important;
        display: inline-block !important;
        border-radius: 50% !important;
    }
    .login-heading-logo.text-center span img {
        height: 100% !important;
        width: 95% !important;
    }
    .col-md-12.login-title {
        font-size: 18px !important;
    }
    .login-foot .form-group.txt-center.m-b-5 {
        bottom: 0px !important;
    }
}
.input-group.search-ticket {
    width: 50%;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.admin-header div#navbarSupportedContent ul.navbar-nav li.nav-item{
    padding: 0px;
}
div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light .input-group.search-ticket{
    width: 22%;
}
div#admin_header nav.navbar.navbar-expand-lg.navbar-light.bg-light a.navbar-brand{
    margin-right: 0px;
}
.input-group.search-ticket .input-group-text {
    background: #006cb7;
    color: #fff;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.admin-header div#navbarSupportedContent ul.navbar-nav.mb-2.mb-lg-0.drp-set ul.dropdown-menu.show {
    margin-left: -50px;
}
table.table.table-bordered.table-striped thead th {
    background: #006cb7;
    color: #fff;
    font-weight: 400;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.admin-header .dropdown-menu span {
    float: right;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.cseheader .input-group.search-ticket {
    width: 24%;
}
.bi-menu-app-fill::before {
        content: "\f479";
}
i.bi.bi-menu-app-fill {
    color:#000;
}
input.btn.btn-sm.btn-primary.btn-green.float-right {
    float: right;
}
nav.navbar.cseheader ul#navi li.nav-item a.nav-link.active_select {
    background: #f48425;
    color: #fff !important;
    border-radius: 5px;
}
.ticketno-bgcolor{
    font-size: 18px;
    font-weight: 500;
}
span.lbl1-circle-fill, span.lbl2-circle-fill, span.lbl3-circle-fill {
    margin-right: 10px;
    padding-top: 10px;
    display: inline-block;
}
span.lbl1-circle-fill i.bi.bi-circle-fill, span.lbl2-circle-fill i.bi.bi-circle-fill, span.lbl3-circle-fill i.bi.bi-circle-fill{
    padding-right:8px;
}
span.lbl1-circle-fill i.bi.bi-circle-fill {
    color: #FF0000;
}
span.lbl2-circle-fill i.bi.bi-circle-fill {
    color: #8B00A3;
}
span.lbl3-circle-fill i.bi.bi-circle-fill {
    color:#0040D5;
}
.form-group.com-info-submitticket .form-control {
    font-size: 16px;
    background: transparent;
    border: 0px;
    padding: 0px;
    font-weight: 600;
    color: #f48425;
}
.row.border-bottom-info {
    border-bottom: 1px solid #dfdfdf;
}
 .Pending-status, .Inprocess-status,
.Resolved-status,  .Closed-status,
.Duplicate-status, .Re-opened-status{
    background: #fff !important;
}
.Pending-status .detail-txt, .Inprocess-status .detail-txt,
.Resolved-status .detail-txt, .Closed-status .detail-txt,
.Duplicate-status .detail-txt, .Re-opened-status .detail-txt{
    color:#f48425 !important;
    font-size: 16px;
}
 .Pending-status span#ticketstatus,
 .Inprocess-status span#ticketstatus,
 .Resolved-status span#ticketstatus,
 .Closed-status span#ticketstatus,
 .Duplicate-status span#ticketstatus,
 .Re-opened-status span#ticketstatus {
    background: orangered;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    padding: 2px 8px;
    border-radius: 5px;
}
th.w-25per {
    width: 25%;
}
.col-md-12.confirm-pass-m-t-5.error-msg-group {
    margin-top: 10px;
}
span.last-child-remove:last-child {
    display: none;
}
span.grid-document-name {
    display: inline-block;
    width: 47%;
    margin-bottom: 5px;
    word-wrap: break-word;
}
span.last-child-remove {
    color: #ff6e38;
}
.header-cmp-name {
    text-align: center;
    margin-top: -8px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
}
.box-ticket-com {
    text-align: center;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #f7f7f7;
    padding: 20px 15px;
    font-weight: 600;
}
.box-ticket-com a {
    font-size: 30px;
}
.box-ticket-com a:hover{
    color:#000;
}
table.table.table-hover.table-striped tr.pagination{
    float: left;
}
.container.second-section-dashboard .box-color-set:hover a {
    color: #fff;
    text-decoration: unset;
}
.tab-content.dashboard-main .ticket-summary-card .ticket-row .ticket-col .ticket-label {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
table.table.table-hover.table-striped tbody tr td table tbody tr td a {
    background: #ececec;
    color: #000000;
    padding: 1px 8px;
    border: 1px solid #dcdcdc;
    text-decoration: unset;
    border-radius: 4px;
    margin: 0px 2px;
}
table.table.table-hover.table-striped tbody tr td table tbody tr td span {
    background: #2196f3;
    color: #ffffff;
    padding: 1px 8px;
    border: 1px solid #fff;
    text-decoration: unset;
    border-radius: 4px;
}
table.table.table-hover.table-striped tbody tr td table tbody tr td {
    padding: 0px;
}