@charset "utf-8";
/* CSS Document */

a:link {color:#42a5eb; }

a:visited {color: ;}

a:hover {text-decoration:underline;}

a:active {color:}

.bor { border:1px solid black; text-align:center; color:#000000; padding:0.3em; background-color:beige;}

.title:link {color:#006897; text-decoration:none;}

.title:visited {color:#006897; text-decoration:none;}

.title:hover {color:#006897; text-decoration:underline;}

.title:active {color:#006897; text-decoration:none;}

.bo {width:28.5%; float:left; font-weight:bold; background-color:#efeeee; height:16em; text-align:center; padding-top:0.5em; margin-top:1em; margin-left:2.222%; margin-right:2.222%; margin-bottom:1em;}

.container {
    position: relative;
    width: 100%;
    margin: auto;
}

.col-fr-3 {
    width: 24%;
    float: left;
    margin: 0.22em;
  /*  background-color: #ffffff;*/
    line-height: 1.5em;
    text-align: justify;
}

.col-fr-4 {
    width: 19.5%;
    float: left;
    margin: 0.22em;
    /*background-color: #ffffff;*/
    line-height: 1.5em;
    text-align: justify;
}

.corpa {padding: 5px 10px;font-size: 0.9em; line-height: 1.428571429;color: #555;margin-bottom:0.8em; margin-top:0.5em; vertical-align: middle; background-color: #fffffff;background-image: none;border: 1px solid #ccc; width:50%;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
	
.clientContainer {width:75%; height:auto; background-color:#ffffff; margin:auto;}

.wmsrepor{ width:40%; text-align:left;}

.wmscli{color:#ffffff; font-family:Calibri; font-weight: bold; font-size:0.9em;}

.clientContainer2 {width:100%; height:auto; background-color:#ffffff; float:left; box-shadow:6px 0 4px -4px #d5d5d9, -6px 0 4px -4px #d5d5d9; border-left:1px solid #d5d5d9\9; border-right:1px solid #d5d5d9\9;}
	
.wel{ width:100%; margin:auto; font-family:Calibri; font-size:1.1em; color:#fff;}

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

.wel2 {width:50%; float:left; text-align:right;}

.welbox {width:100%; float:left; background-color:#006897; padding:1%;}

.logo {width:95%; margin:auto; padding:1.5%;}

.pro {font-family:Calibri; font-size:0.9em; color:#000000; text-align:center;}

.title{padding-left:0.5em; padding-right:0.5em; padding-top:0.5em; font-family:Calibri; font-size:1em; color:#006897; text-align:center; line-height:1em;}

.sb {width:28.5%; float:left; font-weight:bold; background-color:#efeeee; height:16em; text-align:center; padding-top:0.5em; margin-top:1em; margin-left:2.222%; margin-right:2.222%; margin-bottom:1em; border-radius: 8px; border:#006897 solid 3px;}

.title1{padding-left:0.5em; padding-right:0.5em; padding-top:0.5em; font-family:Calibri; font-size:0.75em; color:#006897; text-align:center; line-height:1em;}

.se{font-weight:normal; color:#2f2f2f; font-size:0.8em; line-height: 1.1em; font-weight:bold; padding-left:0.8em; padding-right:0.8em; letter-spacing:0.01em; font-family:Calibri; text-align:center; padding-top: 0.8em;}

.text{font-weight:normal; color:#2f2f2f; font-size:0.9em; line-height: 1.2em; font-weight:bold; padding-left:0.8em; padding-right:0.8em; letter-spacing:0.02em; font-family:Calibri; text-align:center; padding-top: 0.8em;}



.textn{font-weight:normal; color:#ffffff; font-size:0.9em; line-height: 1.2em; font-weight:bold; padding-left:0.8em; padding-right:0.8em; letter-spacing:0.02em; font-family:Calibri; text-align:center; padding-top: 0.8em;}

.textnew{font-weight:normal; color:#ffffff; font-size:0.75em; line-height: 1.2em;  padding-left:0.8em; padding-right:0.8em; letter-spacing:0.02em; font-family:Calibri; text-align:center; padding-top: 0.8em;}

.bobox {margin-bottom:1.5em; margin:auto; width:80%; bottom:0;}

.button {font-family:Calibri;font-size:0.9em; background-color:#006897; color:#ffffff !important; border-radius:0.3em; border:none; margin:0.5em; width:90%; padding-bottom:0.3em; padding-top:0.3em; cursor:pointer; display:block;}

.buttonnew {
    background-color: #112349;
    border: none;
    color: white;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 2px 2px 8px 2px;
    cursor: pointer;
    border-radius: 0.6em;
    letter-spacing: 0.05em;
    outline: none;
    font-size: 1em;
}

.button:hover{background-color:#b54232; color:#ffffff; border:none;}

.lobo{width:90%; margin:auto;}

.imico{ width:55%; border:0;}

/*Client Profile****/
.clientDiv{Width:100%; float:left;}
.rowspace{padding:2%; width:100%; float: left;}
.outerDiv{background-color:#dcf0fa; margin:auto;}
.innerTbl{width:95%; margin:auto;}
.backLnk{font-weight:bold; font-family:Calibri; font-size:0.9em;}
.tblLabel{font-weight:bold; font-family:Calibri; font-size:1em; Color:#ffffff; text-decoration:underline;}    
.tblcol{width:100%; float:left; background-color:#03bfdb; padding-left:0.4em; height:1.5em; text-align:left; margin-bottom:0.2em;}
.profile{font-size:1em; font-family:Calibri; width:100%; color:Red; padding-bottom:1.5em; padding-top:1.5em;}
.grdTxt{font-size:0.95em; font-family:Calibri;}
.logDiv{width:100%; float:left; overflow-x:auto;}
        
/*client Login*/

.logOuter{width:75%; background-color:#ffffff; margin:auto;}

.logOuter1{width:100%; background-color:#ffffff; margin:auto;}

.logInner{width:100%; background-color:#ffffff; float:left; box-shadow: 6px 0 4px -4px #d5d5d9, -6px 0 4px -4px #d5d5d9;border-left: 1px solid #d5d5d9\9; border-right: 1px solid #d5d5d9\9;}
 
.info{background-color:#efeeee; height:auto; color:#000000; font-family:Calibri; font-size:0.9em; text-align:center; width:100%; margin-top:0.5em; padding-bottom:0.7em; padding-top:0.7em;float:left;}

.info1{background-color:#f4fafe; height:auto; color:#000000; font-family:Calibri; font-size:0.9em; text-align:center; width:100%; margin-top:0.5em; padding-bottom:0.5em; padding-top:0.5em;float:left; line-height: 1.6em;}
      
.info:before, .info:after{display: table;content: " "; clear: both;}   

.power{background-color:#efeeee; height:auto; color:#000000; font-family:Calibri; font-size:0.9em; text-align:center; width:100%; padding-bottom:0.7em; padding-top:0.7em;float:left;}

.Loglogo{ margin:1em;}

.over{width:50%; margin:auto;}

.blog-item {max-width:100%;border-radius: 0; overflow:hidden; background-color:#c7db5e; padding-top:0.5em; padding-bottom:1em;
background:url(../image/cl1.jpg); height:auto; background-image: 50% 100% no-repeat fixed;	background-size:cover;}

.left {width: ; margin: auto; font-weight: bold; background-color: #ffffff; background: rgba(255, 255, 255, 0.5); text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom:1.8em;} 
	
.right{width:55%; margin:auto; padding-top:0.5em; margin-top:7.8em; margin-top:3em\9; margin-bottom:3em;}
	
.open22 {font-family:Calibri; font-size:1.5em; color:#1a9ad6; font-weight:bold; background-color:#ffffff; letter-spacing:0.1em; text-align:center;}

.form-controlT {padding: 5px 10px;font-size: 0.9em; line-height: 1.428571429;color: #555;margin-bottom:0.8em; padding-right:0.8em; margin-top:0.5em; vertical-align: middle; background-color: #fffffff;background-image: none;border: 1px solid #ccc; border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.form-control {padding: 5px 10px;font-size: 0.9em; line-height: 1.428571429;color: #555;margin-bottom:0.8em; margin-top:0.5em; vertical-align: middle; background-color: #fffffff;background-image: none;border: 1px solid #ccc; width:70%;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.form-controlA { margin-bottom:0.8em; margin-top: 0.5em; padding:5px 10px; font-size:0.9em; line-height:1.428571429; color:#555; vertical-align:middle; background-color:#fffffff;background-image:none; border:1px solid #ccc; width:70%; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.logMsg{Width:85%; margin:auto; padding:1%; clear:both; margin-bottom:2%; background-color: #ffffff; /*background: rgba(255, 255, 255, 0.5);*/}

.logMsg1{Width:85%; margin:auto;padding:1%;clear:both;margin-bottom:2%;background-color: #000000; background: rgba(0, 0, 0, 0.5); color: #ffffff; line-height: 1.5em; }

.logMsg2{Width:68%; margin:auto;padding:1%;clear:both;margin-bottom:2%;background-color: #000000; background: rgba(0, 0, 0, 0.7); color: #ffffff; line-height: 1.5em; text-align: center; font-size: 0.95em;}

.Logintbl{width:97%; border-radius:6px;margin:auto;margin-top:0.4em; padding-top:0.4em; padding-bottom: 0.5em; background-color: #182f5f;}

.we{ font-family:Calibri; font-size:0.8em; letter-spacing:0.6px; padding-top:0.1em; padding-bottom:0.3em;}        

/* Adhar add css  */

.panover {width:100%; float:left;}

.Aleft{width:75%;margin:auto;font-weight: bold; background-color: #ffffff; background: rgba(255, 255, 255, 0.5);text-align:center;padding-top:0.5em;margin-top:6.5em;margin-bottom:1.5em;}

.Aleft1{width:75%;margin:auto;font-weight: bold; background-color: #ffffff; background: rgba(255, 255, 255, 0.5);text-align:center;padding-top:0.5em; margin-bottom:1.5em;}

.lefta{width:75%;margin:auto; font-weight: bold; background-color: #ffffff; background: rgba(255, 255, 255, 0.5);text-align:center;padding-top:0.5em;margin-bottom:3em;}

.ALogintbl{width:80%; margin:auto; margin-top:1em;}

.form-controlAd {display:block;padding:2px 4px;font-size:0.9em; line-height:1.428571429; color:#555; margin-bottom:0.8em; margin-right:0.8em; vertical-align:middle; background-color:#fffffff;background-image:none;border:1px solid #ccc; width:15%; border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;float:left;}

.alertmsg{position:fixed; margin:0 auto; line-height:1.4em; width: 20%; top: 95%; left:12%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow:0 8px 6px -6px black;
 box-shadow:0 8px 6px -6px black;  clear:both; transform:translate(-50%, -50%); z-index:9999; text-align:left; cursor:pointer; }

/* End Adhar add css  */

@media only screen and (max-width:1024px) and (min-width: 769px)
{   
.lobo{width:100%; margin:auto;}

.bo {width:28.5%; float:left; font-weight:bold; background-color:#efeeee; height:16em; text-align:center; padding-top:0.5em; margin-top:1em; margin-left:2.222%; margin-right:2.222%; margin-bottom:1em;}
	
.title{ font-size:0.9em;}

.text{ font-size:0.9em; font-weight:bold;}

.info{ font-size:0.8em;}

.wel { font-size:1em;}

.left{width:85%; margin-top: 10.5em;}
	
.right{width:70%;margin-top: 9em;}
.form-control {width:85%;}
.form-controlA {display:block; float:left; margin-right: 0.5em; padding:5px 10px; font-size:0.9em; line-height:1.428571429; color:#555; margin-bottom:1em; vertical-align:middle; background-color:#fffffff;background-image:none; border:1px solid #ccc; width:90%; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-controlAd {display:block; padding:2px 4px; font-size:0.9em; line-height:1.428571429; color:#555; margin-bottom:0.8em; margin-right: 0.5em; vertical-align:middle; background-color:#fffffff;background-image:none; border:1px solid #ccc; width:12%; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; float:left;}
}

@media only screen and (max-width: 768px) and (min-width: 481px)
{
.wmsrepor{ width:100%; }
	
.wmscli{ color:#ffffff; font-family:Calibri; font-weight:bold; font-size:0.85em; text-align:left;}
	
.lobo{ width:100%; margin:auto;}

.bo{ width:90.8%; height:18.2em; margin-left:4%; margin-right:4%;}
	
.sb{ width:90.8%; height:16em; margin-left:4%; margin-right:4%;}

.title{ font-size:0.9em;}

.text{ font-size:0.9em; font-weight:bold;}

.info{ font-size:0.8em;}

.wel { font-size:1em;}

.logo { text-align:center; padding-left:0em;}

.over {width:100%; float:none; margin:auto;}

.left{ width:75%; margin-top:2em;margin-bottom:3em;}
	
.right{width:56%; margin-top:1em; margin-bottom:2em;}

.form-control {width:87%; margin-right: 0.8em;}

.grdTxt,.tblLabel,.profile{font-size:0.9em;}

.tblcol {width: 99%;}

.Loglogo{ margin:1em; text-align:center;}

.we{ font-family:Calibri; font-size:0.8em;}

.Aleft{margin-top:2.5em; margin-bottom:1.5em;}

.form-controlA { width:90%;}

.form-controlAd{display:block; padding:2px 4px; font-size:0.9em; line-height:1.428571429; color:#555; margin-bottom:0.8em; margin-right: 0.5em; vertical-align:middle; background-color:#fffffff;background-image:none; border:1px solid #ccc; width:12%; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; float:left;}
}

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

.wmsrepor{ width:100%;}
	
.wmscli{color:#ffffff; font-family:Calibri; font-weight: bold; font-size:0.85em; text-align:left;}
	
.logOuter{width:90%; background-color:#ffffff; margin:auto;}
	
.logo { text-align:center; padding-left:0em;}

.lobo{width:100%; margin:auto;}

.bo{width:90.8%; height: 16.2em; margin-left:4%; margin-right:4%;}
	
.sb{width:90.8%; height: 17em; margin-left:4%; margin-right:4%;}

.text{ font-size:0.8em; font-weight:bold;}

.wel { font-size:0.9em;}

.wel1{ width:100%; float:none; text-align:center; margin:auto; margin-bottom:1%;}

.wel2{ width:100%; float:none; text-align:center; margin:auto;}

.outerDiv{ /*width:95%;*/}
	
.grdTxt,.tblLabel,.profile {font-size:0.83em;}
	
.tblcol {width: 98%;}

.over { width:95%; margin:auto; }
	
.left { margin:auto; font-weight:bold; background-color:#ffffff; background:rgba(255, 255, 255, 0.5); text-align:center; padding-top:0.5em; margin-bottom:3em; }

.right{ width:80%; margin-top:1em; margin-bottom:2em;}

.form-control { width:90% !important;}

.Aleft{ margin-top:2.5em; margin-bottom:1.5em; }

.Logintbl{ width:100%;}

.Loglogo{ margin:1em; text-align:center;}

.form-controlA { width:90%;}

.form-controlAd {display:block; padding:2px 4px; font-size:0.9em; line-height:1.428571429; color:#555; margin-bottom:0.8em; margin-right: 0.2em; vertical-align:middle; background-color:#fffffff; background-image:none; border:1px solid #ccc; width:12%; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; float:left;}

.open22 {font-size:1.1em;}

.we{ font-family:Calibri; font-size:0.7em;}

.re{width: auto; font-family:Calibri;  font-weight:normal; margin:auto; margin-bottom:0.8em; padding:0.1em; text-align:center;}

.re1{ width:100%; float:left; font-weight:bold; /*border:#CCCCCC solid thin;*/ background-color:#ddf5fd; text-align:center; height: auto; margin-bottom:0.5em;}

.retitle{ width:100%; float:left; height:auto; text-align:center; background:#012d50; color:#fff; padding:0.5em; font-family:Calibri; font-size:1em;}  

.main{width:100%; margin:auto;}

.leftk{width:100%; margin:auto;}

.lable{ text-align:center; margin:auto;}

.left{ font-weight:bold; background-color:#ffffff; background:rgba(255, 255, 255, 0.5); height:auto; text-align:center; padding-top:0.5em; padding-bottom:1.4em; margin-top:6.5em; margin-bottom:2.5em;}

@media only screen and (max-width:1024px) and (min-width:960px)
{
.re1{ width:99.5%; margin-bottom:0.3em;}
.retitle{width:97.8%; height:2.9em; font-size:0.75em;}
.main{width:100%; margin:auto;}
.left1{width:100%; font-weight:bold; /*background-color:#ffffff; background:rgba(255, 255, 255, 0.5);*/ height:auto; text-align:center; padding-top:0.5em; padding-bottom:1.4em; margin-top:7.5em; margin-bottom:7.5em;}
}

@media only screen and (max-width:959px) and (min-width:769px)
{ 
.re1{ width:100%; margin-bottom:0.3em;}
.retitle{width:95%;}
.main{width:97%; margin:auto;}
.left{width:98%;}
.alertmsg{position:fixed; margin:0 auto; line-height:1.4em; top: 28%;  width: 40%;  left:50%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow:0 8px 6px -6px black;
 box-shadow:0 8px 6px -6px black; clear:both; transform:translate(-50%, -50%); z-index:9999; text-align:left; cursor:pointer; }
}

@media only screen and (max-width:768px) and (min-width:481px)
{
.re1{ width:100%; margin-bottom:0.3em;}
.retitle{width:100%;}
.main{width:97%; margin:auto;}
.left{width:100%;}
.alertmsg{position:fixed; margin:0 auto; line-height:1.4em; top: 45%;  width: 40%;  left:50%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow:0 8px 6px -6px black;
 box-shadow:0 8px 6px -6px black; clear:both; transform:translate(-50%, -50%); z-index:9999; text-align:left; cursor:pointer; }
}

@media only screen and (max-width:480px) and (min-width:320px)
{
.re1{ width:100%; margin-bottom:0.3em;}
.retitle{width:100%;}
.main{width:97%; margin:auto;}
.left{width:100%;}
.alertmsg{position:fixed; margin:0 auto; line-height:1.4em; width: 70%; top: 22%;  left:50%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow:0 8px 6px -6px black;
 box-shadow:0 8px 6px -6px black; clear:both; transform:translate(-50%, -50%); z-index:9999; text-align:left; cursor:pointer;}
	    .col-fr-3 {
        width: 100%;
        float: left;
        margin: 0.2em;
        /*background-color: #ffffff;*/
        line-height: 1.5em;
        text-align: justify;
    }
	
	    .col-fr-4 {
        width: 100%;
        float: left;
        margin: 0.2em;
       /* background-color: #ffffff;*/
        line-height: 1.5em;
        text-align: center;
    }
.corpa { width:70%;}
	
}