body {
     margin: 0;zoom:95%;
}


/*bar chart*/

/*.pie {
  width: 300px; height: 300px;
  border-radius: 50%;
  background: yellowgreen;
  margin-left:760px;

}*/


/*#pieSlice1 .pie {
  background-color: #1b458b;
  transform:rotate(30deg);
}

#pieSlice2 {
  transform: rotate(30deg);
}*/

.graph {
	width: 650px;
	/*height: 320px;*/
	border: 1px solid #aeaeae;
	background-color: whitesmoke;
    margin-left: 10px;
    overflow-x:auto;
    overflow-y:auto;
}
.bar {
	width: 38px;
	margin: 3px;
	display: inline-block;
	position: relative;
	background-color: #aeaeae;
	vertical-align: baseline;
    /*margin-left: 10px;*/
}
.dbxaxis {
	width: 38px;
	margin: 3px;
	display: inline-block;
	position: relative;	
	vertical-align: baseline;
    /*margin-left: 10px;*/
    padding-left: 10px;
}

#ticks {
  position: relative; 
  top: -300px; 
  left: 12px;
  width: 596px; 
  height: 300px; 
  z-index: 1;
  margin-bottom: -300px;
  font-size: 10px;
}

#ticks .tick {
  position: relative; 
   border-bottom: 1px dotted #C4C4C4;
  /*width: 600px;*/
}

#ticks .tick p {
  position: absolute; 
  left: -5em; 
  top: -0.8em; 
  margin: 0 0 0 0.5em;
}


/*bar chart*/

.cusbtnwidth
{
    width:100px;
    height:25px;  
    font-size: 15px;  
    padding: 1px 5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.form-controlCus {
    display: block;
    width:100%;
    height: 25px;
    padding: 3px 10px;
    font-size: 13px;  
    line-height: 1.52857143;
    color: #515d6e;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dbd9d9;
    border-radius: 2px;
    -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;
    -o-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;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0 0 0 #000 !important;
}

.form-controlCusdisable {
    display: block;
    width:100%;
    height: 25px;
    padding: 3px 10px;
    font-size: 13px;  
    line-height: 1.52857143;
    color: #515d6e;    
    background-color: #dddddd;
    background-image: none;
    border: 1px solid #dbd9d9;
    border-radius: 2px;
    -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;
    -o-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;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0 0 0 #000 !important;
}

.colsmoffset1Cus {
         margin-left: 5.33333333%;
        /*margin-left: 8.33333333%;*/
    }

.colsmoffset2Cus {
         margin-left: 2%;
        /*margin-left: 8.33333333%;*/
    }

fieldset {
    padding-bottom: 5px;
    border-bottom: 1px dashed #fff;
    margin-bottom: 5px;
}
 
/*FOR INNER PANEL */
.panelinr{
    height:35px;
}

/*FOR DISABLE PANEL */
.paneldsbl{
    opacity: 0.7; 
    pointer-events: none; 
    cursor:not-allowed;
}


.codecus{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 10px;
  float:left;
  width: 16.0%;
}
.namecus {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 10px;
  float:left;
  width: 27.0%; 
  
}
.phonecus{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 10px;
  float:left;
  width: 10.0%;
}
.isdcodecus{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 0px;
  float:left;
  width: 6.0%;
}

.cuspanel {
        padding: 6px 10px 4px 10px;
        box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.05) ;
    }

.cuspanalbody
{
    overflow-y:scroll;
    height:500px;
}

.custable {
        padding: 1px 1px;
        line-height:1;       
    }
/*.panelheadingcus {
  
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
   color: #ffffff;
     background-color: #3f51b5;
     padding-top:5px;
     padding-bottom:5px;
}*/
.cusswitch
{
   /*padding-top: 13px;*/
   padding-left: 14px;
}

.listboxscroll
{
    overflow-y:scroll;
    height:160px;
    width:190px;
    border:1px dashed gray;
    margin-left:5px;

}

.listboxscrollemp
{
    overflow-y:scroll;
    height:160px;
    width:175px;
    border:1px solid;
    border-color:lightgray;
    padding-left:10px;
}

.listboxscrollitems
{
    overflow-y:scroll;
    height:160px;
    width:190px;
    border:1px solid gray;
    text-wrap:none;

}
/*FOR ATTENDANCE DETAILS CALENDAR*/
.listboxatt_details
{
    /*overflow-y:hidden;*/
    height:400px;
    width:510px;
    /*border:5px thick gray;
    background-color:white;*/

}
/*FOR SHIFT SCHEDULE CALENDAR*/
.listboxss_details
{
    /*overflow-y:hidden;*/    
    height:300px;
    width:350px;
    border:5px thick gray;
    background-color:white;

}

/*ATTENDANCE DETAILS SCREEN*/
.btn-attenddayscolor {
    color: #ffffff !important;
    background-color:#004c70;
    /*background-color: rgba(39, 220, 28, 0.93);
    border-color:#000000; /*rgba(39, 220, 28, 0.93);*/    
    width:65px;
    height:30px;
    font-size:15px;
    font-weight:600;
    display:block;
    float:left;   
    font-family:Calibri; 

    /*border-color: #4aab4e;*/
}

.btn-attenddate {
   color: #ffffff !important;
    background-color:#006495;
    /*background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/  
    /*width:85px;
    height:30px;
    font-size:16px;*/
    width:65px;
    height:30px;
    font-size:15px;
    /*display:block;*/
    float:left; /*for no space between two buttons;*/   
    font-family:Calibri; 
    
}

.btn-attend {
   color: black;
   border-left-color :lightgray;
   border-color :lightgray;
    /*background-color: #D5DCD5;*/
    /*background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/    
    /*width:85px;
    height:30px;*/   
    width:65px;
    height:30px;
    /*font-size:15px;*/
    float:left;  /*for no space between two buttons;*/ 
    font-family:Calibri;  
   
}

.btn-year {
    color: #ffffff !important;
    background-color:#004c70;                  /*6ccecb*/
    /*background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/
   
    /*width:420px;
    height:40px;  
    font-size:20px;*/ 

    width:320px;
    height:35px;
    font-size:15px;

     /*for no space between two buttons;*/  
    font-family:Calibri; 
    /*font-weight:600;*/

     font-weight:400;
}

.btn-attmonth {
    color: #ffffff !important;
    background-color:#004c70;                  /*6ccecb*/
    /*background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/
    /*width:85px;
    height:35px;
    font-size:20px;*/ 

    width:65px;
    height:34px;
    font-size:15px;

     /*for no space between two buttons;*/  
    font-family:Calibri; 
    /*font-weight:600;*/

    font-weight:400;
}


.table1 {
   
    margin-bottom: 19px;
    /*background-color:white;*/
    height: 210px;
    overflow: auto;
    display:block; 
    width:280px;         
}

/*.table1>tbody {
   
    height: 100px;
    overflow: auto;
    display:block;
      
}*/
/*.table1>thead > tr, tbody{
    display:block;

}*/
 .table1 > tbody > tr > th,
 .table1 > tbody > tr > td{
     background-color:white;
 }

    .table1 > thead > tr > th,
    .table1 > tbody > tr > th,
    .table1 > tfoot > tr > th,
    .table1 > thead > tr > td,
    .table1 > tbody > tr > td,
    .table1 > tfoot > tr > td {
        /*padding: 12px 8px;*/
         padding: 12px 10px;
        line-height: 0;
        vertical-align: top;
        border-top: 1px solid #656c75;
        border-left: 1px solid #656c75;
        border-right: 1px solid #656c75;
        border-bottom: 1px solid #656c75;
        
    }



/*FOR SHIFT SCHEDULE*/
.btn-sattenddayscolor {
    color: #ffffff !important;
    background-color:#004c70;
    /*background-color: rgba(39, 220, 28, 0.93);
    border-color:#000000; /*rgba(39, 220, 28, 0.93);*/    
    width:45px;
    height:25px;
    font-size:16px;
    font-weight:600;
    display:block;
    float:left;   
    font-family:Calibri; 

    /*border-color: #4aab4e;*/
}

.btn-sattenddate {
   color: #ffffff !important;
    background-color:#006495;
    /*background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/  
    width:45px;
    height:25px;
    font-size:16px;
    /*display:block;*/
    float:left; /*for no space between two buttons;*/   
    font-family:Calibri; 
    
}
.btn-sattend {
   color: #222222 !important;
    /*background-color: #4caf50;
    background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/    
    width:45px;
    height:25px;   
    float:left;  /*for no space between two buttons;*/ 
    font-weight:600;
    font-family:Calibri;  
}

.btn-smonth {
    color: #ffffff !important;
    background-color:#004c70; 
    /*background-color: #4caf50;
    background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/    
    width:50px;
    height:35px;  
    float:none;  /*for no space between two buttons;*/ 
    font-weight:600;
    font-family:Calibri;  
}

/*for SHIFT SCHEDULE*/
.btn-syear {
    color: #ffffff !important;
    background-color:#004c70;                  /*6ccecb*/
    /*background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/
    width:210px;/*595*/
    height:35px;  
    font-size:17px; 
     /*for no space between two buttons;*/  
    font-family:Calibri; 
    font-weight:600;
}

/*for PROCESS INFO*/ 
.btn-psmonth {
    color: #ffffff !important;
    background-color:#004c70; 
    /*background-color: #4caf50;
    background-color: rgba(39, 220, 28, 0.93);*/
    /*border-color: rgba(39, 220, 28, 0.93);*/    
    width:30px;
    height:25px;  
    float:none;  /*for no space between two buttons;*/ 
    font-weight:600;
    font-family:Calibri;  
}

.paneladdnew
{
    overflow-y:scroll;
    height:370px;
    width:500px;
    border:1px solid gray;

}

.line
{
   width:1040px;
   border:1px solid gray;

}

.listboxreport
{
    overflow-y:scroll;
    height:160px;
    width:225px;
    border:1px dashed gray;
    padding-left: 5px;
}
.size
{
    width:120px;
    padding-left: 2px;
    padding-right: 2px;
    box-shadow: 0 0 0 #000 ;
}

.checkboxmaster
{
    color:white;
}

.addresscus
{
    height: 100px;
}

.txt-m {
        /*width: 58.33333333%;*/
         width: 5.0%;
    }

.txt-10 {
        /*width: 58.33333333%;*/
         width: 10.0%;
    }
.txt-15 {
        /*width: 58.33333333%;*/
         width: 15.0%;
    }

.txt-20 {
        width: 20.0%;        
        /*width: 50%;*/
    }

.txt-3 {
        width: 30.0%;
         /*width: 25%;*/
    }
  
.txt-4 {
        width: 40.0%;
        /*width: 33.33333333%;*/
    }

.txt-5 {
        width: 50.0%;
        /*width: 33.33333333%;*/
    }

.txt-6 {
        /*width: 58.33333333%;*/
         width: 60.0%;
    }

.txt-7 {
        width: 70.0%;
        /*width: 50%;*/
    }

.txt-8 {
        width: 80.0%;
         /*width: 25%;*/
    }
  
.txt-9 {
        width: 90.0%;
        /*width: 33.33333333%;*/
    }

.txt-x {
        width: 95.0%;
        /*width: 33.33333333%;*/
    }

.fonts {
        font-size: 8px;        
    }

.fontm {
        font-size: 12px;        
    }

.fontl {
        font-size: 15px;        
    }

.fontxl {
        font-size: 18px;        
    }

.indent {
        margin-left: 20px;  
        line-height: 1;      
    }

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.52857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.52857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}