@charset "utf-8";
/* CSS Document */
/* Designed By Saurabh Kumar,saurabh@vivantatechnologies.com,+91 9743239400*/
body{}
.header-main-rw{margin-top:5px;margin-bottom:5px;}
.header-main-override{margin-left:0px!important; margin-right:-0px!important; padding-left:0px!important; padding-right:0px!important;}
.head-nav li {text-shadow:none;}
.head-nav li ul{display:none;}

.head-nav li a:after {content:' >';}
.head-nav li a:first-child:after {content:' 2';}
.head-nav li a:only-child:after {content:'';}
.head-nav li:hover ul{display:block;position:absolute;background-color:#E4E4E4;z-index:5555;padding:0px 0px;top:40px; min-width:150px; border:solid; border-width:thin;}
.head-nav li:hover ul li{list-style:none;border-top-style:solid; border-top-color:#C4C4C4; }
.head-nav li:hover ul li a{color:#088EAB;text-align:left;display:block;padding-left:10px; padding-right:10px; padding-top:6px;padding-bottom:6px; min-width:200px;}
.head-nav li:hover ul li a:hover{color:#088EAB;display:block;background-color:#fff;text-decoration:none;}
.head-nav li:hover ul li:hover{color:#088EAB;display:block;background-color:#fff;text-decoration:none;}
.head-nav li:hover ul li > ul{display:none;}
.head-nav li:hover ul li:hover > ul{display:block;position:absolute; left:90%;top:auto;min-width:200px; filter: brightness(95%);}
/*.head-nav li:hover > ul { display:none; }*/


.purchage-order-stl{background-color:#999;color:#fff;padding:4px 15px;border-top-right-radius:11px;border-bottom-right-radius:11px;margin-top:5px;font-size:16px;font-style:italic;}
.last-user{color:#fff;font-size:16px;padding:9px 4px;float:right;}
.purchase-hd{color:#5E9573;font-size:16px;}
.tbl-rw1{background-color:#dae4ed;border-bottom:1px solid #fff;}
.tbl-rw2{background-color:#e4ebf5;border-bottom:1px solid #fff;}
.order-table{display:table;width:100%;  border-spacing: 10px;}
.tbl-rw-hd{background-color:#82A9E4;font-size:12px;}
.tbl-rw-hd th{padding:2px 1px;text-align:center;color:#fff;}
.order-table tr td{padding:1px;font-size:12px; color: #000000;} 
.order-table-details{display:table;width:100%;  border-spacing: 10px;}
.order-table-details span{font-weight:bold;}
.order-table-details table td{border:1px solid #9FA6AE;padding:5px;font-size:8px; }
/*.bodytext table td span{font-weight:bold; font-size:18px; }*/
.bodytext td{border:1px solid #9FA6AE;padding:5px;font-size:12px;color:#000000; }
#ctl00_Main_grdUserDetails table td span{font-weight:bold; font-size:18px; }
#ctl00_Main_grdUserDetails td{border:1px solid #9FA6AE;padding:5px;font-size:11px; }
.order-table-details th{border:1px solid #899098; }

/* While this is Search Invoice.  Tables generally should be standardized.  We shouldn't have to individually customize every table. */
.search-Invoice{display:table;width:100%;  border-spacing: 10px; margin:auto;}
.search-Invoice td{border:1px solid #9FA6AE;margin-left:3px;margin-right:3px;font-size:12px; color: #000000; }
.search-Invoice th{border:1px solid #899098; background-color:#81A9E2; text-align:center; color:white; }
.search-Invoice th a{color:white;} /* Used for the Sort Links */
.search-Invoice tr{border:1px solid #899098; text-align:center; color:white; }
.search-Invoice tr:nth-child(even){background-color:#e3ecf5; }
.search-Invoice tr:nth-child(odd){background-color:#dbe4ed; }

/* We should start using this everywhere */
.eaap-table{display:table;width:100%;border-spacing: 10px; margin:auto;}
.eaap-table td{border:1px solid #9FA6AE;margin-left:5px;margin-right:5px;padding-left:5px;padding-right:5px;font-size:12px; color: #000000; }
.eaap-table th{border:1px solid #899098; background-color:#81A9E2; text-align:center; color:white; }
.eaap-table th a{color:white;} /* Used for the Sort Links */
.eaap-table tr{border:1px solid #899098; text-align:left; color:white; }
.eaap-table tr:nth-child(even){background-color:#e3ecf5; }
.eaap-table tr:nth-child(odd){background-color:#dbe4ed; }
.eaap-table td.number{text-align:right; max-width:120px;}

.eaap-pager td{font-size:15px; font-weight:bolder; text-align:center; padding-top:10px; word-spacing:5px;}


.eaap-message {margin-left:auto;margin-right:auto;font-weight:bold;width:400px;font-size:16px;}
.eaap-message-result { color:green; }
.eaap-message-error { color:red; }
.eaap-background-red { background-color:red; }

.invoice-detail-hd{margin-top:25px;color:#5E9573;font-size:17px;}
.account-distrb-table{display:table;width:100%;}
.account-distrb-table th{border-right:1px solid #899098;padding:9px;}
.account-distrb-table td{padding:7px 5px;font-size:12px; color: #000000;}
.btn-right-tbl{display:table;background-color:#fff;}
.btn-right-tbl td{}
/*.invoce-btn{background-color:#0893B0;color:#fff;padding:3px 6px;cursor:pointer; margin-top: 1%;}*/
.invoce-btn {
  background-color:#00628f; /* #0893B0;*/
  color: #fff;
  padding: 2px 12px;
  cursor: pointer;
  margin-top: 1%;
  margin-right: 5px;
  height: 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  min-width:80px;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 10px; 
}

.invoice-btn-thin {
    height:26px;
    font-size:12px;
    padding: 2px 2px;
    margin-right: 1px;
}

.invoce-btn[disabled=disabled], .invoce-btn:disabled
{
    background-color: #ccc;
    color: #030303;
    padding: 2px 12px;
    cursor: pointer;
    margin-top: 1%;
    margin-right: 5px;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    min-width:80px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 10px; 

    /* Firefox 1-3.6 */
    -moz-border-radius: 10px; 
  
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 10px; 
}

.invoce-btn:hover
{
    background-color:#00648F;
    color:#fff; 
    margin-top: 1%;
}

.total-rw{margin-top:23px;}
.toal-text{font-size:18px;padding-top:5px;text-align:right;}
.bottom-btn-rw{margin-top:29px;margin-bottom:25px;}
.botton-btn-col a{margin-right:12px;}
.botton-btn-col a:hover{text-decoration:none;}
.botton-btn-col a label{margin-top:7px;margin-bottom:6px;}
.note-comment-table{display:table;width:100%; margin-bottom:10px; }
.note-comment-table td{padding:2px;}

.emai-frm{width:180px;border-radius:4px;border:1px solid #ccc;padding:3px 4px 1px 4px;}
.input-gap{margin-top:1px;}
.headtxt{font-size: 32px; font-weight: bolder; color: #057BBD;}

.fontred{color: #C42041;}
.parafontred-one{font-weight: bold; color: #C42041; margin-top: 25px;}
.parafontred{color: #C42041;}
.tbl-rw3{background-color:#e4ebf5;}
.tbl-rw3 td{text-align:center;}
.tbl-rw3 td img{text-align: center;}
.ci-text{color: #238A89; font-weight: bold; margin-bottom:0px;}
.order-table-details tr th{text-align: center; Span:#000000;}
.total-data{padding-top:5px;text-align:right; font-weight: bold;}
.colr-gray{color: #666;}
.colr-blue{color: #39F;}
.parafoot{padding: 0 15px;}
.details-data{margin-top: 5px; margin-bottom: 25px;}
.margtop{margin-top: 5px;}
.dataleft img{ float: right; margin-top: 10px; margin-bottom:10px;}
.border-of-div{border-top: 1px solid #CCC; border-bottom: 1px solid #ccc; margin: 0 auto;}
.border-of-div-all div h5{border: 1px solid #ccc; padding: 10px 0;}
.dd-data{width:175px;border-radius:0px;border:1px solid #ccc;padding:2px 5px;}
.divspace{min-height: 268px;}

/*footer*/
.footer-col a{color:#fff;font-size:12px;}
.footer-main-rw{background-color:#222;margin-top:19px;padding-bottom:9px;padding-top:9px;}
.footer-list{padding-left:15px;}
.footer-list li{list-style:none;padding-bottom:2px;padding-top:2px;}
.footer-list li a{font-size:13px; color:#fff;}
.foot-copy{color:#fff;font-size:12px;}

/*.............*/
@media only screen and (
    ((min-device-width : 768px) and (max-device-width : 1024px)),
    ((min-device-width : 600px) and (max-device-width : 1024px)),
    ((min-device-width : 800px) and (max-device-width : 1080px)),
    ((min-device-width : 800px) and (max-device-width : 1280px))
) and (orientation : landscape) {

  .invoce-btn{background-color:#0893B0;color:#fff;border-radius:9px;box-shadow:1px 1px 2px 0 #000;padding:3px 1px;cursor:pointer;}

}
.update-page{display:table;width:100%;  border-spacing: 10px;  overflow:visible; overflow-y:hidden; }
.update-page td{border:1px solid #9FA6AE;font-size:12px; color: #000000; }
.update-page th{border:1px solid #899098; }

/*   for table length */

.pad tr td{
padding-right:05px;

}

.lwdth{

border-radius:8px;
}

.srchv{
width:150px;
}
.btnv{
padding:1px 2px;
font-size:10px !important;
}
.padder{
padding-left:30px;
padding-right:30px;
}

  .cssPager span{font-weight:bold; font-size:18px;  }
  .cssPager table{min-width:100px;}

th.rotate {
  /* Something you can count on */
  height: 140px;
  font-weight:100;
  white-space: nowrap;
  
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(15px, 54px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 10px;
}
th.rotate > div > span {

  border-bottom: 1px solid #ccc;
  padding: 3px 0px;
}