/*--------------------
	Code By -  AYAT RAHMAN 
	    4QT Brokers
    ---  --- ---- ---
    Re-design By - Tejram Paswan
	date: 06-08-2022
--------------------*/
 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');

:root {
    /* Button*/
  --primary-bg: linear-gradient(90deg, rgba(14,6,152,1) 0%, rgba(38,1,121,1) 0%, rgba(0,146,176,1) 100%);
  --primary-bg-hover: linear-gradient(90deg, rgb(55 79 119) 20%, rgb(55 79 119) 23%, rgb(3 182 219) 100%);
  --ternary-color:#ff7600;
  --text-white: #fff;
  --text-primary: #333;
  --icon-light: #3974d7;
  --cta-border-color: #0192b0;
  --cta-border-color-hover: rgb(3 182 219);
  --icon-bg-color: #2c436a;
  --bg-border-acc: #435b85;

    /* Siderbar */
  --aside-bg-nav: #374F77;
  --text-link-color:#337ab7;
  --aside-nav-border: #3e5781;
/* Home Step Icon */
    --la-user-tie-bg: #F66C09;
    --user-tie-border: #cf5904;

    --la-info-bg: #77BB06;
    --la-info-border: #629b05;

    --la-file-invoice-bg: #FF9C2C;
    --la-file-invoice-border: #d97505;

    --la-industry-bg: #0299FF;
    --la-industry-border: #018be9;

    --la-question-bg: #f1351b;
    --la-question-border: #db1b00;

  --cta-active: #ff3c7e;
  --cta-info: #0f79b3;
  --cta-hover: #12406f;
  
  --panel-heading: #017fb0;
  --panel-heading-bg:#e6f4ff;
  --btn-hover:#00638a;
  --radio-li: #099BA0;
  --table-th: #e7e7e7;
  --table-2: #0781fe;
   --table-th-bg:#626262;
   --table-th-border: #939393;
   --table-th-bg-hover: #626262;
   
}
body

{
	font-family: 'Poppins', sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	font-size: 14px;
    font-weight:400;
	color: var(--text-primary);
	background: #F8F9FC;
    overflow-x:hidden;
}

.clr
{
	height: 0px;
	clear: both;
}
table tr td a {
    color: var(--text-link-color);
    text-decoration: none;
    font-weight: 500;
}
#main_body
{
	background-color: var(--aside-bg-nav);
	margin: 30px auto;
	width: 650px;
	padding: 15px;
	border-radius: 4px;
	color: var(--text-white);
}

#top_right_new1
{
	margin-top: 75px;
	width: 510px;
	float: right;
	height: auto;
}

#faq_links1
{
	text-align: center;
	width: 460px;
	float: left;
	height: auto;
}

#header
{
	width: 986px;
	float: left;
	height: auto;
	border-bottom:1px solid #cccccc;
}

#top_banner_img
{
	width: 100%;
    background: url(../images/banner1.jpg) no-repeat right top;
    height: 60px;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
}

#logo
{
}
.table_color td, .table_color th {
    padding: 3px 10px;
}
.LightTextRight {
    font-weight:600;
}
#top_right
{
	margin-top: 30px;
	width: 340px;
	float: right;
	height: auto;
	margin-right: 5px;
}

#top_right_new
{
	margin-top: 75px;
	width: 550px;
	float: right;
	height: auto;
}

#top_right_form_pages
{
	margin-top: 75px;
	width: 120px;
	float: right;
	height: auto;
}

#customer_care_btn
{
	width: 126px;
	float: left;
	height: 29px;
	margin-left: 200px;
}

#logout_bar
{
	line-height: 50px;
	margin-top: 15px;
	width: auto;
	float: left;
	height: 50px;
}

#logout_bar_new
{
	line-height: 50px;
	width: auto;
	float: left;
	height: 50px;
}

#logout_bar_inner
{
	line-height: 50px;
	margin-top: 15px;
	width: auto;
	float: right;
	height: 50px;
}

#faq_links
{
	width: 400px;
	float: left;
	height: 50px;
}

#faq_links_form_pages
{
	width: 120px;
	float: left;
	height: 50px;
}
.contact-office {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    text-align: left;
    margin-bottom:15px;
    border: 1px solid #d5d2d2;
}
.contact-office h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
    color: black;
}
.page-content-style .contact-office p {
    text-align: left;
    line-height: 24px;
    position: relative;
    padding-left: 45px;
    margin-bottom: 10px;
    display: block;
    margin-top: 30px;
}
.page-content-style .contact-office p i {
    position: absolute;
    left: 0;
    top: -6px;
    font-size: 24px;
    color: var(--text-link-color);
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: var(--text-white);
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 2px 0px #0000000a;
}
.page-content-style .about-txt h3 {
    text-align: left;
    margin-bottom: 20px;
}
.page-content-style .about-txt-para p {
    text-align: left;
    margin-bottom: 10px;
}
h3.heading-h3 {
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 5px;
    font-weight: 500;
}

.faq_link:hover
{
	text-align: center;
	color: #ff0000;
	margin-left: 5px;
	font-size: 11px;
	font-weight: normal;
	margin-right: 5px;
	text-decoration: none;
}
.gridFooter td {
    padding: 0 5px;
}
.faq_link_new
{
	text-align: left;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.faq_link_new:hover
{
	text-align: left;
	color: #ff6600;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.fourqt_link
{
	float: left;
	margin-top: 5px;
	margin-left:5px;
}

.faq-img{   margin-left:-10px; margin-top:10px;}
.faq-img:hover{cursor:pointer;  margin-left:-10px;}


#log_out_btn
{
	margin-top: 10px;
	width: 109px;
	float: left;
	height: 29px;
}

#home_btn
{
	margin-top: 10px;
	width: 27px;
	float: left;
	height: 27px;
	margin-left: 10px;
}

#home_btn_new
{
	margin-top: 11px;
	width: 27px;
	float: right;
	height: 27px;
	margin-right: 10px;
}

 

#body
{
}
.home-page-design {
    padding: 5px;
}
h3.thanks-txt {
    font-size: 22px;
    margin: 10px 0 15px;
    font-weight: 600;
}
.construction-updates {
    margin: 15px 0px 15px;
    flex-wrap: wrap;
}
.construction-updates {
    transition: 0.3s all;
}
 
 .margin-top-20 {
    margin-top: 20px;
}
.construction-updates .home-box {
    border: 1px solid #bfd1ef;
    border-radius: 7px;
    background: var(--text-white);
    box-shadow: 4px 4px 9px #0000000a;
    padding: 15px;
    text-align: left;
    min-height: 200px;
    position: relative;
    transition: all .3s ease-in-out;
}
.HeaderCenter th {
    line-height: 17px;
}
.home-box:hover {
    margin-top: -10px;
}
.statuss {
    position: absolute;
    background: #ffffffd1;
    top: 20px;
    right: 20px;
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
}
.statuss span {
    color: green;
    font-weight: 600;
}
.construction-updates .home-box img {
    width: 100%;
    border-radius: 4px;
}
.construction-updates .home-box i {
    font-size: 30px;
    background: #55709d;
    color: var(--text-white);
    padding: 5px;
    border-radius: 15px;
    border: 1px solid;
}
 
 .construction-updates .home-box b {
    color: var(--ternary-color);
    font-weight: normal;
    font-size: 13px;
    margin-top: 5px;
    display: block;
    position: relative;
}

.construction-updates .home-box h3 {
    margin: 10px 0px 5px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.construction-updates .home-box h4 {
    font-size: 14px;
    margin-bottom: 15px;
}
.construction-updates .home-box h5 {
    margin-bottom: 30px;
    font-size: 12px;
    font-weight: 500;
}
.construction-updates .home-box .la-angle-right {
    font-size: 16px;
    border-radius: 50%;
    background: var(--aside-bg-nav);
}
.box-texts {
    padding: 15px;
    min-height: 200px;
    position: relative;
    transition: all .3s ease-in-out;
    border: 1px solid #ededed;
    border-radius: 7px;
    background: var(--text-white);
    box-shadow: 1px 1px 12px #0000000a;
}
/*---*/
.list-ul {
    margin: 20px 0px 0;
}
.list-ul .home-list a {
    color: #000;
}
.list-ul .home-list {
    margin: 0 0 15px;
    transition: 0.3s all;
}
.home-box span {
    overflow: hidden;
    position: relative;
    padding: 9px 5px;
}
.StringLeft a {
    font-weight: 500;
}
.home-box span:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 20%);
    animation: beep2 1s ease-out infinite both;
    left: 0;
    top: 0;
}

 @keyframes beep2 {
     0% {
         transform: scale(1);
         opacity: .25;
         box-shadow: none
     }
     100% {
         transform: scale(1.5);
         opacity: 0;
         box-shadow: 0 0 10px 3px rgba(0, 0, 0, .5)
     }
 }
.list-ul .home-box {
    padding: 15px;
    text-align: center;
    min-height: 200px;
    position: relative;
    transition: all .3s ease-in-out;
    border: 1px solid #ededed;
    border-radius: 7px;
    background: var(--text-white);
    box-shadow: 1px 1px 12px #0000000a;
}
.home-list:hover .home-box {
    box-shadow: 0px 2px 14px #0000003b;
}
.home-box:hover {
    margin-top: 0;
}
.list-ul .home-box i {
    font-size: 30px;
    background: #55709d;
    color: var(--text-white);
    padding: 5px;
    border-radius: 15px;
    border: 1px solid;
}

.list-ul .home-box i.la-user-tie {
    background: var(--la-user-tie-bg);
    border-color: var(--user-tie-border);
}
.list-ul .home-box i.la-info {
    background: var(--la-info-bg);
    border-color:var(--la-info-border);
}
.list-ul .home-box i.la-file-invoice {
    background: var(--la-file-invoice-bg);
    border-color:var(--la-file-invoice-border);
}
.list-ul .home-box i.la-rupee-sign {
    background:var(--la-file-invoice-bg);
    border-color: var(--la-file-invoice-border);
}
.list-ul .home-box i.la-industry {
    background: var(--la-industry-bg);
    border-color: var(--la-industry-border);
}
.list-ul .home-box i.la-question {
    background: var(--la-question-bg);
    border-color: var(--la-question-border);
}

.list-ul .home-box h3 {
    margin: 20px 0px 20px;
    font-size: 16px;
    font-weight: 500;
}
.list-ul .home-box .la-angle-right {
    font-size: 16px;
    border-radius: 50%;
    background: var(--aside-bg-nav);
}
#left_body
{
	padding-bottom: 10px;
	background-color: #fcfcfc;
	margin-top:0px;
	width: 220px;
	float: left;
	height: auto;
	border-right: #ebebeb 1px solid;
}

#right_body
{
}

#link_set
{
	margin-top: 40px;
	width: 152px;
	float: left;
	height: auto;
	margin-left: 30px;
}

.link_area
{
	margin-top: 1px;
	width: 152px;
	float: left;
	height: 25px;
}

.right_link
{
	text-align: left;
	line-height: 25px;
	padding-left: 4px;
	width: 152px;
	display: block;
	background: url(../images/link_bg_hover.jpg) no-repeat left top;
	height: 25px;
	color: var(--text-white);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Futura Medium BT-Medium;
}

.right_link:hover
{
	text-align: left;
	line-height: 25px;
	padding-left: 4px;
	width: 152px;
	display: block;
	background: url(../images/link_bg.jpg) no-repeat left top;
	height: 25px;
	color: var(--text-white);
	font-weight: bold;
	text-decoration: none;
}

.right_link_highlighted
{
	text-align: left;
	line-height: 25px;
	padding-left: 2px;
	width: 152px;
	display: block;
	background: url(../images/link_bg_hover.jpg) no-repeat left top;
	height: 25px;
	color: var(--text-white);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.project_details_wraper {
    width: 100%;
    display: inline-block;
    margin: 0;
}
.Failure {
    color: #ff0000;
    font-size: 14px;
}
.project_details_wraper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
    width: 100%;
    display: block;
}
.project_details_wraper ul li.active {
    color: #1b619a;
    border-bottom: 2px solid #1b619a;
    font-weight: 500;
}
.project_details_wraper ul li {
    float: left;
    padding: 0;
    cursor: pointer;
    color: #333;
    margin-right: 20px;
    line-height: 34px;
    text-transform: uppercase;
}
.tabcontent {
    display: none;
    padding: 5px 0px 0;
    border-top: 1px solid #e1e0e0;
    margin-top: 35px;
    /* border-top: 0; */
}
.tabcontent h3 {
    margin: 10px 0px 15px;
    font-size: 16px;
}
.project-details-design.kyc {
    min-height: 220px;
}
.project-details-design.kyc p {
    line-height: 20px;
    width: 80%;
    margin: 0px auto 15px;
    font-size: 13px;
}
.project-boxes {
    margin: 60px 0px 40px;
}
.project-details-design {
    /* border: 1px solid #bfd1ef; */
    border-radius: 5px;
    background: var(--text-white);
    box-shadow: 4px 4px 9px #0000000a;
    padding: 15px;
    text-align: center;
    min-height: 140px;
    position: relative;
    transition: all .3s ease-in-out;
    margin-bottom: 55px;
}
.project-details-design .text-ico {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
}
    .project-details-design .lines {
        position:
        absolute;
        inset:0;
        background: #dbe8ff;
        overflow: hidden;
        border-radius: 4px;
        z-index: 0;
    }
     .project-details-design .lines::before {
        position:
        absolute;
        content:
        '';
       top:50%;
       left:50%;
        transform:
        translate(-50%, -50%);
        background:
        linear-gradient(transparent, #45f3ff, #45f3ff, #45f3ff, transparent);
        animation: animates 4s linear infinite;
        width: 110%;
        height: 100%;
    }
@keyframes animates{
    0%
{
    transform:translate(-50%, -50%) rotate(0deg);
}
100%
{
    transform:translate(-50%, -50%) rotate(360deg);
}
}
   .project-details-design .lines::after {
        position:
        absolute;
        content:'';
        inset: 2px;
        background: var(--text-white);
    }
   .project-details-design:hover i.pd-ico{
    transform: translateX(-50%) rotate(360deg) !important;
}
.project-details-design .text-ico i.pd-ico {
    font-size: 32px;
    background: var(--aside-bg-nav);
    color: var(--text-white);
    border: 3px solid var(--text-white);
    padding: 8px;
    border-radius: 10px;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 1px 4px 12px #374f772b;
    transition: all 1s ease-in-out;
}
.project-details-design .text-ico i.pd-ico.la-file-pdf {
    background:  var(--la-industry-bg);
}
.project-details-design .text-ico i.pd-ico.la-id-card {
    background: var(--la-info-bg);
}
.project-details-design .text-ico i.pd-ico.la-file-video {
    background: var(--la-file-invoice-bg);
}

.project-details-design h3 {
    margin-top: 35px;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
}
.project-details-design a {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border: 1px solid var(--text-link-color);
    width: max-content;
    margin: 0 auto;
    padding: 2px 15px;
    border-radius: 4px;
    text-transform: uppercase;
}
.project-details-design a i {
    font-size: 19px;
    margin-right: 5px;
}
/* Cards design for Bank Detail for Payment Remittance */
.payment-box {
    margin: 0px 0 40px;
}
.payment-box .payment-height {
    height: 300px;
}
.card {
    position:
    relative;
    width:100%;
    height: 310px;
    background:var(--text-white);
    transition:0.5s;
    margin-top: 80px;
}
.card:hover .content {
    margin-top: 35px;
}
.card:hover {
    height: 310px;
}
.card .line {
    position:
    absolute;
    inset:0;
    background: var(--text-white);
    overflow:
    hidden;
    border-radius: 4px;
    transition: 0.5s;
    border: 1px solid #eee;
}
.card .line:before {
    content:
    '';
    position:
    absolute;
    top:50%;
    left:50%;
    transform:
    translate(-50%, -50%);
    width:100%;
    height:200px;
    background: linear-gradient(transparent, var(--aside-bg-nav), var(--aside-bg-nav), transparent);
    animation: rotatebox 4s linear infinite;
    width: 205%;
    height: 220%;
}
@keyframes rotatebox{
    0%
{
    transform:translate(-50%, -50%) rotate(0deg);
}
100%
{
    transform:translate(-50%, -50%) rotate(360deg);
}
}
.card .line::after {
    position:
    absolute;
    content:
    '';
    inset: 1px;
    background: var(--text-white);
}
.card .imgbx {
    position:
    absolute;
    top: -40px;
    left:50%;
    transform:
    translateX(-50%);
    width: 80px;
    height: 80px;
    background: var(--text-white);
    transition:0.5s;
    z-index:10;
    overflow:
    hidden;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    margin: 0 auto;
    text-align: center;
}
.card:hover .imgbx {
    width: 110px;
    height: 110px;
}
.card:hover .imgbx .las{
    font-size:68px;
    line-height: 75px;
}
.card .imgbx:before {
    position:
    absolute;
    width: 150%;
    height:150%;
    top:50%;
    left:50%;
    transform:
    translate(-50%, -50%);
    content:
    '';
    background: linear-gradient(transparent,  #ffbd00, #ffbd00, transparent);
    animation: rotatebox-small 6s linear infinite;
}
@keyframes rotatebox-small{
    0%
{
    transform:translate(-50%, -50%) rotate(360deg);
}
100%
{
    transform:translate(-50%, -50%) rotate(0deg);
}
}
.card .imgbx::after {
    position: absolute;
    content: '';
    inset: 1px;
    background: var(--text-white);
}
.card .imgbx .las {
    position: absolute;
    top: 12px;
    z-index: 1;
    width: calc(85% - 10px);
    margin: 0 auto;
    display: block;
    height: calc(85% - 12px);
    left: 10px;
    font-size:50px;
    text-align: center;
    line-height: 55px;
    transition: 0.5s;
    color: var(--icon-light);
}
.card .content {
    position:
    absolute;
    width:100%;
    height:100%;
    display:
    flex;
    justify-content:
    center;
    align-content:
    center;
    overflow:
    hidden;
    transition: 0.5s;
}
.card .content .details {
    padding: 20px 0px 20px;
    
    width:100%;
    transition:0.5s;
    transform: translateY(40px);
}
.card .content .details h3 {
    font-size:1.25em;
    color: var(--aside-bg-nav);
    text-align: center;
    font-weight: 600;
}
.card .content .details h3 span{
    font-size:16px;
    color: #818181;
    font-weight: 400;
}
.card .content .details .data {
    display: flex;
    justify-content: space-between;
    margin: 25px 0px 20px;
    gap: 30px;
}
.card .content .details .data h4 {
    padding: 0 15px;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
}
.card .content .details .data h4 span {
    font-weight: 500;
    margin-top: 5px;
    display: block;
    font-size: 15px;
    color: var(--aside-bg-nav);
}


#latest_project
{
	margin-top: 80px;
}

#project_heading
{
}

#project_gallery_bg
{
	width: 100%;
	height: 186px;
	margin-left: 0;
}
marquee {
    padding: 15px;
    color: var(--text-white);
}
#arrow_left
{
	margin-top: 70px;
	width: 7px;
	float: left;
	height: 12px;
	margin-left: 5px;
}

#arrow_right
{
	margin-top: 70px;
	width: 7px;
	float: right;
	height: 12px;
	margin-right: 5px;
}

#g_img_bg
{
	margin: 20px auto 0px;
	width: 154px;
	background: url(../images/img_bg.jpg) no-repeat left top;
	height: 124px;
}

#img_g
{
	margin: 5px auto 0px;
	width: 146px;
	height: 116px;
}

#project_name
{
	margin-top: 5px;
	width: 154px;
	float: left;
	height: auto;
	margin-left: 20px;
}

.breadcrumbs_link
{
	color: var(--text-link-color);
	text-decoration: none;
}
.breadcrumbs_link i {
    margin-right: 5px;
}
.breadcrumbs_link:hover
{
	color: var(--aside-bg-nav);
	margin-left: 0;
	text-decoration: none;
}

.textcolor
{
	color: #A75C37;
}

#content
{
	padding-bottom: 15px;
	padding-left: 15px;
	width: 100%;
	padding-right: 15px;
	float: left;
	height: auto;
	padding-top: 15px;
	height: 100%;
}

.content_heading
{
	color: #c1c1c1;
	font-size: 14px;
	text-transform: uppercase;
}

#footer
{padding: 15px;}

#footer-1
{
	width: 989px;
	float: none;
	height: 30px;
}

#footer_inner
{
}

#footer_inner-1
{
	width: 989px;
	/*background: url(../images/footer_bg.jpg) repeat-x left top;*/
	height: 30px;
}

#content_srt_left
{
	height: auto;
}

.content_set_left_new
{
	/* width: 355px; */
	/* float: left; */
	height: auto;
}

#content_srt_right
{
	width: 355px;
	float: right;
	height: auto;
}

.content_set_right_new
{
	/* width: 355px; */
	/* float: right; */
	height: auto;
}

#heading
{
	line-height: 30px;
	width: auto;
	float: left;
	height: 30px;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}

.heading
{
	line-height: 30px;
	width: auto;
	float: left;
	height: 30px;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}
.squre-box-bounce {
    width: 15px;
    height: 15px;
    background: red;
    border-radius: 4px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    border: 1px solid #cf0000;
}
.squre-box-pending {
    width: 15px;
    height: 15px;
    background: Yellow;
    border-radius: 4px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    border: 1px solid #c9c902;
}
    .squre-box-pending + span, .squre-box-bounce+span {
    margin-right: 10px;
}
.fild_set
{
	margin-top: 0;
	height: auto;
	display: block;
	margin-bottom: 10px;
}
.fild_set.user-applicant {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 0;
    min-height: 150px;
}
#fild_set_profile
{
	margin-top: 10px;
	width: 400px;
	float: left;
	height: auto;
}


 
td.main_heading
{
	line-height: 30px;
	background-color: var(--aside-bg-nav);
	padding-left: 0px;
	width: 100%;
	float: left;
	height: auto;
	color: var(--text-white);
	font-size: 14px;
	font-weight: bold;
}

.name
{
}
td.FAQ_Category span {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    margin-bottom: 0px;
    margin-top: 10px;
    display: block;
}
td.FAQ_Question {
    font-weight: 600;
    font-size: 16px;
    padding-left: 15px;
}
td.FAQ_Answer {
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 10px;
}
.sub_name
{
	line-height: 20px;
	width: auto;
	/* height: 30px; */
	color: black;
	font-size: 14px;
	word-break: break-word;
	/* border: 1px solid #d9dbdb; */
	padding: 0px 0px;
	font-weight: 500;
	 
}
.sub_name.user-names {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 0 0px 10px;
    position: relative;
}
.sub_name_new
{
	line-height: 14px;
	width: auto;
	float: left;
	height: 29px;
	color: #777777;
	margin-left: 10px;
	font-size: 13px;
}

#sign_in_box
{
}
.inline-status tr {
    display: flex;
    justify-content: center;
    align-items: center;
}
.inline-status tr td {
    display: flex;
}
 
.form-group label {
    font-weight: 500;
    font-size: 13px;
}
.form-group b {
    font-size: 11px;
}
.img_align
{
	width: auto;
	float: left;
	height: auto;
}
 
 
.chart-boxses {
}
.chart-boxses .chart-imgbs h4 {
    font-size: 18px;
    text-align: left;
    font-weight: 500;
    margin: -15px -15px 15px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 7px 7px 0px 0px;
}
.chart-boxses .chart-imgbs {
    margin: 0px 0px 20px;
    padding: 15px;
    text-align: center;
    min-height: 200px;
    position: relative;
    transition: all .3s ease-in-out;
    border: 1px solid #ededed;
    border-radius: 7px;
    background: var(--text-white);
    box-shadow: 1px 1px 12px #0000000a;
}
.chart-boxses .chart-imgbs .row:nth-child(5) {
    overflow: auto;
}
.input_signin
{
	border-bottom-style: none;
	line-height: 26px;
	border-right-style: none;
	padding-left: 10px;
	width: 328px;
	border-top-style: none;
	background: url(../images/input_bg_signin.jpg) no-repeat left top;
	float: left;
	height: 26px;
	color: #ff0000;
	border-left-style: none;
}
.login-bg {
    margin-top: 15px;
}
 .login-bg img {
    display: block;
    width: 100%;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}
 .login-bg.fwrd-img img {
    width: 70%;
}
#input_change_password
{
	width: auto;
	margin-bottom: 15px;
	float: right;
	height: auto;
	margin-right: 30px;
}

.input_change_password
{
	width: auto;
	margin-bottom: 15px;
	float: right;
	height: auto;
	margin-right: 30px;
}
.hero-bg-circle {
    position: absolute;
    left: -216px;
    top: -237px;
    right: auto;
    bottom: auto;
    width: 530px;
    height: 530px;
    z-index: -1;
    background-image: linear-gradient(318deg,hsl(0deg 2% 89% / 54%) 23%,hsl(0deg 0% 100% / 9%));
    border-radius: 100%;
}
#input1
{
	margin-top: 15px;
	width: auto;
	margin-bottom: 15px;
	float: left;
	height: auto;
}

.signup_btn_new
{text-align: center;}

.signup_btn
{
	width: auto;

	height: auto;
	margin-right: 10px;
}





.btn_1
{
	width: 127px;
	float: left;
	height: 32px;
}

#left_body_inner_page
{
}
.text-heading h2 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--bg-border-acc);
    margin: 0 10px 20px;
    font-weight: 500;
}
.form-group.text-center.mt-4 {
    margin-top: 25px;
    margin-bottom: 0;
}
#signin_left
{
	margin-top: 30px;
	margin-bottom: 30px;
	height: auto;
}

.span_big_heading
{
	width: auto;
	height: auto;
	color: #dddddd;
	font-size: 22px;
}
.form-control td {
    padding: 0 5px;
}
.panel-heading {
    padding: 7px 0px 7px;
    border-bottom: 1px solid #ddd;
    line-height: 18px;
}
span.style1 {
    margin-right: 10px;
    line-height: normal;
}
table.manage-table .LightTextRight {
    width: 30%;
    font-weight: 500;
    vertical-align: top;
}
.panel-heading h3, .panel-heading span {
    font-weight: 600;
    font-size: 16px;
}
table.manage-table .LightTextRight-right {
    width: 70%;
    margin-bottom: 5px;
    display: block;
}
#content_inner
{
}

 

#forgot_password
{
	margin-top: 10px;
	width: auto;
	
	height: auto;
	color: var(--text-white);
}

.click_here_link
{
	text-align: center;
	color: var(--text-white);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.click_here_link:hover
{
	text-align: center;
	color: var(--text-white);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#terms
{
	margin-top:5px;
	width: 110px;
	float: right;
	height: auto;
}

.name1
{
	text-align: right;
	line-height: 29px;
	width: 100px;
	padding-right: 5px;
	float: left;
	height: 29px;
	color: #333333;
	font-size: 14px;
}

#name1
{
	text-align: right;
	line-height: 29px;
	width: 100px;
	padding-right: 5px;
	float: left;
	height: 29px;
	color: #333333;
	font-size: 14px;
}

#query_input_set
{
	width: 600px;
	margin-bottom: 10px;
	float: left;
	height: auto;
}

#query_input_set_new
{
	width: 340px;
	margin-bottom: 10px;
	float: left;
	height: auto;
}

#query_input_set_new1
{
	width: 340px;
	margin-bottom: 10px;
	float: left;
	height: auto;
}

#query_input_set_new2
{
	width: 340px;
	margin-bottom: 10px;
	float: left;
	height: auto;
}
table.month_years td a {
    font-size: 20px;
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    border: 1px solid;
    border-radius: 5px;
    line-height: 24px;
}
table.month_years td a:hover {
    background: #5572a3;
    border-color: #b5b5b5;
}
.big_input
{
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	background-color: var(--text-white);
	width: 300px;
	height: 20px;
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
}

.big_input_multiline
{
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	background-color: var(--text-white);
	width: 300px;
	height: 120px;
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
}

#input2
{
	width: auto;
	float: left;
	height: auto;
}

#signup_btn_post
{
	width: auto;
	float: left;
	height: auto;
	margin-left: 160px;
}

.edit_profile_input_area
{
	line-height: 29px;
	width: auto;
	float: left;
	height: 29px;
	color: #777777;
	margin-left: 10px;
	font-size: 13px;
}

.edit_profile_input_area_multilene
{
	line-height: 29px;
	width: 200px;
	float: left;
	height: auto;
	color: #777777;
	margin-left: 10px;
	font-size: 13px;
}

.name_edit_profile
{
	text-align: right;
	line-height: 29px;
	width: 120px;
	padding-right: 5px;
	float: left;
	height: 29px;
	color: #333333;
	font-size: 13px;
}

#name_edit_profile_new1
{
	text-align: right;
	width: 330px;
	padding-right: 4px;
	float: right;
	color: #333333;
	font-size: 12px;
}
.text-right.d-flex {
    display: flex;
    justify-content: right;
    align-items: center;
    margin-top: 3px;
}
.text-right.d-flex .form-control {
    width: 35%;
    margin-left: 10px;
}
select.form-control-custom {
    width: 30%;
    height: auto;
    margin-left: 10px;
}
#name_edit_profile_new2
{
	text-align: right;
	line-height: 29px;
	width: 140px;
	padding-right: 5px;
	float: left;
	height: 29px;
	color: #333333;
	font-size: 13px;
}

.name_edit_profile_new
{
	text-align: right;
	width: 120px;
	padding-right: 5px;
	float: left;
	height: 29px;
	color: #333333;
	font-size: 13px;
}

.profile_input_editable
{
	border-bottom-style: none;
	line-height: 26px;
	border-right-style: none;
	width: 217px;
	border-top-style: none;
	background: url(../images/input_bg_edit_profile.jpg) no-repeat left top;
	float: right;
	height: 26px;
	border-left-style: none;
}

.profile_input_editable_multiline
{
	border-bottom-style: none;
	border-right-style: none;
	width: 217px;
	border-top-style: none;
	background: url(../images/input_bg_edit_profile_multi.jpg) no-repeat left top;
	float: right;
	height: 86px;
	border-left-style: none;
}

.profile_input_uneditable
{
	border-bottom-style: none;
	line-height: 26px;
	border-right-style: none;
	width: 217px;
	border-top-style: none;
	background: url(../images/input_bg_edit_profile.jpg) no-repeat left top;
	float: right;
	height: 26px;
	border-left-style: none;
}

#content_edit_profile
{
	width: 765px;
	float: left;
	height: auto;
}

#border
{
	border-bottom: #ebebeb 1px solid;
	margin-top: 20px;
	width: 765px;
	margin-bottom: 20px;
	float: left;
	height: 1px;
}

#edit_profile_bottom_sec
{
	margin: 0px auto 20px;
	width: 546px;
	height: auto;
}

#select_set
{
	margin: 0px auto;
	width: 250px;
}

#checkbox
{
	width: auto;
	float: left;
	height: auto;
}

#bottom_text
{
	line-height: 16px;
	width: auto;
	float: left;
	height: 16px;
	margin-left: 10px;
	font-weight: bold;
}

#note
{
	width: auto;
	margin-bottom: 15px;
	float: left;
	height: auto;
	color: #41a573;
}

#btn_set
{
	width: auto;
	margin-bottom: 20px;
	float: left;
	height: 32px;
	margin-left: 135px;
}

.schedule_heading
{
	text-align: center;
	line-height: 30px;
	height: 30px;
	color: var(--text-white);
	background: var(--aside-bg-nav);
	border: solid 1px var(--aside-bg-nav);
	border-radius: 0;
}

.light_heading
{
	text-align: center;
	background-color: #dcdcdc;
	width: auto;
	height: 40px;
	color: #666666;
	font-weight: bold;
}

.sub_heading
{
	text-align: center;
	background-color: #dcdcdc;
	width: auto;
	height: 25px;
	color: #666666;
	font-weight: bold;
}

.dark_heading
{
	text-align: center;
	background-color: #cacaca;
	width: auto;
	height: 69px;
	color: #666666;
	font-weight: bold;
}

.box_light
{
	border-bottom: var(--text-white) 1px solid;
	background-color: #f7f7f7;
	width: auto;
	height: 26px;
}

.box_dark
{
	border-bottom: var(--text-white) 1px solid;
	background-color: #ebebeb;
	width: auto;
	height: 26px;
}

#top_dropdown
{
	margin: 20px auto 0px;
	width: 355px;
	height: auto;
}

#top_fild_set
{
	margin: 0px auto;
	width: 355px;
	height: auto;
}

#content_set_left_payment_details
{
	margin-top: 20px;
	width: 355px;
	float: left;
	height: auto;
	margin-left: 180px;
}

.larg_heading
{
	color: #12a161;
	font-size: 20px;
	font-weight: normal;
}

.larg_content
{
	text-align: center;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

#larg_heading
{
	color: #12a161;
	font-size: 20px;
	font-weight: normal;
}

#larg_content
{
	text-align: center;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

.profile_set
{
	height: auto;
}

#edit_profile_btn
{
	margin-top: 45px;
	width: 111px;
	float: left;
	height: 32px;
	margin-left: 300px;
}

#edit_profile_set
{
	margin-top: 10px;
	width: 725px;
	float: left;
	height: auto;
	margin-left: 20px;
}

.edit_profile_set
{
	margin-top: 10px;
	width: 725px;
	float: left;
	height: auto;
	margin-left: 20px;
}

#copyright
{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 500px;
	float: right;
	height: auto;
	color: #666666;
}

#input3
{
	width: auto;
	float: left;
	height: auto;
	margin-left: 10px;
}

#edit_profile_input_area_multilene
{
	line-height: 29px;
	width: auto;
	float: left;
	height: auto;
	color: #777777;
	margin-left: 10px;
	font-size: 13px;
}

#back
{
	width: 80px;
	float: left;
	height: 20px;
}

#top_left
{
	margin-top: 83px;
	width: 200px;
	float: left;
	height: 40px;
	margin-left: 15px;
}
#top_left_02_05_2013
{
	margin-top: 83px;
	width: 200px;
	float: left;
	height: 40px;
	margin-left: 15px;
}

.left_name
{
	color: var(--ternary-color);
	font-size: 12px;
	margin-right: 10px;
}

.welcome_name
{
	color: var(--aside-bg-nav);
}

.table_color
{
	background-color: var(--aside-bg-nav);
	height: 20px;
	color: var(--text-white);
}

.edit_profile_btn
{
	margin-top: 45px;
	width: 111px;
	float: left;
	height: 32px;
	margin-left: 300px;
}

.name_edit_profile_new1
{
	text-align: right;
	line-height: 29px;
	width: 120px;
	padding-right: 5px;
	float: left;
	height: 29px;
	color: #333333;
	font-size: 13px;
}

.sub_nameAddress
{
	width: auto;
	/*float: left;*/
	height: 29px;
	color: black;
	margin-left: 124px;
	font-size: 11px;
}

.FAQ_Heading
{
	font-family: Arial;
	font-size: 14px;
	color: var(--aside-bg-nav);
}

.home_loan_head
{
	background-color: #0054A4;
	color: var(--text-white);
	font-weight: bold;
	font-size: 15px;
}

.home_loan_head_tabl
{
	background-color: #DFE7FF;
	color: #000000;
}

.loan_link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #2D2D2D;
	text-decoration: none;
	background-image: url(../images/arrow.jpg);
	background-position: 0px 3.6px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.loan_link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #0054A4;
	text-decoration: none;
	background-image: url(../images/arrow-hover.jpg);
	background-position: 0px 3.6px;
	background-repeat: no-repeat;
}

.loan_heading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0054A4;
	text-align: left;
}

.left-div
{
	background-color: var(--text-white);
	color: #000000;
	border-right: thin solid #ff0000;
}

.tab-bor
{
	border: 1px solid #CCCCCC;
}
form
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}




/*
  CSS BY AYAT RAHMAN  
    */
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

 

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}
.login-main-sec.margin-top-bottom {
    margin: 30px 0px;
    border-radius: 10px;
    height: 85vh;
    overflow: hidden;
    background: var(--text-white);
}
.login-main-sec {
    margin: 0px auto;
    border: solid 1px #ddd;
    box-shadow: 0px 0px 15px #aeaeae30;
}
header {
    border-bottom: solid 1px #ddd;
    background: var(--text-white);
}
.box-container {
    width: 90%;
    margin: 0px auto;
    border-top: none;
    border-bottom: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.logo-left-logo {
    float: left;
    width: 25%;
}

.right-head-login {
    float: right;
    width: 75%;
}

.top_banner_img {
    width: 100%;
    background: url(../images/banner1.jpg) no-repeat right top;
    height: 60px;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
}

#login-sidebar {
    /* float: left; */
    /* width: 25%; */
    padding: 0;
    height: 100vh;
}

    #login-sidebar .span_big_heading {
        font-weight: 500;
        text-transform: uppercase;
        color: var(--aside-bg-nav);
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
    }

#login-log-sec {
    /* float: right; */
    /* width: 75%; */
    /* border-left: solid 1px #ddd; */
    padding-bottom: 30px;
    padding: 0;
    background: #f9f9f9;
    height: 100vh;
}
.left_body_inner_page {
    padding: 15px;
}
.signin_left {
    font-size: 12px;
    margin-top: 40px;
    color: #000;
}

.inner-login-header {background: var(--text-white);}

.faq_links_form_pages {
    padding: 3px 3px;
    text-align: left;
}

    .faq_links_form_pages .cust-btn {
        /* float: right; */
    }

.cust-btn {
    padding: 4px 10px;
    color: var(--aside-bg-nav);
    background-color: var(--text-white);
    border-color: var(--aside-bg-nav);
    font-size: 12px;
    margin-left: 0;
    margin-right: 15px;
    line-height: 21px;
}

    .cust-btn .fa {
        font-size: 13px;
        padding-right: 4px;
    }

.btn-default.cust-btn:hover {
    color: var(--text-white);
    background-color: #e23725;
    border-color: #e23725;
}

    .btn-default.cust-btn:hover .fa {
        color: var(--text-white);
    }

.footer-login .powerd-by-right {
}

 
.btn_1 {
    width: 127px;
    float: left;
    height: 32px;
}

.img_align {
    width: auto;
    float: left;
    height: auto;
}
 

 

.input {
    width: auto;
    /* margin-bottom: 15px; */
    float: left;
    height: auto;
}

#error_message {
    /* line-height: 23px; */
    width: auto;
    /* margin-bottom: 10px; */
    
    /* height: 23px; */
    color: var(--text-white);
    margin-left: 5px;
}
#error_message span {
    color: #000 !important;
}
.input.form-inline {
    display: inline-flex;
}

.clr {
    height: 0px;
    clear: both;
}
hr {
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}
.login-web-format {
    width: 370px;
    margin: 0 auto 0;
    margin-top: 80px;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 25px;
    background: var(--text-white);
    box-shadow: 0px 2px 3px #2f466d61;
}

.loginWrapTab {
    /* border: solid 1px var(--aside-bg-nav); */
    /* padding: 10px 10px; */
    /* box-shadow: 0px 2px 3px #2f466d61; */
    /* background: var(--aside-bg-nav); */
    /* border-bottom-left-radius: 9px; */
    /* border-bottom-right-radius: 9px; */
    /* border-top-right-radius: 9px; */
    /* background: linear-gradient(0deg, #2c436a, var(--aside-bg-nav) 80%) no-repeat; */
}

.loginTabBtn {
    padding: 0px;
    font-size: 14px;
    border-radius: 4px !important;
    background: transparent;
    /*margin: 0 auto;
width: 298px;*/
}

    .loginTabBtn li {
        text-align: center;
        color: #1f4b97;
        font-size: 14px;
        font-weight: 400;
        /* width: 50%; */
        text-decoration: none;
        position: relative;
        box-sizing: border-box;
        list-style-type: none;
    }

    .loginTabBtn ul {
        padding: 0px;
        margin: 0px;
    }

    .loginTabBtn li a {
        display: block;
        margin: 0px;
        padding: 0 0 30px;
        color: #2c436a;
        background: var(--text-white);
        border: solid 1px #2c436a;
        text-decoration: none;
        font-size: 32px;
    }

    .loginTabBtn.loginTabBtnChn li a {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .loginTabBtn li:first-child a {
        border-top-left-radius: 4px;
    }

    .loginTabBtn li:last-child a {
        border-top-right-radius: 4px;
    }

    .loginTabBtn li a.active {
        border: none;
        color: var(--aside-bg-nav);
    }
.mobHome {
    display:
    none;
}
    .loginTabBtn li.active a {
        background: #0b8bc7;
        color: var(--text-white);
    }

    .loginTabBtn li.active a {
        color: var(--text-white);
    }

.loginWrapTab .panel-body {
    background: none;
}

.loginWrapTab .panel {
    border: none;
}

.loginForm h4 {
    font-size: 14px;
    color: #686868;
    margin: 7px 0 18px 0;
    max-width: 100%;
}

.loginForm .formRow {
    margin-bottom: 10px;
}

    .loginForm .formRow .form-title {
        font-size: 12px;
        color: #000;
        margin-bottom: 5px;
    }

        .loginForm .formRow .form-title label {
            margin: 0px;
        }
      .text-link span {
  cursor: pointer;
  position: relative;
  transition: 0.5s;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.text-link span i {
    font-size: 20px;
    margin-right: 5px;
}
.text-link span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 4px;
  right: -10px;
  transition: 0.5s;
  font-size: 20px;
}

.text-link:hover span {
  padding-right: 25px;
}

.text-link:hover span:after {
  opacity: 1;
  right: 5px;
}
 
        .button {
            position: relative;
            color: var(--text-white);
            background-color: #e23725;
            display: inline-block;
            padding: 5px 15px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid #e23725;
            border-radius: 4px;
        }
        .button:hover {
    background-color: #cb1603;
    border-color: #e23725;
}
    .loginForm .formRow .formInput {
        position: relative;
    }
    .origin-left .button {
    margin-left: 0;
}
    .button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
        .loginForm .formRow .formInput .form-control {
            padding-left: 45px;
            border: 1px solid #ccc;
            height: 36px;
            border-radius: 3px;
            font-size: 14px;
        }
        .loginForm .btn {
    height: 36px;
    padding: 7px 20px;
}

        .loginForm .formRow .formInput .faa {
            position: absolute;
            top: 0px;
            font-size: 22px;
            left: 10px;
            color: var(--text-white);
            height: 100%;
            background: var( --icon-bg-color);
            line-height: 36px;
            padding: 0px 5px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            width: 38px;
            text-align: center;
        }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--text-white) inset;
    transition: background-color 5000s ease-in-out 0s;
}

.loginForm .formRow.orFrm {
    margin-bottom: 5px;
}

    .loginForm .formRow.orFrm .form-title {
        line-height: 20px;
    }

.loginForm .btnLogin {
    color: var(--text-white);
    border-color: #17bbc1;
    background: #17bbc1;
    box-shadow: 0px 2px 0px #0f797d;
    padding: 6px 30px;
    text-align: center;
    font-size: 15px;
    background: linear-gradient(to right, #0b7cc3 0%, #17bbc1 100%);
}

.loginForm .btnloginOne {
    color: var(--text-white);
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.loginForm .forgotPswd {float: right;}

.loginForm .forgotLeft {
}
.forgotLeft.register {
    margin-top: 25px;
    margin-left: -15px;
    font-weight: 300;
}
.forgotLeft.register a {
    color: #dbb602;
    margin-left: 5px;
    font-weight: 400;
}
.loginForm .forgotPswd a {
    color: #2c436a;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.3px;
}

    .loginForm .forgotPswd a:hover {
    }

.SignUpForm h4 {
    font-size: 14px;
    color: #686868;
    margin: 7px 0 15px 0;
    max-width: 100%;
}

.SignUpForm .formRow {
    margin-bottom: 16px;
}

    .SignUpForm .formRow .formInput {
        position: relative;
    }

        .SignUpForm .formRow .formInput .form-control {
            padding-left: 45px;
            border: 1px solid #ccc;
            height: 40px;
            border-radius: 3px;
            font-size: 14px;
        }

        .SignUpForm .formRow .formInput i {
            position: absolute;
            top: 0px;
            font-size: 17px;
            left: 0px;
            color: var(--text-white);
            height: 100%;
            background: #16b9c1;
            line-height: 41px;
            padding: 0px 12px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

.SignUpForm .btnLogin {
    color: var(--text-white);
    border-color: #17bbc1;
    background: #17bbc1;
    box-shadow: 0px 2px 0px #0f797d;
    padding: 6px 30px;
    text-align: center;
    font-size: 15px;
    background: linear-gradient(to right, #0b7cc3 0%, #17bbc1 100%);
}
footer#login-footer {
    border-top: solid 1px #ddd;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footer-login {
    padding: 5px 0px;
    /* border-top: solid 1px #2e456c; */
}

    .footer-login .powerd-by-right {
        float: right;
    }

.faq_link {
    text-align: center;
    color: var(--text-link-color);
    margin-left: 5px;
    font-size: 11px;
    font-weight: 600;
    margin-right: 5px;
    text-decoration: none;
}

    .faq_link:hover {
        text-align: center;
        color: var(--text-link-color);
        margin-left: 5px;
        font-size: 11px;
        
        margin-right: 5px;
        text-decoration: none;
    }

.main-sec-fourqt {
    width: 100%;
    margin: 0px auto;
}

.fourqt-body-sec {
    position: relative;
    margin-bottom: 35px;
}

.slider-bottom {
    height: 200px;
    display: none;
}
.right-fourqt-sidebar.rightcol.active .fourqt-left-logo {
    display: none;
}
.right-fourqt-sidebar.rightcol.active .right-head-fourqt {
    width: 100%;
}
.fourqt-left-logo {
    float: left;
    width: 15%;
    padding-left: 15px;
}
.logo-login {
    padding: 0 15px 0 0;
}
.login-body.rows .logo-login {
    padding-left: 15px;
}
.logo-login img {
    width: 140px;
    margin: 10px 0px 10px;
}
.fourqt-left-logo .logo-login img {
    width: 100px;
}
header#header-f img {
    margin-bottom: 0;
}
.right-head-fourqt {
    float: right;
    width: 85%;
    border-left: solid 1px red;
}

.fourqt-sidebar.leftcol {
    width: 4%;
    background: var(--aside-bg-nav);
    height: 100vh;
    float: left;
    padding: 0;
    white-space: nowrap;
    position: fixed;
    left: 0;
    top: 0;
    /* overflow: hidden; */
    transition: 0.3s;
    border-radius: 0 30px 30px 0;
    z-index: 9;
    box-shadow: 6px 0px 12px #00000017;
}
.leftcol.active {
    width: 68px;
    left: 0;
    width: 20%;
}
.right-fourqt-sidebar.rightcol {
    float: right;
    width: 100%;
    border-left: solid 1px #ddd;
    padding-bottom: 0;
    min-height: 600px;
    /* height: 100vh; */
    transition: 0.3s;
    border-right: solid 1px #ddd;
    border-bottom: 1px solid #ddd;
}
.right-fourqt-sidebar.rightcol.active {
    width: 83.3%;
}
.footer-fourqt {
    padding: 5px 5px 15px 55px;
    border-top: solid 1px #ccc;
    background: var(--text-white);
    position: fixed;
    width: 100%;
    bottom: 0;
}

    .footer-fourqt .powerd-by-right {
        float: right;
        font-size: 11px;
    }

    .footer-fourqt .copyrightFourqt {
        float: left;
        font-size: 11px;
    }
    .user-icon {
    float: right;
    margin-left: 10px;
    position: relative;
    z-index: 1;
    font-size: 12px;
}
    a.topnav-link {
    display: flex;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
}
    .user-icon .imgb {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    overflow: hidden;
}
    .user-icon .imgb img {
    width: 100%;
    height: auto;
}
    .user-icon .named {
    margin-left: 10px;
    white-space: nowrap;
    font-size: 12px;
    color: var(--aside-bg-nav);
    line-height: 22px;
}
    a.topnav-link.active .fa-angle-down {
    transform: rotate(180deg);
}
    .topnav-dropdown {
    background: #f5f5f5;
    min-width: 170px;
    white-space: nowrap;
    position: absolute;
    right: 2px;
    top: 100%;
    z-index: 99;
    display: none;
    box-shadow: -1px 3px 5px 0px #33333336;
    border-radius: 4px;
    margin-top: 4px;
    border: 1px solid #ccc;
}
    .topnav-dropdown ul {
    margin: 0;
}
    .topnav-dropdown li {
    border-bottom: 1px solid #ccc;
}
    .topnav-dropdown li a {
    display: block;
    padding: 4px 10px;
    color: #333;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 500;
}
    .topnav-dropdown li a i {
    margin-right: 8px;
    color: var(--aside-bg-nav);
    font-size: 18px;
}
    .topnav-dropdown li:hover a {
    color: var(--aside-bg-nav);
    background: var(--text-white);
}
.headCol {
}

.btn-fourqt {
    background-color: var(--aside-bg-nav);
    border-color: #a20e0e;
    padding: 3px 7px;
    font-size: 12px;
    color: var(--text-white) !important;
    /* color: red; */
    font-weight: bold;
}

    .btn-fourqt:hover {
        background-color: #f63939;
        border-color: #cc2020;
    }

.headCol.menu-wrapper {float: right;}

#menu,
.welcomez {
    padding: 0px 15px;
    font-size: 12px;
}
a.left-menu-link {
    color: var(--text-white);
    font-size: 24px;
    text-align: center;
    display: block;
    position: absolute;
    right: 15px;
    top: 25px;
    width: 26px;
}
a.left-menu-link .la-angle-left {
    display: none;
    font-size: 26px;
}
.leftcol.active a.left-menu-link .la-angle-left {
    display: block;
}
.leftcol.active a.left-menu-link .la-bars {
    display: none;
}
nav#menu {
    padding-right: 15px;
}

    #menu ul {
        padding: 0px;
        margin: 0px;
    }

    #menu li {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        float: left;
    }

        #menu li.subMenu {
            display: none;
        }

    #menu a {
        font-size: 12px;
        display: block;
        padding: 2px 0 0 15px;
        text-decoration: none;
        color: #404040;
        /* border-right: solid 1px #cdcdcd; */
        transition: ease 0.7s;
    }

    #menu li:last-child a {
        border-right: none;
    }

    #menu a:hover {
        color: #3566b9;
        transition: ease 0.7s;
    }

.link_set {
}

.link_area {
    margin-top: 1px;
    width: 100%;
}

.link_set_wrap {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
     
}

   .link_set_wrap ul {
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 75px;
}

    .link_set_wrap li {
        list-style-type: none;
        padding: 0;
        position: relative;
    }

        .link_set_wrap li a {
            color: var(--text-white);
            text-decoration: none;
            font-size: 12px;
            padding: 5px 10px;
            display: block;
            border-bottom: solid 1px var(--bg-border-acc);
            letter-spacing: 0.4px;
            position: relative;
            text-indent: 150px;
        }
        .link_set_wrap li:last-child a {
            border-bottom: none;
        }
        .link_set_wrap li a:hover span {
            position: absolute;
            left: 63px;
            text-indent: 0px;
            z-index: 99;
            background: #333;
            padding: 5px 15px;
            border-radius: 5px;
            display: block;
            top: 5px;
        }
        .link_set_wrap li a span {
            display: none;
        }
.leftcol.active .link_set_wrap li a span {
    display:block;
}
 
.leftcol.active .link_set_wrap li a:hover span {
    position: relative;
    left: 30px;
    text-indent: 0px;
    z-index: 99;
    background: #3330;
    padding: unset;
    border-radius: 0;
    display: block;
    top: 0px;
}
.leftcol.active .link_set_wrap li a span:before {
    display:none;
}
        .link_set_wrap li a span:before {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #333333;
    border-bottom: 5px solid transparent;
    content: '';
    position: absolute;
    left: -10px;
    top: 10px;
}
        .leftcol.active .link_set_wrap li a {
    text-indent: 30px;
}
        .leftcol.active .link_set_wrap li a i.fa, .leftcol.active .link_set_wrap li a i.las {
    position: absolute;
    left: -20px;
    display: block;
    font-size: 20px;
    top: 9px;
}
        .link_set_wrap li a i.fa, .link_set_wrap li a i.las {position: relative;left: -150px;display: block;font-size: 22px;top: 0px;height: 24px;}
        .leftcol .ltProjects {
    display: none;
}
        .leftcol.active .ltProjects {
    display: block;
}

            .link_set_wrap li a:hover {
                background: #5572a3;
                color: var(--text-white);
            }

.right-head-fourqt {
    border-left: none;
}
.logo-login-fixed {
    display: none;
    position: absolute;
    width: 150px;
    top: 15px;
    left: 10px;
}
.logo-login-fixed img {
    width: auto;
    height: 38px;
}
.leftcol.active .logo-login-fixed {
    display: block;
}
.ltProjects {
    padding-bottom: 20px;
}

.head-menu {
    padding: 2px 0px;
    background: var(--text-white);
}

.welcome-fourqt h4 {
    font-weight: bold;
    padding-bottom: 12px;
    color: #000;
}

.page-content-style p {
    margin: 0px;
    font-size: 14px;
    color: #404040;
    text-align: center;
    line-height: 28px;
}
.page-content-style a {
    color: var(--text-link-color);
    transition: ease 0.7s;
}

    .page-content-style a:hover {
        color: #b70403;
        transition: ease 0.7s;
    }

.alertError {
    text-align: center;
}
.pull-right .las {
    font-size: 26px;
    color: #e75008;
}
i.las.la-print {
    font-size: 26px;
    color: #ff7600;
}
.filter-fourqt {
    padding: 5px 5px;
    background: #e6f4ff;
    margin-bottom: 12px;
    /* box-shadow: 0px 2px 5px #bdbdbd; */
    border: solid 1px #c7c4c4;
    border-radius: 4px;
}

    .filter-fourqt .filter-left {
        float: left;
    }

    .filter-fourqt .filter-right {
        float: right;
        line-height: 30px;
    }

    .filter-fourqt .filter-left .filter-tilte,
    .filter-fourqt .filter-left .filter-input,
    .filter-fourqt .filter-left .filter-btn {
        float: left;
        padding-right: 4px;
    }

        .filter-fourqt .filter-left .filter-tilte label {
            margin: 0px;
            padding: 0px 4px;
            font-size: 12px;
            font-weight: normal;
            line-height: 30px;
        }

.filter-input select {
    display: block;
    width: 150px;
    height: 30px;
    padding: 4px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: var(--text-white);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.btn-fourqt {
    background-color: var(--aside-bg-nav);
    border-color: #a20e0e;
    padding: 4px 6px;
    font-size: 12px;
    color: var(--text-white);
}

.fourqt-applicant-first {
    float: left;
    width: 50%;
    padding-right: 5px;
}

.fourqt-applicant-second {
    float: right;
    width: 50%;
    padding-left: 5px;
}
 
.fild_set ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.fild_set li {
    margin-bottom: 4px;
}
.fild_set.user-applicant .name {
    float: left;
    width: 30%;
}
.fild_set.user-applicant .sub_name.user-names {
    float: left;
    width: 70%;
}
.sub_name.user-names span:first-child {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    left: 0;
    margin-bottom: 5px;
    display: block;
}
.sub_name.user-names span {
    color: #2a2a2a;
    font-weight: 400;
    position: relative;
}
.sub_name.user-names .la-mobile-alt + span {
}
.sub_name.user-names .fa, .sub_name.user-names .las {
    width: 20px;
    text-align: center;
    color: #2a2a2a;
    padding: 0px;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

.fild_set.user-applicant .sub_name.user-names p {
    padding-left: 30px;
    margin: 0 0 2px;
    position: relative;
}
.name {
    text-align: left;
    color: #686868;
    font-size: 12px;
    font-weight: 500;
    padding: 1px 0px 0;
    position: relative;
}
.applicant-photo {
    border-radius: 5px;
    width: 95px;
    box-shadow: 1px 3px 5px 0px #33333312;
    height: 100px;
}
/*.sub_name,
.sub_nameAddress {
    line-height: 29px;
    width: auto;
    float: left;
    height: 29px;
    color: black;
    margin-left: 10px;
    font-size: 11px;
}

.sub_nameAddress {
    line-height: 20px;
}*/
.panel.panel-info.neomorphizm {
    border-radius: 8px;
    box-shadow: 1px 2px 8px 0px #cacaca52, -6px -6px 12px #f6f6f6;
   
}
.scroll-cards {
    min-height: 445px;
    overflow-y: scroll;
    max-height: 445px;
    width: 100%;
    top: 5px;
    position: relative;
}
.scroll-cards::-webkit-scrollbar {
    width: 4px;
}
 
.scroll-cards::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
}
 
.scroll-cards::-webkit-scrollbar-thumb {
  background-color: #bbbbbb;
  /* outline: 1px solid #cdcdcd; */
  border-radius: 20px;
}
.main_heading {
    line-height: 35px;
    background-color: var(--aside-bg-nav);
    padding-left: 15px;
    width: 100%;
    float: left;
    height: 35px;
    color: var(--text-white);
    font-size: 16px;
    font-weight: 400;
    /* font-family: 'Archivo', sans-serif; */
    letter-spacing: 0.2px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 15px;
}
#breadcrumbs_bg {
    line-height: 32px;
    width: 100%;
    height: 37px;
    color: #0054a4;
    border-bottom: 1px solid #eee;
    background: var(--text-white);
    font-size: 14px;
    box-shadow: 1px 1px 12px #0000000a;
}

.textcolor {
    color: #1b619a;
    font-size: 14px;
}
.textcolor span {
    color: #333;
}
.fourqt-tbtreponsive {
    overflow: auto;
}

.schedule_heading_wrap {
    background: #dcdcdc;
    position: relative;
}

.schedule_heading {
    font-size: 14px;
    font-weight: 500;
    padding: 0px 10px;
}
.schedule_heading.align-center {
    border-bottom: 1px solid var(--bg-border-acc);
    padding: 5px;
    height: 40px;
}
.schedule_heading_wrap .print-btn {
    font-size: 17px;
    color: #706b6b;
    position: ABSOLUTE;
    right: 6px;
    top: 7px;
}

.fourqIconBtnSec {
    position: absolute;
    right: 6px;
    top: 7px;
}

    .fourqIconBtnSec ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .fourqIconBtnSec li {
        float: left;
        margin-left: 5px;
    }

        .fourqIconBtnSec li a,
        .fourqIconBtnSec li button {
            color: #706b6b;
            font-size: 17px;
        }

        .fourqIconBtnSec li button {
            background: none;
            border: none;
        }

        .fourqIconBtnSec li a span {
            text-indent: -9999px;
        }

        .fourqIconBtnSec li a:hover,
        .fourqIconBtnSec li button:hover {
            color: #ff3c7e;
        }

        .fourqIconBtnSec li button:focus {
            /*border:none;*/
            outline: none;
        }

.border-box {
    border: solid 1px #e2e2e2;
    padding: 0px 5px;
}

.list-grid-fourqt ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.list-grid-fourqt li {
    float: left;
    width: 50%;
    padding: 3px 3px;
}

.list-grid-fourqt .pull-title {
    width: 110px;
}

.list-grid-fourqt .pull-title,
.list-grid-fourqt .pull-info {
    padding-right: 4px;
    font-size: 12px;
}

.datInfo {
    padding: 4px 10px;
    text-align: right;
}

.table-fourqt-last tbody > tr > td,
.table-fourqt-last tbody > tr > th {
    padding: 4px 2px;
}

.table-fourqt tbody > tr > td,
.table-fourqt tbody > tr > th {
    padding: 4px 6px;
}

.StringCenter,
.SNoCenter,
.HeaderCenter {
    text-align: center;
}
.HeaderCenter {
    background: var(--table-th) !important;
    color: #000;
    font-weight: 500;
}
.HeaderCenter.text-left {
    text-align: left;
}
.StringLeft {
    text-align: left;
}

.DigitRight {
    text-align: right;
}

.total-amount {
    font-weight: bold;
}

.notebook-list ul {
    padding: 0px;
    margin: 0px 0px 0px 20px;
}

.notebook-list label {
}

.notebook-list li {
    font-size: 12px;
    padding-bottom: 4px;
}

.short-box-table {
    width: 50%;
    margin: 0px auto;
    box-shadow: 0px 2px 14px #bfbbbb;
}

.actColorTheme ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.actColorTheme li {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

    .actColorTheme li:after {
        display: block;
        content: "";
        clear: both;
    }

label {
    margin: 0px;
    font-weight: 500;
}

.actColorTheme {
    padding: 0px 0px 5px;
}

    .actColorTheme li .actCol {
        float: left;
        font-size: 12px;
        padding: 3px 3px;
        line-height: initial;
    }

    .actColorTheme li .actBox {
        width: 15px;
        height: 15px;
        background: red;
        border: solid 1px transparent;
        position: relative;
        top: 4px;
    }

    .actColorTheme li .Bouncecheque {
        background: #ff0000;
        border-color: #780000;
    }

    .actColorTheme li .Pendingcheque {
        background: yellow;
        border-color: #bcbc04;
    }

    .actColorTheme li .TodayDate {
        background: #99CCCC;
        border-color: #359696;
    }

    .actColorTheme li .WeeklyHolidays {
        background: gray;
        border-color: #5e5a5a;
    }

    .actColorTheme li .Booked {
        background: #008000;
        border-color: #008000;
    }

    .actColorTheme li .NotAvailable {
        background: var(--aside-bg-nav);
        border-color: var(--aside-bg-nav);
    }

.page-content,
.breadcrumbs_bg {
    padding: 0px 15px;
    font-size: 12px;
}

.actColorTheme li label {
    font-weight: normal;
}

.formwrapbox {
    width: 300px;
    margin: 0px auto;
    border: solid 1px #ddd;
    border-radius: 4px;
    padding: 10px 10px;
    box-shadow: 0px 0px 10px #c9c9c9;
    margin-top: 24px;
}

.formonline .online-row {
    margin-bottom: 7px;
}

.formonline .ontitle {
    float: left;
    width: 30%;
    font-size: 12px;
    color: #404040;
}

.formonline .oninput {
    float: left;
    width: 70%;
    padding-left: 10px;
}

    .formonline .oninput input,
    .formonline .oninput select,
    .formonline .oninput textarea {
        display: block;
        width: 100%;
        height: 27px;
        padding: 4px 12px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #555;
        background-color: var(--text-white);
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

.formonline .btn-fourqt {
    background-color: var(--aside-bg-nav);
    border-color: #a20e0e;
    padding: 3px 7px;
    font-size: 12px;
    color: var(--text-white) !important;
    /* color: red; */
    font-weight: bold;
}

    .formonline .btn-fourqt:hover {
        background-color: #f63939;
        border-color: #cc2020;
    }

.loginChange input[type="password"] {
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: var(--text-white);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.raiseWrap .formwrapbox {
    width: 400px;
    margin-top: 80px !important;
}

    .raiseWrap .formwrapbox .formonline .ontitle label {
        font-weight: normal;
    }

.dlInfo {
    float: left;
    width: 50%;
}

.dlBtn {
    float: left;
    width: 50%;
}

.dlInfo ul {
    padding: 0px;
    margin: 0px;
}

.dlInfo li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    margin-bottom: 5px;
}

    .dlInfo li .LabelName {
        float: left;
        width: 50%;
    }

    .dlInfo li .LabelInfo {
        float: left;
        width: 50%;
        padding-left: 10px;
        font-weight: bold;
    }

.dlBtn {
    text-align: right;
    padding: 4px 10px;
}

.printWraps {
    width: 95%;
    margin: 0px auto;
}

.custmer-care {
    width: 90%;
    margin: 0px auto;
}

.cust-box {
    width: 300px;
}

.FAQ_Heading1 {
    font-size: 16px;
    color: #b80b0b;
    text-transform: uppercase;
    padding: 25px 10px;
}

.divtable {
    display: table;
}

    .divtable label {
        font-weight: normal;
    }

    .divtable .cell {
        display: table-cell;
        padding-right: 5px;
    }

        .divtable .cell input {
            height: 25px;
        }

.menu-wrapper {
    position: relative;
}

.toggleMenu {
    display: block;
    font-size: 24px;
    padding: 5px 0px 2px 0px;
    color: red;
    cursor: pointer;
    /*position: absolute;
top: -5px;
right: 18px;*/
    float: right;
    display: none;
}

.formAct select,
.formAct textarea {
    display: block;
    width: 150px;
    height: 30px;
    padding: 4px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: var(--text-white);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.formAct label {
    padding-bottom: 3px;
}
.link_set_wrap li.highlightBlink a {
     transition:ease 0.7s;
}
.link_set_wrap li.highlightBlink a.backgroundFlip,
#menu li.highlightBlink a.backgroundFlip {
    background-color:var(--text-white);
    color:#b70403;
    opacity:1; 
     /*font-size: 13.5px;*/
     transition:ease 0.7s;
}
/*.link_set_wrap li.highlightBlink a {
    animation-duration:2s;
    animation-name: blinkText;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blinkText 2s infinite; 
}*/
/*@keyframes blinkText {
   
    0%   {background-color: #ff3837;color:#fff; opacity:0.5;}
    25%  {background-color: #ff3837;color:#fff;opacity:1;}
    50%  {background-color: #fff;color:#b70403;opacity:0.5; font-size: 14px;}
    100% {background-color:#fff;color:#b70403;opacity:1;  font-size: 14px;}
}
@keyframes blinkText {
   
    0%   {background-color: #ff3837;color:#fff; opacity:0.5;}
    25%  {background-color: #ff3837;color:#fff;opacity:1;}
    50%  {background-color: #fff;color:#b70403;opacity:0.5; font-size: 14px;}
    100% {background-color:#fff;color:#b70403;opacity:1;  font-size: 14px;}
}*/


/*@-webkit-keyframes blink {
    from {
        color:green;
    }
    to {
        color:white;
    }
}*/
.mobShow {
    display:none;
}
.mobHide{
}
.sub_name.user-names .fa.fa-mobile, .sub_name.user-names .la-mobile-alt {
    font-size: 20px;
    color: green;
    /* position: relative; */
    /* top: 0px; */
}
.sub_name.user-names .fa.fa-phone, .sub_name.user-names .la-phone {
    color: #00a9a9;
}
.sub_name.user-names .fa-envelope, .sub_name.user-names .la-envelope {
    color: #f76d6d;
}

@media (min-width: 1201px) and (max-width: 1920px) {
    .box-container {
        width: 98%;
    }
     
    .right-fourqt-sidebar.rightcol {
        width: 95%;
    }
    .right-fourqt-sidebar.rightcol.active {
    width: 78.3%;
}
    .panel-body {
    padding: 15px;
}
    .applicant-photo {
    width: 100px;
    height: 110px;
    object-fit: cover;
    object-position: center;
}
    .right-fourqt-sidebar.rightcol.active .col-md-4 {
    width: 50%;
}
    .list-ul .home-list {
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
     .right-fourqt-sidebar.rightcol.active .col-md-4 {
    width: 50%;
}
    .panel-body {
    padding: 10px;
}
    .box-container {
        width: 100%;
    }
    .right-fourqt-sidebar.rightcol {
        width: 95%;
    }
    .right-fourqt-sidebar.rightcol.active {
    width: 78.3%;
}
    .sub_name.user-names span {
    font-size: 11px;
}
    .applicant-photo {
    width: 90px;
    height: 100px;
}
    .col-md-12 {
}
    .sub_name {
    line-height: 18px;
    font-size: 13px;
}
    .main_heading {
    margin-bottom: 10px;
}
     
}

@media (min-width: 768px) and (max-width: 1024px) {
    .list-ul .home-list {
}
    .col-md-12 {
    width: 100%;
}
     .loginTabBtn li a {
    font-size: 24px;
}
        .link_set_wrap {
    overflow: auto;
}
        footer#login-footer {
    position: relative;
}
        .left_body_inner_page {
    padding: 15px;
}
    #login-log-sec {
        padding:15px;
    }
    .main-sec-fourqt,
    .login-main-sec {
        width: 90%;
    }
    .main-sec-fourqt, .login-main-sec {
    width: 100%;
}
    .fourqt-sidebar.leftcol {
        width: 55px;
        height: auto;
    }
    .fourqt-sidebar.leftcol.active {
    width: 40%;
}
    select.form-control-custom {
    width: 50%;
}
    .right-fourqt-sidebar.rightcol {
        width: 92%;
    }
    .right-fourqt-sidebar.rightcol.active {
    width: 100%;
}

    /*.col-md-6 {
    width: 50%;
}*/
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
      float: left;  
}
    #right_body .col-md-4,  #right_body .col-md-8 {
        float: none;
    }
    .col-sm-6 {
    width: 50%;
}
    .login-web-format {
        width: 100%;
         
    }
    .loginForm .col-md-12 {
        width:100%;
    }
    #signin_left {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
}
    /*.footer-fourqt {
    position: relative;
}*/
    .box-container {
    width: 100%;
}
     .page-content, .breadcrumbs_bg {
    padding: 0px 10px;
}
     .panel-body , #content{
    padding: 10px;
}
    table.manage-table .LightTextRight-right {
        width: 100%;
        margin-bottom: 5px;
    }

    #menu li.subMenu {
        display: block;
    }
}
@media (min-width:320px) and (max-width:480px) {
     .list-ul .home-list {
    width: 100% !important;
    margin: 0 10px 10px;
}
}
@media only screen and (max-width:767px) {
    .text-right.d-flex .form-control {
    margin-left: 0;
        width: 100%;
}
    #main_body {
        width: 100%;
    }
    .sub_name.user-names, .fild_set.user-applicant .sub_name.user-names {
    padding: 10px 0 0px 0px;
    width:100%;
}
    .home-page-design {
    padding: 0;
}
    .list-ul {
    flex-wrap: wrap;
    justify-content: center;
}
    .list-ul .home-list {
    width: 47%;
    margin: 0 5px 10px;
}
    .user-icon {
        margin-left: 7px;
    }
    .fourqt-body-sec {
    margin-bottom: 10px;
}
  .fild_set.user-applicant .name {
    float: left;
    width: 100%;
}
    .fild_set.user-applicant .name {
    float: left;
    width: 100%;
}
    .main-sec-fourqt, .login-main-sec {
    width: 100%;
}
    .panel-body {
    overflow: auto;
}
    .footer-fourqtsec {
    text-align: center;
}
    .footer-fourqt .powerd-by-right {
          float: none;  
    }
    .manage-table td, .manage-table th {
    padding: 3px;
    display: block;
}
    table.manage-table .LightTextRight {
    width: 100%;
}
    table.manage-table .LightTextRight-right {
    width: 100%;
    margin-bottom: 5px;
    display: block;
}
    .head-menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
    a.topnav-link {
    padding: 0;
}
    .text-right.d-flex {
    display: block;
    text-align: left;
    background: #efefef;
    padding: 0 5px 5px;
    border-radius: 5px;
}
    .logo-login img {
    width: 100px;
    margin: 5px 0 0;
}
.logo-login {
    padding: 0 15px 0 5px;
}

    .top_banner_img {
        height: 42px;
    }
    .head-menu .col-md-6 {
        float:none;
    }
    .loginTabBtn li a {
    font-size: 24px;
}
        .login-main-sec.margin-top-bottom, #login-sidebar, #login-log-sec {
            height:auto;
        }
        footer#login-footer {
    position: relative;
}
        .left_body_inner_page {
    padding: 15px;
}
    #login-log-sec {
        padding:15px;
    }
    .link_set_wrap li a span:before {
        display:none;
    }
    .fourqt-sidebar.leftcol {
        width: 50px;
        height: 100%;
        border-radius: 0;
    }
    .project_details_wraper ul li {
    font-size:13px;
    margin-right: 10px;
}
    .breadcrumbs_link, .textcolor {
    font-size: 12px;
}
    .right-head-fourqt {
        width: 60%;
    }
    .fourqt-left-logo {
    width: 40%;
    padding-left: 0;
}
    .fourqt-sidebar.leftcol.active {
    width: 60%;
}
    .right-fourqt-sidebar.rightcol {
        width: 85%;
    }
    .footer-fourqt {
    position: relative;
}
    .box-container {
    width: 100%;
}
    .box-container .panel-info {
        border:none;
        padding:0px;
    }
     .page-content, .breadcrumbs_bg {
    padding: 0px 7px;
}
     .custmer-care {
    width: 100%;
    margin: 0px auto;
}
    #breadcrumbs_bg {
        height:
        auto;
        padding-bottom: 10px;
    }
    select.form-control-custom {
    width: 100%;
    height: auto;
    margin-left: 0;
}
     .panel-body , #content{
    padding: 7px;
    /*overflow: hidden;*/
    float:none;
}
        #content .panel-body {
            overflow: unset;
        }
    #menu li.subMenu {
        display: block;
    }

    .toggleMenu {
        display: block;
    }

    .slider-bottom,
    .mobHome,
    .mobShow {
        display: none;
    }
    .mobHome1 {
        display:none;
    }

    .fourqt-sidebar,
    .right-fourqt-sidebar,
    #login-sidebar,
    #login-log-sec {
        float: none;
        width: 100%;
        border: none;
        min-height: 0px;
    }

    .right-fourqt-sidebar {
        padding-bottom: 8px;
    }

    #menu li {
        float: none;
    }

    #menu .faq_link {
        text-align: left;
    }

    .faq_link,
    .faq_link:hover {
        margin: 0px;
    }

    #menu {
        position: absolute;
        top: 100%;
        right: 0px;
        width: 200px;
        background: #b70403;
        display: none;
        z-index: 9999;
        border: solid 1px #de2311;
        box-shadow: 0px 1px 11px #660303;
        padding: 0px;
    }

        #menu a {
            font-size: 12px;
            display: block;
            padding: 2px 4px;
            text-decoration: none;
            color: var(--text-white);
            border-right: none;
            border-bottom: solid 1px #ff9086;
            transition: ease 0.7s;
        }

            #menu a:hover {
                background: var(--text-white);
                color: #b70403;
                transition: ease 0.7s;
            }

    .headCol {
        width: 75%;
    }

        .headCol.menu-wrapper {
            width: 25%;
        }

    .ltProjects {
        height: 190px;
        position: relative;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0px auto;
        
}
    #latest_project {
    margin-top: 80px;
}
     
    .short-box-table {
        width: 90%;
    }

    .list-grid-fourqt li {
        width: 100%;
    }

    .flw-wk .pull-right,
    .flw-wk .pull-left {
        float: none !important;
    }

    .dlBtn,
    .dlInfo {
        width: 100%;
    }

    .raiseWrap {
        padding-top: 50px;
    }

        .raiseWrap .formwrapbox {
            width: 90%;
        }

    .login-web-format {
        width: 100%;
        margin-top: 0;
        padding: 15px;
    }

    .loginForm .formRow .form-title,
    .loginForm .formRow .formInput {
        float: none;
        width: 100%;
        line-height: 20px;
    }
    .loginForm .formRow {
    margin-bottom:3px;
}
    .loginForm .formRow .formInput .form-control {
    
    height: 34px;
    font-size: 12px;
}
    .loginForm .formRow .formInput i {
    line-height: 32px;
}


}
@media (min-width: 768px) and (max-width:991px) {
    .list-ul .home-list {
}
    .list-ul {
    flex-wrap: wrap;
}
    .panel-body, #content {
    padding: 10px;
    overflow-x: auto;
    display: block;
}
.fourqt-left-logo {
    width: 25%;
}
.right-head-fourqt {
    width: 75%;
}
}
 @media (min-width: 992px) and (max-width:1120px) {
    .list-ul .home-list {
}
    .list-ul {
    flex-wrap: wrap;
}
    .panel-body, #content {
    padding: 10px;
    overflow-x: auto;
    display: block;
}
.fourqt-left-logo {
    width: 23%;
}
.right-head-fourqt {
    width: 77%;
}
}
 @media (min-width: 1121px) and (max-width:1200px) {
    .list-ul .home-list {
}
    .list-ul {
    flex-wrap: wrap;
}
    .panel-body, #content {
    padding: 10px;
    overflow-x: auto;
    display: block;
}
.fourqt-left-logo {
    width: 20%;
}
.right-head-fourqt {
    width: 80%;
}
}
@media (min-width: 1201px) and (max-width:1600px) {
    .col-xl-3 {
    width: 33.333%;
}
   
    .scroll-x {
    overflow-x: auto;
    display: block;
}
    .HeaderCenter td {
    line-height: 18px;
}
}
@media (min-width: 1601px) and (max-width:1920px) {
    .col-xl-3 {
    width: 25%;
}
    .sub_name.user-names {
    padding: 2px 0 0px 10px;
}
}