.sub-job-ul{
  display: none;
}
.sub-service-ul{
  display: none;
}
.main-job-li, .main-service-li, .main-task-li{
  cursor: pointer;
}
.fc-event.event-service{
  border-color: #8bc34a;
  background-color:#8bc34a;
}
.fc-event.event-job{
  border-color: #353132;
  background-color:#353132;
}
.fc-event.event-task{
  border-color: #eb0038;
  background-color:#eb0038;
}

.client-output-name {
  margin: 0 !important;
  font-weight: 300;
  font-size: 34px;
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
  border: none;
  margin-bottom: 20px !important;
}
.edit-client-input{
  border: none;
  background: inherit;
  text-overflow: ellipsis;
}
.edit-client-input:focus{
  border: 1px solid #CCCCCC;
  outline: none;
  border-radius: 4px;
}
.client-output-name:focus{
  border: 1px solid #CCCCCC;
  outline: none;
  border-radius: 4px;
}
.client-output-group-name {
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
  display: -webkit-box;
}
input[disabled].edit-client-input {
  border: none;
}
.client-output-phone {
  font-weight: 500;
  box-sizing: border-box;
  border-color: #f3f2f2;
  color: #353132;
  line-height: 1.846153846;
}
input.text-medium.user-output-input{
  background-color: #f3f2f2;
  color: #353132;
  outline: none;
  border: none;
  width: 100%;
}
input.text-medium.client-output-phone.edit-client-input {
  background-color: #f3f2f2;
  color: #353132;
}
input.client-output-email.edit-client-input {
  color: #353132;
  background-color: #f3f2f2;
}
.edit-button.cancel-client-info {
  cursor: pointer;
  margin-left: 20px;
  height: 56px;
  vertical-align: middle;
  line-height: 56px;
  font-size: 17px;
  float: left;
}
.edit-button.save-client-info, .save-job-info {
  cursor: pointer;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 15px;
  margin-top: 3px;
}
input.text-medium.client-output-zip.edit-client-input.client-address-input {
  display: -webkit-inline-box;
  width: 56px;
}
input.text-medium.client-output-state.edit-client-input.client-address-input {
  width: 22px;
  display: -webkit-inline-box;
}
input.text-medium.client-output-city.edit-client-input.client-address-input {
  width: 53%;
  display: -webkit-inline-box;
}
.client-address-input{
  color: #353132;
  background-color: #f3f2f2;  
}
.edit-address-output{
  /*display: none;*/
}
.hide{
  display: none;
}
.contact-main-content{
  width: 100%;
}
i.fa.fa-times.remove-client-contact, i.fa.fa-times.remove-job-contact {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
  font-size: 20px;
  color: #949192;
  cursor: pointer;
  padding: 10px;
}
select#client-group-select {
  /*display: none;*/
}
select#client-group-select {
  margin-left: 120px;
}
.client-file-uploader{
  display: none;
}
.client-img-container, .job_link, .job_link .tile-text,#task .tile *,#deps .tile *{
  cursor: pointer;
}
.client-info-icon {
  top: -6px;
  position: relative;
}
.fileinput-button, .view-files-button {
  width: 100px;
  text-align: center;
  position: relative;
  /*left: 0;*/
  cursor: pointer;
  border: 1px solid black;
  top: 1px;
  height: 24px;
  float: right;
}
.uploadfile-button, .uploader-button {
  width: 100px;
  position: relative;
  text-align: center;
  /*right: 0;*/
  cursor: pointer;
  border: 1px solid black;
  top: 1px;
  height: 24px;
  float: right;
}
.uploader-button {
  right: inherit;
  float: left;
  position: relative;
}
.view-files-button.btn-raised.btn-primary.file-toggle-tab {
  float: left;
  display: block;
  position: relative;
  text-align: center;
}
.button-container {
  position: relative;
  height: 25px;
}
.col-sm-9.client-status-container {
  width: 334px;
  position: absolute;
  right: 0;
  top: 50px;
  font-size: 12px;
}
.client-radio-span:before{
  border-color: #474747 !important;
}
.radio-styled input:checked ~ span.client-radio-span:after{
  left: 2px !important;
  top: 2px !important;
  width: 16px !important;
  height: 16px !important;
}
.li-output{
  display: none;
  position: absolute;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  z-index: 1000;
}

ul.li-ul {
  list-style: none;
  padding: 0;
  border: 1px solid white;
}
li.group-li.add-client-li {
  text-indent: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid grey;
  cursor: pointer;
}
li.group-li.add-client-li:last-child{
  border-bottom: none;
}
li.group-li.add-client-li:hover{
  background: #E2E2E2;
  color: #474747;
}
.update-profile-info.active {
  border: 1px solid #0CD80C;
}
.member-profile-output.active{
  border: 1px solid #079A07;
  padding: 3px;
}
.member-profile-name, .member-profile-job-title{
  text-transform: capitalize;
}
.user-profile-img{
  cursor: pointer;
}
span.member-profile-job-title.member-profile-output.active {
  top: 2px !important;
  position: relative;
}
.btn-raised.btn-primary.save-profile-info-btn {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 0;
  text-align: center;
  height: auto;
  width: auto;
  min-width: 80px;
  cursor: pointer;
}
.member-email.member-profile-output {
  max-width: 100%;
  overflow: auto;
}
.each-perm-group, .group-members-sub-div{
  background-color:#e6e5e5;
}
.each-perm-group .card-body, .group-members-sub-div .card-body{
  background-color: #fff;
}
.group-perm-chk-div, .group-member-chk-div{
  margin-left: 0 !important;
  margin-right: 30px;
  width: 21%;
}
.save-group-btn-div {
  width: 100%;
  height: 26px;
}
.save-group-members-btn.btn-raised.btn-primary, .save-group-info-btn.btn-raised.btn-primary {
  width: 100px;
  position: absolute;
  left: 25px;
  text-align: center;
  height: auto;
  vertical-align: middle;
  line-height: 26px;
}
.save-group-info-btn.btn-raised.btn-primary {
  background-color: #C5BDBD;
  color: #474747;
  cursor: default;
}
.save-group-info-btn.btn-raised.btn-primary.active{
  background-color: #474747;
  color: white;
  cursor: pointer;
}
.group-permissions-sub-div.group-sub-div {
  margin-top: 10px;
}
.group-edit.active {
  border: 1px dotted #474747;
}
.group-edit:focus {
  outline: none;
}
.admin-sub-title {
  font-size: 25px;
  font-weight: 500;
}

.form-control.group-name-input {
  width: 90%;
  margin-bottom: 10px;
}

.save-group-name-btn.btn-raised.btn-primary, .save-permissions-btn {
  width: 100px;
  position: fixed;
  top: 17.2%;
  right: 55px;
  background-color: rgba(12, 12, 12, 0.07);
  z-index: 10;
  text-align: center;
  height: auto;
  vertical-align: middle;
  line-height: 26px;
  margin-bottom: 0px;
}
.upper-card.form-group {
  /*margin-bottom: 50px;*/
}
.upper-card-half {
  width: 50%;
  display: inline-block;
}
.add-group-div {
  width: 20%;
  margin-left: auto;
  margin-right: 0;
  text-align: center;
  max-width: 100px;
  min-width: 100px;
  margin-top: -14px;
  margin-bottom: 10px;
}
.add-service-div{
  text-align: center;
  max-width: 100px;
  min-width: 100px;
  margin-top: -14px;
  margin-bottom: 10px; 
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}
.add-task-div {
  width: 20%;
  margin-left: 0;
  margin-right: auto;
  text-align: center;
  max-width: 100px;
  min-width: 100px;
  margin-top: -14px;
  margin-bottom: 10px;
}
.add-group-btn, .add-service-btn, .add-task-btn{
  cursor: pointer;
}
.form-group.checkbox-styled.checkbox-inline.member-disabled-check-div {
  padding-top: 50px;
}
span.disable-span {
  top: 8px;
}
.user-profile-img.member-page {
  height: 120px;
  cursor: pointer;
}

.row.user-img-row {
  margin-bottom: 11px;
  margin-top: -10px;
}
.right-tools {
  position: absolute;
  right: 0;
  top: 4px;
  width: auto;
}
i.fa.edit-perm-fa {
  margin-right: 10px;  
}
i.fa.remove-perm-fa, i.fa.edit-perm-fa{
  font-size: 16px; 
}
.main-perm-chk-div{
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  margin-right: 14px;
  margin-left: 0px !important;
}
.main-perm-chk-div:nth-child(even){
  float: right;
}
.checkbox-styled.checkbox-inline.main-perm-chk-div {
  display: -webkit-inline-box;
}
.save-permissions-btn.btn-raised.btn-primary {
  left: 23px;
  bottom: 1px;
  cursor: pointer;
}
.add-task-div.view-service-add-task {
  margin-right: 0;
  margin-left: auto;
  position: absolute;
  right: 3px;
  top: 17px;
  margin-bottom: 0px;
}
div#service-select.add-task-service-div {
  top: 5px;
  position: relative;
}
h1.text-light.no-margin.service-name-output {
  width: 90%;
}
.add-task-div.view-service-add-dep.service-dep-div {
  margin-right: 0;
  margin-left: auto;
  width: auto;
  max-width: 200px;
  display: none;
  position: absolute;
  right: 3px;
  top: 17px;
}
.add-service-dep-btn.btn-raised.btn-primary {
  padding: 0px 10px;
  cursor: pointer;
}
i.fa.fa-trash.remove-service-dep-fa {
  font-size: 18px;
}
.right-tools.service-page {
  right: 0px;
  top: 8px;
}
ul.sub-service-task-li {
  list-style: none;
  padding-left: 30px;
  /*width: 50%;*/
  position: relative;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
}
a.service-task-a.service-task-dep-a {
  position: relative;
}
.right-tools.service-page.task-deps {
  right: -40px;
  top: -13px;
}
.service-task-a, .each-sub-li{
  width: 95%;
}
a.service-task-a.service-task-dep-a:focus, a.service-task-a.service-task-dep-a:hover{
  text-decoration: none;
}
ul.sub-service-task-li:hover{
  background-color:#e6e5e5;  
}
.tile-text{
  cursor: auto;
}
#delete {
  cursor: pointer;
}
div#task-select.add-task-div-output {
  width: auto;
  margin: auto;
  margin-left: 0;
  top: 4px;
  position: relative;
  text-align: left;
}
.search-results-inner {
  width: 80%;
  height: 70%;  
  top: 128px;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
}
.search-results-div{
  position: absolute;
  z-index: 1005;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  display: none;
}
.search-modal-backdrop{
  background: black;
  opacity: .5;
  position: fixed;
  height: 100% !important;
  width: 100% !important;
}
.search-body-content{
  overflow: auto;
  max-height: calc(100% - 80px);
  height: calc(100% - 80px);
}
.search-li.active a {
  color: #585354 !important;
}
.search-li.active a{
  border-right: 2px solid#a8cf38 !important;
}
.search-result-row {
  text-indent: 10px;
  cursor: pointer;
}

.no-results-row, .main-no-search-results{
  display: none !important;
}
.main-no-search-results.active{
  display: block !important;
}
.search-result-row > * {
  padding-left: 10px;
}
.forgot-pass-div {
  width: auto;
  position: absolute;
  cursor: pointer;
}

.add-group-div.add-client-group-div {
  max-width: 160px;
}
.save-group-info-btn{
  cursor: pointer;
}
.group-target-div {
  margin-bottom: 10px;
}
.note-select-tab-ul{
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.update-note-select-tab-ul{
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 80%;
}
.note-select-tab-ul li{
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.update-note-select-tab-ul li{
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin:5px;
  padding: 0 5px;
}
ul.note-select-tab-ul {
  position: relative;
  left: 10px;
  top: -12px;
}
.lower-address-output {
  display: -webkit-inline-box;
}
.client-output-name {
  /*border: 1px solid;*/
  display: -webkit-inline-box;
  min-width: 50%;
}
.client-address-input{
  text-transform: capitalize;
}
.client-output-state{
  text-transform: uppercase;
}
.view-files-button{
  /*display: none;*/
}
.other-buttons{
  display: none;
}
.each-file-div,.ct-each-file-div{
  background: white;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  min-height: 100px;
  cursor: pointer;
  width: 20%;
  min-width: 100px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.each-file-div:hover,.ct-each-file-div:hover{
  background-color: #f3f2f2;
}
.each-ep-file-div{
  background: white;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  min-height: 100px;
  cursor: pointer;
  width: 20%;
  min-width: 100px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.each-ep-file-div:hover{
  background-color: #f3f2f2;
}
.file-name {
  text-align: center;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: pre-line;
  overflow: hidden;
}
.each-file-preview{
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
  margin: auto;
}
.each-file-icon{
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  margin: auto !important;
  text-align: center;
  vertical-align: middle;
  line-height: 115px;
}
.file-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.edit-button.save-client-info:hover, .save-job-info:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.job-vj{
  margin-left: 30px;
  padding-right: 18px;
}
.client-vj{

}
.col-sm-9.client-status-container .radio-styled {
  margin-top: -3px;
}
.contact-a{
  margin-top: -1px;
}
.contact-a:hover{
  background-color: transparent !important;
  border: 2px solid #8F9194;
  width: 100%;
}
.fav-output-div{
  padding: 0;
}
.contact-a.contacts{
  padding: 0px;
  padding-left: 3px;
}
.contact-favorite-output small {
  margin-left: 0 !important;
}
.relative{
  position: relative;
}
.contact-icon-fav {
  position: absolute;
  left: 0px;
  top: 3px;
}
a.favorite-a.contacts {
  padding-left: 5px;
  padding-right: 5px;
}
.content-span.contacts {
  padding-left: 20px;
}
li.no-notifications {
  padding: 5px 20px 0px 20px;
  font-weight: 700;
}
.dropdown-menu{
  max-height: 535px;
  overflow-y: auto;
  min-width: 210px !important;
}
ul.dropdown-menu.animation-dock {
  min-width: 210px !important;
}
.dropdown-menu li a{
  cursor: pointer;
}
.main-job-li .tile-content .tile-text, .main-service-li .tile-content .tile-text,.main-task-li .tile-content .tile-text {
  cursor: pointer;
}
.return-to-login-btn {
  width: auto;
  position: absolute;
  cursor: pointer;
  margin-top: 20px;
}
.return-to-login.reset-pass {
  position: absolute;
  cursor: pointer;
  left: 10px;
}
.return-to-login-btn.reset-pass {
  position: relative;
  margin-top: 0px;
  line-height: 36px;
}
.error-password-token, #update-pass-form{
  display: none;
}
.notification-table tbody tr td:not(.checked){
  cursor: pointer;
}
.panel-group.job-accordion{
  height: 57px;
  position: relative;
  margin: 0;
}
.job-service-trash-div {
  margin-bottom: 0;
  height: 100%;
  position: relative;
  padding: 0;
}
.view-job-card-head .tools {
  padding-right: 0;
}
.job-service-trash-div {
  margin-bottom: 0;
  height: 57px;
  position: absolute;
  padding: 0;
  float: none !important;
  display: inline-table;
  text-align: center;
  width: 40px;
  right: -53px;
}
.job-service-trash-div i.fa-trash {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  line-height: 56px;
}
.service-output-select {
  padding-left: 0;
}

.service-output-select-sub {
  padding: 0;
}
.service-task-output-group{
  padding-left: 0;
}
.go-back-a{
  margin-left: 10px;
}

/* FROM OOMDO */
.ad {
    border: 1px solid #ccc;
    color: #222;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    padding: 5px;
    width: 100%;
}
.ad a {
    color: rgb(0,0,204);
}
.ad .display_url {
    color: #0e8f0e;
}

.display_ad {
  /*background-color: #000;*/
  max-height: 72px;
  overflow: hidden;
  width: 100%;
  min-height: 72px;
  position: relative;
  text-align: center;
  margin: auto;
}
.display_ad img {
  width: auto !important;
  height: auto;
  margin: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
}
.display_ad:hover {
    box-shadow: 0 6px 6px rgba(0,0,0,0.8);
    height: 100%;
    overflow: visible;
    /* position: absolute; */
    width: auto;
    z-index:500;
    background-color: #000;
}
.display_ad img:hover {
    top: 0;
    box-shadow: 0 6px 6px rgba(0,0,0,0.8);
    height:auto;
    overflow: visible;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 500;
    /*max-width: none;*/
    max-height: none;
}
.delete {
  cursor: pointer;
}
.img-thumbnail-cursor{
  cursor: pointer;
}
.form-group.client-form-group {
  padding-top: 30px;
}
.cursor{
  cursor: pointer;
}
.client-group-card {
  border-top: 1px solid #E6E5E5 !important;
}
.no-user-jobs {
  font-size: 13px;
  font-weight: 600;
  color: #474747;
  text-align: center;
  height: 60px;
  vertical-align: middle;
  line-height: 60px;
}
.add-group-btn.btn-raised.btn-primary {
  position: relative;
}
.add-group-btn.btn-raised.btn-primary .fa {
  position: absolute;
  left: 10px;
  top: 6px;
  bottom: 0;
  margin: auto;
}
span.activity-item.text-primary {
  cursor: pointer;
  font-weight: 600;
  word-break: break-word;
}
.field-name, .field-value{
  font-weight: 600;
  word-break: break-word;
  color: #474747; 
}

span.activity-time {
  font-weight: 600;
  opacity: .69;
}
span.activity-name {
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  opacity: .8;
}
button.btn.btn-primary.submit-member-group-update-btn.inactive {
  cursor: default;
  background-color: #EAE4E4;
  color: #B9ABAB;
  border-color: #EAE4E4;
}
.user-profile-img.member-page {
  height: 120px;
  cursor: pointer;
  border-color: transparent;
}
.view-member-img {
  width: 120px;
  height: 120px;
  border: 0px solid black;
  border-radius: 50%;
}
.view-member-img.empty{
  border: 1px solid black;
}
.view-member-img.empty > img{
  display: none;
}
.notif-li {
  cursor: pointer;
}
#mark{
  cursor: pointer;
}
.view-client-contact-img {
  height: 40px;
  width: 40px;
}
.view-job-service-select {
  padding-left: 0;
  margin-left: 0;
}
.view-job-service-select .col-sm-12 {
  padding-left: 0;
}
.each-member-tile, .each-member-tile > * {
  cursor: pointer;
}
.add-hero-btn.btn-raised.btn-primary {
  width: 100px;
  text-align: center;
  vertical-align: middle;
  line-height: 23px;
  text-transform: uppercase;
  position: absolute;
  left: 24px;
  cursor: pointer;
}
.save-hero-btn.btn-raised.btn-primary, .save-member-hero-btn.btn-raised.btn-primary{
 width: 100px;
  text-align: center;
  vertical-align: middle;
  line-height: 23px;
  text-transform: uppercase;
  position: absolute;
  right: 24px; 
  cursor: pointer;
}
.no-hero-image {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.each-hero-image {
  border-radius: 0px !important;
  height: auto !important;
  max-height: 120px !important;
  width: auto !important;
}
.hero-chk-div{
  width: auto !important;
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;  
}
li.tile.hero-tile {
  /*min-height: 100px;*/
}
.hero-tile-icon.tile-icon {
  height: auto !important;
  width: 200px !important;
  margin: auto !important;
}
.hero-btn-div {
  display: inline-block;
  margin-bottom: 28px;
  margin-top: -13px;
  position: inherit;
}
.tool-div {
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.hero-radio ~ span, .hero-chk ~ span{
  padding-left: 30px !important;
  font-size: 14px !important;
}
.fc-event.event-project {
  background-color: #0098C9;
  color: white;
  border-color: #0098C9;
}
span.job-due-date {
  font-style: italic;
  font-size: 12px;
  font-weight: 600;
  margin-left: 0px;
  opacity: .8;
  color: #0098C9;
}
.service-remove{
  margin-top: 15px;
  padding-left: 10px;
}
.view-member-img.empty {
  cursor: pointer;
}
.client-main-div,.contact-list-item,.client-li,.main-job,.main-contact {
  cursor: pointer;
}
.form-group.client-add-form-group {
  padding-top: 0;
  margin-bottom: 0;
  height: 40px;
}
.col-sm-12.add-client-col-12, .col-sm-12.add-client-col-12 div:first-child{
  padding-left: 0;
}
.row.client-status-row {
  margin-bottom: 0px;
  margin-top: -30px;
  margin-left: -32px;
}
/*.menubar-dash.specials.client-view{
  display: none;
}*/
.client-group-name, .client-email {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  width: auto;
  white-space: nowrap;
  text-align: left;
  max-width: 98%;
}
.group-name-col, .email-name-col{
  display: -webkit-inline-box;
}
.client-name-output, .client-status{
  text-transform: capitalize;
}
.hide-pass.reset-pass{
  display: none;
}

/* hide number input spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
    -moz-appearance:textfield;
}
.view-member-img.profile-page {
  border: 0px solid white;
}
.view-member-img.profile-page.empty {
  border: 2px solid white;
}
.upload-profile-hero {
  display: none;
  position: absolute;
  right: 0;
  top: -22px;
  cursor: pointer;
  border: 1px solid #98FF3E;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  text-align: center;
  font-size: 14px;
  background-color: black;
}
i.fa.fa-picture-o.upload-hero-fa {
  top: -1px;
  position: relative;
}
[placeholder]:empty:before {
  content: attr(placeholder);
  color: #999F99;
  font-weight: 300;
  font-style: italic; 
}
span.closeon.fa.fa-close {
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  z-index: 999;
}
.warning-delete {
  margin-bottom: 40px;
  text-align: center;
}
button#cancelBtn {
  background-color: #000000;
  color:white;
  display: -webkit-box;
  position: absolute;
  left: 24px;
  bottom: 10px;
  height: 30px;
  vertical-align: middle;
  line-height: 30px;
  padding: 0px 10px;
  cursor: pointer;
}
button#confirmBtn {
  background-color: #000000;
  color:white;
  display: block;
  position: absolute;
  right: 11px;
  bottom: 10px;
  height: 30px;
  vertical-align: middle;
  line-height: 30px;
  padding: 0px 10px;
  cursor: pointer;
}
button#confirmBtn:hover, button#cancelBtn:hover{
  background-color: #98FF3E;
  color: black;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  /* padding-right: 5px; */
  text-align: center;
  padding-right: 0px;
}
.perm-group-span {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.checkbox-inline.task-dep-chk {
  margin-left: 0 !important;
  margin-right: 10px;
  width: 18%;
  min-width: 100px;
}
.main-job {
  width: 48%;
  margin-right: 2%;
}
.job-list-results{
  border-left: none;
}
li.job-status-filter {
  padding: 0px !important;
}
.alert-callout.alert-all:before {
  background: #474747;
}
ul.nav.nav-pills.nav-stacked.favorites-ul {
  margin-top: 15px;
}
.job-status-filter a:hover {
  background-color: #e6e5e5;
  width: 98%;
  margin-right: 0;
  margin-left: auto;
}
.main-job.alert, .main-stat.alert {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
}
li.job-status-filter.active{
  font-style: italic;
  background-color: #e6e5e5;
}
.taskList .card-head header{ 
  font-size: 15px;
}
.embed-card-head header {
  color: #474747;
  font-family: Helvetica Neue;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 22px;
}
.deps{
  text-align: center;
}
.job-list-div-ul{
  max-height: 91%;
  overflow-x: auto;
}
.lower-card.group-lead-sub-div {
  margin-bottom: 20px;
}
.card-body.job-task-card-body {
  padding: 0;
}
.upper-card-quarter {
  width: 50%;
  display: inherit;
}
th.deps {
  text-align: left;
}
.taskList .panel-group{
  padding-left: 0px;
}

/*.card-tools-top-right{
  padding-right: 0px !important;
}*/
/*.select2-container{
  line-height: 19px;
}*/
.viewClient {
  right: 0;
  float: right;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.task-service-input {
  font-size: 14px;
}
header.service-header-head {
  padding-left: 9px;
  text-transform: capitalize;
}
/*.card-body.style-primary.form-inverse.add-job-form-body {
  padding-top: 0;
}*/
.frequency-input, .job-freq-div{
  display: none;
}
.job-info-fa {
  vertical-align: top;
  /*font-size: 16px;*/
}
.service-task-a{
  text-align: left;
}
a.service-task-a {
  cursor: pointer;
}
.contact-mobile-icon {
  position: relative;
  top: -5px;
}
span.fa.fa-fw.fa-mobile.fa-lg.opacity-50.contact-mobile-icon.mobile-contact {
  font-size: 25px !important;
  left: -5px;
  top: -3px;
}
/*.add-client-form-group span.select2.select2-container.select2-container--default {
  margin-top: 16px;
}*/
.show-notif-btn, .show-notif-btn.active, .show-notif-btn:hover, .show-notif-btn:active, .show-notif-btn:focus{
  color: #ffffff;
  background-color: #474747;
  border-color: #474747;
}
.show-notif-btn{
  width: 115px;
}
button#show_seen.active {
  background-color: #0098c9;
  border-color: #0098c9;
}
.col-lg-12.margin-bottom-lg.job-list-lg {
  /*padding-left: 0px;*/
}
.job-list-lg {
  /*padding-left: 0;*/
}
.menubar-visible .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a:hover{
  background-color: #20252b;
}
.menubar-visible .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a{
  background-color: #474747;
}
li.tile.admin-no-service-tile {
  font-weight: 600;
  text-transform: uppercase;
}
button.save-hero-btn.btn-raised.btn-primary, button.add-hero-btn.btn-raised.btn-primary.cursor {
  box-shadow: none;
  outline: 0;
  border: 1px solid #474747;
}

li.tile.admin-no-hero-tile {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 48px;
}
.add-service-dep-btn.btn-raised.btn-primary {
  position: relative;
  z-index: 1000;
}
span.perm-name {
  font-weight: 600;
}
span.permission-desc {
  font-weight: 300;
  font-style: italic;
}
.menubar-toggle.btn.btn-icon-toggle.active{
  background-color: rgba(12, 12, 12, 0.07);
  color: rgba(53, 49, 50, 0.6);
}
.placeholder-tile{
  border: 1px dashed lightgrey;
  border-radius: 5px;  
}
.loading-stuff-div {
  display: none;
  display: inline-block;
  width: 200px;
  position: absolute;
  height: 50px;
  z-index: 1000;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 36px;
}
.global-loading-div {
  display: none;
  display: inline-block;
  width: 200px;
  position: absolute;
  height: 50px;
  z-index: 1000;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 36px;
  z-index: 1100;
}
.loading-btn.btn.btn-info{
  background-color: #019ea9;
  opacity: 1;
  color: white;
}
.loading-btn.btn.btn-info[disabled]{
  background-color: #019ea9;
  opacity: 1;
  color: white;
}
tr.no-notif-row {
  text-align: center;
  padding: 0;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
}
.notification-row.read{
  display: none;
}
/* service name description inputs*/
.service-name-output , .service-description-output{
  border: none;
  background: inherit;
  text-overflow: ellipsis;  
}
.service-name-output:focus , .service-description-output:focus{
  border: 1px solid #CCCCCC;
  outline: none;
  border-radius: 4px;
}
/*job name and description input styling*/
.job_name input{
  border: none;
  width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
}
input.j-description{
  border: none;
}
.no-sd{
  text-align: left;
}
/*client contact select*/
/*.c-client .select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%!important;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}*/
input.j-description {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* text box width */
.add-job-form-body #description {
  resize: vertical;
}
/* search results email and address*/
.search-results-email,.search-results-address{
  margin-right: 10px;
}
input.service-info-input.service-name-output {
  max-width: 90%;
  width: 90%;
}
input.service-info-input.service-description-output.name {
  width: 100%;
  max-width: 100%;
}
textarea#pause {
  max-width: 100%;
}
/* contact page inputs */
.view-contact-name, .c-phone input,.c-email input, .c-address .address,.lower-address-output input, .lower-address-output select{
  background-color: inherit;
  border: none;
  display: block;
  text-overflow: ellipsis;
}
.c-phone .phone{
  width: 147px;
}
.c-phone .ext{
  width: 50px;
}
.c-phone .ext,.c-phone .phone{
  display: inline-block;
}
.c-date #due,.c-freq #frequency{
  background-color: inherit;
  border: none;
  display: block;
  text-overflow: ellipsis;
}
.c-date #due:focus,
.c-freq #frequency:focus, 
.contact-update-output:focus{
  border: 1px solid #CCCCCC;
  outline: none;
  border-radius: 4px;
}
/*favorite stars*/
.fa-star-0{
  color: black;
}
.fa-star{
  color: #98FF3E;
}
input.j-description:focus {
  border: 1px solid #CCCCCC;
  outline: none;
  border-radius: 4px;
}
input#job-name-input:focus {
  outline: none;
  border-radius: 4px;
  border: 1px solid #cccccc;
}
input.text-medium.client-output-address.edit-client-input.client-address-input {
  width: 100%;
}
.lower-address-output {
  display: inline-flex;
}
.fav-img-width{
  width: 25px;
}
.active-task-li{
  display: none;
}
i.glyphicon.fa-1x.glyphicon-star.active-task-star {
  color: black;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 15px;
  left: 3px;
}
.main-job.alert.active {
  background-color: #00bcd4;
}
button.btn.btn-default-light.dropdown-toggle.pull-right {
  right: 0;
  top: 0px;
  width: 100px;
  height: 25px;
  vertical-align: middle;
  line-height: 15px;
  position: relative;
  margin-right: 100px;
}
.add-member-div {
 width: 100px;
 margin-left: auto;
 margin-right: 0;
 text-align: center;
 max-width: 100px;
 min-width: 100px;
 margin-top: 0px;
 position: absolute;
 right: 20px;
}
.all-perms{
  display: -webkit-inline-box; 
  margin-left: 20px;
  font-size: 13px;
}
.oomdo-logo{
  background-image: url('../img/logo_header.png');
  background-repeat: no-repeat;
  background-position: center center;
  width: 220px;
  height: 35px;
  background-size: contain;
}
.loading-stuff-div.saving-special.add-special {
  /*position: fixed;*/
  margin-bottom: 38px;
  margin-right: 100px;
}
.add-special-loading-btn{
  display: none;  
}
button.printing-btn{
  display: none;
}
.loading-stuff-div.report-page {
  margin-top: 160px;
  left: 50px;
  z-index: inherit;
}
.loading-stuff-div.report-page.active{
  z-index: 1000;
}
button.loading-btn.btn.btn-info.btn-raised.btn-block.btn-loading-state.report-loading-btn {
  display: none;
}
.fav-padding{
  padding: 12px;
  z-index: 10;
}
.note-edit{
  cursor: pointer;
}
.favorite{
  cursor: pointer;
}
#notes .md-edit{
  font-size: 1.5em;
}
.note-content-output {
  word-break: break-word;
}
ul.list.reports-behavior-top-vlp-vdp-ctr {
  line-height: 28px;
}
.member-profile-output.member-ext{
  display: inline-block;
  width: 20%;
}
.member-profile-output.member-phone{
  display: inline-block;
  width: 68%;
}
.member-label-phone{
  font-size: 14px;
  opacity: 0.6;
}
.member-ext{
  background-color: inherit;
  border: none;
  box-shadow: none;
}

.row.top-row {
  margin-bottom: 22px;
}

.row.lower-row, .stat-actionbar {
  display: none;
}
/*.stat-half {
  width: 50%;
  text-align: left;
}*/
.stat-half{
  text-align: left;
}
.text-sm.stat-half.stat-string {
  text-align: right;
  width: auto;
  position: absolute;
  right: 10px;
}
.text-sm.stat-right-side.stat-ppc {
  position: absolute;
  right: 10px;
  top: 10px;
}
.text-sm.stat-half.stat-string {
  text-align: right;
}

.phone-ppc{
  text-transform: capitalize;
}
.main-stat{
  cursor: pointer;
}

.overlay-dark{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0px;
  left: 0px;
  z-index: 998; 
  background-color: black;
  opacity: 0.5;
}
h4.modal-title.modal-info-title {
  position: absolute;
  right: 50px;
  top: 14px;
}
a.text-lg.text-medium.stat-anchor:hover {
  text-decoration: none;
}
.view-report-btn {
  position: absolute;
  left: 17px;
  bottom: 34px;
  cursor: pointer;
  padding: 1px 14px;
}

@media (min-width: 1000px){
  .main-stat{
    width: 48%;
    margin-right: 2%;
    border-left: 1px solid #f3f2f2;
  }
  .view-report-btn {    
    left: 20px;    
  }
}
a.view-report-anchor:hover{
  text-decoration: none;
}
#task .tile > a:hover,#deps .tile > a:hover{
  color: initial;
}
.extra-row{
  display: none;
}
.each-task-span-desc {
   word-break: break-word;
}
.task-dep-chk span{
  word-break: break-word;
}
.service-group.panel-group .card.panel.accordion.col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.service-group.panel-group.cur-task .card.panel .card-head, .service-task-row.cur-task{
  background-color: #00bcd4;
}
/*.row h3, .row h4 {
  padding-left: 16px;
}*/
.row header h3, .row header h4{
  padding-left: 0;
}
.header-div {
  padding-left: 10px;
}
.header-div {
  padding-left: 10px;
}
.service-task-row.cur-task td, .service-task-row.cur-task{
  background-color: #00bcd4 !important; 
}
.overview-header{
  margin-top: 0;
}
.nav-tabs.tabs-center > li.print-btn{
  display: none;
}
.nav-tabs.tabs-center > li.print-btn.ready{
  display: inline-block;
}
#visitor-chart-img{
  display: none;
}
.print-btn{
  cursor: pointer;
}
.report-client-name{
  display: none;
}
.iframe-btn {
  width: 100%;
  position: relative;
  height: 10%;
  top: -8px;
}
button.btn.ink-reaction.btn-raised.btn-primary.ok-pdf-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  top: 0;
  bottom: 0;
  height: 34px;
}

.iframe-container {
  position: absolute;
  z-index: 1000;
  display: none;
  background: white;
  width: 70%;
  height: 80%;
  margin: auto;
  left: 0;
  right: 0;
  top: 65px;
  min-height: 400px;
  max-height: 1080px;
  min-width: 400px;
  max-width: 940px;
}
button.printing-btn.btn.btn-info.btn-raised.btn-block.btn-loading-state.report-loading-btn.disabled {
  background-color: #0098c9;
  opacity: 1;
  color: white;
}
.service-task-row td{
  vertical-align: middle !important;
  text-align: left;
}
.tile-content span.badge {
  width: auto;
  min-width: 50px;
  font-weight: 400;
}
ul.list.reports-top-branded.clear-this li {
  min-height: 40px;
}
ul.list.reports-top-sites.clear-this li {
  min-height: 40px;
}
ul.list.reports-top-nonbranded.clear-this li {
  min-height: 40px;
}
.date .form-group {
  margin-bottom: 0px;
}
.html-content {
  max-width: 1080px;
  margin: auto;
}
.starter-task {
  margin-top: 5px;
}
.member-target-div{
  display: none;
}
.group-target-div{
  display: none;
}
.deps{
  word-break: break-word;
}
.service-group tbody tr .deps:first-child{
  width: 350px;
}
.service-group tbody tr td.date input{
  text-align: center;
}
.service-group thead tr th{
  text-align: center;
}
ul.list.reports-behavior-top-exit li {
  margin-top: 0px;
  margin-bottom: 14px;
}
ul.list.reports-behavior-top-content li {
  margin-top: 0;
  margin-bottom: 14px;
}
ul.list.reports-behavior-top-vlp-vdp-ctr li {
  margin-top: 0;
  margin-bottom: 3px;
}
.card-head header.report-header{
  padding-left: 15px;
  font-size: 18px;
}
#add-job-service td:last-child{
  word-break: break-word;
}
.app-btn-td{
  position: relative;
}
i.fa.fa-thumbs-up.approved-icon {
  font-size: 20px;
  padding: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  left: 0;
  right: 0;
  width: 30px;
  color: #474747;
  background-color: #98FF3E;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 50%;
}
.each-task-span-name{
  word-break: break-word;
}
ul.list.reports-behavior-service-pages.clear-this li {
  line-height: 34px;
}
.card-body.center{
  text-align: center;
}
.min-height-12{
  min-height: 480px;
  height: auto;
}
i.fa.fa-thumbs-up.approved-icon.add-special {
  right: 0px;
  left: initial;
  height: 20px;
  width: 20px;
  font-size: 15px;
  line-height: 20px;  
  position: absolute;
  right: 5px;
}
td.sub-btn-td {
  position: relative;
}
i.fa.fa-check-square.submitted-icon {
  font-size: 20px;
  padding: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  left: 0;
  right: 0;
  width: 30px;
  color: #98FF3E;
  background-color: #474747;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 50%;
}
.rel{
  position: relative;
  min-width: 40px;
}
.btn-info-div {
  /*display: -webkit-inline-box;*/
  display: flex;
}
.dropdown-menu.animation-expand.specials-dd {
  /*min-width: 678px !important;*/
}
button.btn.ink-reaction.btn-raised.btn-primary.pull-right.submit-specials {
  margin-left: 11px;
  margin-right: 0px;
  height: 30px;
  padding: 2px 10px;
  top: 8px;
}
#accordion-builder .floating-label label{
  text-transform: uppercase;
}
.list .tile:hover{
  color: #98FF3E;
}
.list .tile > .service-remove.black{
  color: rgb(0, 0, 0);
}
.odd{
  background: rgba(12, 12, 12, 0.07);
}
li.tile.disabled-service{
  display: none;
}
.am-label{
  text-align: left !important;
}
ul.admin-service-list > .tile > a.service-remove.active.ink-reaction{
    color: #98FF3E;
    background-color: initial;
}
.edit-landing.green,.view-landing.green,.build-landing.green{
  color: #98FF3E;
  background-color: initial;
}

.notif-li a {
  white-space: pre-line;
}
.contact-output-email{
  width: 100%;
}
.headerbar-left .header-nav{
  margin-left: 0;
}
.headerbar-left .header-nav > li{
  padding-left: 15px;
  padding-right: 12px;  
}
.user-sub-header {
  padding-left: 10px;
  font-size: 20px;
}
.group-output-div {
  width: 50%;
  display: inline-block;
  /*float: left;*/
  text-align: center;
}
.portal-groups.group-output-div.portal {
  float: right;
}
.group-header {
  width: 80%;
  margin: auto;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
p.button-div {
  width: 200px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.emp-jobs.job-output-div.jobs {
  text-align: center;
}
.all-job-output {
  width: 90%;
  margin: auto;
  display: -webkit-inline-box;
}
.each-job {
  width: 100px;
  border: 1px solid grey;
  border-collapse: collapse;
  margin-right: 5px;
}
.job-output {
  margin-top: 14px;
}


.sprint-board-row {
  /*max-height: 50vh;*/
  /*max-height: 56%;*/
  overflow: auto;
  /*margin-bottom: 10px;*/
  position: relative;
}
.sprint-stage-container {
  min-height: 200px;
  z-index: 0;
}
.sprint-board-row .col-lg-3 {
  /*min-height: 200px;*/
  height: 240px;
  margin-top: 20px;
  /*margin-bottom: 20px;*/
  background-color: #e6e5e5;
  text-align: center;
  border-right: 1px solid white;
  overflow-y:auto;
  /*width: 20%;*/
}
.sprint-board-row.bottom {
  height: calc(40% - 26px);
  margin-top: 10px;
}
.sprint-board-label {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: bold;
}
.each-employee {
  background-color: white;
  min-width: 208px;
  width: auto;
  max-width: 270px;
  font-weight: bold;
  padding-bottom: 3px;
  border-radius: 6px;
  padding-top: 3px;
  margin-bottom: 5px;
  margin-right: 2.5px;
  margin-left: 2.5px;
  float: left;
  z-index: 1;
  position: relative;
  border: 1px solid grey;
  cursor: pointer;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  height: 40px;
}
.sprint-board-row .col-lg-12 {
  min-height: 200px;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #e6e5e5;
  text-align: center;
  border-right: 1px solid white;
}
.each-job-container {
  width: 100%;
  height: 79%;
}
.each-job-container .each-employee{
  position: relative;
  float: left;  
}
.form-group.control-width-normal.date-form-group {
  margin-bottom: 5px;
  position: relative;
  font-size: 20px;
}
span.input-group-addon {
  vertical-align: bottom;
}
input#schedule-date {
  font-size: 15px;
  height: 27px;
  margin-top: 8px;
}
.pull-right.input-group-content.location {
  width: 200px;
  margin-right: 11px;
}
span.work-order-title-description {
  position: relative;
  top: -9px;
  font-style: italic;
  font-size: 11px;
}
.each-job-bucket.ui-state-active {
  background: darkgrey;
  border: 1px solid red;
}
span.schedule-date {
  font-size: 21px;
  position: relative;
  top: 6px;
}
.card-head header {
  color: #ffffff;
  font-family: Helvetica Neue;
  font-weight: bold;
  text-transform: uppercase;
}
span.user-type-span {
  font-size: 9px;
}
.user-li, .job-li{
  cursor: pointer;
}
header.admin-group-header {
  color: white;
  font-weight: 300;
  text-transform: capitalize;
}

.group-card-body {
  background-color: #e6e5e5;
  color: black;
}
button.ink-reaction.btn.btn-primary.save-user-group {
  right: 11px;
  position: absolute;
  top: 11px;
  height: 30px;
  vertical-align: middle;
  line-height: 20px;
}
.job-sub-header {
  padding-left: 19px;
  font-size: 17px;
  text-transform: uppercase;
}
.title-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  font-size: 13px;
}
i.employee-icon {
  padding-right: 7px;
}
.each-employee.main.active {
  background-color: lightblue;
}
i.fa.in-job-employee-icon {
  padding-right: 6px;
  color: #756c6c;
}
span.each-job-end-date {
  color: #d80b0b;
  font-weight: 600;
  font-size: 12px;
}

i.fa.fa-user-secret.in-job-employee-icon {
  color: white;
}
.each-employee.elevated {
  background-color: #5f5d5d;
  color: white;
}
.img-backdrop {
  background-image: url('../img/login_banner.png');
  background-repeat: no-repeat;
  background-position: center center;
  /*position: relative;*/
}
.backdrop-logo {
  background-image: url(../img/login_logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 307px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 89px;
  background-size: contain;
}
.card.contain-sm.style-transparent.login-card {
  margin-top: 30px;
  width: 400px;
}
.headerbar, .style-primary, .nav-pills li.active a{
  background-color: #363636 !important;
}
#menubar{
  background-color: #363636;
}
.menubar-scroll-panel {
  background-color: #363636;
}
.menubar-toggle i.fa.fa-bars {
  color: white;
}
.brand-holder {
  position: absolute;
  left: 0px;
  margin: auto;
  top: 5px;
  height: 51.5px;
  width: 196px;
}
.brand-holder a .header-logo{
  background-image: url(../img/full_header_logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  background-size: contain;
}
.header-nav-profile .dropdown.open > a{
  background-color: #363636;
}
.dropdown-menu{
  background-color: #363636;
  padding-bottom: 0px;
}
.header-nav-profile .dropdown.open {
  color: white !important;
}
.global-search-icon i.fa.fa-search, .dropdown-menu > li > a {
  color: white;
}
ul.dropdown-menu.animation-dock {
  padding: 0px !important;
}
ul.dropdown-menu.animation-dock .divider{
  margin:0px;
}
.nav-pills li{
  cursor: pointer;
}
#main-menu li{
  cursor: pointer;
}
.datepicker.datepicker-dropdown {
  background-color: white;
  padding-bottom: 5px;
}

tr.user-row td {
  cursor: pointer;
}
h4.employee-info-header {
  padding-left: 0;
  margin-top: 0px;
  margin-bottom: 20px;
}
.margin-bottom-xl.employee-header-top {
  position: relative;
  height: 60px;
}
.header-nav-profile .dropdown > a{
  border-top: 1px solid transparent;
}
input.text-medium.edit-user-input {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  padding-left: 4px;
}
label.form-control.admin-group-label {
  height: 24px;
}

.gui-icon .fa:first-child, .gui-icon .md:first-child, .gui-icon .glyphicon:first-child{
  /*line-height: 42px;*/
}
.gui-icon{
  height: 38px;
  width: 38px;
  text-align:center;
}
.text-sm.task-fraction.assigned-user.scheduler {
  text-transform: capitalize;
}
.main-eq-request:hover {
  /*background-color: white !important;*/
}
.main-eq-request{
  cursor: default;
}
.card-body.scheduler-card-body {
  padding-top: 2px;
}
.main-job.main-eq-request{
  width: 25%;
  margin-right: 0px;
}
.text-sm.job-type {
  width: 100%;
}
span.eq-desc-schedule {
  font-size: 11px;
  color: grey;
  /*font-style: italic;*/
}
.client-status.eq-repair-status {
  width: 62px;
  font-size: 11px;
  position: absolute;
  right: 4px;
  top: -8px;
  text-align: right;
  font-style: italic;
  color: grey;
}
.hbox-column.v-top.eq-schedule-vtop {
  display: block;
}
li.active .gui-icon {
  background-color: transparent !important;
  color: #019ea9 !important;
}
.btn-primary:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary:hover{
  background-color: #019ea9;
  border-color: #019ea9;
}
.headerbar-left {
  width: 64px;
}
.tool-list .tile:hover,.required-list .tile:hover{
  color: black!important;
}
.row .sta{
  padding-left: 0;
}
.task-list .row .card{
  margin-bottom: 0;
}
.ct-wo-cal-icon{
  width: 25px;
  float: left;
  margin-top: 10px;
}
.ct-wo-cal-icon img{
  width: 100%;
}
.ct-wo-divider{
  width: 100%;
  height: 8px;
  margin: 20px auto;
  background-color: #6d6e70;
}
.add-truck-btn span{
  color: #019ea9;
  /*font-family: HelveticaNeueMedium;*/
  font-size: 16px;
}
.add-truck-btn {
  cursor: pointer;
  padding-left: 12px;
}
.add-tool-btn i,.add-sj-btn i,.add-truck-btn i{
  color: white;
  background-color: #019ea9;
  float:left;
  margin-right: 5px;
  border:1px solid #019ea9;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  cursor: pointer;
}
#ct-wo-description, #ct-wo-comments{
  max-width: 100%;
  min-width: 100%;
  border: 1px solid #cecece;
}
.nav-tabs.tabs-accent > li.active > a, .nav-tabs.tabs-accent > li.active > a:hover, .nav-tabs.tabs-accent > li.active > a:focus{
    border-color: #019ea9;
    color: #019ea9!important;
}
#slider{
  width: 80%!important;
}
.ui-slider .ui-slider-handle{
  background: #019ea9;
}
.ui-slider .ui-slider-handle:focus{
  box-shadow: 0px 0px 0px 7px rgba(1, 158, 169, .2)
}
.ui-slider .ui-slider-handle:hover{
  box-shadow: 0px 0px 0px 7px rgba(1, 158, 169, .2)
}
.rlt.card-head header {
  padding: 0;
}

.weekly-files{
  text-align: center;
  position: relative;
  /*left: 0;*/
  cursor: pointer;
  border: 1px solid black;
  top: 1px;
  /*height: 40px;*/
  margin: auto;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  display:flex;
  height: 40px;
  justify-content: center;
  margin-top: 5px;
  align-items: center;
}
.fileinput-button.weekly-files{
  width: auto;

}
.weekly-file-uploader{
  display: none;
}
.weekly-file-uploader header{
  color: white;
}
.row h4.sta{
  padding-left: 0;
}
.view-sta-page .list li:hover{
  color: inherit!important;
}
.signature-output{
  width: 100%;
  height: auto;
}
.sig{
  margin:auto;
  width: 120px;
  height: auto;
}
.sig img{
  width: 100%;
  height: auto;
}
.form-control.border,select#clean-status.form-control.border{
  border-bottom: 1px solid #019ea9;
  border-radius: 0 !important;
}
.form-control.border:focus{
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.wo-hapis.border:focus,.wo-idp.border:focus,.wo-add.border:focus,.wo-me.border:focus,.hazard-card .form-control.border:focus{
  border-color: #019ea9;
}
/*.hazard-card .form-group.border{
  border: 1px solid #019ea9;  
}*/
.idp-card .checkbox-styled:not(ie8) input:not([disabled="disabled"]) ~ span:before{
  border-color:  #019ea9;  
}
.idp-card-container .card-head .checkbox-styled:not(ie8) input:not([disabled="disabled"]) ~ span:before{
  border-color:  #019ea9;  
}
.hazard-card .checkbox-styled:not(ie8) input ~ span:before{
  border-color:  #019ea9;  
}
.hazard-card .checkbox-styled:not(ie8) input[disabled='true'] ~ span:before{
  border-color:  #e6e5e5;  
}
.hazard-card .checkbox-styled:not(ie8) input[disabled='disabled'] ~ span:before{
  border-color:  #e6e5e5;  
}

.add-hazard.highlight{
  background-color: #019ea9;
  border-color: #019ea9;
}
.idp-card-container .main-card-head .checkbox{
  line-height: 25px;
}
.idp-card .card-head .checkbox,.hazard-card .card-head .checkbox{
    line-height: 20px;
    margin-top: 13px;
}
.cost_code_view.no-hover .tile:hover, .cost_codes .tile:hover{
  color: inherit;
}
.shop-select-div {
  width: 76%;
  text-align: right;
}
.shop-filter {
  width: 100%;
}
.shop-filter-div {
  /*width: 20%;*/
  min-width: 150px;
  max-width: 250px;
  text-align: left;
  display: -webkit-inline-box;
}
.shop-filter-div.status{  
  width: 130px;
  min-width: 130px !important;  
}

.top-select-div{
  /*width: 76%;*/
  text-align: right;
  margin-left: auto;
  float: right;
  margin-right: 11px;
}
.top-div {
  /*width: 20%;*/
  min-width: 150px;
  max-width: 250px;
  text-align: left;
  display: -webkit-inline-box;
}
.clear-job {
  position: absolute;
  top: 0;
  right: 0px;
  cursor: pointer;
  width: 22px;
}
.modal-body.copy-modal-body {
  padding-bottom: 30px;
}
.modal-dialog.copy-modal-dialog {
  width: 350px;
}
.input-group-content.copy-from-date {
  width: 310px;
}
.top-div.copy-from-btn {
  min-width: 0px;
}
button.btn.btn-primary.copy-from {
  font-size: 12px;
  right: 3px;
  top: 14px;
  text-align: center;
  height: 26px;
  vertical-align: middle;
  line-height: 26px;
  /*position: absolute;*/
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
span.span-title {
  font-size: 10px;
  position: absolute;
  left: 6px;
  top: 0px;
}
span.emp-id {
  font-size: 11px;
  position: absolute;
  right: 3px;
  top: 0;
}

li.each-job-li {
  width: 33%;
  text-align: left;
  float: left;
}
ul.emp-jobs-output {
  height: 100%;
  width: 100%;
}
.emp-job-output {
  width: 100%;
  height: 100%;
  position: relative;
  padding-left: 10px;
}
.rlt-section{
  padding-bottom: 0px;
}
#sprint-board-popup{
  height: 99%;
}
.rlt-section .section-body{
  height: 97%;
}
.rlt-card{
  height: 99%;
}
.rlt-row{
  height: 99%;
}
.card-body.scheduler-card-body {
  height: calc(100% - 52px);
  padding-bottom: 0px;
}
.job-crew {
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer;
  width: 22px;
}
.modal-dialog.crew-modal-dialog {
  width: 90%;
  height: 80%;
  min-height: 400px;
}
.crew-modal-content{
  height: 100%;
}
.crew-modal-body{
  height: 84%;
}
.upper-crew {
  width: 100%;
  border-bottom: 1px solid black;
  height: 60%;
  position: relative;
}

.unassigned-crew, .each-crew {
  background-color: white;
  min-width: 208px;
  width: auto;
  max-width: 270px;
  font-weight: bold;
  padding-bottom: 3px;
  border-radius: 6px;
  padding-top: 3px;
  margin-bottom: 5px;
  margin-right: 2.5px;
  margin-left: 2.5px;
  float: left;
  z-index: 1;
  position: relative;
  border: 1px solid grey;
  cursor: pointer;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  height: 40px;
}
.each-elevated {
  width: 49%;
  display: inline-block;
  height: 93%;
  margin-top: 0px;
  background-color: #e6e5e5;
  text-align: center;
  border-right: 1px solid white;
  overflow-y: auto;
  margin-right: 0px;
}

.lower-crew {
  height: 45%;
  overflow: auto;
  padding-top: 13px;
}
.each-crew {
  /*width: 47% !important;
  min-width: 0;*/
}
.each-crew {
  width: 98%;
  min-width: 0;
  max-width: 201px;
}
.each-elevated:last-child {
  margin-right: 0px;
  margin-left: 0px;
}
.crew-drop {
  width: 100%;
  position: relative;
  height: 85%;
}
.modal-backdrop.fade.in {
  height: 100%;
}
.row.sprint-board-row.top.new {
  max-height: none;
}
.top-select-div.popup-top-select {
  float: none;
  position: absolute;
  right: 40px;
  top: 12px;
}
.popup-top-select .top-div {
  display: inline-block;
  width: 170px;
  min-width: 0px;
  max-width: none;
}
.popup-modal-tital {
  position: relative;
  width: 140px;
}
/*span.select2.select2-container {
  width: 150px !important;
}*/

.each-employee.elevated.elevated-each-1 {
  background-color: #4b4bca;
}
.sub-elevated-1{
  background-color: #4b4bca;
  opacity: .7;
  color: white;
}
.sub-elevated-0{
  background-color: #5f5d5d;
  opacity: .7;
  color: white;
}
.each-employee.elevated.elevated-each-2 {
  background-color: #198892;
}
.each-employee.elevated.elevated-each-3 {
  background-color: #c71725;
}
.each-employee.elevated.elevated-each-4 {
  background-color: #cc7314;
}
.sub-elevated-2{
  background-color: #198892;
  opacity: .7;
  color: white;
}
.sub-elevated-3{
  background-color: #c71725;
  opacity: .7;
  color: white;
}
.sub-elevated-4{
  background-color: #cc7314;
  opacity: .7;
  color: white;
}
i.fa.fa-user.in-job-crew-icon {
  position: relative;
  margin-right: 5px;
}
.modal-footer.crew-footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.rlt-top-row {
  height: 45px;
  display: -webkit-box;
}
.sprint-board-row.top {
  height: calc(59% - 26px);
  margin-bottom: 0px;
}
.sprint-board-row.bottom .col-lg-12 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
.row.sprint-board-row.top.rlt-viewer {
  height: calc(100% - 52px);
  margin-bottom: 0px;
}
#cost_code_list .tile-text{
  font-size: 13px;
}
/*.kicked_back[kicked_back="1"],.approved[approved="1"]{
  color: gray;
  cursor: not-allowed;
}
.kicked_back[kicked_back="1"]:hover,.kicked_back[kicked_back="1"]:focus,.approved[approved="1"]:hover,.approved[approved="1"]:focus{
  background-color: inherit;
  border-color: inherit;
}
*/
.kicked_back.btn[disabled],.approved.btn[disabled],.convert.btn[disabled]{
  background-color:#474747;
  border-color: #e6e5e5 #e6e5e5 #dddddd;
  color: #dddddd;
  cursor: not-allowed;
}
.img-sig img{
  height: 15vmin;
  background-color: black;
}
.opacity-50 .text-dark{
  opacity: 1;
}
.ci-customer_signature{
  width: 20%;
  height: auto;
}
.ci-customer_signature img{
  width: 100%;
  height: 100%;
}
.ci-text{
  font-size: 16px;
  margin-left: 10px;
  font-weight: 400;
}
.ts-rows .form-control.border{}
.signature_container img{
  height: 100px;
}
.tile:hover{
  color: inherit;
}
.text-time-red{
  color: red;
}
.form-control:focus.border{
  border: 1px solid #019ea9;
}
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active{
    background-color: #019ea9;
    border-color: #019ea9;
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{
    background-color: rgba(1, 158, 169, .1);
    border-color: rgba(1, 158, 169, .1);
}

.top-divs.assign-push-div.right {
  text-align: right;
  position: relative;
  top: 10px;
}

button.btn.btn-primary.push-daily {
  /* font-size: 12px; */
  right: 0px;
  top: 0px;
  text-align: center;
  height: 26px;
  vertical-align: middle;
  line-height: 26px;
  position: absolute; 
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
}

#base.expanded{
  padding-left: 0px;
}
#content.expanded{
  padding-top: 0px;
}
#content.expanded .rlt-section{
  top: 0px;
}

.job-row {
  cursor: pointer;
}
.select2-label {
  width: 100%;
}
.select2-selection {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0px !important;
  min-height: 31px !important;
  font-size: 16px !important;
}
.select2-container--default.select2-container--disabled .select2-selection.select2-selection--single {
  background-color: transparent !important;
  border-bottom-color: rgba(12, 12, 12, 0.2) !important;
  border-bottom-style: dashed;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #b1b1b1 !important;
}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple,.from input, .to input {
  border-bottom-color: #019ea9 !important;
  background-color: rgba(0,0,0,0);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
}
.form-control[disabled] {
  color: #b1b1b1;
}
span.select2-selection:focus, input:focus, select:focus, select2-selection__rendered:focus {
  outline: none !important;
}
.fg-other {
  min-height: 53px;
}
.tab-content-nopadding {
  padding: 0 !important;
}
.sidebar-info {
  padding-left: 16px !important;
}
.calendar-icon-padding {
  padding-left: 0 !important;
  padding-right: 20px !important;
}

/**** SIC COLOR STYLING ****/
.dataTables_filter input:focus {
  border-bottom-color: #019ea9 !important;
}
.dataTables_filter input {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.dataTables_length select:focus {
  border-bottom-color: #019ea9 !important;
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
  color: #019ea9 !important;
}
.btn-default-light:hover {
  color: #fff;
  background-color: #019ea9 !important;
  border-color: #019ea9 !important;
}
button.btn.global-search-icon:hover i {
  color: #019ea9 !important;
}
.table-hover > tbody > tr:hover {
  background-color: rgba(1, 158, 169, 0.25);
}
.nav > li > a:hover {
  background-color: rgba(1, 158, 169, 0.25);
}
.nav-pills > li.active > a {
  background-color: #019ea9 !important;
}
.view .nav-tabs > li.active > a {
  color: #019ea9 !important;
  border-bottom: 3px solid #019ea9 !important;
  margin-bottom: 2px;
}
.view .nav-tabs > li > a {
  opacity: 1;
  padding-right: 24px;
  padding-left: 24px;
}
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active {
  background-color: #019ea9;
  border-color: #019ea9;
}
.datepicker table tr td.today {
  background-color: rgba(1, 158, 169, 0.25);
  border-color: rgba(1, 158, 169, 0.25);
}
.sta_date_select:focus {
  border-color: #019ea9 !important;
}
.form-control:focus {
  border-color: #019ea9;
}
.modal-header-text-color {
  color: #fff;
}
/**** END SIC COLOR STYLING ****/
.employee-container {
  height: 100%;
  overflow-y: scroll;
}
.scheduler-datepicker {
  background-color: rgba(0,0,0,0);
  cursor: pointer;
  border: 0;
  font-size: 21px !important;
  text-align: center;
  vertical-align: middle;
}
.scheduler-filter-columns {
  padding-right: 24px !important;
}
#filter-label {
  font-weight: bold;
  font-size: 14px !important;
}
.position-absolute{
  position: absolute;
}
.cursor{
  cursor: pointer;
}
.center{
  text-align: center;
}
.date-picker-div {
  position: absolute;
  /*z-index: 999;*/
}
.fix-z-index{
  z-index: 999;
}
.col-sm-12.col-md-12.col-lg-12.table-div {
  margin-top: 10px;
}
input.form-control.date-mileage-log {
  font-size: 15px;    
}

.mileage-log-input {
  font-size: 14px;
}
table#ppe-table tbody tr td {
  /*padding-top: 0px;*/
  /*padding-bottom: 0px;*/
}
table#ppe-table tbody tr td .checkbox{
  margin-bottom: 0px;
}

a.btn.btn-block.btn-default-dark.add-new-ppe {
  width: 110px;
  text-align: center;
  float: right;
  position: absolute;
  right: 24px;
  top: 2px;
  height: 22px;
  vertical-align: middle;
  line-height: 12px;
  font-size: 12px;
}

.checkbox.checkbox-styled.ppe-chk-div {
  margin-bottom: 0px;
  padding-top: 38px;
}
.ppe-form-group{
  padding-top: 0px !important;
}

.row.shop-schedule-row {
  margin: 0px;
}
.shop-select-div {
  text-align: right;
  right: 0px;
  float: right;
  margin-right: 25px;
}
.shop-filter-div.shop-schedule-btn-div {
  width: 31px;
  min-width: 0px;
  text-align: center;
  margin: auto;
  position: relative;
  margin-left: 10px;
}
.other-top-info .text-sm.job-type {
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-spacing: normal;
  word-break: break-all;
  white-space: nowrap;
}

.fix-case{
  text-transform: capitalize;
}

.center-col {  
  float: none;
  margin: auto;
}

small.user-name {
  opacity: 1 !important;
  color: white;
  font-size: 15px;
  text-shadow: none;
  outline: none;
}/**** START EXPENSE REPORT PAGE STYLING****/
img.receipt_img{
  max-width: 200px;
}
.ep-table .row td:nth-child(2){
  text-align: center;
}
td.details-control {
    background: url('../assets/img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../assets/img/details_close.png') no-repeat center center;
}
table.dataTable td.details-control:before,table.dataTable tr.shown td.details-control:before{
  content: none;
}
.fix-width{
  width: 140px !important;
}
.global-loading-div.eq-loading-div, .expense-loading-div{
  display: block;
  width: 246px;
}

table.inner-table thead tr th {
  background-color: black;
  color: white;
  border-left: 1px solid white;
  padding: 2px 5px;
}
table.inner-table tbody tr td{
  padding: 2px 10px;
}
td.no-padding-td {
  padding: 0px !important;
}
.inner-table tbody tr td .form-control.shop-ts-input {
  height: 29px;
  font-size: 14px;
}
.inner-table tbody tr td .form-control.ep-ts-input {
  height: 29px;
  font-size: 14px;
}
.mask-date, .mask-time{
  width: 50%;
  position: relative;
  bottom: -4px;
  font-size: 14px;
}
.form-control.fix-inline-shop {
  display: -webkit-box;
  border-bottom: none;
  position: relative;
  width: auto;
  height: 31px;
}
.shop-ts-input.mask-time {
  max-width: 60px;
}

.shop-ts-input.mask-date {
  max-width: 82px;
}

i.fa.fa-pencil.m-btn,i.fa.fa-wrench.cc-btn,i.fa.fa-plus.add-record-btn {
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
}

.inner-table tr.sub-row:nth-child(even){
  background-color: rgba(0, 0, 0, 0.0235);
}
.js-example-tags-container ul {
  list-style: none;
  padding: 0;
}
.destroy-tag-selected {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
  &:hover {
    text-decoration: none;
  }
}
.tag-selected {
  list-style: none;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.facility-label .select2-container--default .select2-selection--multiple .select2-selection__choice, .j-cc-fg .select2-container--default .select2-selection--multiple .select2-selection__choice, .wo-cc-div .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: none;
}
.form-group.shop-ts-cc-div,.form-group.ep-ts-cc-div {
  height: 50px;
}
a.ep_comment.btn.btn-floating-action.btn-default-light, a.img-modal.text-center.btn.btn-floating-action.btn-default-light {
  width: 30px;
  height: 30px;
  font-size: 14px;
}

.ep_comment i.fa.fa-pencil,.img-modal i.fa.fa-file-image-o {
  line-height: 28px;
}
.rel-id-fg.form-group{
  margin: 0px;
  padding: 0px;
}
.rel-id-fg-et,.rel-id-fgs{
  margin-bottom: 8px;
}

a.j_cc.btn.btn-floating-action.btn-primary.ink-reaction {
  height: 26px;
  width: 26px;
}
a.j_cc.btn.btn-floating-action.btn-primary.ink-reaction i{
  line-height: 26px;
}

a.j_cc.btn.btn-floating-action.btn-primary.ink-reaction i {
  line-height: 24px;
  font-size: 15px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
a.eq_cc.btn.btn-floating-action.btn-primary.ink-reaction {
  height: 26px;
  width: 26px;
}
a.eq_cc.btn.btn-floating-action.btn-primary.ink-reaction i{
  line-height: 26px;
}

a.eq_cc.btn.btn-floating-action.btn-primary.ink-reaction i {
  line-height: 24px;
  font-size: 15px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
p.button-div.employee-button-div {
  margin: 0px;
  width: 100%;
  display: -webkit-inline-box;
  position: relative;
}
button.update-employee-info-btn{
  width: 48%;
  margin-top: 0px !important;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  padding: 0px;
}
.change-employee-pin.update-employee-info-btn {
  position: absolute;
  right: 0px;
}
.ep-table tr:hover,.weekly-table tr:hover{
  cursor: pointer!important;
}
.form-group.file-uploader-container{
  min-height: 150px;
  padding: 20px;
}
.img-view{
  height: 150px;
  width: 150px;
  margin: auto;
}
.img-view img{
  width: 100%;
  height: auto;
}

table > thead > tr > th, table > tfoot > tr> th{
  padding: 8px 10px !important;
}
i.kickback-shop-ts-fa {
  font-size: 19px;
  padding: 3px;
  color: red;
  cursor: pointer;
}
i.unkickback-shop-ts-fa {
  font-size: 19px;
  padding: 3px;
  color: blue;
  cursor: pointer;
}.fix-width{
  width: 140px !important;
  text-align: center;
}
.ts-list div.tile:hover{
  color:inherit!important;
}
@media (min-width: 992px) {
  .custom-size.modal-lg {
    width: 1200px;
  }
}
.input-group.date.date_select.fix-z-index, .input-group.date.date_select {
  margin-top: -26px;
}

.gui-controls > .gui-folder > a:after{
  /*margin-left: 5px;*/
  right: 19px;
}

.add-wo-plus{
  line-height: 36px;
}
.input-group.ts-datepicker.date_select{
  margin-top: 0;
}
#shop-timesheet-table tbody tr{
  background-color: white;
}
table.inner-table tbody tr{
  /*background-color: #f9f9f9 !important;*/
  border-bottom: 1px solid black;
}
.glyphicon-thumbs-up.green{
  color: green;
  font-size: 16px;
  position: relative;
  top: 5px;
}
label#status_label, #priority_label {
  /*top: -3px;*/
}

.fix-fg-padding{
  padding-top: 21px !important;
}
#permissions-table table.inner-table tbody tr td{
  padding: 10px 10px;
}
button.add-group {
  right: 11px;
  position: absolute;
  top: 11px;
  height: 30px;
  vertical-align: middle;
  line-height: 20px;
}
.form-group.add{
  margin-bottom:45px;
}
.card-head.group-styling{
  background-color: #e6e5e5;
}
.customer-row,.mileage-table tr,.sta-table tr td:hover, .sta-v2-table tr td:hover{ 
  cursor:pointer;
}
.select2-container--default.select2-container--disabled .select2-selection.select2-selection--multiple{
    background-color: transparent !important;
    border-bottom-color: rgba(12, 12, 12, 0.2) !important;
    border-bottom-style: dashed;
}
.jobsite_checkbox{
  line-height: 20px;
  margin-top: 13px;
}
.jobsite_checkbox .checkbox-styled:not(ie8) input ~ span:before{
  border-color:  #019ea9;  
}
.checkbox-styled:not(ie8) input[type="checkbox"].address_jobsite{
  z-index: 1000;
  cursor: pointer;
}
#truckModal .list .tile:hover{
  color: inherit;
}
.ct-sched span.work-order-title-customer{
  position: relative;
  top: -17px;
  font-style: italic;
  font-size: 11px;
}
.ct-sched span.work-order-title-cn{
  position: relative;
  top: -33px;
  font-style: italic;
  font-size: 11px;
}
.ct-sched span.each-job-end-date {
  position: relative;
  top: -25px;
  font-style: italic;
}
.ct-sched span.work-order-title-location {
  position: relative;
  top: -9px;
  font-style: italic;
  font-size: 11px;
}
.ct-approve-btn:hover {
  cursor: pointer;
}
.job-trucks {
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer;
  width: 22px;
}
#imageModalDisplay{
  z-index: 2000;
}
#imageModalDisplay-img{
  width: 100%;
  height: auto;
}
#notif-timesheet-table .form-group .checkbox{
  margin-bottom: 0;
}
#notif-timesheet-table .form-group{
  margin-bottom: 0;
}

#admin label{
  border: none;
}
.sig-img{
  width: 150px;
}
.btn-icon-toggle:hover{
  color:#9c9697;
}
.required_ast{
  color:#bb0a0a;
  font-weight: 400;
  font-size: 12px;
}
td.per_diem.checkbox.checkbox-styled.center.fix-chk-height{
  border-top: none;
}
.input-group.sj{
  float: left!important;
}.ep-kickback i{
    font-size: 19px;
    padding: 3px;
    color: red;
    cursor: pointer;
}
.ep-approve i{
  font-size: 15px;
}
.em-signature{
  width: 150px;
  height: auto;
}
.global-loading-div.ml{
  z-index: 10000!important;
}
.global-loading-div.inactive{
  z-index: -1;
}
/*li.job-li.top-nav-li {
  z-index: 1001;
  position: relative;
}*/
.copy-from-location{
  margin: 40px 0 0 0;
}
/*.fg-other[name="job_type"] .select2-selection {
  font-size: 11px !important;
}*/
.select2-selection--multiple:after{
  content:"";
  position:absolute;
  right:10px;
  top:15px;
  width:0;
  height:0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #888;
}
.route-span {
  position: absolute;
  bottom: -4px;
  left: 12px;
  /* z-index: 1000000; */
  color:#019ea9;
  cursor: pointer;
}
.route-span a {
  text-decoration: none;
}
.file-app-view{
  position: absolute;
  top: 10px;
  right: 10px;
}
.file-app-view span:before{
  border-color: #019ea9!important;
}
.remove-cc-trigger,.job-info-trigger,.remove-job-trigger{
  cursor: pointer;
}
.standard-cc-desc {
  width: 100%;
}
.rlt-new-job-description,.rlt-new-cc-description,.standard-new-cc-description,.rlt-existing-cc-description{
  resize: none;
}
.ct-new-job-description,.ct-new-cc-description,.standard-new-cc-description,.ct-existing-cc-description{
  resize: none;
}
.modal-dialog.modal-xl{
  max-width: 1140px;
}
@media (min-width: 1140px){
  .modal-dialog.modal-xl{
    width: 1140px;
  }
}
@media (max-width: 1140px){
  .modal-dialog.modal-xl{
    width: auto;
    margin: 10px;
    position: relative;
  }
}
.wo-add#notes,.wo-add#sow{
  height: 100px;
  resize: none;
}
.drivers {
  min-height: 36px;
}
.ct-wo-ab{
  padding-bottom: 0;
}
.add-ct-wo,.card .style-primary .btn-flat.add-ct-wo:hover,.card .style-primary .btn-flat.add-ct-wo:focus{
  background-color: #019ea9;
}
.ct-wo-ab .card-actionbar-row:first-child{
  padding: 20px 15px 15px 15px;
}
.add-job-form-body.form-inverse .form-group .form-control:focus ~ label{
  color: #019ea9;
}
.add-job-form-body .form-group .form-control ~ label:after,.add-job-form-body.form-inverse .form-group .form-control ~ .form-control-line:after{
  background-color: #019ea9;
}
.add-job-form-body .floating-label .form-control:focus ~ label,.add-job-form-body .floating-label .form-control.dirty ~ label{
  color: white;
}
.default-cc-table.checkbox-styled:not(ie8) input ~ span:before{
  width: 15px;
  height: 15px;
}
.default-cc-table.checkbox-styled:not(ie8) input:checked ~ span:before{
  height: 7.5px;
}
.default-cc-table.checkbox-styled:not(ie8) input ~ span{
  padding-left: 0;
}
.form-group.bp-row-fg {
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.search-list > tr{
  cursor: pointer;
}
#start,#end{
  border-bottom-style: solid;
  cursor: pointer; 
}
.form-group #start.form-control:focus,.form-group #end.form-control:focus{
  border-color:rgba(12, 12, 12, 0.2);
}

.ie-error-message{
  color: #019ea9!important;
  

}



.location-select-group .select2-container--default .select2-selection--multiple{
  border:1px solid #d0d0d0!important;
}

i.rlt-approve-btn {
  cursor: pointer;
  font-size: 16px;
}
i.fa.fa-info-circle.hapis-info {
  display: inline-block;
  display: none;
  position: absolute;
  top: 4px;
  margin-left: 4px;
  font-size: 14px;
  cursor: pointer;
}

textarea[group=hapis]{
  resize: none;
}

p.help-block.job-description-limit {
  position: absolute;
  left: 81px;
  top: 1px;
  height: 20px;
  width: 130px;
}
.form-group-simple > input {
  height: 55px;
  padding-top: 16px;
}
.form-group-simple > label {
  padding-top: 16px;
}
#site_description {
  padding-top: 16px;
}
.rm-wo-btn {
  position: absolute;
  right: 10px;
  top: 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 22px;
}
#description_w, #reason_for_downtime {
  margin-top: 20px;
}
#start_date_signature, #end_date_signature {
  margin-left: -10px;
  margin-top: 10px;
}
#crane_number ~ span {
  width: 100%;
}
inner-table >  {
  border: none;
}
textarea#in_house {
  margin-top: 21px;
}
.uppercase{
  text-transform: uppercase;
}

textarea#sow {
  margin-top: 15px;
}

small.user-name {
  font-size: 18px;
  padding-top: 13px;
}
ul.header-nav.header-nav-profile {
  margin: 0px;
}
a#notif-dd {
  background-color: #999e99;
  color: #353535;
}
.form-group.ct-wo.form-group-simple.job-id-form-group {
  padding-top: 50px;
}
#employee-table-signature {
  width: 100%;
}
.black-border {
  /* border-bottom: 1px solid #474747; */
  padding:10px 0px 0px 5px;
  display: flex;
  width: 100%;
}
.tool-type-item {
  width: 125px;
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
}
.tool-types {
  display: flex;
  flex-direction: column;
}
.inline-text {
  display: flex;
}
.box-border {
  display: flex;

}
.single-word-spacing {
  margin-right: 20px;
}
.sta-form-label {
  font-weight: bold;
  margin-right: 15px;
}
.double-black-border {
  margin-top: 15px;
  border-top: 1px solid #dad8d8;
  border-bottom: 1px solid #dad8d8;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.double-black-border > p {
  margin: 0;
}
.table-responsive {
  margin-top:35px;
}
.hoisting-table > tr > th, .hoisting-table > tr > td {
  padding: 10px;
  border: 1px solid #474747;
}

.version-container {
  max-width: 400px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*z-index: 2;*/
  margin-top: 20px;
}
button.btn.btn-default-dark.update-version-btn {
  margin-top: 20px;
}
.form-group .form-control.version-input:focus{
  border-color: black;
}
.global-loading-div.admin{
  bottom: inherit;
  top: 60px;
  width: 200px !important;
}
.table-responsive.log-table-div{
  margin-top: 0px;
}
header.shop-schedule-header {
  color: #363636;
}
.lp-wo-label-title{
  font-size: 13px;
  text-transform: uppercase;
  color: #545253;
}
.lp-wo-field{
  font-size: 16px;
  line-height: 20px;
  color: #343132;
}
.lp-wo-label, .lp-ts-label{
  font-size: 11.5px;
  margin-bottom: 8px;
  line-height: 14px;
  color: #393637;
}
.mb-30{
  margin-bottom: 30px;
}
.mt-0{
  margin-top: 0px;
}
.mt-25{
  margin-top: 25px;
}
.lp-ts-field{
  font-size: 20px;
  line-height: 24px;
  color: #343132;
}
.btn-link-primary{
  color: #019EA9;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

.subrow {
  background-color: #E7E7E7 !important;
  font-weight: 700;
}

.subrow td {
  padding: 8px 10px;
  border-top: none;
}

.shown + .subrow {
  display: table-row; /* Ensure proper display */
}

.add-emp-lp {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 10px;
  box-sizing: border-box;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid;

}
.add-emp-btn {
  position: relative;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  }
  .add-emp-btn:hover{
    text-decoration: none;
    color:#019EA9;
  }
  .lp-section-hr{
    border-top:1px solid #000;
    margin:0px 0px 45px;
  }
  .submit-ts-lp{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
  }
  .submit-ts-btn, .submit-all-ts-btn{
    position: relative;
    border-radius: 2px;
    border: 1px solid #019ea9;
    box-sizing: border-box;
    padding: 14px 50px;
    text-align: left;
    font-size: 16px;
    color: #019ea9;
    background: transparent;
  }
  .submit-ts-btn:hover{
    background: #363636;
    text-decoration: none;
    color: #019ea9;
  }
  .convert-lp-timesheet{
    position: relative;
    border-radius: 2px;
    border: 1px solid #019ea9;
    box-sizing: border-box;
    padding: 13px 20px;
    text-align: center;
    font-size: 16px;
    color: #019ea9;
    background: transparent;
  }
  .convert-lp-timesheet:hover{
    background: #019ea9;
    text-decoration: none;
    color: #fff;
  }
  .convert-all-lp{
    position: relative;
    border-radius: 2px;
    border: 1px solid #019ea9;
    box-sizing: border-box;
    padding: 14px 25px;
    margin-right:4px;
    text-align: center;
    font-size: 16px;
    background: #019ea9;
  }
  .convert-all-lp:hover{
    background: transparent;
    text-decoration: none;
  }

  .submit-all-ts-btn:hover{
    background: #019ea9;
    text-decoration: none;
  }

  .editable-field {
    color: #019ea9; /* Highlight color */
    cursor: pointer;
    text-decoration: underline;
    text-align: center;
  }

  .editable-field span.clickable:hover {
      color: #0056b3; /* Darker color on hover */
  }

  .clickable-cell {
    position: relative;
    padding: 0; /* Remove padding from the td */
}

.full-width-link {
    display: block; /* Make the link a block element */
    width: 100%;
    height: 100%;
    text-align: center; /* Center align text (optional) */
    text-decoration: none; /* Remove default underline */
    color: #019ea9; /* Highlight color */
    line-height: inherit; /* Match the height of the table row */
    border-bottom: 1px solid;
}

.full-width-link:hover {
    text-decoration: none; /* Add underline on hover */
    background-color: rgba(0, 0, 0, 0.05); /* Optional hover effect */
    color: #019ea9; /* Highlight color */
}
.btn-blue{
    position: relative;
    border-radius: 2px;
    background-color: #019ea9;
    text-align: left;
    /* font-size: 16px; */
    color: #fff;
    
}
.btn-blue:hover{
  color: #fff;
  background-color: #188b93;
}
.old-new-row {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
  box-sizing: border-box;
  gap: 12px;
  text-align: left;
  font-size: 13px;
  color: #545253;
  }

  .old-lp-change {
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    }

  .lp-name-text, .lp-edit-field {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #343132;
  }
  .lpe-emp-name {
    width: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
  }
  .lpe-edit {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
  }
  .lp-frame-group {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    font-size: 11.5px;
    color: #393637;
  }
  .old-new-parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
    gap: 12px;
    text-align: left;
    font-size: 13px;
    color: #545253;
  }

.new-lp-change{
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  color: #019ea9;
  text-align: left;
}
.lp-edit-field.new {
  color: #019ea9;
}

/* Hide the time picker button for all browsers */
.lp-time-input::-webkit-calendar-picker-indicator {
  display: none; /* Hide the calendar button in WebKit-based browsers (e.g., Chrome, Edge, Safari) */
}

/* For Firefox */
.lp-time-input {
  -moz-appearance: textfield; /* Override the default appearance in Firefox */
}

/* For consistency across browsers */
.lp-time-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove WebKit-based styling */
}

.disabled-row {
  background-color: #c8c8c8 !important; /* Light gray */
  opacity: 0.7; /* Make it visually disabled */
}
.subrow.disabled-row {
  background-color: #aaa8a8 !important; /* Light gray */
}
.highlight-mismatch, .highlight-mismatch a{
  color: red;
  font-weight: bold;
}

.empty-field {
  background: #d2f7fa; /* Change color (orange-red) */
  font-weight: bold;
}

.overlapping-row {
  background-color: rgba(255, 113, 5, 0.3) !important; /* Light red */
}

.ui-autocomplete {
  z-index: 9999 !important;
}

.editable-field-display {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    min-width: 40px;
    padding: 2px 4px;
}

.clickable-cell {
    cursor: default !important;
}

.edit-all-icon {
    cursor: pointer;
    font-size: 16px;
    color: #019ea9;
}

.edit-all-icon:hover {
    color: #188b93;
}

.add-cc-inline-btn {
    text-decoration: none !important;
}

.add-cc-inline-btn:hover {
    color: #999 !important;
    text-decoration: none !important;
}

/* Modal Body */
#lpTimesheet-edit-all-modal .modal-body {
    padding: 30px;
}

/* Employee Info Row */
#lpTimesheet-edit-all-modal .employee-info-row {
    margin-bottom: 20px;
}

#lpTimesheet-edit-all-modal .info-group {
    margin-bottom: 0;
}

#lpTimesheet-edit-all-modal .info-label {
    color: #393637;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
}

#lpTimesheet-edit-all-modal .info-value {
    color: #343132;
    font-size: 16px;
    line-height: 20px;
}

/* Time Fields Row - FLEXBOX for equal width */
#lpTimesheet-edit-all-modal .time-fields-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

#lpTimesheet-edit-all-modal .time-fields-row > div {
    flex: 1 1 0;
    min-width: 0; /* Allows flex items to shrink below content size */
    padding-left: 8px;
    padding-right: 8px;
}

/* Hide class for ts_type switching */
#lpTimesheet-edit-all-modal .time-fields-row > div.hidden {
    display: none;
}
/* Hide the time picker button for all browsers */
#lpTimesheet-edit-all-modal .time-fields-row .time-input::-webkit-calendar-picker-indicator,
#addLPTSEmpModal .time-fields-row .time-input::-webkit-calendar-picker-indicator {
  display: none;
}

/* For Firefox */
#lpTimesheet-edit-all-modal .time-fields-row .time-input,
#addLPTSEmpModal .time-fields-row .time-input {
  -moz-appearance: textfield;
}

/* For consistency across browsers */
#lpTimesheet-edit-all-modal .time-fields-row .time-input,
#addLPTSEmpModal .time-fields-row .time-input {
  appearance: none;
  -webkit-appearance: none;
}

/* Hide number spinners on the Work Hours field in the add employee modal */
#addLPTSEmpModal .add-emp-hours-group input::-webkit-outer-spin-button,
#addLPTSEmpModal .add-emp-hours-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#addLPTSEmpModal .add-emp-hours-group input {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* Form Control Base */
#lpTimesheet-edit-all-modal .form-control {
    height: 31px;
    border: none;
    border-bottom: 1px solid #26a69a;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 4px 0;
}

#lpTimesheet-edit-all-modal .form-control:focus {
    color: #26a69a;
    border-bottom-color: #26a69a;
    box-shadow: none;
    outline: none;
}

/* Work Hours Display (read-only for Type 1) */
#lpTimesheet-edit-all-modal .work-hours-display {
    font-size: 14px;
    line-height: 31px;
    padding: 0;
}

/* Field Labels */
#lpTimesheet-edit-all-modal .field-label {
    color: #393637;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

/* Cost Code Sections */
#lpTimesheet-edit-all-modal .cost-codes-container {
    margin-top: 20px;
}

#lpTimesheet-edit-all-modal .cost-code-row {
    margin-bottom: 10px;
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
}

#lpTimesheet-edit-all-modal .cost-code-row > div {
    padding-left: 8px;
    padding-right: 8px;
}

/* Select2 Overrides */
#lpTimesheet-edit-all-modal .select2-container--default .select2-selection--single {
    height: 31px;
    border: none;
    border-bottom: 1px solid #26a69a;
    border-radius: 0;
    background-color: transparent;
}

#lpTimesheet-edit-all-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px;
}

#lpTimesheet-edit-all-modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #26a69a transparent transparent transparent;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #lpTimesheet-edit-all-modal .time-fields-row > div {
        flex: 1 1 50%; /* 2 columns on tablet */
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    #lpTimesheet-edit-all-modal .time-fields-row > div {
        flex: 1 1 100%; /* 1 column on mobile */
    }
}

.edit-scope-icon {
    cursor: pointer;
    color: #019ea9;
    font-size: 14px;
    margin-left: 5px;
}

.edit-scope-icon:hover {
    color: #188b93;
}

/* Scope field display - truncate long text */
.ts-scope {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}