.q-wrpper{ background: #ece6d8; padding: 0; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: 5px 0 0; }
.q-box{ max-width: 1150px; margin: auto; width: 1150px; }
.q-header{ max-width: 800px; margin: 5px auto 5px; height: 130px; max-height: 130px; display: flex; align-items: center; }
.q-logo{ margin-bottom: 00; }
.q-logo img{ max-width: 100%; padding-right: 26px; }
.section-box{ /* min-height: 100vh; */ }
.section-header{}
.back-icon{display: none;}
.back-icon i{ font-size: 24px; }
.section-body{ min-height: 300px; }
.login-form{}
.login-form .card{ background: transparent; box-shadow: none; border: none; }
.login-form .card-header{ box-shadow: none; background: transparent; border: none; text-align: center; font-size: 28px; color: #6a563f; }
.login-form .card-header strong{ font-weight: 600; letter-spacing: 1px; }
.login-form .card-body{}
.login-form .card-body form .md-form{}
.login-form .card-body .md-form .form-control{ border-bottom: 1px solid #dcd2b9; }
.login-form .card-body .md-form label{}
.login-form{ max-width: 500px; margin: auto; }
.btn-primary{ box-shadow: none; /* background-color: #c51430!important; */ min-width: 150px; font-size: 16px; border-color: #9c1328!important; }
.btn-primary:hover{ background-color: #9c1328!important; }
.btn-primary:focus{ background-color: #a11d31!important; }
.btn-primary:not([disabled]):not(.disabled):active:focus{ background-color: #9c1328!important; }
.section-footer{ text-align: left; }
.footer-box{}
.footer-box h3{ text-align: center; font-size: 17px; color: #6a563f; }
.q-footer{max-width: 800px;margin: 25px auto 15px;width: 800px;height: 30px;max-height: 30px;text-align: center;}


.search-form{}
.search-row{ display: flex; align-items: center; justify-content: center; margin-top: 5px; }
.search-cat{ width: 25%; display: none; }
.search-cat select{ border-radius: 0; height: 50px; color: #6a563f; font-weight: 600; border: 1px solid #6a563f; }
.search-cat select option{color: #6a563f;}
.search-cat select option:checked{font-weight:600}
.search-all-box{ position: relative; width: 45%; }
.search-all-box .input-group{}
.search-all-box i{ position: absolute; color: #000 !important; top: 50%; left: 15px; transform: translateY(-50%); }
.search-all-box input{ padding-left: 20px; border-radius: 0; height: 50px; color: #6a563f; border: 1px solid #6a563f; }
.input-group-prepend{}
.input-group-prepend input{}
.input-group-prepend span{}
.input-group-prepend .form-control{}
.search-title{ display: none; }
.search-title h3{ text-align: center; color: #6a563f; font-size: 22px; font-weight: 600; }

.res-wrap-1{ margin-bottom: 15px; background: rgb(255 255 255 / 0.5); padding: 15px 30px; border-radius: 8px; max-width: 500px; margin: 0 auto 15px; }
.res-wrap-1 .res-title{}
.res-wrap-1 .res-title h3{ text-align: center; color: #6a563f; margin-bottom: 15px; }
.res-wrap-1 .res-input{ margin-bottom: 28px; }
.res-wrap-1 .res-input input{ color: #c51430; border: 2px solid #6a563f; font-size: 18px; font-weight: 600; }
.res-input-2{ display: flex; align-items: center; justify-content: center; }
.res-input-2 label{ font-size: 13px; width: 80px; margin-bottom: 0; color: #c51430; font-weight: 600; }
.res-input-2 input{ font-size: 12px; max-width: 180px; border: 1px solid #c51430; }

.res-wrap-2{ display: flex; flex-wrap: wrap; margin: 0 -15px; margin-bottom: 15px; background: rgb(255 255 255 / 0.5); padding: 15px 30px; border-radius: 8px; margin-bottom: 50px; }

.res-in-box{ width: 50%; padding: 15px; display: flex; align-items: center; }
.res-in-box label{ font-size: 13px; width: 120px; margin: 0; color: #6a563f; font-weight: 600; margin-right: 8px; max-width: 120px; }
.res-in-box input{ height: 30px; max-width: 180px; border-color: #6a563f; }
.search-btn-wrapper{}
.search-btn{ background: #6a563f; color: #6a563f; border: none; /* padding: 17px; */ width: 50px; height: 50px; border: 1px solid #6a563f; border-left: none; }
.search-btn i{color: #fff!important;font-size: 22px;}

.logout-wrapper{ position: static; top: 70px; right: 150px; }

.logout-wrapper a{ color: #fff; background: #6a563f; padding: 12px 31px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; display: block; }
.search-result-wrap{}
.search-result-wrap .sr-box{ position: relative; }
.refresh-btn{ position: absolute; top: 48px; right: 230px; }
.date-col { position: absolute; right: 470px; }
.search-result-wrap .sr-box h3{ }
.search-result-wrap .sr-box h4{ font-size: 15px; color: #c51430; margin: 0; font-weight: 900; }
.sr-head{ margin-bottom: 15px; background: rgb(255 255 255 / 0.5); padding: 9px 30px; border-radius: 8px; max-width: 500px; margin: 0 auto 15px; margin-top: 13px; text-align: center; margin-bottom: 13px; }
.sr-head h3{ color: #c51430; /* background: #fff; */ font-size: 27px; width: fit-content; margin: auto; padding: 10px 15px; margin-bottom: 6px; /* border: 1px solid #6a563f; */ font-weight: 600; margin-bottom: 5px; }
.sr-head h4{}
.sr-row{ display: flex; justify-content: center; margin: 0 -15px 10px; flex-wrap: wrap; align-items: stretch; }
.sr-row .sr-col{ padding: 0 15px; width: 33.3336%; max-width: 33.3336%; margin-bottom: 15px; }

.sr-row-3 { display: flex; justify-content: center; margin: 0 -15px 10px; flex-wrap: wrap; align-items: stretch; }

.sr-row-3 .sr-col { padding: 0 15px; width: 33.3336%; max-width: 33.3336%; margin-bottom: 15px; }
.sr-body{ padding: 0 0 10px; background: #f5f2eb; border-radius: 8px; }
.sr-body .sr-title{ }
.sr-body .sr-title h3{ font-size: 18px; font-weight: 600; margin-bottom: 15px; padding: 10px 15px; background: #6a563f; color: #fff; margin-bottom: 7px; }

.sr-body .sr-title h3.gold { background: #a4770e; }
.sr-body  ul{ padding: 0 15px; margin-bottom: 0; }
.sr-body  ul li{ font-size: 14px; line-height: 18px; color: #000; font-weight: 500; padding: 2px 0; letter-spacing: 0; }
.sr-body  ul li.red-li{ color: #c51430; font-weight: 900; }
.red-text{color: #c51430 !important;font-weight: 600;}
.user-id-card{ display: flex; width: 100%; }
.user-card-text{ width: 60%; }
.user-card-image{ width: 40%; }
.html-login-page .logout-wrapper{display: none;}
.s-active{ }
.s-active .sr-body{ /* background: #d8f5e0; */ height: 100%; }

.sp-status .btn-default{ color: #fff; font-size: 12px; padding: 4px 20px; background: #6a563f !important; }
.sp-status .btn-default i{ margin-right: 7px; }
.popup-button{ border: none; color: #6a563f; font-size: 24px; }
.popup-button i {}
#comment-modal{}
#comment-modal .close{ color: red; position: absolute; right: -40px; top: -1px; color: #fff; border: 1px solid #dddd; padding: 5px 10px; }
.sr-row .hidden-comments{display: none;}
.list-comments{list-style: none;}
.list-comments li{ line-height: 25px; display: flex; color: #000; font-weight: 600; }
.list-comments li span{ display: block; margin-left: 10px; font-weight: 400; }


/* new style css */
.html-login-page .q-wrpper,
.html-search-page .q-wrpper{ background-color: #EAECEC; } 

.html-login-page .search-btn,
.html-search-page .search-btn,
.html-login-page .logout-wrapper a,
.html-search-page .logout-wrapper a{ background-color: #19658F; }

.html-login-page .btn-primary{ background-color: #19658F !important;border-color: #19658F !important; }

.html-search-page .btn.waves-effect{ color: #fff !important; background-color: #19658F !important;border-color: #19658F !important; }
.html-search-page .search-result-wrap .sr-head{ background-color: #fff; }
.html-search-page .sr-body .sr-title h3{ background-color: #2DBFB6;    border-radius: 12px 12px 0 0; }
.html-search-page .sr-body{ background-color: #fff; }
.html-search-page .sr-guarantor-row { position: relative;overflow: hidden;border-radius: 12px; }
.html-search-page .sr-guarantor-row table tr:first-child{ background-color: #19658F;color: #fff;  }
.html-search-page .sr-guarantor-row table tr{ background-color: #fff;color: #000; }
.html-search-page .popup-button{ color: #2DBFB6;background-color: transparent; }
.html-search-page .modal-body .close{ background-color: #19658F; }

.html-search-page.logout .thank-you-div{ background-color: #19658F !important;border-color: #19658F !important;outline: 2px solid #19658F !important; }

/* laptop media css start  */
@media screen and ( max-width:1440px) {

    .html-login-page .q-box,
    .html-search-page .q-box,
    .html-search-page .q-footer,
    .html-login-page  .q-footer{ width: 100%; }
  
}
/* tablet media css start  */
@media screen and ( max-width:780px) {

    .html-login-page .q-logo {padding: 0 10px;}
    .html-login-page .q-logo img {padding: 0;}
    .html-search-page .q-header {padding: 0 10px;}

}
/* mobile media css start  */
@media screen and ( max-width:480px) {

    .html-search-page .logout-wrapper a { padding: 12px 12px; font-weight: 700; font-size: 10px; }
    .html-search-page .q-logo img {padding-right: 0px;}
    .html-search-page .search-row {padding: 0 10px;}
    .html-search-page .search-all-box{width: 100%;}
    .html-search-page .analytic-btn {padding: 0 10px;}
    .html-search-page .analytic-btn a {margin: 0; width: 100%;font-size: 17px !important;}
    .html-login-page .btn-primary {width: 100%;margin: 10px 0;}
}