body {
}

.dataTables_scroll tr.odd { background-color: #fafafa; }
.dataTables_scroll tr.even { background-color: white; }

.tableHeaderColor{
    color: #fcf8f7;
    background-color: #888888;
}

.loader {
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#JobTicketData .form-group {
    float: left;
    width: 100%;
     z-index: 1;
    position: relative;
}
#JobTicketData label {
    line-height: 34px;
    float: left;
    margin-right: 15px;
}
#TicketsJob_wrapper {
    float: left;
    width: 100%;
    margin-top: -51px;
}
#TicketsJob_filter {
    float: right;
}
#TicketsJob_filter input {
    margin-left: 10px;
    height: 24px;
}
#ddlJob {
    width: 60%;
}


#TechTicketData .form-group {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
}
#TechTicketData label {
    line-height: 34px;
    float: left;
    margin-right: 15px;
}
#TicketsTechGrid_wrapper {
    float: left;
    width: 100%;
    margin-top: -70px;
}
#TicketsTechGrid_filter {
    float: right;
}
#TicketsTechGrid_filter input {
    margin-left: 10px;
     height: 24px;
}
#ddlTypeTech {
    width: 60%;
}


#TechDataGrid_wrapper {
    float: left;
    width: 100%;
}
#TechDataGrid_filter {
    float: right;
}
#TechDataGrid_filter input {
    margin-left: 10px;
     height: 24px;
}



#AccountsTicketData .form-group {
    float: left;
    width: 100%;
     z-index: 1;
    position: relative;
}
#AccountsTicketData label {
    line-height: 34px;
    float: left;
    margin-right: 15px;
}
#TicketsAcctGrid_wrapper {
    float: left;
    width: 100%;
    margin-top: -50px;
}
#TicketsAcctGrid_filter {
    float: right;
}
#TicketsAcctGrid_filter input {
    margin-left: 10px;
     height: 24px;
}
#ddlAccounts {
    width: 60%;
}

#DtLabor_wrapper {
    float: left;
    width: 100%;
}
#DtLabor_filter {
    float: right;
}
#DtLabor_filter input {
    margin-left: 10px;
     height: 24px;
}

#ARAging_wrapper {
    float: left;
    width: 100%;
}
#ARAging_filter {
    float: right;
}
#ARAging_filter input {
    margin-left: 10px;
     height: 24px;
}

#JobActivitySummary_wrapper {
    float: left;
    width: 100%;
}
#JobActivitySummary_filter {
    float: right;
}
#JobActivitySummary_filter input {
    margin-left: 10px;
     height: 24px;
}

#JobModEst_wrapper {
    float: left;
    width: 100%;
}
#JobModEst_filter {
    float: right;
}
#JobModEst_filter input {
    margin-left: 10px;
     height: 24px;
}

div.dt-buttons {
    position: relative;
    float: left;
    left: 50%;
}

/*.amcharts-amexport-item.amcharts-amexport-item-level-0.amcharts-amexport-item-blank {
    bottom: auto;
    position: absolute;
    top: -45px;
    right: 30px;
    background-color: 
    #cacaca;
    border-radius: 5px;
}*/
.amcharts-amexport-item-level-0 > .amcharts-amexport-icon {

    padding: 0;

}
.amcharts-amexport-item.amcharts-amexport-item-level-0 {
    background: rgb(236, 240, 245) !important;
    background-size: 85% !important;
    opacity:0.7 !important;
    padding-top: 4px;
}
.amcharts-amexport-item.amcharts-amexport-item-level-0 .amcharts-amexport-label-level-0{
    color:#fff !important;
}

.amcharts-amexport-item {
    background-color: rgb(236, 240, 245) !important;
    border: 1px solid rgb(194, 227, 242) !important;
}
    .amcharts-amexport-item:hover, .amcharts-amexport-item.active {
        opacity: 1 !important;
    }
.dt-button.buttons-collection{
    background: rgb(236, 240, 245) url(../icons/Export.svg) no-repeat center !important;
    background-size: 85% !important;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    border: solid 1px #bfd0d9 !important;
    opacity: 0.7;
}
    .dt-button.buttons-collection:hover {
        opacity: 1;
    }
.dt-button.buttons-collection span{display:none;}
#TechDataGrid_wrapper div.dt-buttons {
    position: relative;
    float: left;
    left: 97%;
}
#TechDataGrid_filter {
    float: right;
    right: 80px;
    position: relative;
}

#JobActivitySummary_wrapper div.dt-buttons {
    position: relative;
    float: left;
    left: 97%;
}
#JobActivitySummary_filter {
    float: right;
    right: 80px;
    position: relative;
}
div.dt-button-collection {
    position: absolute;
    top: -11px !important;
    left: -83px !important;
    width: 90px !important;
    margin-top: 3px !important;
    padding: 8px 8px 4px 8px;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important
}

.dt-button-collection .dt-button span {
    color: #3c8dbc !important;
}
.dt-button-collection .dt-button span:hover {
    color: #72afd2 !important;
}
.dt-button-collection .dt-button {
    background-color: rgb(236, 240, 245) !important;
    background-image: linear-gradient(to bottom, rgb(236, 240, 245) 0%, rgb(236, 240, 245) 100%) !important;
    border: 1px solid rgb(194, 227, 242) !important;
    border-radius: 3px !important;
    margin-bottom: 1px !important;
    opacity:0.9;
}
.dt-button-background {
    background: transparent !important;
}
.dt-button-collection .dt-button:hover{opacity:1;}
.dt-button-collection button.dt-button:hover{border: 1px solid rgb(194, 227, 242) !important; opacity:1;}

#TicketsTechGrid_wrapper div.dt-buttons {
    position: relative;
    float: left;
    left: 97%;
}
#TicketsTechGrid_filter {
    float: right;
    right: 80px;
    position: relative;
}

#TicketsAcctGrid_wrapper div.dt-buttons {
    position: relative;
    float: left;
    left: 97%;
}
#TicketsAcctGrid_filter {
    float: right;
    right: 80px;
    position: relative;
}

#TicketsJob_wrapper div.dt-buttons {
    position: relative;
    float: left;
    left: 97%;
}

#TicketsJob_filter {
    float: right;
    right: 80px;
    position: relative;
}

#DtLabor_wrapper div.dt-buttons {
    position: relative;
    float: left;
    left: 97%;
}

#DtLabor_filter {
    float: right;
    right: 80px;
    position: relative;
}

#ARAging_wrapper div.dt-buttons {
    position: relative;
    float: left;
    left: 97%;
}

#ARAging_filter {
    float: right;
    right: 80px;
    position: relative;
}

.toggle.btn.btn-default.off {
    margin-bottom: 10px !important;
    margin-top: -10px !important;
}

.toggle.btn.btn-primary {
  margin-bottom: 10px !important;
    margin-top: -10px !important;
}

.skin-blue.layout-boxed.sidebar-mini {
    overflow: hidden !important;
}

#generalDT_filter {
    text-align: right;
    width: 94%;
    float: left;
}
#generalDT_wrapper div.dt-buttons {
    position: absolute;
    float: right;
    right: 2.5%;
    left: auto;
}
.dataview1 .dataTables_filter label {
    float: none;
}
.dataview1 .dataTables_filter{
    float: left;
    width: 94%;
    text-align: right;
}
.dataview1 .dataTables_wrapper.form-inline div.dt-buttons {
    position: absolute;
    float: right;
    right: 2.5%;
    left: auto;
}

.dataview .dataTables_filter label {
    float: none;
}
.dataview .dataTables_filter{
    float: left;
    width: 45%;
    max-width:45%;
    text-align: right;
}
.dataview .dataTables_wrapper.form-inline div.dt-buttons {
    position: absolute;
    float: right;
    right: 2.5%;
    left: auto;
}

.form-group.dropdownGroup {
    float: left;
    width: 50%;
    max-width: 50%;
}
.form-group.dropdownGroup .col-sm-6{
    width:100%;
    max-width:100%;
}
.form-group.dropdownGroup .col-sm-6 label {
    float: left;
    width: auto;
}
.form-group.dropdownGroup .col-sm-6 select {
    float: left;
    width: 60%;
    max-width: 60%;
}
.dataview .dataTables_filter label {
    float: right !important;
}

tbody {
    cursor: pointer;
}
.dataview .dataTables_filter label {
    margin-right: 0 !important;
    line-height: 28px !important;
}
.box.detail {
   margin-top: 17px;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    line-height: 1;
}

.btn.btn-info.btn-sm {

    margin-top: 10px;
    margin-right: 10px;

}

.logOutUser {
    margin-top: 14px;
    margin-right: 15px;
    float: left;
    text-align: right;
    color: 

    #fff;

}

.btn.btn-info.btn-sm {

    margin-top: 10px;
    margin-right: 12px;
    float: right;

}

.dd_s {
    float: left;
    width: 100%;
}
.dd_s span {
    float: left;
    width: 50%;
    margin-right: 50%;
    margin-bottom:9px;
}
.dd_s span span{
    float: left;
    width: 100%;
    margin-right: 0;
}
.drop_c {
    float: left;
    width: 100%;
}
.Export_Main {
    float: left;
    width: 100%;
    text-align: right;
}
.Export_Chart {
    float: right;
    width: 100px;
    position: absolute;
    right: 98px;
    margin-top: 1px;
    z-index: 1;
    display:none;

}
.k-button, #btnSubmit, .box-footer .btn-info, .k-button.k-primary {
    background-image: linear-gradient(#337ab7,#2e6da4);
    color:white;
    border: solid 1px #2e6da4;    
}
button#btnContinue, button#btnSave {width:90px;}
.k-button:hover, #btnSubmit:hover, .box-footer .btn-info:hover, .k-button.k-primary:hover {
    background-image: linear-gradient(#2e6da4, #337ab7);
    color:white;
    border: solid 1px #fff;
}
.exportBtn {
    padding: 5px 12px;    
    border-radius: 3px;   
    width: 85px;    
    background-image: linear-gradient(#337ab7,#2e6da4);
    color:white;
    border: solid 1px #2e6da4;
    float: right;
    display:none;
}
.exportBtn:hover{
    background-image: linear-gradient(#2e6da4, #337ab7);
    color:white;
    border: solid 1px #fff;
}

.Export_Chart button {
    padding: 5px 12px;   
    border-radius: 3px;
    margin-bottom: 1px;
    width: 85px;
}
.Export_Main button img {
    position: relative;
    left: -7px;
}
.k-chart {
    float:left;
    width:100%;
}

/*.exportBtn_png:hover {
    background-image: linear-gradient(#5bc0de,#5bc0de);
    color:white;
}
.exportBtn_png {
    background-image: linear-gradient(#5bc0de,#5bc0de);
    color:white;
}
.exportBtn_pdf:hover {
    background-image: linear-gradient(#5bc0de,#5bc0de);
    color:white;
}
.exportBtn_pdf {
    background-image: linear-gradient(#5bc0de,#5bc0de);
    color:white;
}
.exportBtn_svg:hover {
    background-image: linear-gradient(#5bc0de,#5bc0de);
    color:white;
}
.exportBtn_svg {
    background-image: linear-gradient(#5bc0de,#5bc0de);
    color:white;
}*/
#dtnrefesh{
    background-image: linear-gradient(#337ab7,#2e6da4);
    color:white;
    border: solid 1px #2e6da4;
}
#dtnrefesh:hover {
background-image: linear-gradient(#2e6da4,#337ab7);
color:white;
border: solid 1px #fff;
}
/*.box-body .form-group label {
    float: left;
    width: 100%;
}*/
.box-body .form-group span {
     float: left;
    width: 100%;
} 
.box-body .form-group #dtnrefesh {
    margin-top: 5px;
}
.box-body .form-group .k-select {
    width: 40px !important;
}
.box-body .form-group input {
    float: left;
    width: 100%;
}
.k-calendar .k-state-selected .k-link {
    border-color: #5bc0de !important;
    background-color:#5bc0de !important;
}
.k-calendar .k-state-selected .k-link:hover {
    border-color: #5bc0de !important;
    background-color:#59bedd !important;
}
.k-header.k-grid-toolbar {
    float: left;
    width: auto;
    text-align: right;
}
.Export_Main.gridExport {
    float: left;
    width: 100%;
    text-align: right;
    position: absolute;
    z-index: 1;
    right: 20px;
    margin-top: 5px;
}
.k-header.k-grid-toolbar {
    float: right;
    /*width: 130px;*/
    text-align: right;
    background-color: transparent;
    border: none;
    position: absolute;
    top: -37px;
    z-index: 4;
    right: 131px ;
    display:block;
}
.k-button.k-button-icontext {
    /*background-image: linear-gradient(#5bc0de,#5bc0de);*/
    color: #fff;
    border-radius: 3px;
    padding: 5px 8px;
    margin-bottom: 0;
    width: 130px;
}
.box-body .k-grid {
    min-height: 400px;
    float: left;
    width: 100%;
    padding-top: 15px;   
    border:none !important;
}
/*.k-grid {
    border: solid 1px #e1e1e1;
    border-top:none;
}*/
/*.k-grid-content {
    border: solid 1px #e1e1e1;
    border-top:none;
    border-right:none;
}*/
/*.box-body .k-grid-header {
    float: left;
    width: 100%;
}*/
.k-switch {
    width: 12em!important;
}
.Export_tbl .k-header.k-grid-toolbar {
   top: -4px;
    right: 92px;

}
.Dash_grid .box-body .k-grid{padding-top:0;}
.Dash_grid .box {margin-bottom:0;}


.Setting-lblFrom {
    margin-top: 12px;
}

.k-grid-filter.k-state-active .k-icon {
    position: relative;
    left: -2px;
}
.k-calendar .k-state-selected .k-link {
    border-color: #2e6da4 !important;
    background-color: #2f70a8 !important;
}
.k-calendar .k-state-selected .k-link:hover {
    border-color: #2f70a8 !important;
    background-color: #276397 !important;
}

.checkbox, .radio {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.form-group {
    margin-bottom: 12px !important;
}
.k-listbox {
    width: 38.8em !important;
}

#btnRemove{width: 1em;
height: 1em;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-family: WebComponentsIcons;
font-style: normal;
font-variant: normal;
font-weight: 600;
line-height: 1;
speak: none;
text-transform: none;
text-decoration: none;
display: inline-block;
vertical-align: middle;
width: calc(10px + 1.42857143em);
height: calc(10px + 1.42857143em);
padding: 4px;
border-radius: ;
padding: 0;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
font-size: 14px;
line-height: 1.42857143;
font-family: inherit;
text-align: center;
text-decoration: none;
white-space: nowrap;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
-webkit-appearance: none;
position: relative;

float: right;
position: relative;
left: 38px;
bottom: 115px;
}
#btnRemove::before{
    content: "\e11b";
    font-size: 16px;
    font-family: WebComponentsIcons;
    color : #fff;
}
#btnAdd {
    float: right;
    position: relative;
    left: 13px;
    top: -32px;
}
/*.setting-form .form-group {
    margin-bottom: 12px !important;
    float: left;
    width: 100%;
}*/

/**/
.aggregate_col {
    width:150px;
    position: absolute;
    left: 605px;
    top: 115px;
    z-index:10;
    background-color: #fff;
    border: solid 1px #e1e1e1;
    box-shadow:0px 0px 1px 3px rgba(0,0,0,0.05);    
    display:none;
}
ul.ul_aggregate_col {
    float: left;
    width: 100%;
    list-style: none;
    padding: 15px;
}
ul.ul_aggregate_col li {
    float: left;
    width: 100%;
}
ul.ul_aggregate_col li input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}
ul.ul_aggregate_col li label {
    float: left;
    font-size:14px;
    color:#555;
    font-weight:400;
}
th span { cursor: pointer; }
.k-grid-content.k-auto-scrollable {
    height: 400px;
}
.k-widget.k-dropdown.form-control {
    width: calc(100% - 38px) !important;
}
.kendoFormGroup {
    float: left;
    width: 38.8em;
}


@media only screen and (max-width:991px){
    .main-header .navbar-custom-menu .btn.btn-info.btn-sm {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da;
    }
    .k-widget.k-listbox.k-listbox-toolbar-right {
        width: 100% !important;
    }
    .kendoFormGroup {
        width: 100% !important;
    }
}

a.sidebar-toggle {
    text-decoration: none;
}
.ExportCSVbtn {
    float: right;
    width: 134px;
    text-align: right;
    margin-left: 5px;
    margin-top: 4px;
}
.ExportCSVbtn button {
    border-radius: 3px;
    padding: 5px 12px;
}
.ExportCSVbtn span.k-icon.k-i-file-csv {
    position: relative;
    left: -3px;
}
.k-grid-norecords{
    margin-top: 118px;
    font-size: large;
}