/************************ Edotco Theme Branding ***********************************************/

/*link color*/
#wrapper.dgreen-gray a:hover, 
#wrapper.dgreen-gray a:focus,
#wrapper.dgreen-gray a.active,
#wrapper.dgreen-gray table a,
#wrapper.dgreen-gray #cwo-job .table ul.dropdown-menu > li a:hover {
  color: #047448;
}
/*end of link color*/

/*font-icons*/
#wrapper.dgreen-gray .top-nav-icons:hover,
#wrapper.dgreen-gray .zylog-search:hover,
#wrapper.dgreen-gray td .zylog-font-icon:hover,
#wrapper.dgreen-gray .right-panel ul li .save-cancel-icon:hover {
  color: #047448;
}
/*end of font-icons*/

#wrapper.dgreen-gray .toggle-clr button {
  border-color: #047448;
  color: #047448;
}
/*text editor*/
#wrapper.dgreen-gray .btn-info, 
#wrapper.dgreen-gray .btn-info:hover, 
#wrapper.dgreen-gray .btn-info:focus, 
#wrapper.dgreen-gray .btn-info:active {
  background: #047448  !important;
}
/*end of text editor*/

/*page-loader*/
  #wrapper.dgreen-gray .loader {
   border: 1px solid #047448;
   background: #047448 none repeat scroll 0% 0%;
  }
/*End of page-loader*/

#wrapper.dgreen-gray .zylog-btn,
#wrapper.dgreen-gray .btn-primary,
#wrapper.dgreen-gray .wrap-menu > aside:first-child,
#wrapper.dgreen-gray .notification-label,
#wrapper.dgreen-gray .dropdown-menu > .active > a, 
#wrapper.dgreen-gray .dropdown-menu > .active > a:hover, 
#wrapper.dgreen-gray .dropdown-menu > .active > a:focus,
#wrapper.dgreen-gray .wrap-right-cont .heading > h1,
#wrapper.dgreen-gray .detail-menu-wrap,
#wrapper.dgreen-gray .c-modal .modal-header {
background: #047448;
}
#wrapper.dgreen-gray aside.second-level .sublist > li.active {
background: rgba(0,0,0,0.1);
}

#wrapper.dgreen-gray aside.second-level .sublist > li:hover,
#wrapper.dgreen-gray aside.second-level .sublist > li:focus {
background: rgba(0,0,0,0.05);
}

#wrapper.dgreen-gray .layout-panel,
#wrapper.dgreen-gray #main-container,
#wrapper.dgreen-gray .panel,
#wrapper.dgreen-gray .left-panel,
#wrapper.dgreen-gray .center-panel,
body#wrapper.dgreen-gray {
 background: #fafbfd none repeat scroll 0% 0%;
}

/*#wrapper.dgreen-gray #main-container {
  background: #f7f9fc;
}*/
#wrapper.dgreen-gray table a:hover, 
#wrapper.dgreen-gray table a:focus {
  color:#047448;
  text-decoration: none;
} 

#wrapper.dgreen-gray .main-heading h1,
#wrapper.dgreen-gray .panel-title > a,
#wrapper.dgreen-gray .wrap-right-cont .heading,
#wrapper.dgreen-gray h1.sub-head,
#wrapper.dgreen-gray ul#wizardStatus li,
#wrapper.dgreen-gray .master-table .adv-search,
#wrapper.dgreen-gray .confirm-info h1,
#wrapper.dgreen-gray .model-info > li i {
color: #047448;
}
/*mandatory field color*/
#wrapper.dgreen-gray .mandatory-field:not(p-calendar):not(time-picker),#wrapper.dgreen-gray .mandatory-field input,
#wrapper.dgreen-gray #app-config button.multiselect {
border-left: 4px solid #047448!important;
}
#wrapper.dgreen-gray .mandatory-field .ui-multiselect-panel input{
border-left: 0px !important;
}
#wrapper.dgreen-gray aside .main-menu > ul > li > a:hover, 
#wrapper.dgreen-gray aside .main-menu > ul > li > a:focus,
  #wrapper.dgreen-gray aside .main-menu > ul > li > a.active {
    background: rgba(0,0,0,0.25);
}

#wrapper.dgreen-gray table thead,
#wrapper.dgreen-gray table td .db-days {
background: #f3f4f9;
}

#wrapper.dgreen-gray .table-hover>tbody>tr:hover>td, 
#wrapper.dgreen-gray .table-hover>tbody>tr:hover>th {
background: #F4F5F9;
}

#wrapper.dgreen-gray .panel-default>.panel-heading {
background: rgba(0,0,0,0.02);
}

#wrapper.dgreen-gray .left-panel .date-time > span:last-child,
#wrapper.dgreen-gray .forgot-a,
#wrapper.dgreen-gray .forgot-a:hover,
#wrapper.dgreen-gray .forgot-a:focus,
#wrapper.dgreen-gray .need-clr,
#wrapper.dgreen-gray .need-clr:hover,
#wrapper.dgreen-gray .need-clr:focus,
#wrapper.dgreen-gray .user-links a  {
color: #047448;
}

#wrapper.dgreen-gray .right-panel,
#wrapper.dgreen-gray .c-modal .modal-content {
background: #f7f7f7;
}
/*panel header*/
#wrapper.dgreen-gray #main-container > .breadcrumb-heading {
  background: rgb(247, 249, 252) none repeat scroll 0% 0%;
}
/*end of panel header*/

/*form*/
/*custom checkbox and radio button*/
 #wrapper.dgreen-gray .checkbox input[type="checkbox"]:checked + label:after {
   border-bottom: 2px solid #ffffff;
   border-left: 2px solid #ffffff;
 }
 #wrapper.dgreen-gray .checkbox input[type="checkbox"]:checked + label::before {
   background-color: #047448;
   border-color: #047448;
 }
 #wrapper.dgreen-gray .radio input[type="radio"]:checked + label:before {
    border-color: #047448;
  }
 #wrapper.dgreen-gray .radio input[type="radio"]:checked + label:after {
    background: #047448;
  }
  #wrapper.dgreen-gray .multiselect-container input[type="checkbox"]:checked + label:after {
    border-bottom: 2px solid #047448;
    border-left: 2px solid #047448;
  }
/*End of custom checkbox and radio button*/
/*End of form*/

/*login*/
#wrapper.dgreen-gray.login-bg {
  background: url(../img/bg-img/loginpage_samsung_bg.jpg) no-repeat fixed center center;
  background-size: cover;
  position: relative;
}
#wrapper.dgreen-gray.zylog-login {
  background: url(../img/bg-img/loginpage_zylog_bg.jpg) no-repeat fixed center center;
  background-size: cover;
  position: relative;
}
#wrapper.dgreen-gray .logo-image {
  background-image: url(../img/logo/edotco-logo-login.png);
  height: 40px;
  width: 175px;
  background-repeat: no-repeat;
}
/*end of login*/

/*company master train*/
#wrapper.dgreen-gray .btn-success,
#wrapper.dgreen-gray .btn-success:hover, 
#wrapper.dgreen-gray .btn-success:focus, 
#wrapper.dgreen-gray .btn-success:active, 
#wrapper.dgreen-gray .btn-success.active, 
#wrapper.dgreen-gray .open>.dropdown-toggle.btn-success {
  background-color: #047448;
  border-color: #047448;
}
#wrapper.dgreen-gray .progress-bar-success {
  background-color: #047448;
}
#wrapper.dgreen-gray .stepwizard a:hover {
  color: #ffffff;
}
#wrapper.dgreen-gray .stepwizard-step .btn.btn-success + p {
  color: #047448;
}
/*end of company master train*/

/*wizard arrow-step*/
 #wrapper.dgreen-gray ul#wizardStatus li.current:after,
 #wrapper.dgreen-gray ul#wizardStatus li.current:before,
 #wrapper.dgreen-gray ul#wizardStatus li.current {
  background-color: #047448;
}

 #wrapper.dgreen-gray ul#wizardStatus li:after,
 #wrapper.dgreen-gray ul#wizardStatus li:before,
 #wrapper.dgreen-gray ul#wizardStatus li {
  background: #F0F2F7;
}

#wrapper.dgreen-gray .stepwizard-step a[disabled="disabled"] {
  border-color: #ccc;
}

 #wrapper.dgreen-gray .stepwizard-step a {
  border: 1px solid #047448;
}
/*End of wizard arrow-step*/

/*pagination*/
#wrapper.dgreen-gray .pagination > .active > a, 
#wrapper.dgreen-gray .pagination > .active > span, 
#wrapper.dgreen-gray .pagination > .active > a:hover, 
#wrapper.dgreen-gray .pagination > .active > span:hover, 
#wrapper.dgreen-gray .pagination > .active > a:focus, 
#wrapper.dgreen-gray .pagination > .active > span:focus {
  background-color: #047448;
  border-color: #047448;
}
#wrapper.dgreen-gray .pagination > li > a, 
#wrapper.dgreen-gray .pagination > li > span {
  color:#047448;
}
#wrapper.dgreen-gray .pagination > li.active > a {
  color: #ffffff;
}
#wrapper.dgreen-gray .dropdown-menu > .active > a, 
#wrapper.dgreen-gray .dropdown-menu > .active > a:hover, 
#wrapper.dgreen-gray .dropdown-menu > .active > a:focus {
  background-color: #047448;
}
/*end of pagination*/
/*role privileges*/
#wrapper.dgreen-gray input.switch-toggle-round:checked + label::after {
background-color: #047448;
}
#wrapper.dgreen-gray input.switch-toggle-round.red-clr:checked + label::after {
background-color: red;
}
/*end of role privileges*/
/*form-control*/
#wrapper.dgreen-gray .form-control:focus,
#wrapper.dgreen-gray button.multiselect.btn-default:hover, 
#wrapper.dgreen-gray button.multiselect.btn-default:focus, 
#wrapper.dgreen-gray button.multiselect.btn-default:active, 
#wrapper.dgreen-gray button.multiselect.btn-default.active, 
#wrapper.dgreen-gray .open>.dropdown-toggle.btn-default {
    border-color: #047448;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(4,116,72,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(4,116,72,.6);
}

/*end of form-control*/

/*icon font colors*/
#wrapper.dgreen-gray .grid-thumb {
  color: rgba(0,0,0,0.6);
}
#wrapper.dgreen-gray .grid-thumb:hover,
#wrapper.dgreen-gray .grid-thumb:focus,
#wrapper.dgreen-gray .grid-thumb.active,
#wrapper.dgreen-gray .panel-title i:hover,
#wrapper.dgreen-gray .panel-title i:focus,
#wrapper.dgreen-gray .panel-title i.active {
  color: #047448;
}
/*end of icon font colors*/

/*sortable arrow*/
/*.fixed-table-container thead th .asc {
  background-image: url(../svg/down-arrow-1.svg);
}
.fixed-table-container thead th .desc {
  background-image: url(../svg/down-arrow-1.svg);
}*/
/*end of sortable arrow*/

/*technician availability*/
#wrapper.dgreen-gray .nav-pills>li.active>a, 
#wrapper.dgreen-gray .nav-pills>li.active>a:hover, 
#wrapper.dgreen-gray .nav-pills>li.active>a:focus {
  color: #000;
}

#wrapper.dgreen-gray .nav-pills>li.active .highlight {
    background-color: #047448;
}
/*end technician availability*/

/*calendar*/
#wrapper.dgreen-gray .bootstrap-datetimepicker-widget table td.active, 
#wrapper.dgreen-gray .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #047448;
}
/*end of calendar*/

/*tooltip*/
#wrapper.dgreen-gray .tooltip-inner {
  background-color: #047448;
}
#wrapper.dgreen-gray .tooltip.right .tooltip-arrow {
  border-right-color: #047448;
}
#wrapper.dgreen-gray .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #047448;
}
#wrapper.dgreen-gray .tooltip.top .tooltip-arrow {
  border-top-color: #047448;
}
#wrapper.dgreen-gray .tooltip.left .tooltip-arrow {
  border-left-color: #047448;
}
/*end of tooltip*/

/*permission denied*/
#wrapper.dgreen-gray .go-to {
  color: #047448;
}
/*end of permission denied*/

/*single pages*/
/*#wrapper.dgreen-gray .page-background {
  background-color: transparent; 
}*/
#wrapper.dgreen-gray.page-background {
  background-color: #047448; 
}
#wrapper.dgreen-gray #single-page svg,
#wrapper.dgreen-gray #single-page svg .path-clr {
  fill: #047448;
}
/*for font icon*/
#wrapper.dgreen-gray .head-ex,
#wrapper.dgreen-gray .sp-head,
#wrapper.dgreen-gray .sp-info {
  color: #047448;
}
#wrapper.dgreen-gray .page-content input,
#wrapper.dgreen-gray .home-circle i,
#wrapper.dgreen-gray .page-content button.zylog-btn {
  color: #047448;
}
/*end of single pages*/

/*dispatch board*/
#wrapper.dgreen-gray .db-pills {
  background: rgba(0, 0, 0, 0.008); 
}
/*end of dispatch board*/

/*new scheduling preferences*/
#wrapper.dgreen-gray .selected-scheduling-box {
border: 1px solid #047448;
box-shadow: 0 0 10px -2px #047448;
}
#wrapper.dgreen-gray .selected-scheduling-box i,
#wrapper.dgreen-gray .selected-scheduling-box h1 {
color: #047448;
}
/*end of scheduling preferences*/

/*event calendar*/
#wrapper.dgreen-gray .calDay .calElement.selected,
#wrapper.dgreen-gray .eventcalendar-table td.selected {
background-color:  #047448;
}
#wrapper.dgreen-gray .calDay .calElement.today {
border: 1px solid #047448;
}
/*end of event calendar*/

#wrapper.dgreen-gray.ng-invalid:not(form):not(p-autocomplete):not(time-picker):not(p-calendar):not(p-editor), #wrapper.dgreen-gray.ng-invalid:not(form) input 
{
border-left: 5px solid #047448 !important;
} 
/*new home*/
#wrapper.dgreen-gray .quick-link-box:hover {
background-color: rgba(0,0,0,0.035);
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;
box-shadow: 0 0 10px -2px #047448;
border: 1px solid #047448;
}
#wrapper.dgreen-gray .quick-link-box:hover i,
#wrapper.dgreen-gray .quick-link-box:hover h1 {
color: #047448;
opacity: 1;
}
#wrapper.dgreen-gray .ui-paginator .ui-paginator-page.ui-state-active{
background: #047448 none repeat scroll 0 0 !important;
border-color: #047448;
}
#wrapper.dgreen-gray .ui-dialog .ui-dialog-titlebar-close{color:#fff;}
    #wrapper.dgreen-gray .ui-dialog.ui-widget .ui-dialog-titlebar{background:#047448 !important;color: #fff;}
    #wrapper.dgreen-gray .ui-dialog .ui-dialog-buttonpane .ui-button{background:#047448;}

    
    #wrapper.dgreen-gray .linkWo_icon{
      background-color: #047448;
    }