.fa-cog{
    color:#7a7878;
 }
.fa-nomenu{
    color:#fff;
    
 }

.vstable > table {
    left: 10%;
    width: 65%;
}

.vstable > table,
.vstable > table > tbody > tr > td,
.vstable > table > tbody > tr > th
 {
    padding:5px;
}

.vstable .header{
  text-align:center;
  font-size: 25px;
  text-decoration: underline;
  color: #FFAA00;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #F9F9F9;
  opacity: 1;
}

.vs-cell{
    
    padding-left:5px;
    font-weight:normal !important;
    font-size:9px;
    
    padding:2px 4px;
 }

.alldis{
    position: absolute; 
    top:0;
    left:0;
    height:100%;
    width:100%;
}

.main-page{
    position: absolute; 
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:  #f3f3f2;
    overflow-x: hidden;
    overflow-y: hidden;
}

.main-header {
  position: fixed;
  z-index: 1030;
}

.mylogo {
    position: absolute;   
    width: 16.1%;
    min-height:37px;
    top:0;
    left:2px;
    border-radius:7px;
    padding-top:1px;
    padding-left:1px;
    margin:2px;
    background-color:#ee1111
}

.mylogo-vt {
    position: absolute;   
    width: 16.1%;
    min-height:35px;
    top:0;
    left:2px;
    border-radius:7px;
    border-bottom: 2px solid red;
    padding-top:1px;
    padding-left:1px;
    margin:2px;
    background-color:#ee1111; /*   background-color:#2d6f87;*/
}

.img-logo {
    left :3px;
    position: relative;
    height:36px;
    border-radius:7px;
}

.img-logo-vt {
    left :10px;
    position: relative;
    height:34px;
    border-radius:7px;
}

.mylogo-vt > p {
    position: absolute;
    left:15%;  
    top:7px;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    margin:0;
}
 
 .mylogo > p {
    position: absolute;
    left:40%;  
    top:7px;
    color:#fff;
    font-weight:bold;
    font-size:16px;
    margin:0;
}
 
.navbarmain  {
   position: absolute;
   background:#2d6f87;
   width: 82.7%;
   min-height:37px;
   padding:0;
   top:0;
   left:16.7%;
   border-bottom: 2px solid red;
   border-radius:6px;
   margin:2px;
   
}
/*
.logout,
.login {
        float:right;
}
*/

.logout a:hover,
.login a:hover{
        cursor:pointer;
}

.navbar-btn {
    background:#fff;
}

.navbarmain .nav > li > a {
  color: #fff;
  outline: 0;
  font-weight:bold;
  padding:2px 7px 5px 7px ;
}

.navbarmain .nav >li {
    padding-left:4px;
    padding-top:3px;
    padding-right:5px;
}

.my-active {
    color:#2d6f87 !important;
    background-color:#fff;
    border-radius:3px;
}

.navbarmain .nav > li > a:hover
{
	background-color:#fff;
    color:#2d6f87 !important;
    border-radius:3px;
}

.navbarmain .nav > li > a:focus,
.navbarmain .nav > li > a:active
{
    outline: 0;
    color:#2d6f87;
	border-radius:3px;
    background-color:#fff;
}

@media (max-width: 767px) {
  .main-sidebar {
    
  }
}

.main-sidebar {
  position: absolute;
  left:3px;
  top: 40px;
  width: 16%;
  min-height:92.2%;
  overflow-x: hidden;
  overflow-y:hidden;
  border: 1px solid #999999;
  border-radius:6px;
  margin:2px;
  background:#fff;
}

.sidebar-header{
  position: absolute;
  height: 60px;
  width:100%;
  padding:4px 10px;
  background:#f7f7f7;
  color:#065773;
  font-weight:bold;
  border-bottom: 1px solid #999999;
}

/* without tabe */
.sidebar-header-wot{
  position: absolute;
  height: 40px;
  width:100%;
  padding:10px 10px;
  background:#f7f7f7;
  color:#065773;
  font-weight:bold;
  border-radius:6px;
  border-bottom: 1px solid #999999;
}

.sidebar-tabs{
  position: absolute;
  top:30px;
  width:94%;
  margin-left:5px;
  background: #f7f7f7;
  overflow:hidden;
}

.sidebar-tabs .nav-tabs > li {
    padding-left:1px;
    padding-right:1px;
}

.sidebar-tabs .nav-tabs > li > a {
    color:#000;
    outline: 0;
    padding-top:6px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

.sidebar-tabs .vs-text > li > a {
    padding-left:6px;
    padding-right:6px;
}

.sidebar-tabs .nav-tabs > li > a:hover
{
    cursor:pointer;
}

.sidebar-tabs .nav-tabs > li.active > a:hover,
.sidebar-tabs .nav-tabs > li > a:focus,
.sidebar-tabs .nav-tabs > li.active > a {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 2px solid red;
    outline: 0;
}

.sidebar-menu {
  position: absolute;
  top:75px;
  height:90%;
  width:100%;
  padding-left:5px;
  padding-top:1px;
  background: #fff;
  display:inline-block;
  white-space: nowrap;
  overflow:hidden !important;
  text-overflow: ellipsis;    
}

.sidebar-menu-wot {
  position: absolute;
  top:45px;
  height:90%;
  width:100%;
  padding-left:5px;
  padding-top:1px;
  background: #fff;
  display:inline-block;
  white-space: nowrap;
  overflow:hidden !important;
  text-overflow: ellipsis;    
}

.sidebar-menu .nav >li >a {
  padding-top:3px;
  padding-bottom:3px;
  outline:0;
  color:#000;
}

.sidebar-menu .nav >li >a >i{
    padding-right:20px;
    color:#000;
}

.sidebar-menu-wot .nav >li >a {
  padding-top:3px;
  padding-bottom:3px;
  outline:0;
  color:#000;
}

.sidebar-menu-wot .nav >li >a >i{
    padding-right:20px;
    color:#000;
}

.main-content {
  position: absolute;
  left:16.7%;
  top: 40px;
  width: 82.7%;
  height:92.2%;
  overflow-x: hidden;
  overflow-y:hidden;
  border: 1px solid #999999;
  border-radius:6px;
  background:#fff;
  margin:2px;
}

.vs-header-lg .header-title{
    color:#2d6f87;
    height:45%;
    padding-left:3px;
}

.vs-header-lg .header-title >span{
    font-size:14px;
    font-weight:bold;
    padding-left:5px;
    
}

.vs-header-sm .header-title{
    color:#2d6f87;
    height:45%;
    padding-left:3px;
}

.vs-header-sm .header-title >span{
    color:#2d6f87;
    padding-left:5px;
    font-size:14px;
    font-weight:bold;
}

.vs-dis-toolbar{
    position:relative;
    top:5px;
    padding:0;
    color:#000000;
}

.toolbar-left .btn {
    margin-right:2px;
    padding-right:10px;
}

.toolbar-left .fa {
    padding-right:5px;
}

.vs-cre-toolbar{
    position:relative;
    top:30px;
    padding:0;
    color:#000000;
}

.toolbar-left{
    position:absolute;
    padding:0;
    width:70%;
}

.toolbar-lefttabs{
    position:absolute;
    padding:0;
    width:49%;
}

.toolbar-left-sm{
    position:absolute;
    padding:0;
    width:50%;
}

.vs-cre-toolbar .toolbar-left{
    padding-left:10px;
}

.vs-cre-toolbar .toolbar-right{
    width:29%;
}

.toolbar-center{
    position:absolute;
    padding:0;
}

.toolbar-right{
    position:absolute;
    left:70%;
    width:30%;
    text-align:right;
    vertical-align:middle;
    padding:0;
}

.toolbar-right-sm{
    position:absolute;
    left:50%;
    width:50%;
    text-align:right;
}

.col-lbdt,
.col-dt,
.col-filter,
.col-lbfdt,
.col-fdt,
.col-lbtdt,
.col-tdt{
    position: absolute;
    padding:0;
}

.col-filter {
    left:10%;
    width:30%;
}

.col-filter-mas {
    left:70%;
    width:30%;
}

.sel-filter {
    left:90%;
    width:50%;
}

.vs-filter {
    display:inline-block;
    position:relative;
    width:25%;
}

.vs-filter-s {
    display:inline-block;
    position:relative;
    width:15%;
    margin:0;
    padding:0;
}

.vs-filter .fa {
  position: absolute;
  padding-top: 5px;
  padding-right: 8px;
  pointer-events: none;
  right: 0;
}

.vs-filter > input { 
    padding-top:1px;
    padding-bottom:1px;
    padding-right: 10px; 
    padding-left: 5px; 
    width:100%;
}

.col-lbfdt {
    padding-top:4px;
    left:20%;
    width:12%;
}

.col-fdt {
    left:35%;
    width:30%;
}

.col-lbtdt {
    padding-top:4px;
    left:65%;
    width:2%;
}

.col-tdt{
    left:69%;
    width:30%;
}

.col-lbdt {
    padding-top:4px;
    left:45%;
    width:20%;
}

.col-dt {
    left:69%;
    width:30%;
}

.col-dt  > input,
.col-tdt > input,
.col-fdt > input {
    padding-top:1px;
    padding-bottom:1px;
    text-align:center;
    width:100%;
}

.content-body{
    position: absolute;
    left:0;
    top:60px;
    height: 90%;
    width:100%;
    box-shadow:none;
}

.modal-open .modal{
    overflow-y:hidden;
    background:#fff;
    box-shadow:none;
}

.modal-dialog{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background:#fff;
}

.modal-content {
    border:1px solid #999999;
}

.vs-form-sm {
    position:absolute;
    top:12%;
    left:40%;
    width:520px;
    height:280px;
    padding-left:12px;
    padding-bottom :12px;
    overflow-y:auto;
}

.vs-form-md {
    position:absolute;
    top:12%;
    left:40%;
    width:520px;
    height:350px;
    padding-left:12px;
    padding-bottom :12px;
    overflow-y:auto;
}

.vs-form-opt {
    position:absolute;
    top:12%;
    left:30%;
    width:50%;
    height:380px;
    padding-left:12px;
    padding-bottom :12px;
    overflow-y:auto;
}

.vs-form-sel {
    position:absolute;
    top:29%;
    left:17%;
    width:82%;
    height:425px;
    padding-left:12px;
    padding-bottom :12px;
    overflow-y:auto;
    background:#fff;
}

.vs-form-sel-sm {
    position:absolute;
    top:29%;
    left:47%;
    width:52%;
    height:400px;
    padding-left:12px;
    padding-bottom :12px;
    overflow-y:auto;
    background:#fff;
}

.vs-form-smc {
    position:absolute;
    top:17%;
    left:50%;
    width:500px;
    height:280px;
    padding-left:12px;
    padding-bottom :12px;
    overflow-y:auto;
}

.vs-form-lg {
    position:absolute;
    top:42px;
    left:16.85%;
    width:82.7%;
    height:92.1%;
    border-radius:7px;
}

.vs-header-sm{
    position:absolute;
    height:60px;
    width:100%;
    padding:5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
    color:#000;
}

.vs-header-login{
    position:absolute;
    height:30px;
    width:100%;
    padding:0;
    background:#457c8f;
    border-bottom: 1px solid #ccc;
    color:#fff;
}

.vs-header-lg {
    position:absolute;
    height:60px;
    width:100%;
    padding:4px 10px;
    background:#fff;
    border-bottom: 1px solid #ccc;
    color:#000;
}

.vs-body-sm{
    position:absolute;
    top:60px;
    height:65%;
    width:100%;
    background:#f7f7f7;
    padding:20px;
}

.vs-body-sel{
    position:absolute;
    top:60px;
    height:80%;
    width:100%;
    background:#fff;
}

.vs-footer-sm{
    position:absolute;
    text-align:right;
    top:80%;
    height:19%;
    width:100%;
    background:#fff;
    border-top: 1px solid #ccc;
}

.toolbar-tabs {
    top:0;
    left:50%;
    width:50%;
}

.toolbar-tabs .nav-tabs > li > a {
    
    padding-top: 7px;
    padding-bottom: 4px;
    outline: 0;
    color:#065773;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

.toolbar-tabs .nav-tabs > li > a:hover
{
    cursor:pointer;
}

.toolbar-tabs .nav-tabs > li.active > a
{
    background:#f3f3f2;
}

.toolbar-tabs .nav-tabs > li > a:active
{
    background:#f3f3f2;
}

.vs-form-body {
    position:absolute;
    top:60px;
    width:100%;
    height:89.2%;
    padding:15px;
    overflow-y:auto;
}

.vs-form-body-sd {
    position:absolute;
    top:60px;
    width:100%;
    height:89.2%;
    overflow-y:auto;
}

.vs-form-col {
    position:absolute;
    top:0;
    height:90%;
    width:100%;
    background:#fff;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:auto;
}

.vs-form-col1 {
    position:absolute;
    top:0;
    left:0;
    height:97%;
    width:49%;
    background:#fff;
    padding:15px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:hidden;
}

.vs-form-user {
    position:absolute;
    top:0;
    left:0;
    height:97%;
    width:49%;
    background:#fff;
    padding:15px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
}

.vs-form-wob1 {
    position:absolute;
    top:0;
    left:0;
    height:75%;
    width:34%;
    padding:10px;
    padding-left:20px;
    padding-right:30px;
    overflow-y:hidden;
    overflow-x:hidden;
    margin:5px;
    background-color:#fff;
    border-radius:5px;
    border:1px solid #ccc;
    border-right:0;
}

.vs-form-wob2 {
    position:absolute;
    top:0;
    left:34%;
    height:75%;
    width:34%;
    padding:10px;
    padding-left:20px;
    padding-right:30px;
    overflow-y:hidden;
    overflow-x:hidden;
    margin:5px;
    background-color:#fff;
    border-radius:5px;
    border:1px solid #ccc;
    border-right:0;
}
.vs-form-wob3 {
    position:absolute;
    top:0;
    left:68%;
    height:75%;
    width:31%;
    padding:10px;
    padding-left:20px;
    margin:5px;
    overflow-y:hidden;
    overflow-x:hidden;
    border-radius:5px;
    border:1px solid #ccc;
    background-color:#fff;
}

.vs-form-col60 {
    position:absolute;
    top:0;
    left:0;
    height:97%;
    width:59%;
    background:#fff;
    padding:15px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:hidden;
}

.vs-form-col40 {
    position:absolute;
    top:0;
    left:60%;
    height:97%;
    width:39%;
    background:#fff;
    padding:15px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:hidden;
}

.vs-form-col65 {
    position:absolute;
    top:0;
    left:0;
    height:97%;
    width:64%;
    background:#fff;
    padding:15px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:hidden;
}

.vs-form-col35 {
    position:absolute;
    top:0;
    left:65%;
    height:97%;
    width:34%;
    background:#fff;
    padding:15px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:hidden;
}


.vs-purc-col65 {
    position:absolute;
    top:0;
    left:0;
    height:98%;
    width:66%;
    background:#fff;
    padding:5px;
    padding-top:10px;
    margin:5px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:hidden;
}

.vs-purc-col35 {
    position:absolute;
    top:0;
    left:67%;
    height:98%;
    width:32%;
    background:#fff;
    padding:15px;
    margin:5px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:hidden;
}


.vs-purc-qc1 {
    position:absolute;
    top:74%;
    height:25%;
    width:20%;
    background:#fff;
    overflow-y:auto;
}

.vs-purc-qc2 {
    position:absolute;
    left:21%;
    top:74%;
    height:25%;
    width:20%;
    background:#fff;
    overflow-y:auto;
}

.vs-purc-qc11 {
    position:absolute;
    top:2%;
    height:50%;
    width:45%;
    background:#fff;
    overflow-y:auto;
}

.vs-purc-qc12 {
    position:absolute;
    left:50%;
    top:2%;
    height:50%;
    width:45%;
    background:#fff;
    overflow-y:auto;
}

.vs-purc-qc3 {
    position:absolute;
    left:43%;
    top:80%;
    height:25%;
    width:57%;
    background:#fff;
    overflow-y:auto;
}

.vs-purc-qc13 {
    position:absolute;
    left:0%;
    top:2%;
    height:50%;
    width:100%;
    background:#fff;
    overflow-y:auto;
}

.vs-purc-cnf {
    position:absolute;
    left:43%;
    top:62%;
    height:25%;
    width:57%;
    background:#fff;
    overflow-y:auto;
}

.vs-purc-cnf1 {
    position:absolute;
    left:0%;
    top:50%;
    height:50%;
    width:100%;
    background:#fff;
    overflow-y:auto;
}
.vs-agrochem-qlty {
    position:absolute;
    left:0;
    top:55%;
    height:22%;
    width:95%;
    background:#fff;
    overflow-y:auto;
}

.vs-agrochem-afla {
    position:absolute;
    left:0%;
    top:77%;
    height:22%;
    width:95%;
    background:#fff;
    overflow-y:auto;
}



.vs-purc-subcol2 {
    position:absolute;
    left:43%;
    height:95%;
    width:54%;
    background:#fff;
    overflow-y:hidden;
}

.vs-purc-subcol1 {
    position:absolute;
    height:95%;
    width:42%;
    background:#fff;
    overflow-y:auto;
}

.vs-agrochem-subcol2 {
    position:absolute;
    left:51%;
    height:95%;
    width:48%;
    background:#fff;
    overflow-y:hidden;
}

.vs-agrochem-subcol1 {
    position:absolute;
    height:70%;
    width:50%;
    background:#fff;
    overflow-y:hidden;
}

.vs-form-subcol1 {
    position:absolute;
    height:97%;
    width:40%;
    background:#fff;
    overflow-y:auto;
}

.vs-form-subcol2 {
    position:absolute;
    left:50%;
    height:97%;
    width:49%;
    background:#fff;
    overflow-y:hidden;
}

.vs-form-col-1 {
    position:absolute;
    top:0;
    left:20%;
    height:94%;
    width:60%;
    background:#fff;
    padding:30px;
    margin:15px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:auto;
}


.vs-err {
    position:absolute;
    top:95%;
    color:red;
    text-align:right;
    
}

.vs-errl {
    position:absolute;
    top:95%;
    color:red;
    text-align:left;
}

.vs-err-ed {
    color:red;
    text-align:right;
    padding:5px;
}

.vs-form-col2 {
    position:absolute;
    top:0px;
    left:50%;
    height:97%;
    width:49%;
    background:#fff;
    padding:15px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
    overflow-y:auto;
}

.vs-chart-col1 {
    position:relative;
    top:0;
    min-height:480px;
    width:49%;
    background:#fff;
    padding:20px;
    margin:5px;
    margin-top:10px;
    border: 1px solid #ccc;
    border-radius:5px;
}

.leads-import-col1 {
    position:absolute;
    top:0;
    left :0;
    height:97%;
    width:40%;
    background:#fff;
    padding:5px;
    margin:10px;
    border: 1px solid #ccc;
    border-radius:5px;
}

.leads-import-col2 {
    position:absolute;
    top:0;
    left:41%;
    height:97%;
    width:57%;
    background:#fff;
    padding:10px;
    margin:10px;
    border: 1px solid #ccc;
    border-radius:5px;

}

.form-col-left {
    position:absolute;
    top:0;
    left :0;
    height:98.5%;
    width:40.5%;
    background:#fff;
    padding:15px 20px;
    margin:5px;
    border: 1px solid #ccc;
    border-radius:5px;
}

.form-col-right {
    position:absolute;
    top:0;
    left:41%;
    height:98.5%;
    width:58.1%;
    background:#fff;
    padding:15px 20px;
    margin:5px;
    border: 1px solid #ccc;
    border-radius:5px;
}

.modal-content{
    position:absolute;
    padding:0;
    width:100%;
    height:100%;
    border-radius:0;
    background:#F3F3F2;
}


div {
    padding:0;
    margin:0;
}

.form-group{
    display:normal !important;
    margin-bottom:3px;
}


.vs-sel-addnew ,
.vs-fc {
    padding-right:0;
    padding-left:2px;
    margin:0;    
}

label{
    font-weight:normal;
    width:100%;
    white-space: nowrap;
    text-overflow: ellipsis;    
}

.form-control{
    font-size:12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius:0;
    padding:1px;
    padding-right:4px;
    height:22px;
    box-shadow:0;
    width:100%;
}

.vs-sel{
    width:92%;
    padding-right:0;
    margin-right:0;
}

 .vs-fc-sel{
    padding-right:15px;
    padding-left:2px;
    margin-right:-37px;
}

 .vs-fc-ser{
    padding-right:15px;
    padding-left:2px;
    margin-right:-28px;
}

.col-checkbox{
    top:0;
    width:18px;
    margin:0;
}


.btn-default{
    background:#F3F3F2;
    
}

.bttn-gridsel:hover {
    
    background:#fff;

}

.bttn-gridprns,
.bttn-gridprn,
.bttn-griddel,
.bttn-gridedit,
 .bttn-gridsel{
    background:#fff;
    border:0;
    border-radius:0;
}

.bttn-gridprn,
.bttn-griddel {
    border-left: 1px dotted #CCC;
    
}

.bttn-login >i,
.bttn-save >i,
.bttn-savecont >i,
.bttn-cancel >i{
    padding-right:5px;
}

.bttn-login {
    float:right;
}

/*form assign*/
.vs-form-mas {
    position:absolute;
    top:60px;
    width:100%;
    height:80px;
    padding:12px 5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
}

.vs-form-mas-new {
    position:absolute;
    top:60px;
    width:100%;
    height:120px;
    padding:12px 5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
}

.vs-form-mas-lg {
    position:absolute;
    top:60px;
    width:100%;
    height:170px;
    padding:12px 5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
}

.vs-form-mas-md {
    position:absolute;
    top:60px;
    width:100%;
    height:140px;
    padding:12px 5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
}

.vs-form-ed-md {
    position:absolute;
    top:200px;
    width:100%;
    height:63%;
    background:#fff;
}

.vs-form-ed-sm {
    position:absolute;
    top:230px;
    width:100%;
    height:63%;
    background:#fff;
}

.vs-form-ed-sd {
    position:absolute;
    top:210px;
    width:100%;
    height:63%;
    background:#fff;
}

.vs-form-ed {
    position:absolute;
    top:140px;
    width:100%;
    height:87.2%;
    
}
.vs-form-masr3 {
    position:absolute;
    top:60px;
    width:100%;
    height:100px;
    padding:12px 5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
}


.vs-form-edr3 {
    position:absolute;
    top:160px;
    width:100%;
    height:87.2%;
}

.vs-form-masr4 {
    position:absolute;
    top:60px;
    width:100%;
    height:120px;
    padding:12px 5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
}



.vs-form-edr4 {
    position:absolute;
    top:180px;
    width:100%;
    height:69%;
    
}

.vs-form-masr5 {
    position:absolute;
    top:60px;
    width:100%;
    height:142px;
    padding:12px 5px;
    background:#fff;
    border-bottom: 1px solid #ccc;
}

.vs-form-edr5 {
    position:absolute;
    top:202px;
    width:100%;
    height:64%;
    
}

.vs-form-ed-ded{
    position:absolute;
    top:57%;
    width:100%;
    height:12.2%;
    
}

.vs-form-mas-col {
    position:relative;
    top:0;
    width:49%;
}

.vs-form-login {
    position:absolute;
    top:60px;
    left:30%;
    width:45%;
    height:35%;
    padding:30px;
    padding-left:60px;
    border: 1px solid #999999;
    border-radius:5px;
}

.vs-form-login-body {
    position:absolute;
    left:50px;
    top:40px;
    width:100%;
    padding:5px;
    
}

.vs-ucase {
    text-transform:uppercase;
}

.vs-ralign{
    text-align:right;
}
.vs-calign{
    text-align:center;
}

ul.ivh-treeview {
  list-style-type: none;
  padding-left: 0;
}
ul.ivh-treeview ul.ivh-treeview {
  padding-left: 15px;
}
ul.ivh-treeview .ivh-treeview-toggle {
  cursor: pointer;
}
ul.ivh-treeview .ivh-treeview-node-leaf .ivh-treeview-toggle {
  cursor: auto;
}

.grid-footer {
    position:absolute;
    top:95%;
    width:100%;
    background:#F3F3F2;
    padding:5px;
    vertical-align:central;
}

.grid-foot-rows {
    position:absolute;
    left:1%;
}

.grid-foot-first {
    position:absolute;
    left:35%;
}

.grid-foot-prev {
    position:absolute;
    left:39%;
}

.grid-foot-pages {
    position:absolute;
    left:45%;
}

.grid-foot-next {
    position:absolute;
    left:54%;
}

.grid-foot-last {
    position:absolute;
    left:58%;
}

.grid-foot-others {
    position:absolute;
    left:80%;
}

.vt-ag-bold {
    font-weight: bold;
}

.vt-ag-bold-blue {
    font-weight: bold;
    color:blue;
}

.vt-ag-bold-pink {
    font-weight: bold;
    color:#a40c4e;
}

.vt-ag-bold-red {
    font-weight: bold;
    color:#6d0707;
}

.vt-ag-red {
    color:#6d0707;
}

.vt-totalrow {
    font-weight: bold;
    background-color:#f3f3f2;
}

.vt-ag-blue {
    color:blue;
}

.vt-ag-pink {
    color:deeppink;
}

.vstbl > table > tbody, 
.vstbl > table > thead
{
    display: block;
}

.vstbl > table > tbody 
{
   overflow: auto;
   height: 100px;
}

.vstbl > table {
    width: 350px; /* can be dynamic */

}


@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        display:none;
    }

    #printSection, #printSection * {
        display: inline;
    }

    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}