/* CSS Document */

body {margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#B6D9E1;}

*, ::after, ::before {
    box-sizing: border-box;
}

.pd-tp1 {padding-top:14px;}
.pd-tp2 {padding-top:10px;}

.shade1 {color:#FFFFFF;}
.shade1 a {color:#FFFFFF; text-decoration:none;}
.shade1 a:hover {color:#FFFFFF; text-decoration:underline;}

h1 {margin:0px; padding:20px 0px 20px 0px; font-weight:normal; font-size:22px; color:#2B3D7F;}

input.user {margin:0px; padding:0px 0px 0px 5px; width:395px; height:25px; line-height:25px; border:1px solid #7F9DB9;}

.style1 {font-size:14px; color:#000000; line-height:22px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.style2 {font-size:12px; color:#000000; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.style3 {font-size:11px; color:#000000; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#header {
    width: 100%;
    height: 117px;
    float: left;
    border-bottom: 4px solid #91A4BF;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.head {
    width: 100%;
    /* float: none; */
    /* margin: 0px auto; */
    display: flex;
    align-items: center;
    justify-content: space-between;
        padding: 0px 17px;
}
.header-lt {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.login-col2 textarea{
    width: 100%;
    border: 1px solid #cdc9c9 !important;
    border-radius: 5px;
}



.content {width:92%; float:none; margin:0px auto;}

.login-sec {
    width: 100%;
    /* float: none; */
    margin: 0px auto;
    max-width: 572px;
}
.login-heading {width:572px; height:37px; float:left; background:url(../images/login-heading-bar.png) no-repeat 0px 0px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; line-height:31px; padding:0px 0px 0px 13px;}

.login-row {
    width: 100%;
    /* background: url(../images/bg-strip1.jpg) repeat-y; */
    padding: 15px;
    max-width: 574px;
    margin: 0 auto;
    background: #fff;
    /* padding: 15px; */
    border-radius: 5px;
    border: solid 1px #ddd;
    display: flex;
    flex-direction: column;
}

.login-col1 {
    width: 100%;
    float: left;
    text-align: start;
    font-size: 13px;
    color: #1b1b1b;
    padding: 7px 18px 7px 0px;
    font-weight: 600;
}

.login-col2 {
    width: 100%;
    float: left;
    font-size: 11px;
    color: #1b1b1b;
}
.login-col2 a{color:#314485; text-decoration:none;}
.login-col2 a:hover{color:#314485; text-decoration:underline;}
.login-icon{width:139px; float:left; text-align:center; padding-left:1px; }
.login-fields{width:100%; float:left; padding-top:10px;}


input.login {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    width: 100%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #cdc9c9;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    border-radius: 5px;
}

.login-col2 select{margin: 0px;
    padding: 0px 0px 0px 5px;
    width: 100%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #cdc9c9;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    border-radius: 5px;}

.login-col2 select:focus{
    outline: 1px solid #2b3e7e;
    transition: 0.2s ease-in all;
}

input.login:focus{
    outline: 1px solid #2b3e7e;
    transition: 0.2s ease-in all;
}

.login-col3 {width:105px; float:left; text-align:right; font-size:13px; color:#1b1b1b; padding:5px 10px 0px 0px;}
.login-col4 {width:300px; float:left; font-size:11px; color:#1b1b1b;}
.login-col4 input.login { width:290px; }

#footer {width:100%; float:left; border-top:2px solid #91A4BF; background:url(../images/footer-bg-strip.png) repeat-x left bottom; margin-top:60px;}
.footer-top {
    width: 100%;
    height: 107px;
    /* float: none; */
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-mid {width:100%; height:115px; float:none; background:#ECF2F2;}
.footer-bot {
    width: 100%;
    /* float: none; */
    display: flex;
    align-items: center;
}
.footer-region {
    /* width: 92%; */
    /* float: none; */
    /* margin: 0px auto; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
    width: 100%;
}
.footer-ltcol1 {width:25%; float:left; padding:8px 0px 0px 0px;}
.footer-ltcol2 {
    /* width: 54%; */
    /* float: left; */
    /* text-align: center; */
    /* padding: 12px 0px 0px 0px; */
    display: flex;
    align-items: center;
}

.tech-icon {width:113px; height:73px; float:left; background:url(../images/tech-bg.png) no-repeat 0px 0px; text-align:center; padding-top:16px; margin-right:19px; margin-top:12px;}
.footer-lt {width:400px; float:left; font-size:13px; line-height:26px; padding-top:12px;}
.footer-lt span {font-size:12px;}
.footer-rt {width:200px; float:right; color:#FFFFFF; font-size:13px; line-height:26px; padding-top:10px; text-align:right;}

.footer-ltcol2 img {
    max-width: 200px;
    margin-bottom: 0px !important;
}

/*CSS FOR INNER PAGE*/
.top-lnks{width:98%; float:left; background:#333333; height:24px; color:#acacac; font-size:12px; padding:6px 1% 0px 1%;}
.top-lnks a{color:#acacac; text-decoration:none; padding:0px 2px 0px 2px;}
.left-bot{width:100%; float:left; }
.left-in-cont table th {background: none repeat scroll 0 0 #E9E9E9; border-bottom: 2px solid #FFFFFF; color: #000000; font-weight: bold;margin-bottom: 10px; padding: 5px; text-align:left;}


.right{width:30%; float:right;}
.rtlogo{width:298px; float:left; background:url(../images/rt-shdw.png) no-repeat bottom; padding-bottom:12px; text-align:center;}
.rt-hd{width:278px; float:left; font-size:24px; color:#242c47; padding-bottom:10px; }
.right-in h5{margin:0px; padding:5px 0px; color:#242c47; font-size:14px; font-weight:bold;}

/*CSS FOR POST MESSAGE*/
h4{margin:0px; padding:0px; font-size:18px; color:#242c47;}
.login-fields2{width:434px; float:left; }
.login-fields2  p{color:#545454; margin:0px; padding:5px 10px 5px 0px; font-size:12px; line-height:18px;}
.login-fields ul, .login-fields2 ul{margin:0px; padding:0px; list-style:none;}
.login-fields ul li, .login-fields2 ul li{margin:0px; padding:4px 0px 0px 15px; font-size:12px; color:#242c47; background:url(../images/arr.png) no-repeat 0px 7px;}
.login-fields2 ul li a{color:#242c47; text-decoration:none;}
.login-fields2 ul li a:hover{color:#242c47; text-decoration:underline;}


#footer2 {width:100%; height:82px; float:left; background:url(../images/footer-bg-strip2.jpg) repeat-x left bottom; margin-top:161px;}

#screen_body{ width:98%; float:left;padding:30px 1% 0px 1%;}


/* added by Harish */
table.layout {
    border-collapse: collapse;
    width: 100%;
}
table.layout td.left, table.layout td.right {
    padding: 0;
    vertical-align: top;
}
table.layout td.left {
    /*float: left;*/
    margin-left: 1%;
    width: 74%;
}
table.layout td.right {
	width: 25%;
}
div.Left {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5CCCD;
    float: left;
    width: 100%;
}
div.Right {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 30%;
}
table.layout td.left div.Left, table.layout td.right div.Right {
    float: none;
    width: auto;
}

table.layout .left, table.layout .right{
	float:none;
}

body.activity_view table.layout td.left div.Left{float:none;}

body .Right div#sidebar{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5CCCD;
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 5%;
    width: 90%;
}

body .Right div.indent h1{
	color: #242C47;
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
}
body .Right div.indent h2{
	color: #242C47;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
}

div.Left .SectionHeader, div.Full .SectionHeader {
    text-align: center;
}

div.page_header {
    background: none repeat scroll 0 0 #E2EFF2;
    margin: 0 0 5px;
    padding: 13px 30px 13px 24px;
}
div.page_header h1 {
    color: #606060;
    font-size: 18px;
	font-weight: normal;
	 text-shadow: -1px -1px #FFFFFF;
    margin: 0;
    padding: 0;
}
div.page_header h1 a {
    /*white-space: nowrap;*/
	color: #606060;
}
div.page_header h1 span {
    color: #666666;
    font-size: 17px;
    font-weight: normal;
}
div.page_header p {
    margin: 5px 0 0;
}
div.page_header_links {
    color: #CCCCCC;
    float: right;
    font-size: 11px;
    line-height: 20px;
    margin-top: 0;
    text-align: right;
    white-space: nowrap;
    width: 300px;
}
div.page_header_links a {
}
div.page_header_links strong {
    color: #000000;
}
div.page_header_links a.active:link, div.page_header_links a.active:visited, div.page_header_links a.active:hover {
    background: none repeat scroll 0 0 #999999;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
div.page_header_links a.edit {
    color: #777777;
    text-decoration: none;
}
div.page_header_links a.edit:hover {
    color: #FFFFFF;
}

#headerin .head-ttl span {
    border: medium none;
    color: #FFFFFF;
    font-family: "Lucida Grande",arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
}
#headerin #dashboard_and_project_switcher {
    font-size: 12px;
    height: 28px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    top: 2px;
    width: 70%;
}
#headerin #dashboard_and_project_switcher a {
	color: #FFFFFF;
}
.pipe{color:#fff;}
#headerin #dashboard_and_project_switcher div.switch, #headerin #dashboard_and_project_switcher div.pipe {
    float: left;
    height: 28px;
    padding: 7px 0;
}
#headerin #dashboard_and_project_switcher div.switch {
    padding: 5px 0;
}
#headerin #dashboard_and_project_switcher a {
    padding: 7px;
}
#headerin #settings_signout {
    font-size: 12px;
    padding: 7px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
#headerin #settings_signout a, #headerin #settings_signout span.name {
    padding: 7px 3px;
	color:#FFFFFF;
}
#project_switcher.hover #project_switcher_link {
    display: none;
}
#project_switcher.hover div.menu {
    display: block;
}
#project_switcher div.menu {
    color: #000000;
    display: none;
    left: -19px;
    position: relative;
    top: -14px;
    width: 300px;
	height:auto;
    z-index: 3001;
}
#project_switcher div.menu, #project_switcher div.menu * {
    cursor: pointer;
    z-index: 3001;
}
#project_switcher div.menu div.shadow {
    padding-top: 14px;
}
#project_switcher div.menu div.bottom_shadow {
    padding-top: 10px;
}
#project_switcher div.menu span.menu_header {
    padding: 7px 10px;
}
#project_switcher div.menu span.menu_header, #project_switcher div.menu div.projects {
    background: none repeat scroll 0 0 #EDF3FE;
    margin-left: 16px;
    margin-right: 16px;
	border:1px solid #ccc;
}
#project_switcher div.menu div.projects div.inner {
    overflow: hidden;
    padding-bottom: 15px;
}
#project_switcher div.menu h2 {
    color: #990000;
    font-size: 12px;
    margin: 0 0 8px 5px;
}
#project_switcher div.menu a {
    background: none repeat scroll 0 0 transparent !important;
    color: #000000 !important;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 4px 5px !important;
    text-decoration: none;
    white-space: nowrap;
}
#project_switcher div.menu a span {
    color: #666666;
    font-size: 10px;
}
#project_switcher div.menu div.most_recent {
    padding: 15px 15px 0;
}
#project_switcher div.menu div.most_recent a {
	font-family: helvetica,arial,sans-serif;
    font-weight: bold;
}
#project_switcher div.menu div.most_recent a span {
    display: block;
    font-weight: normal;
}
#project_switcher div.menu div.other_recent {
    margin-top: 15px;
    padding: 15px 15px 0;
}
#project_switcher div.menu div.other_recent select {
    font-size: 16px;
    width: 100%;
}
table.overview {
    border-collapse: collapse;
    border-spacing: 0;
}
table.overview td{
	border-bottom: 1px solid #EFEFEF;
}
table.overview tr.date td {
    border-bottom: medium none;
    color: #666666;
    font-size: 10px;
    padding-top: 15px;
    text-transform: uppercase;
}

body.todos .content{width:98%;}
#sidebar h5{color: #242C47;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;}

.block-bg{ background:#fff; display:block; font-size:12px !important; float:left; width:100%; margin-bottom:5px; }	
.block-bg:hover{ background:#ccc; display:block; float:left;  }	

#Flash , #Flash1 {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    margin-bottom: 12px;
    padding: 5px 5px 5px 30px;
    text-align: left;
}
.login #Flash, .login #Flash1 {
    font-size: 12px;
    margin-top: 0;
	float: right;
    font-size: 12px;
    margin-right: 35px;
    width: 340px;
}
#resetpasswordform #Flash, #resetpasswordform #Flash1{
	margin-right: 23px;
	width: 372px;
}
 
#Flash.flash_alert, #Flash1.flash_alert {
    background: url("../images/Error.png") no-repeat 7px  #ce3838;
    border-color: #CC9999;
    color: #FFFFFF;
}

#Flash.flash_notice, #Flash1.flash_notice {
    background: url("../images/sucess.gif") no-repeat 7px #E2F9E3;
    border-color: #99CC99;
    color: #006600;
}


.login-fields ul.errors li, .login-fields2 ul.errors li {
  background: url("../images/arr-up.png") no-repeat scroll 0 5px transparent;
  color: #CC0000;
  font-size: 12px;
  margin: 0;
  padding: 4px 0 0 15px;
}

.editcompany  .innercol { padding: 15px 30px 20px 23px; }
.s-block{ width:94%; padding:2%; margin:0 0 1% 0; float:left; border-bottom:2px solid #E9E9E9;}

.project_edit_form{margin-top:40px;}
.project_edit{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; margin: 10px 0; padding: 10px; width: 450px;}
div.project_edit table td {font-size: 14px;font-weight: normal;font-family: arial;padding:3px 0;}

.no_activity{ font-weight: normal; padding:10px 10px 30px; }
.editable_until .pipe{ color:#333; }

body.comments .page_header_links a{padding-left:5px;}


.bgalt{  background:#D1E1F8;}
.bg-white{  background:#fff;}



/** news block**/
.blog{width:314px; float:right;}
.blog-bg{width:272px; min-height:166px; float:left; border-left:solid 1px #c5cae8; background:#fff; padding:10px 20px; border-right:solid 1px #c5cae8;}
.blog-bg span{width:100%; float:left; font-size:14px; font-family:"Trebuchet MS"; color:#242c47; font-weight:bold; padding-bottom:5px;}
.blog-bg p{width:236px; float:left; font-size:13px; font-family:"Trebuchet MS"; color:#1b1b1b; padding:0 0 15px 0; margin:0px;}
.blog-bg img{float:left; padding-right:5px;}
.blog-bg p a{color:#2b3d7f;}
.blog-bg p a:hover{color:#242c47; text-decoration:none;}
.blog-heading{width:299px; float:left; background:url(../images/heading-bg.png) no-repeat 0 0; line-height:31px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; padding-left:15px; color:#fff; margin-bottom:6px;}

.login .modalBoxBodyContent h3{margin:0;padding: 0;font-size:18px;}
.login .modalBoxBodyContent .newscontent{margin:8px 0; font-size:14px; height: 150px;overflow:auto;}

input[type="button"], input[type="submit"] {
    border: none;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    /* height: 25px; */
    text-align: center;
    width: auto;
    background: #345190;
    padding: 10px 25px;
}

.message {
    color: #F87217;
    font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
    padding: 5px 0 0 0;
	min-height:30px;
    width: 100%;
	margin:	0 auto;
}

a.admin:link, a.admin:visited {
    color: #F5821F;
    font-size: 14px;
    font-weight: normal;
}

.second_step{background-color: #fff;
border: 1px solid #c3c3c3;
border-radius: 5px;
box-sizing: border-box;
float: left;
font-size: 12px;
margin: 0 7%;
padding: 1%;
width: 86%;}

.second_step input{width: 220px;}
.second_step input.checkbox{width: 10px; margin-left:0px; }
.second_step select{width: 225px;}
.second_step .small-select{ width: 108px; }

.invoice_detail{ background-color: #ECF5FF;
border: 1px solid #c3c3c3;
border-radius: 5px;
box-sizing: border-box;
float: left;

margin: 0 7% 20px;
padding: 1%;
width: 86%; }

.payment-box{ background-color: #FFF;margin:30px 6%; padding:30px 0; width:88%;  }
.clear{ clear:both;  }
.error{ color:red; }

.login-row img {
    border: solid 1px #ddd;
    border-radius: 5px;
    height: 42px !important;
    object-fit: contain;
    margin-bottom: 10px;
    padding: 5px;
    width: 90px;
}

.welcome-logo{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.welcome-logo a{
    padding: 0px 5px;
}

.login-col9 {
    display: flex;
    width: 100%;
    align-items: center;
}
.amountCurrency {
    width: 6%;
}
.amountField {
    width: 94%;
}
.amountField input {
    width: 100%;
}

.numberdata-list {
    display: flex;
}

@media(max-width:1440px){
    .logo img{
        max-width: 250px;
    }
}


@media(max-width:1366px){
     .logo img {
        max-width: 230px;
    }

}

@media(max-width:1200px){

}

@media(max-width:1166px){
    
}

@media(max-width:1024px){
    
}

@media(max-width:991px){
    .footer-ltcol2 img:last-child {
    max-width: 150px;
    margin-bottom: 0px !important;
   }
   .footer-ltcol2 img{
    max-width: 70px;
   }
   .login-row img{
    padding: 3px;
    width: 80px;
    height: 35px;
   }
    .login-row h1 {
    margin: 0px;
    padding: 7px 0px 7px 0px;
    font-weight: normal;
    font-size: 19px;
    color: #2B3D7F;
   }
       .logo img {
        max-width: 180px;
    }
}

@media(max-width:767px){
	body{
		-webkit-overflow-x: hidden;
	}
	
  .login-heading {
        width: 100%;
        height: 38px;
        font-size: 15px;
        color: #FFFFFF;
        line-height: 1px;
        padding: 0px 0px 0px 13px;
        background-size: 100%;
        display: flex;
        align-items: center;
        margin-top: -11px;
        background-position: center;
        background: linear-gradient(to bottom, #7C9DD2, #405A97, #17397E);
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .footer-ltcol2 img {
        max-width: 55px;
    }
    .footer-ltcol2 img:last-child {
        max-width: 127px;
        margin-bottom: 0px !important;
    }
    .login-row h1{
        font-size: 17px;
    }
    .login-row{
        font-size: 14px;
    }
          .logo img {
        max-width: 180px;
    }
    .login-row{
        padding: 10px;
    }
    .footer-region{
        flex-direction: column;
    }
    .footer-top {
    width: 100%;
    min-height: 170px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
   }
       .footer-ltcol1 {
        padding: 10px 0px 12px 0px;
        width: inherit;
        margin: 0 auto;
         text-align: center; 
    }
    .footer-lt {
    width: 100%;
    /* float: left; */
    font-size: 13px;
    line-height: 26px;
    padding-top: 12px;
    text-align: center;
   }
   .footer-rt {
    width: 100%;
    /* float: right; */
    color: #FFFFFF;
    font-size: 13px;
    line-height: 26px;
    padding-top: 10px;
    text-align: center;
   }
   #header{
    padding: 25px 0;
    height: auto;
   }
   .head{
    flex-direction: column;
   }
   .full img{
        max-width: 100%;
    height: auto;
   }
   .logo {
    margin-bottom: 24px;
   }
   #footer{
    background: linear-gradient(to bottom, #4A4A4A, #2D2D2D, #1C1C1C);
   }
   .welcome-logo a {
    padding: 0px 15px;
   }
   .login-fields {
    width: 100%;
    float: left;
    padding-top: 5px;
   }
   .header-lt {
    width: 100% !important;
   }
   .numbercom{
    flex-direction: column;
   }
   .numberdata-list{
    display: flex;
    align-items: center;
   }
   .number_col {
    padding: 7px 10px !important;
    font-size: 12px !important;
   }
   .header-lt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
}

/*------------New-Css--04-02-2026--------------*/

body {
    background: #fff;
}
 
div#header {
    border: 0;
    padding: 15px 0;
    background-color: #222;
    height: auto;
}
 
div#header .logo {
    padding: 0;
    width: 15%;
}
 
div#header .logo img {
    width: 100%;
    /*filter: brightness(10);*/
}
 
div#header .header-lt {
    padding: 0;
    width: 85%;
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: end;
}
 
div#header .head {
    display: flex;
    align-items: center;
    max-width: 1440px;
    width: 100%;
}
 
div#header .header-lt .full.pd-tp1 {
    padding: 0;
    width: auto;
}
 
div#header .head .full img {
    filter: brightness(20);
}
 
div#header .header-lt .full.pd-tp1 img {
    filter: unset;
}
 
div#header .header-lt .numbercom .number_col span {
    display: block;
    margin: 0 0 2px;
}
 
div#header .header-lt .number_col {
    text-align: left;
}
 
div#header .header-lt .number_col a {
    color: #fff;
}
 
.main_middle_data {
    width: 100%;
    overflow: auto;
    min-height: calc(100vh - 241px);
    max-width: 600px;
    margin: auto;
    position: relative;
}
 
div#footer {
    border: 0;
    box-shadow: 0 -15px 20px 0px #2222220f;
    margin: 0px 0 0;
}
 
.main_middle_data .content .full .login-sec .login-heading {
    margin: 0 0 10px;
    background: #222;
    height: auto;
    padding: 10px 15px;
    border-radius: 10px;
    width: calc(100% - 30px);
}
 
.main_middle_data .full .message {
    padding: 10px 0;
    width: 100%;
    min-height: auto;
    background: #ffffff;
    margin: 10px 0 10px;
    border-radius: 8px;
    font-size: 14px;
}
 
.main_middle_data .content {
    width: 100%;
}
 
.main_middle_data .login-row {
    padding: 15px !important;
    width: calc(100% - 32px);
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 15px;
    overflow: hidden;
    margin: 0 0 30px;
}
 
.main_middle_data .content .login-sec {
    width: 100%;
    margin: 0;
}
 
.main_middle_data .content .login-sec form .full .full img {
    display: none;
}
 
.main_middle_data .content .login-sec form .full:last-child img {
    display: none;
}
 
.main_middle_data .login-row .login-col1 {
    padding: 0;
    text-align: left;
    width: 100%;
    font-size: 14px;
    margin: 0 0 3px;
}
 
.main_middle_data .login-row .login-fields {
    width: 100%;
}
 
.main_middle_data .login-row .login-col2 {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
 
.main_middle_data .login-row .login-col2 label {
    width: 100%;
    display: block;
    margin: 0 0 3px;
}
 
.main_middle_data .login-row .login-col2 input {
    width: 100% !important;
    border: 1px solid #ccc;
    outline: none;
    min-height: 38px;
    border-radius: 5px;
    padding: 0 15px;
}
 
* {
    box-sizing: border-box;
}
 
.main_middle_data .login-row .login-col2 span#currency_name {
    position: absolute;
    left: 10px;
    top: 9px;
}
 
.main_middle_data .login-row .login-col2 div {
    padding: 0 !important;
    float: unset !important;
    width: 100% !important;
}
 
.main_middle_data .login-row .login-col2 textarea#desc {
    width: 100% !important;
    border: 1px solid #ccc !important;
    outline: none;
    border-radius: 5px;
    padding: 10px 15px;
}
 
.main_middle_data .login-row .login-col2 label[for="CardSave"] {
    margin: 0 15px 0 0px;
    width: 30%;
}
 
.main_middle_data .login-row .login-col2 label[for="CardSave"] img {
    width: 100%;
}
 
.main_middle_data .login-row .login-col2 input[type="submit"] {
    font-size: 16px;
    min-height: auto;
    padding: 15px 10px;
    height: auto;
    color: #fff;
    border: 0;
    background: #222222;
}
 
.main_middle_data .login-row .login-fields div#Flash1 {
    margin: 0 !important;
    width: 100% !important;
    text-align: center;
    background-image: none;
    background: #fff;
    border: 0;
    padding: 0;
    color: red;
}
 
 
div#header .head {
    margin: auto;
}
 
div#header .header-lt {
    flex-direction: row;
}
 
div#header {
    margin: 0;
}
 
@media(max-width:767px){
   
div#header .head .logo {
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
}
 
div#header .header-lt {
    flex-direction: column;
    gap: 10px;
}
 
div#header .header-lt .numbercom {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
 
div#header .header-lt .numbercom .numberdata-list {width: 100%;justify-content: center;}
 
div#header .header-lt .numbercom .number_col span {
    font-size: 14px;
}
 
div#header .header-lt .number_col a {
    font-size: 14px;
    font-weight: 600;
}
 
.main_middle_data {
    padding: 0 10px;
}
 
.main_middle_data .content .full .login-sec .login-heading {
    width: 100%;
    padding: 15px 15px;
    line-height: normal;
}
 
.main_middle_data .login-row {
    width: 100%;
}
 
.footer-ltcol2 {
    width: 100%;
    gap: 10px;
}
 
.footer-ltcol2 img {
    width: 33.33% !important;
    margin: 0 !important;
    max-width: 100%;
}
    }