.textdecoration{
        text-decoration:line-through;
        color: #FF0000;
    }
.pdl20{
    padding-left: 20px;
}
.cutword{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clearbb{
    background: #fff !important;
    border-top: 1px solid #fff !important; border-left: 1px solid #fff !important; border-right: 1px solid #fff !important;
}
.pagebreak{
    page-break-inside: avoid;
    }
.dis_n{
        display: none;
    }
.report1dt{
    font-weight: bold;
    color: #000;
    text-align: center;
}
.bordertop2{
    border-top: 1px solid #000 !important  ;
}

.borderbuttom2{
    border-bottom:  1px solid #000 !important  ;
}

.bordertop{
    border-top: 1px solid #000 ;
}
.borderleft{
    border-left: 1px solid #000 ;
}
.borderright{
    border-right: 1px solid #000 ;
}
.borderbottom{
    border-bottom: 1px solid #000 ;
}

/* here you can put your own css to customize and override the theme */
#managerlist{
    background-color: #3c7ee6;
}
.watermaker{
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.borderright{
    /*    #DDD*/
    border-right:  1px solid #000 !important ;
}
.borderleft{
    border-left:  1px solid #000 !important ;
}
.bordertop{
    border-top:  1px solid #000 !important ;
}
.borderbottom{
    border-bottom:  1px solid #000 !important ;
}
.borderall{
    border-right:  1px solid #000 !important ;
    border-left:  1px solid #000 !important ;
    border-top:  1px solid #000 !important ;
    border-bottom:  1px solid #000 !important ;
}


.tbinvcus{
    font-size: 16px;
    font-weight: bold;
}
.tbinvcus2{
    font-size: 13px;
}
.tbinvcus3{
    font-size: 11px;
}
.tbinvcus4{
    font-size: 13px;
    font-weight: bold;
}

.labelselectcar{
    width: 100%;
    height: 35px;
    background-color: #4B77BE;
    margin-top: 5px;

    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 7px;
}

.labelselectcar2{
    width: 70%;
    height: 34px;
    background-color: #4B8DF8;
    margin-top:  5px;
    margin-left: 0px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 7px;
}

.labelselectcar3{
    width: 70%;
    height: 34px;
    background-color: #8E44AD;
    margin-top:  5px;
    margin-left: 0px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 7px;
}

.labelselectcar4{
    width: 100%;
    height: 35px;
    background-color: #8E44AD;
    margin-top: 5px;
    margin-left:0px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 7px;
}

.labelselectcar5{
    width: 70%;
    height: 34px;
    background-color: #E26A6A;
    margin-top:  5px;
    margin-left: 0px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 7px;
}

.labelselectcar6{
    width: 100%;
    height: 35px;
    background-color: #E26A6A;
    margin-top: 5px;
    margin-left:0px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 7px;
}

.labelselectcar7{
    width: 100%;
    height: 35px;
    background-color: #4B77BE;
    margin-top: 5px;

    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 7px;
}
.clearfix2{
    margin: 0px;
}
.textmid{
    color: #ff0000;
    vertical-align:middle;
    margin: 20px 0 0 0;
}
#tables{
    overflow-x: auto;
}

#sample_editable_5 th label{
    font-size: 13px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    background-color: #B4B4B4 !important;
    color: #666666;

}

#sample_editable_5 th {
    font-size: 13px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0 8px 0;
    background-color: #B4B4B4!important;
    color: #666666;

}

#sample_editable_5 th label span .required{
    display: inline-block;
}


.datehead{
    position: absolute;
    margin-left: 5px;
    margin-top: 15px;
    color: #FFF;
}
.datehead2{
    position: absolute;
    margin-left: 265px;
    margin-top: 7px;
    width: 120px;
}
.datehead3{
    position: absolute;
    margin-left: 365px;
    margin-top: 1px;
    padding:6px 25px 6px 25px; 

}



.loadright{
    margin-left: 79%;
}

.addcolor{
    background-color: #C1C1C1;

}
.edittable th{

    background-color: #B4B4B4 !important;
    color: #FFF;
    font-weight: bold;
    white-space: nowrap;

}

.addscrol{
    overflow-x: auto;
}

.lineh{

    border-bottom:1px solid #4B8DF8 !important;
    width: 97%;
    margin-top: -5px;
    margin-left: 15px;
}
.lineh4{

    border-bottom:1px solid #4B8DF8 !important;
    width: 95%;
    margin-top: -5px;
    margin-left: 15px;
    margin-right: 15px;
}
.lineh3{

    border-bottom:3px solid #4B8DF8 !important;
    width: 97%;
    margin-top: -5px;
    margin-left: 15px;
}

.lineh2{

    border-bottom:1px solid #4B8DF8 !important;
    width: 100%;

}
.form-sectionx{
    margin-top: 40px;
    margin-left: 20px;
    /*    border: none;
        border-bottom:1px solid #4B8DF8 !important;*/
    font-size: 12px;
}
.title2{
    height: 30px;
    background-color: #4B8DF8 !important;
    color: #fff !important;
    font-size: 18px;
}
.title3{
    height: 30px;
    background-color: #4B8DF8 ;
    color: #fff;
    font-size: 18px;
    border: 1px solid #4B8DF8;
}
.logoreport{
    position: absolute;
    margin: 0 0 0 20px;
}

.logotoureast{
   display: block;
   width: 100%;
   text-align: center;
}

.logotoureast img{
    margin-top: 10px;
   text-align: center;
}

.logotoureast label{
    margin-top: 15px;
    font-size: 15px;
    font-weight: bolder;
   text-align: center;
}


.layreport{
    width: 727px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    border: 1px solid #4B8DF8 !important;
    background-color: #F5F5F5 !important;
    overflow-x: auto;

}
.layreport22{
    width: 727px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    background-color: #F5F5F5 !important;
    overflow-x: auto;

}
.layreportts{
    width: 700px; 
    height: 5.84in;
    margin: 5px 0 0 -10px;
    background-color: #F5F5F5 !important;
    overflow-x: hidden;

}


.layreport222{
    width: 700px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    background-color: #F5F5F5 !important;
    overflow-x: auto;

}


.layreporty{
    width: 670px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    border: 1px solid #4B8DF8 !important;
    background-color: #F5F5F5 !important;
    overflow-x: auto;

}
.layreportnoblue{
    width: 727px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    // border: 1px solid #4B8DF8 !important;
    background-color: #F5F5F5 !important;
    overflow-x: auto;

}
.layreportx{
    width: 727px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    border: 0px solid #4B8DF8 !important;
    background-color: #F5F5F5 !important;
    overflow-x: auto;

}
.layreportxx{
    width: 727px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    border: 0px solid #4B8DF8 !important;
    background-color: #F5F5F5 !important;

}
.layreportland{
    width: 1100px; 
    height: 100%;
    margin: -30px 0 0 -10px;
    /*border: 1px solid #4B8DF8 !important;*/
    background-color: #F5F5F5 !important;
    overflow-x: auto;  

}
.layreportland3{
    width: 1100px; 
    height: 100%;
    margin: -10px 0 0 -10px;
    /*border: 1px solid #4B8DF8 !important;*/
    background-color: #F5F5F5 !important;
    overflow-x: auto;  

}
.layreportland2{
    width: 1100px; 
    height: 100%;
    margin: -30px 0 0 -10px;
    /*border: 1px solid #4B8DF8 !important;*/
    background-color: #F5F5F5 !important;
    overflow-x: auto;  

}



.layreport2{
    width: 100%; 
    height: 100%;
    margin: 15px 0 0 -10px;
    overflow-x: auto;

}

.layreport3{
    width: 727px; 
    height: 100%;
    margin: 5px 0 0 -10px;
    /*    border: 1px solid #4B8DF8 !important;*/
    background-color: #F5F5F5 !important;
    overflow-x: auto;

}


/*
.labelreport{
    display: inline;
    font-size: 13px;
    margin-left: 160px;
    margin-top: 20px;

}
.labelreport2{
    display: inline;
    font-size: 13px;
    margin-left: 50px;
    margin-top: 20px;

}
.labelreport3{
    display: inline;
    font-size: 13px;
    margin-left: 160px;
    margin-top: 20px;

}
.labelreport4{
    display: inline;
    font-size: 13px;
    margin-left: 50px;
    margin-top: 20px;

}

.labelreport5{
    display: inline;
    font-size: 13px;
    margin-left: 160px;
    margin-top: 40px;

}
.labelreport6{
    display: inline;
    font-size: 13px;
    margin-left: 50px;
    margin-top: 40px;

}



.datareport{
  display: inline;
     font-size: 13px;
      margin-left: 30px;
      margin-top: 20px;
}
.datareport2{
   display: inline;
     font-size: 13px;
      margin-left: 30px;
      margin-top: 20px;
}

.datareport3{
  display: inline;
     font-size: 13px;
      margin-left: 30px;
      margin-top: 20px;
}
.datareport4{
   display: inline;
     font-size: 13px;
      margin-left: 30px;
      margin-top: 20px;
}

.datareport5{
  display: inline;
     font-size: 13px;
      margin-left: 30px;
      margin-top: 40px;
}
.datareport6{
   display: inline;
     font-size: 13px;
      margin-left: 30px;
      margin-top: 40px;
}*/


.rphead1{
    margin-left: 250px;
    font-size: 16px;
    font-weight:900;
}
.rphead11{
    margin-left: 280px;
    font-size: 16px;
    font-weight:900;
}
.rphead111{

    font-size: 12px;
    font-weight:900;
}
.rphead2{
    margin-left: 150px;
    font-size: 12px;

}
.rphead3{
    margin-left:40px;
    width: 30px;
    font-size: 12px; 
}
.rphead33{
    margin-left:40px;
    width: 70px;
    font-size: 12px; 
}
.rphead4{
    margin-left:10px;
    width: 400px;
    font-size: 12px; 
    text-align: left;
}
.rphead44{
    margin-left:10px;
    width: 370px;
    font-size: 12px; 
    text-align: left;
}
.rphead5{

    width: 80px;
    font-size: 12px; 
    text-align: right;
    font-weight: bolder;
    text-decoration: underline;
}
.rphead55{

    width: 190px;
    font-size: 12px; 
    text-align: center;
    font-weight: bolder;

}
.rphead6{
    margin-left:10px;
    width: 100px;
    font-size: 12px; 
    text-align: center;
}
.rphead7{
    margin-left:40px;
    width: 300px;
    font-size: 12px; 
}

.labelreport{
    display: inline-block;
    font-size: 13px;
    width: 210px;
    text-align: right;
    font-weight: bold;

}
.datareport{
    display: inline-block;
    font-size: 12px;
    width: 180px;
    text-align: center;
}


.labelreport2{
    display: inline-block;
    font-size: 13px;
    width: 100px;
    text-align: right;
    font-weight: bold;

}
.datareport2{
    display: inline-block;
    font-size: 12px;
    width: 180px;
    text-align: center;
}



.labelreport3{
    display: inline-block;
    font-size: 13px;
    width: 100px;
    text-align: right;
    font-weight: bold;
}
.datareport3{
    display: inline-block;
    font-size: 13px;
    width: 140px;
    text-align: center;
}


.labelreport4{
    display: inline-block;
    font-size: 13px;
    width: 100px;
    text-align: right;
    font-weight: bold;
}
.datareport4{
    display: inline-block;
    font-size: 13px;
    width: 140px;
    text-align: center;
}

.labelreport5{
    display: inline-block;
    font-size: 13px;
    width: 50px;
    text-align: right;
    margin-top: -10px;
    margin-left: 15px;
    font-weight: bold;
}
.datareport5{
    display: inline-block;
    font-size: 12px;
    width: 170px;
    text-align: center;
    margin-top: -10px;
}


.labelreport6{
    display: inline-block;
    font-size: 13px;
    width: 60px;
    text-align: center;
    margin-top: -10px;
    font-weight: bold;
}
.datareport6{
    display: inline-block;
    font-size: 12px;
    width: 170px;
    text-align: center;
    margin-top: -10px;
}


.labelreport16{
    display: inline-block;
    font-size: 13px;
    width: 60px;
    text-align: center;
    font-weight: bold;
}

.datareport16{
    display: inline-block;
    font-size: 12px;
    width: 170px;
    text-align: center;
    margin-top: -10px;
}













.labelreport7{
    display: inline-block;
    font-size: 13px;
    width: 210px;
    text-align: right;

}
.datareport7{
    display: inline-block;
    font-size: 13px;
    width: 180px;
    text-align: center;
}


.labelreport8{
    display: inline-block;
    font-size: 13px;
    width: 210px;
    text-align: right;

}
.datareport8{
    display: inline-block;
    font-size: 13px;
    width: 180px;
    text-align: center;
}

.labelreport9{
    display: inline-block;
    font-size: 13px;
    width: 180px;
    text-align: right;

}
.datareport9{
    display: inline-block;
    font-size: 13px;
    width: 180px;
    text-align: center;
}

.labelreport10{
    display: inline-block;
    font-size: 13px;
    width: 225px;
    text-align: left;
    margin-left: 20px;

}

.labelreport11{
    display: inline-block;
    font-size: 13px;
    width: 225px;
    text-align: center;

}

.labelreport12{
    display: inline-block;
    font-size: 13px;
    width: 225px;
    text-align: right;
    margin-right: 20px;

}
.labelreport13{
    display: inline-block;
    font-size: 13px;
    width: 235px;
    text-align: left;
    padding-left: 48px;
}
.labelreport14{
    display: inline-block;
    font-size: 13px;
    width: 235px;
    text-align: left;
    padding-left: 85px;
}
.labelreport15{
    display: inline-block;
    font-size: 13px;
    width: 235px;
    text-align: left;
    padding-left: 118px;
}











.datepickeredit{
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
}
.quick{
    font-size: 12px;
}

.labeledit{
    padding-top:  8px;

}
.headview{
    margin-top: 1px;
    font-size: 15px;
    font-weight: bold;

}

// endedit



#sample_editable_1_filter{
    display: none;
}

#sample_editable_1_info{
    display: none;
}

#sample_editable_1_wrapper .pagination{
    display: none;
}

#sample_editable_1_length{
    display: none;
}
#sample_editable_1_wrapper .select2-drop-mask{
    display: none;
}
.disable{
    display: none;

}

.errorMessage {
    margin-top: 5px;
    margin-bottom: 5px;
}
.form-row-seperated .form-group .errorMessage {
    margin-bottom: 0;
}
.form-bordered .form-group .errorMessage {
    margin-bottom: 0;
}
.errorMessage {
    color: #a94442;
}


.form-control.error{
    border-color: #a94442;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus.error  {
    border-color: #843534;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.errorSummary{
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;

}


// view table

table.detail-view .null{
    color: pink;
}

table.detail-view{
    background: white;
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

table.detail-view th, table.detail-view td{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-top:1px solid #ddd
}

table.detail-view th{
    text-align: right;
    width: 160px;
}

table.detail-view tr.odd{
    background:#f9f9f9;

}

table.detail-view tr.even{
    background:#FFFFFF;
}

table.detail-view tr.odd th{
    background:#DDDDDD;
    color: #666666;
}

table.detail-view tr.even th{
    background:#DDDDDD;
    color: #666666;
}

table.detail-view tr:hover{
    background:#f5f5f5;

}




//drid view
.portlet-body{
    overflow-x:auto;
}
.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    white-space: nowrap;


}

.grid-view table.items th, .grid-view table.items td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important ;
}

.grid-view table.items th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important;
    background:#b4b4b4 !important;
    color: #666666 !important;
}

.grid-view table.items th a
{

    color: #FFF;
}

.grid-view table.items th a:hover
{
    color: #DDD;
}

.grid-view table.items th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items tr.even
{
    background:#f9f9f9;
}

.grid-view table.items tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items tr:hover.selected
{
        background: #9dbdf0;


.grid-view table.items tr.selected
{
        background: #fefefe;
        color:#000;
}

.grid-view table.items tr:hover.selected
{
        background: #fefefe;
}
}*/
.grid-view table.items tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}





// grid view2

.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items2
{
    background: white;
    border-collapse: collapse;
    width: 99%;
    margin: 0 0 0 5px;

}

.grid-view table.items2 th, .grid-view table.items2 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important ;
    font-size: 8px;

}

.grid-view table.items2 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important;
    background:#b4b4b4 !important;
    color: #666666 !important;
    font-size: 8px;
}

.grid-view table.items2 th a
{

    color: #FFF;
}

.grid-view table.items2 th a:hover
{
    color: #DDD;
}

.grid-view table.items2 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items2 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items2 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items2 tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items tr:hover.selected
{
        background: #9dbdf0;
}

.grid-view table.items2 tr.selected
{
        background: #9dbdf0;
        color:#000;
}

.grid-view table.items2 tr:hover.selected
{
        background: #9dbdf0;
}
*/
.grid-view table.items2 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}









// grid view3
.portlet-body{
    overflow-x:auto;
}
.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items3
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    margin: 0;




}

.grid-view table.items3 th, .grid-view table.items3 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important ;
}

.grid-view table.items3 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:middle;
    text-align: center;
    border: 1px solid #DDDDDD !important;
    background:#b4b4b4 !important;
    color: #666666 !important;
}

.grid-view table.items3 th a
{

    color: #FFF;
}

.grid-view table.items3 th a:hover
{
    color: #DDD;
}

.grid-view table.items3 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items3 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items3 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items3 tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items3 tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items3 tr:hover.selected
{
        background: #9dbdf0;


.grid-view table.items3 tr.selected
{
        background: #fefefe;
        color:#000;
}

.grid-view table.items3 tr:hover.selected
{
        background: #fefefe;
}
}*/
.grid-view table.items3 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}







// item4
// grid view3
.portlet-body{
    overflow-x:auto;
}
.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items4
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    margin: 0;




}

.grid-view table.items4 th
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important ;


}

.grid-view table.items4 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important ;
    white-space: nowrap;

}

.grid-view table.items4 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:middle;
    text-align: center;
    border: 1px solid #DDDDDD !important;
    background:#b4b4b4 !important;
    color: #666666 !important;
}

.grid-view table.items4 th a
{

    color: #FFF;
}

.grid-view table.items4 th a:hover
{
    color: #DDD;
}

.grid-view table.items4 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items4 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items4 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items4 tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items4 tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items4 tr:hover.selected
{
        background: #9dbdf0;


.grid-view table.items4 tr.selected
{
        background: #fefefe;
        color:#000;
}

.grid-view table.items4 tr:hover.selected
{
        background: #fefefe;
}
}*/
.grid-view table.items4 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}






// grid view5
//custom



.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items5
{
    background: white;
    border-collapse: collapse;
    width: 99%;
    margin: 0 0 0 5px;

}

.grid-view table.items5 th, .grid-view table.items5 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    /*border: 1px solid #DDDDDD !important ;*/
    font-size: 8px;
    text-align: center;
    white-space: normal;

}
.grid-view table.items5 td.tablebottonline
{
/*    border-bottom: 1px solid #4B8DF8 !important ;
    border-top:  1px solid #4B8DF8 !important ;*/
}

.grid-view table.items5 td.tablebottonline2
{
    /*border-bottom: 1px solid #4B8DF8 !important ;*/

}

.grid-view table.items5 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    /*border: 1px solid #DDDDDD !important;*/
    background:#b4b4b4 !important ;
     background-color:#b4b4b4 !important ;
    color: #666666 !important;
    font-size: 8px;
}

.grid-view table.items5 th a
{

    color: #FFF;
}

.grid-view table.items5 th a:hover
{
    color: #DDD;
}

.grid-view table.items5 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items5 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items5 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items5 tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items tr:hover.selected
{
        background: #9dbdf0;
}

.grid-view table.items5 tr.selected
{
        background: #9dbdf0;
        color:#000;
}

.grid-view table.items5 tr:hover.selected
{
        background: #9dbdf0;
}
*/
.grid-view table.items5 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}


.test{
    font-size: 10px;
}


// grid view6

.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items6
{
    background: white;
    border-collapse: collapse;
    width: 99%;
    margin: 0 0 0 5px;

}

.grid-view table.items6 th, .grid-view table.items6 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    /*	border: 1px solid #DDDDDD !important ;*/   
}

.grid-view table.items6 th, .grid-view table.items6 td.tablePad
{
    padding:0px;
    line-height:1.42857143;
    vertical-align:top;
    /*	border: 1px solid #DDDDDD !important ;*/   
}

.grid-view table.items6 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important;
    background:#b4b4b4 !important;
    color: #666666 !important;
    font-size: 8px;
}

.grid-view table.items6 th a
{

    color: #FFF;
}

.grid-view table.items6 th a:hover
{
    color: #DDD;
}

.grid-view table.items6 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items6 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items6 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items6 tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items tr:hover.selected
{
        background: #9dbdf0;
}

.grid-view table.items6 tr.selected
{
        background: #9dbdf0;
        color:#000;
}

.grid-view table.items6 tr:hover.selected
{
        background: #9dbdf0;
}
*/
.grid-view table.items6 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}








// grid view7
//custom


.grid-view2
{
    padding: 15px 0;

}

.grid-view2 table.items7
{
    background: white;

    width: 99%;
    margin: 0 0 0 5px;

}

.grid-view2 table.items7 th, .grid-view2 table.items7 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:middle;
    /*border: 1px solid #DDDDDD !important ;*/
    font-size: 7px;
    text-align: center;
    word-wrap:break-word;


}
.grid-view2 table.items7 td.tablebottonline
{
    border-bottom: 1px solid #4B8DF8 !important ;
    border-top:  1px solid #4B8DF8 !important ;
}

.grid-view2 table.items7 td.tablebottonline2
{
    border-bottom: 1px solid #4B8DF8 !important ;

}

.grid-view2 table.items7 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:middle;
    /*border: 1px solid #DDDDDD !important;*/
    background:#b4b4b4 !important;
    color: #666666 !important;
    font-size: 8px;
}

.grid-view2 table.items7 th a
{

    color: #FFF;
}

.grid-view2 table.items7 th a:hover
{
    color: #DDD;
}

.grid-view2 table.items7 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view2 table.items7 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view2 table.items7 tr.even
{
    background:#f9f9f9;
}

.grid-view2 table.items7 tr.odd
{
    background: #fefefe;
}

/*.grid-view2 table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view2 table.items tr:hover.selected
{
        background: #9dbdf0;
}

.grid-view2 table.items7 tr.selected
{
        background: #9dbdf0;
        color:#000;
}

.grid-view2 table.items7 tr:hover.selected
{
        background: #9dbdf0;
}
*/
.grid-view2 table.items7 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view2 .link-column img
{
    border: 0;
}

.grid-view2 .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view2 .button-column img
{
    border: 0;
}

.grid-view2 .checkbox-column
{
    width: 15px;
}

.grid-view2 .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view2 .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view2 .empty
{
    font-style: italic;
}

.grid-view2 .filters input,
.grid-view2 .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}


.test{
    font-size: 10px;
}




// grid view8

.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items8
{
    background: white;
    border-collapse: collapse;
    width: 99%;
    margin: 0 0 0 5px;

}

.grid-view table.items8 th, .grid-view table.items8 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;

    font-size: 8px;

}

.grid-view table.items8 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-bottom: 1px solid #000 ;
    border-top: 1px solid #000 ;
    //  background:#b4b4b4 ;
    color: #000;
    font-size: 8px;
}

.grid-view table.items8 th a
{

    color: #FFF;
}

.grid-view table.items8 th a:hover
{
    color: #DDD;
}

.grid-view table.items8 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items8 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items8 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items8 tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items tr:hover.selected
{
        background: #9dbdf0;
}

.grid-view table.items8 tr.selected
{
        background: #9dbdf0;
        color:#000;
}

.grid-view table.items8 tr:hover.selected
{
        background: #9dbdf0;
}
*/
.grid-view table.items8 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}






// grid view9
//custom



.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items9
{
    background: white;
    border-collapse: collapse;
    width: 99%;
    margin: 0 0 0 5px;

}

.grid-view table.items9 th, .grid-view table.items9 td
{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    /*border: 1px solid #DDDDDD !important ;*/
    font-size: 8px;
    text-align: center;
    white-space: normal;

}
.grid-view table.items9 td.tablebottonline
{
    border-bottom: 1px solid #4B8DF8 !important ;
    border-top:  1px solid #4B8DF8 !important ;
}

.grid-view table.items9 td.tablebottonline2
{
    border-bottom: 1px solid #4B8DF8 !important ;

}

.grid-view table.items9 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    /*border: 1px solid #DDDDDD !important;*/
    background:#b4b4b4;
    color: #666666 ;
    font-size: 8px;
    //border: 1px solid #b4b4b4;
}

.grid-view table.items9 th a
{

    color: #FFF;
}

.grid-view table.items9 th a:hover
{
    color: #DDD;
}

.grid-view table.items9 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items9 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items9 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items9 tr.odd
{
    background: #fefefe;
}

/*.grid-view table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items tr:hover.selected
{
        background: #9dbdf0;
}

.grid-view table.items9 tr.selected
{
        background: #9dbdf0;
        color:#000;
}

.grid-view table.items9 tr:hover.selected
{
        background: #9dbdf0;
}
*/
.grid-view table.items9 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}


.test{
    font-size: 10px;
}





// grid view6

.grid-view
{
    padding: 15px 0;
    overflow-x:auto;
}

.grid-view table.items10
{
    background: white;
    border-collapse: collapse;
    width: 99%;
    margin: 0 0 0 5px;

}

.grid-view table.items10 th, .grid-view table.items10 td
{
    padding:5px;
    line-height:1.42857143;
    vertical-align:top;
    /*border: 1px solid #DDDDDD !important;*/
    font-size:13px;

}

.grid-view table.items10 th, .grid-view table.items10 td.tablePad
{
    padding:5px;
    line-height:1.42857143;
    vertical-align:top;
    border: 1px solid #DDDDDD !important;
}

.grid-view table.items10 th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    /*border: 1px solid #DDDDDD !important;*/
    background:#b4b4b4 !important;
    color: #666666 !important;
    font-size: 8px;
}

.grid-view table.items10 th a
{

    color: #FFF;
}

.grid-view table.items10 th a:hover
{
    color: #DDD;
}

.grid-view table.items10 th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items10 th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items10 tr.even
{
    background:#f9f9f9;
}

.grid-view table.items10 tr.odd
{
    background: #fefefe;
}

.grid-view table.items tr:hover.selected
{
        background: none;
}

/*.grid-view table.items tr.selected
{
        background: #4B8DF8;
        color:#FFF;
}

.grid-view table.items tr:hover.selected
{
        background: #9dbdf0;
}

.grid-view table.items10 tr.selected
{
        background: #9dbdf0;
        color:#000;
}

.grid-view table.items10 tr:hover.selected
{
        background: #9dbdf0;
}
*/
.grid-view table.items10 tbody tr:hover
{
    background: #A6B7D0
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}



















/***
Customized Bootstrap Tables
***/
/***
Default table
***/
.table thead > tr > th {
    border-bottom: 0;
}
.table.table-striped tbody tr.active:nth-child(odd) td, .table.table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}
.table tr.heading > th {
    background-color: #eee !important;
}
.table td .img-responsive {
    width: 100%;
}

/* Contextual table row variants */
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
    background-color: #428bca !important;
    color: #d8e3f2;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
    background-color: #357ebd;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
    color: #3c763d;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
    color: #31708f;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    color: #8a6d3b;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
    color: #a94442;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

/***
Responsive & Scrollable Tables
***/
.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    margin: 10px 0 !important;
}
.table-scrollable > .table {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 0;
    background-color: #fff;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
    white-space: nowrap;
}
.table-scrollable > .table-bordered {
    border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}
.headlogo {
    margin-top: -10px; 
    margin-left: 40%;
}


















@media (max-width: 1820px) {

}



@media (max-width: 1680px) {

    .loadright{
        margin-left: 75%;
    }

}

@media (max-width: 1580px) {


}

@media (max-width: 1440px) {

    .loadright{
        margin-left: 70%;
    }

}

@media (max-width: 1280px) {

    .loadright{
        margin-left: 65%;
    }

}


@media (max-width: 1150px) {

    .loadright{
        margin-left: 60%;
    }
}



@media (max-width: 1024px) {

    .loadright{
        margin-left: 60%;
    }
}


@media (max-width: 991px) {
    .clearfix2{
        margin-top: 10px;
    }

    .searchx {
        margin-top: 15px;
    }
    .datehead2{
        margin-left: 245px;
    }
    .datehead3{
        margin-left: 340px;
    }

}


@media (max-width: 860px) {


}



@media (max-width: 800px) {


}

@media (max-width: 767px) {

    .loadright{
        margin-left: 50%;
    }

}

@media (max-width: 700px) {



}

@media (max-width: 655px) {

    .loadright{
        margin-left: 45%;
    }


}
@media (max-width: 630px) {
    .datehead{
        display: none;
    }
    .datehead2{
        margin-left: 205px;
    }
    .datehead3{
        margin-left: 295px;
    }

}


@media (max-width: 520px) {
    .blank{
        margin-top: 20px;
    }
    .datehead2{
        margin-left: 270px;
        margin-top: 60px;
    }
    .datehead3{
        margin-left: 360px;
        margin-top: 55px;
    }
}






@media (max-width: 500px) {

    .loadright{
        margin-left: 30%;
    }

    .blank{
        margin-top: 20px;
    }
}

@media (max-width: 480px) {

    .loadright{
        margin-left: 63%;
    }
    .datehead2{
        margin-left: -20px;
        margin-top: 48px;
    }
    .datehead3{
        margin-left: 70px;
        margin-top: 41px;
    }
}


@media (max-width: 390px) {



}


@media (max-width: 350px) {

    .loadright{
        margin-left: 63%;
    }

}

@media (max-width: 330px) {

    .loadright{
        margin-left: 53%;
    }
    .blank{
        margin-top: 0px;
    }
    .datehead2{

        margin-top: 47px;
        width: 120px;

    }
    .datehead3{

        margin-top: 40px;

    }
    .datepickeredit{
        height: 30px;
    }
    .btndatehead{
        height: 30px;
    }

}

@media (max-width: 300px) {

    .datehead2{

        margin-top: 48px;
        width: 120px;
    }
    .datehead3{

        margin-top: 40px;
    }
    .datepickeredit{
        height: 34px;
    }
    .btndatehead{
        height: 34px;
    }

}



@media (max-width: 290px) {

    .loadright{
        margin-left: 45%;
    }

    .datehead2{

        margin-top: 48px;
        width: 90px;
        font-size: 11px;

    }
    .datehead3{

        margin-top: 40px;
        margin-left: 40px;

    }
    .datepickeredit{
        padding: 0px 0 0 0px;
    }
}

@media (max-width: 250px) {

    .loadright{
        margin-left: 35%;
    }

}