.form-control {
    padding: 3px !important;
    height: 28px !important;
    border-radius: 6px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

textarea.form-control {
    height: auto !important;
}

.form-group {
    margin-bottom: 8px !important;
    min-height: 45px;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 3px 3px !important;
    height: 28px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    border-radius: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 41% !important;
}

.calendaricon {
    position: absolute;
    right: 22px !important;
    font-size: 16px;
    color: #333;
    z-index: 1;
    top: 29px !important;
    cursor: pointer;
}
 .table>thead>tr>th {
    background: #18AACC;
    color: #fff;
}

.mainAccordian .contentaccordion {
    padding: 4px 0px;
}

.SumoSelect > .CaptionCont {
    line-height: 21px !important;
    border-radius: 6px !important;
}

.content-header > h1 {
    font-size: 17px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px;
    line-height: 1.42857143;
   
}
.box {
    border-radius:6px;
    border-left: 4px solid #02adb8;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
}
.box-header {
    padding: 0px;
}
.box-header .box-title {
   padding: 0px !important;
    margin: 8px;
    font-size: 16px !important;
    font-weight: 500 !important;
}
 /*******Dashboard*********/
.pr0{ padding-right: 0px !important;}
.dcard{min-height:;background: #fff; padding:15px; border: 1px solid rgba(0,0,0,.07);   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);-moz-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);     border-radius: 3px; margin-bottom: 15px;}
.dcard h3{font-size: 16px;color: #333;font-weight: 500; margin: 0px;    margin-bottom: 16px;}
.dcard h4{font-size: 18px;color: #18AACC;font-weight: 400;margin-top: 20px; margin-bottom: 0px;}
.dcard .cardheader {color: #18AACC;position: relative;box-shadow: none;}
.dcard .cardheader h3:before {position: absolute;width: 3px;height: 22px;left: -15px;top: -2px;content: '';background: #18AACC;}
.dcard .cardheader  p{color: #676767;margin-top: 10px;font-size: 13px;}
canvas{

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
@media screen and (max-width: 800px) {
  .pr0{ padding-right: 15px !important;}

}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

.autocomplete-suggestions { border: 1px solid #eaecf1; background: #fff; cursor: default; overflow: auto;       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); 
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
    border: 1px solid rgba(0,0,0,.07);}
.autocomplete-suggestion { padding: 6px 5px; font-size: 13px; white-space: nowrap; overflow: hidden; border-bottom:solid thin #f4f4f4; }
.autocomplete-selected { background: #18AACC  ! important; color:#fff; }
.autocomplete-suggestions strong { font-weight: 600; color: #000; }
.table tr td.actionbar, .table tr th.actionbar {
    width: 90px;
}
.contentBG{ background:#fff; padding:12px;     border-bottom: solid thin #efefef;}
	.labelset{font-weight: bold;
    color: #0485a3;
    margin: 9px 0px 8px;}
	.maxheight400{max-height: 400px;}
	.tabeSet{ padding:0px 10px 10px 10px;}
	.soheadingTOp{position: absolute;
    right: 2px;
    top: -8px;
    font-weight: bold;}
	.grandTotalBG{ background:#e2e2e2; padding:12px 30px 10px;}
	.grandTotalBG  .GTotal{color: #212121;
    text-align: right; font-weight:bold; text-transform:uppercase;}
	.GTotal .amt{ font-size:24px; font-weight:100;}
	.nocontentPad{padding: 0px 12px !important;}
	 .pa10{ padding:10px;}
	   table .AddWrapp {box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);}
        .tableTDBG{ background:#f1f1f1 !important;}
        .innerHeading{ font-size:16px; padding:10px; color:#333;}
		
		                  #leftPanelSlider{    position: absolute;
    background: #414755;
    left: 88%;
    width: 50px;
    height: 50px;
    top: 300px;
    border-radius: 50%; color:#fff; cursor:pointer;}
    
    
    .sidebar-collapse #leftPanelSlider{    position: absolute;
    background: #414755;
    left: 40%;
    width: 50px;
    height: 50px;
    top: 300px;
    border-radius: 50%; color:#fff;}
    
    #leftPanelSlider i{text-align: center;
    margin-top: 18px;
    margin-left: 30px;}
.comp-logo{    margin-right: 10px;margin-top: 7px;border-left: solid 2px#18aacc;padding-left: 5px; height:35px;}
.searchbtnabsoluteset {
    position: absolute;
       right: 20px;
    top: 29px;
}

/*WBS pop up*/
 .NewPopUp {
    width: 80%;
    margin: 0px auto;
    background: #fff none repeat scroll 0% 0%;
    padding: 5px;
    -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.modalBackground {
   background: rgba(255, 255, 255, 0.75);

}
#divHelp{ display:none;}
.innerTableHeading{font-size: 16px;
    padding: 10px;
    color: #0485a3; border-bottom:solid thin #dadada;}
	.popUpHeading{font-size: 16px;
    padding: 10px;
    color: #0485a3; }
	.top8{ top:8px;}
	.pt9{ padding-top:9px;}
	.labelsetting{ display:inline-flex;}
	.alignright{ text-align:right;}
	.aligncenter { text-align:center;}
	.otherDisableset{background:#eee;}
	.top8imp{top: 8px;}
	.EwayBillClose {
    float: right;
    margin-top: 25px;
    margin-right: 23px;
    position: relative;
    z-index: 99;
}
.maxheight312{ max-height:312px;}
.table input{ border:solid thin #ccc;}
.table .form-control{ height:27px;}
.innerTableshadow{box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);}
.searchSpan{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-right: 23px;}
.fromDateSet{background:#f4f4f4;}
.VehicleSearchIcon{position: absolute;right: -16px;top: 4px;}

.materialonserachIcon {
    position: absolute;
    right: 20px;
    top: 6px;
}
.rightqrrowclass {
    position: absolute;
    left: 48.5%;
    top: 50%;
}
.btnRemoveclick{ color: #0485a3; font-size:14px; cursor:pointer;}
.min-width200{ min-width:200px;}
@media screen and (max-width: 1024px) 
{
     .hideinsmalldevices{display:none !important;}
     .table-custom-class{ min-width:100% !important;}
     .col-md-tdwidth90{max-width: 90px;}
     .col-md-tdwidth100{max-width: 100px;}
     .col-md-tdwidth135{max-width: 135px;}
     .col-md-tdwidth150{max-width: 150px;}
     .col-md-tdwidth200{max-width: 200px;}
     .col-md-tdwidth250{max-width: 250px;}
     .col-md-tdwidth300{max-width: 300px;}
     
     .col-td-120width {
    max-width: 120px;
}
    
     .maxtable tr td{max-width:50px;}
     .maxtable1 tr td{max-width:87px;}
     .maxtable2 tr td{max-width:100px;}
     .width140imp{width: 140px !important;}
     .col-md-disable{display:block !important;}
    }
    
    .loader1 div{ margin:12% auto;position: relative; text-align:center;}
.loader1 p{ text-align:center;}
.loader1{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;background: rgba(255, 255, 255, 0.8);}
.calendarSet {
    position: absolute;
    top: 32px;
    right: 8px;
    z-index: 1;
    font-size:16px;
}
.form-group {
    position: relative;
}
.loaderDashboard div{ margin:12% auto;position: relative; text-align:center;}
.loaderDashboard p{ text-align:center;}
.loaderDashboard{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;background: rgba(255, 255, 255, 0.9); width:100%;}
ul#themeList {     width: 200px;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    background: #fff;
    padding:0px;
    display:none;
}
    ul#themeList li { list-style-type:none; padding:8px; border-bottom:solid thin #eaeaea;
    }