@charset "utf-8";
/* CSS Document */
/*font-family: 'Roboto', sans-serif;*/
body {font-family: 'Poppins', sans-serif; }

.wrapper{background:url(../images/bg.jpg); background-size: cover;}
.header{min-height: 100px; text-align: center; padding-top: 20px;background: #fff; margin-top: 20px;}
.logo{}
.hder-right{text-align: right; padding-top: 20px; font-size: 17px;color: #2e40b8;}
.hder-right a{text-decoration: none; color: #2e40b8; }
.hder-right a:hover{text-decoration: none; color: #c1008d; }

.login{background: #fff; margin-top: 80px;}
.loginlogo{text-align: center !important; margin-bottom: 20px; margin-top: 30px;}
.lb{width: 100%;}
.signup-top h2{text-align: center; margin-bottom: 15px; font-size: 36px;color: #1f33b3;}
.grey-labels{color: #9c9c9c;}
.purple-login-borders{border: 3px solid #ccd1ee;background: #e1e1e1;}
.blue-login-back{    background: #1f33b3;
    color: #fff;
    font-size: 17PX; 
    font-weight: 500;
}
.signupmid label{padding-left: 20px;}
.signupmid .form-control{border-radius: 0; height: 45px;}
.mainlogin{width: 100%; border-radius: 0; height: 55px; margin-top: 30px;}
.signupmid{margin-bottom: 80px; margin-top: 40px;}
.wrapper2{background:url(../images/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover; height: 100%;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.nav-full{}
.navi{min-height:50px;background: #2e40b8;}
.navbar-inverse{float:left; background-color:#2e40b8; border:none;}
.navbar-nav > li > a{padding:15px 25px; font-size:16px; background: url(../images/br.jpg) no-repeat right center; border-right: 2px #fff solid;}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus { color: #fff;background-color: #c1008d;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {  color:#fff;  text-decoration: none;}
.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a  {  color:#4777c6;   }
.navbar {border: none; margin-bottom: 0;min-height:30px;position: relative;}
.navbar-collapse {padding-right:0;}
.navbar-inverse .navbar-nav > li > a {color: #fff; font-weight: 500;}
.navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #c1008d; }
.navbar-inverse .navbar-nav > li > a.active {color: #fff;background-color: #c1008d;}

.navbar-nav > li > .dropdown-menu {background:#2e40b8;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: #c1008d;color: #fff;}
.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;background: none;padding:15px 18px 15px 18px;text-transform:uppercase; font-size:12.5px;}
.dropdown-menu > li > a:hover{color: #fff;background:#c1008d;}
.navbar-right .dropdown-menu {left: 0; right: auto;}
.navbar-nav > li > a: last-child{background: none;}
.navbar-collapse {padding-left: 0;}

.content-a-full{background: #fff url(../images/home-r.jpg); background-size: cover;}
.content-a{min-height:550px; padding-top: 55px;}
.content-a h1{text-align:left; color:#000d5b; margin-top:40px; font-size:48px; font-weight: 700;}
.content-a p{text-align:left; color:#293172; line-height:2; font-weight: 500; font-size: 20px; padding-right: 20px; margin-top: 40px;}


.content-a-inner{min-height:550px; padding-top: 15px; padding-bottom: 50px;background: #fff ;}
.content-a-inner h1{text-align:left; color:#2e40b8; font-size: 38px;    font-weight: 500;    margin-bottom: 25px;}
.content-a-inner h2{color:#000d5b;font-weight: 500; }
.content-a-inner h3{color:#000d5b;font-weight: 500;}
.content-a-inner h4{color:#000d5b;font-weight: 500;}
.content-a-inner p{text-align:left; color:#293172; line-height:2; font-weight: 500; font-size: 20px; padding-right: 20px; margin-top: 40px; }

.content-a-inner-b{min-height:440px; padding-top: 15px; padding-bottom: 50px;background: #fff ;}
.content-a-inner-b h1{text-align:left; color:#2e40b8; font-size: 38px;    font-weight: 500;    margin-bottom: 25px;}
.content-a-inner-b h2{color:#000d5b;font-weight: 500; }
.content-a-inner-b h3{color:#000d5b;font-weight: 500;}
.content-a-inner-b h4{color:#000d5b;font-weight: 500;}
.content-a-inner-b p{text-align:left; color:#293172; line-height:2; font-weight: 500; font-size: 20px; padding-right: 20px; margin-top: 40px; }

.content-a-inner-b-middle{min-height: 170px;
    padding-top: 15px;
       padding-bottom: 0px;
    background: #fff;}
.content-a-inner-b-middle h1{text-align:left; color:#2e40b8; font-size: 38px;    font-weight: 500;    margin-bottom: 25px;}
.content-a-inner-b-middle h2{color:#000d5b;font-weight: 500; }
.content-a-inner-b-middle h3{color:#000d5b;font-weight: 500;}
.content-a-inner-b-middle h4{color:#000d5b;font-weight: 500;}
.content-a-inner-b-middle p {
   text-align: center;
    color: #000;
    line-height: 2;
    font-weight: 500;
    font-size: 20px;
    padding-right: 0px;
    margin-top: 20px;
    background: #ccc;
}
.content-a-inner-b-middle > .form-group{    min-height: 80px;
    margin-bottom: 10px;}



.content-e-full{ background:#d5d5d5; }
.content-e{min-height:420px; padding-top: 90px; text-align: center;padding-bottom: 90px; }
.b-r{border-right: 5px solid #fff;}
.applebox{padding-left: 50px; padding-right: 50px;}
.applebox h2{color: #484d7b; font-size: 26px; line-height: 2;}
.applebox p{color: #000;font-size: 16px;    line-height: 1.8;    font-weight: 500;}


.mtop7{margin-top: 15px;}



.footer{min-height:80px;}
.clr{color:#fffdff;}
.footer p{color:#fff; margin-top:35px;text-align:center;font-size:12.5px; }
.footer a{color:#fffdff;}
.footer a:hover{color:#ececec;}

.full-image{width:100%; max-width:998px;}
.mtop{margin-top:15px;}
.ptop3{padding-top: 30px;}
.pleft{padding-left: 32px;}
.mylist li{color:#3a3939;font-size:12.5px;	padding-top:20px;background:url(../images/marker.png) no-repeat left 85%;padding-left:30px;line-height:1.6; text-align:left;width: 100%; float:left;}
.button {display: inline-block;padding: 17px 64px;margin: 20px 0px 0px;font-size: 21px;line-height: 18px; color: #fff !important; background: #2b3476; transition: all 0.3s ease 0s; text-decoration: none;}
.button:hover{color: #fff !important; background:#1c2357;}
.tc{text-align: center;}

.form-horizontal .control-label {text-align: left; color: #2e40b8; font-weight: 300; font-size: 18px;}
.form-horizontal .form-group label{text-align: left; color: #2e40b8; font-weight: 300; font-size: 15px;}
.form-horizontal .form-control {padding: 10px;border-radius: 0; border: 1px solid #2e40b8; min-height: 40px;color: #2e40b8;}
.form-horizontal .has-feedback .form-control-feedback {top: 8px; display: none;}
.form-horizontal .btn {padding: 10px 39px;font-size: 18px;border-radius: 0;  }
.form-horizontal .btn-primary{color: #fff; background-color: #1f33b3; float: right;}
.form-horizontal .btn-primary:hover{color: #fff; background-color: #182996;}
.form-horizontal .btn-danger{color: #fff; background-color: #1f33b3;}
.form-horizontal .btn-danger:hover{color: #fff; background-color: #182996;}
::-webkit-input-placeholder{color:#bbc1ec !important;}
/* #fitter{color:rgba(46,64,184,0.5);} */
/* .dropselect-main{color: #2e40b8;} */
/* .dropselect-child{color: #2e40b8;} */

.vacancy-box{margin-bottom: 40px;-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 1px 6px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 1px 6px 0px rgba(0, 0, 0, 1);}
.vacancy-box-ul{margin-top: 20px; min-height: 15px;}
.vacancy-box-ul li{width: 45%; float: left;color:#000d5b; line-height: 1.8;}
.vacancy-box p{text-align: justify;    color: #293172;    line-height: 1.7;    font-weight: 100;    font-size: 16px; margin-top: 80px;    clear: both;}
.vacancy-box-desc{font-weight: 500;    font-size: 20px;}
.button3 {display: inline-block;padding: 10px 33px;margin: 20px 0px 20px 0px;font-size: 18px;line-height: 18px; color: #fff !important; background: #1f33b3; transition: all 0.3s ease 0s; text-decoration: none; border-radius: 0;}
.button3:hover{color: #fff !important; background:#182996;}


.head-fieldset  fieldset{    border: 1px solid #2e40b8;    margin: 15px 0px;    padding: 10px; font-size: 20px; color: #2e40b8; font-weight: 500;  }
.head-fieldset p {
    text-align: right;
    color: #293172;
    line-height: 2;
    font-weight: 500;
    font-size: 16px;
    padding-right: 12px;
    margin-top: 15px;
}
.head-fieldset span {
   border: 1px solid #2e40b8;
    margin: 11px 0px 11px 11px;
    padding: 10px 10px 10px 34px;
    font-size: 16px;
    color: #2e40b8;
    font-weight: 500;
    text-align: right;
}

.amnda fieldset {    border: 1px solid #2e40b8;    margin: 20px 0px;    padding: 30px 35px;    }
.amnda legend {    text-align: left;    color: #2e40b8;    background-color: #fff;    border: 1px solid #2e40b8;    margin-bottom: 5px;    padding: 6px;    width: 45%; font-size: 17px;}

.amnda-listorders fieldset {    border: 1px solid #2e40b8;    margin: 20px 0px;    padding: 30px 35px;    }
.amnda-listorders legend {    text-align: left;    color: #2e40b8;    background-color: #fff;    border: 1px solid #2e40b8;    margin-bottom: 5px;    padding: 6px;    width: 15%; font-size: 17px;}

  .additems th{padding-top: 8px !important;    padding-bottom: 12px ;    background: #2e40b8;    text-align: center;    color: #fff; border-color: #fff} 
  .additems td{border-color: #2e40b8 !important; text-align: center;}
  .additems thead{border: 2px solid #2e40b8 !important;}

  .listorders th{padding-top: 8px !important;    padding-bottom: 12px ;    background: #2e40b8;    text-align: center;    color: #fff; border-color: #fff} 
  .listorders td{border-color: #2e40b8 !important; text-align: center;}
  .listorders thead{border: 2px solid #2e40b8 !important;}


.table-striped > tbody > tr:nth-of-type(even) {    background-color: #e3e7ff;}
.t-head-pad-bot{padding-bottom: 28px !important;}
#t-head-pad-bot-break{padding-bottom: 16px !important;}
.orderbottbl{margin-top: 40px;}
.printorder{float: right;}

.mtp{margin-top: 10px;}
.fullw {
    width: 30.5%;
    margin-right: 10px;
}

.mid-h3 h3{color:#2e40b8;font-weight: 500; margin-bottom: 20px;}
.tab-content{border-bottom: 1px solid #2e40b8;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
   border-top: 1px solid #2e40b8;
    border-left: 1px solid #2e40b8;
    border-right: 1px solid #2e40b8;
	border-bottom: 1px solid #fff;
    border-radius: inherit;
    color: #2E40B8;
    font-size: 15px;
	
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: inherit;
    background: #2e40b8;
    color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent !important;
    color: #000;
	    border-bottom: none;
}
.tab-pane {
    border-left: 1px solid #2e40b8;
    border-right: 1px solid #2e40b8;
    padding: 1% 1%;
    min-height: 250px;
}
.tab-pane textarea{background: rgba(227,231,255,0.8)}
.tab-pane span{
   float: right;
   font-weight: bold;
}
.tab-pane h3{margin-top: 0px;
    margin-bottom: 10px;}
	.tab-pane p{       margin: 0 0 0px;
    color: #2e40b8;
    font-weight: 300;
    font-size: 18px;
    width: 86%;
	}
	.nav-tabs {
		padding-top: 2%;
    border-bottom: 1px solid #2e40b8;
}
.cancel-button button{float: right;}
.right-btn{float: right;}
.form-control-dropdown{    padding: 10px;
    border-radius: 0;
    border: 1px solid #2e40b8;
    min-height: 40px;
    color: #2e40b8;
	width: 100%;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    width: 10%;
}
	.discount-wrapper{   min-height: 242px;
    float: right;
    width: 60%;}
	.left-discount{float: left;}
	.discount-top{padding-top: 2%;}
	.no-border{border-left: 0px solid !important; border-bottom: 0px solid !important; border: 0px solid transparent !important;}
	.no-background-color{background: transparent !important; }
	.background-color-blue{background: #e3e7ff;}
	/* .discount{    padding-left: 0; 
    padding-right: 23px;}*/
	.custom-width{    width: 100%;
    font-size: 16px !important;
    padding-bottom: 10px;}
	.custom-width > textarea{    min-height: 120px !important;}
	.recall-dropdown{padding: 4px !important;} 
        
.rbtn{min-width: 70%; margin-top: 10px; margin-bottom: 20px;} 
.fleft{float: left !important;} 
        
.LabelTable tbody{border: 1px solid;}
.LabelTable td{
    line-height: 2;
    padding-left: 10px;}
    

        
.fwidth3{width: 3% !important;}        
.AccAmount{
width: 3% !important;

}
.AccPaymentDate{width:6% !important;}   

.table td:last-child{width: 3%;}
.table th:last-child{width: 3%;}

.green-account{color:#008000;font-weight:bold;}

.red-account{color:#ff0000;font-weight:bold;}

.MeQty{width: 6% !important;}
.MeCost{ width: 6% !important;}

.head-fieldset span{padding: 10px 5px 10px 25px;    font-size: 15px;}

.ReOsBalance{width: 7% !important;}
.ReDiscount{width: 7% !important;}
.ReBalanceDue{width: 7% !important;}
.ReRmCost{width: 7% !important;}
.ReCode{width: 20% !important;}

#tblrow29 th:first-child{width: 3% !important;}
#tblrow29 td:first-child{width: 3% !important;}
.costerth{width: 3% !important;}

#tblrow29 .depth{width:3% !important;}
.width{width:3% !important;}

#tblrow29 .price{width:9% !important;}
.priceth{width:3% !important;}
.blind{
width: 20% !important;
}
.colour{
width: 35% !important;
}
.location{width: 50% !important;}
.locationod{width: 50% !important;}
.EmailOrderDate{
    width: 3% !important;
}
.ReResponsibility{
width: 10% !important;
}
.AccUserId{
width: 25% !important;
}

.hidethis{display:none;}
.hidethis td{padding:12px !important;}

.orderbottbl .LabelTable{float:left !important; margin: 0 10px 10px 0;}
.LabelTabletd{width:50px !important;}
.tdw{width:130px !important;}
.reactn{min-width: 110px !important;}
.reactn .fa{
padding: 0 5px;
}
.reactnn .fa {
    padding: 0 3px;
}
.reactnn {
        min-width: 110px !important;
}

.table .onhold_item td{
    background-color: rgba(193 0 141 / 40%) !important;
    color: #92006b;
    text-decoration: line-through;
}
.table .onhold_item >td:last-child {
     text-decoration: none; 
}
       
/*-----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 320px) and (max-width: 480px){
	
}
 

@media only screen and (min-width : 320px) and (max-width: 767px){
	
}


/*up to large tabs*/
@media (max-width: 767px) {

.header-full{}	
.header{text-align: center;}
.header img{width: 100%;}
.loginlogo img{    margin-top: 15%;}
.login {
    background: #fff;
    margin-top: 30px;
}
.navbar-inverse{float:none; background: none;}
.navbar-collapse {padding-right:20px;} 
.navbar-inverse .navbar-brand {
    color: #fff;
}
.logo{text-align: center;}
.content-a h1{margin-top: 15px; padding: 0 15px; font-size:28px; text-align: left;}
.content-a p{margin:20px 15px; text-align: justify;}
.c-img{padding: 15px 0;}
.logobar{margin-top:30px;}
.logobar h5{margin-top:20px; height:20px;}
.logobar p{font-size:13px;margin-bottom: 30px;}
.yellow img{max-width:83px; max-height:83px;}
.content-d{padding-left:15px; padding-right:15px;}
.content-d h2{font-size:26px;} 
.orange{padding-left:15px; padding-right:15px;}
.content-e{padding-bottom: 30px;}
.social{float:left;margin-top:15px;}
.footer p{font-size:12px;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px; font-size: 11px;  }
.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {font-size: 11px;}
.navbar-nav > li > a {  padding: 10px; border: none; margin-left: 18px;}
.mylist li {width: 100%;}
.orange h2{text-align: left;font-size: 16px;}
.content-e {padding-left: 15px;  padding-right: 15px;}
.c-l{padding-right: 15px;}
.c-r{padding-left: 15px;}
.header img{width: 60%; text-align: center;}
.form-horizontal .btn-primary {
    color: #fff;
    background-color: #1f33b3;
    float: left;
}
.form-horizontal .btn {
     padding: 10px 30px;
    font-size: 18px;
    border-radius: 0;
    margin-right: 10px;
    width: auto;
    margin: 4px 0;

}
.amnda legend {
    
    width: 60%;
   
}
.amnda-listorders legend{    width: 25%;}
.tab-pane p{
font-size: 13px;
    width: 95%;

}
.discount-wrapper{
    width: 100%;
}
.tab-pane{
    min-height: 345px;
}

.right-btn {
    float: left;
    padding: 10px 10px;
    margin: 20px 3px;
    font-size: 16px;
}

}


/*large tab*/
@media (min-width: 768px) and (max-width: 991px) {

.header-full{}
.header{}
.header h3{}
.header h2{}
.container{width: 720px;}
.loginlogo img{width: 100%;}
.form-horizontal .btn {
    padding: 10px 28px;
    font-size: 18px;
    border-radius: 0;
	margin-right: 10px;
	float: left;
}
.navbar-nav > li > a{padding:25px 10px; font-size: 10px;}
.content-a h1{margin-top:25px; font-size:30px;}
.content-a p{margin:20px 15px;}
.logobar h5{font-size:16px; font-weight:100 !important;margin-top:20px; height:70px;}
.logobar p{font-size:12px;}
.yellow img{max-width:83px; max-height:83px;}
.content-d{padding-left:15px; padding-right:15px;}
.content-d h2{font-size:27px;}
.content-e{min-height:370px; padding-bottom: 30px;}
.orange{padding-left:30px; padding-right:30px;}
.orange p{min-height:390px;}
.brown p{font-size:12px;}
.brown h4{font-size:13px; height:35px;}
.footer p{font-size:12px;}
.navbar-collapse.collapse {padding-left:0;}
.content-a {min-height: 200px;}
.c-l{padding-right: 15px;}
.c-r{padding-left: 15px;}
.social{width: 100px;}
.tw{margin-left:0;}
.tw:hover{opacity:1;}
.gp{margin-left:0;}
.rbtn {    min-width: 22%;        float: left;    margin: 10px 5px 20px;}
.discount-wrapper {
    min-height: 242px;
    float: left;
    width: 100%;
}
.tab-pane{
min-height: 400px;
}

.table .reactnn.printhide{
    padding: 0;
}

.reactnn .fa,
.reactnn .glyphicon{
    padding: 8px 12px;
}

}


/*large tab to larger screen*/
@media (min-width: 992px) and (max-width: 1199px) {

.orange p{min-height:310px;}
.content-e{padding-bottom: 20px;}
.brown h4{font-size:13px; height:35px;}	
.footer p{font-size:12px;}
.c-box{height:60px;}
.c-box h5{line-height:1.9;}
.header-full{top: 40px;}
.partner-logo-full{display: none;}
.content-g p {font-size: 11px;}
.navbar-nav > li > a {  padding: 25px 10px;}
.form-horizontal .btn {
    padding: 10px 28px;
    font-size: 18px;
    border-radius: 0;
}
.tab-pane p{
font-size: 15px;
}

.content-a-inner-b-middle p{
    font-size: 16px;
}

.head-fieldset p{
    font-size: 13px;
padding-right: 0px;
}
.head-fieldset span {
    padding: 5px 4px 10px 15px;
    font-size: 12px;
}
.control-label{

 min-height: 40px;
}

.table .reactnn.printhide{
    padding: 0;
}

.reactnn .fa,
.reactnn .glyphicon{
    padding: 8px 12px;
}

}


/*large screens and up*/
@media (min-width: 1400px) {
 .wrapper2{min-height: 1000px;}
 .login{margin-top: 150px;}
}










@media print
{
.noprint {display:none;}
.print_this {       display: block;     }
.table-responsive{  min-height: auto;     overflow-x: visible;}
.hide-head-print{display: none;}
.printhide{display: none;}
.edtodr-l{width: 49%; float: left;}
.edtodr-r{width: 49%; float: right;}
.edtodr-l .form-horizontal .form-control {    padding: 5px !important;    min-height: 30px !important;}
.amnda fieldset {    margin: 30px 0px;    padding: 20px 35px;}
.edtodr-l .form-horizontal .form-control {    padding: 0 5px !important;    min-height: 25px !important;    height: 25px !important;}
.edtodr-l .amnda legend {font-size: 14px;}
.form-group {    margin-bottom: 5px;} 
.form-horizontal .form-control {    padding: 2px 5px !important;    min-height: 25px !important;}
.btn-info {     border: none !important;}
.orderbottbl {    margin-top: 60px;}
.additems table{margin-top: 60px !important;}
.lblpprint{height:80% !important; page-break-after:always;}


}

@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-after: always; }
	.cs1 > textarea {
    min-height: auto !important;
height:350px  !important;
}
.cs2 > textarea {
    min-height: auto !important;
height:140px  !important;
}
}