@use "@material/textfield/icon";
[class^="mdc"] {
  font-family: inherit;
}

.bootstrap-datetimepicker-widget {
  z-index: 99999;
}
.mdc-ripple-upgraded--background-focused  
.bootstrap-datetimepicker-widget {
  z-index: 99999;
 
 
}
.mdc-ripple-upgraded--background-focused  {
 
 
  z-index: 100000;
} 
.underline {
  text-decoration: underline;
}
label[class^="mdc-text-field"] {
  margin-bottom: 0;
  overflow: visible;
  padding: 0;
}
label.mdc-text-field {
  padding: 0;
}
label.mdc-text-field > input , input.form-control  {
  padding:0 0.7rem !important;
}
#contentForm label.mdc-text-field > input  , #contentForm input.form-control  {
  padding:0  !important;
}
#contentForm #wrap-login label.mdc-text-field > input    {
  padding:0 0.7rem !important;
}
.mdc-text-field__input:disabled , 
.mdc-text-field__input:disabled + i + .mdc-floating-label ,
.mdc-text-field__input:disabled   + .mdc-floating-label ,
.mdc-text-field__input:readonly ,
 .mdc-text-field__input:readonly + i + .mdc-floating-label ,
 .mdc-text-field__input:readonly   + .mdc-floating-label ,
 .mdc-text-field__input:-moz-read-only   ,
 .mdc-text-field__input:-moz-read-only + i + .mdc-floating-label  ,
 .mdc-text-field__input:-moz-read-only  + .mdc-floating-label  
  {
   color:rgba(0,0,0,.38) !important;
   border-color:#EEEEEE !important;
}
.mdc-text-field.mdc-text-field--disabled  .mdc-floating-label {
	color: rgba(0,0,0,.2)  !important; 
}
.mdc-text-field.mdc-text-field--disabled .mdc-line-ripple::before {
	border-bottom-color: rgba(0,0,0,.2) !important;
}
.mdc-text-field--disabled.mdc-text-field--filled , .mdc-select__anchor .mdc-select__ripple::before, .mdc-select__anchor .mdc-select__ripple::after {
  background: transparent !important;
}
.mdc-text-field--outlined {
  height: 40px;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-25.75px) scale(0.75);
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: unset;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: rgba(255, 208, 1, 0.9);
  border-color: var(--mdc-theme-primary, #2E3032);
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  color: #2E3032;
}

.mdc-select .mdc-select__anchor {
  padding-left: 0;
  height: 50px;
  z-index: 0;
}

.mdc-select .mdc-floating-label {
  left: 0;
}
.mdc-select .mdc-floating-label:not(.mdc-floating-label--float-above) {
  webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent;
}

.mdc-select__selected-text, .mdc-floating-label, .mdc-list {
  font-family: inherit;
}

.mdc-select.mdc-select--focused .mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before {
  opacity: 0;
}

.mdc-text-field.mdc-text-field--filled {
  height: 50px;
  padding-left: 0;
}
.mdc-text-field.mdc-text-field--filled .mdc-floating-label {
  left: 0;
}
.mdc-text-field.mdc-text-field--filled .mdc-floating-label:not(.mdc-floating-label--float-above) {
  webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.mdc-text-field.mdc-text-field--filled .mdc-text-field__ripple::before, .mdc-text-field.mdc-text-field--filled .mdc-text-field__ripple::after {
  background-color: unset;
}
.mdc-text-field + .mdc-text-field-helper-line {
  padding-left: 0;
}
.mdc-text-field .mdc-text-field__icon {
  align-self: flex-end;
}

.btn {
  border-radius: unset;
}

.btn-primary {
  color: #2E3032;
  background-color: #ffd001;
  border-color: #ffd001;
  padding-left: 50px;
  padding-right: 50px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #2E3032;
  background-color: rgba(255, 208, 1, 0.9);
  border-color: #ffd001;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 208, 1, 0.2);
}

.register-wrapper {
  background: url("../image/bg-register.png") rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-blend-mode: multiply;
}

#contentForm[name="loginForm"] .alert  {
  display: none;
}
#contentForm[name="loginForm"].invalid .alert-message  {
  display: none;
}
#contentForm[name="loginForm"].invalid .alert  {
  display: block;
}

.delete-popover-confirm-wrapper .deny, .delete-popover-confirm-wrapper .confirm {
  cursor: pointer;
}

.form-inline.customer-type label.radio.checked {
	background-color: grey;
	color: white !important;
	padding: 2px 5px;
}
:root {
  --mdc-theme-primary:#007A37; 
}
 .mdc-floating-label--float-above {
   color:#007A37 !important; 
 }
 .mdc-select--disabled .mdc-select__anchor ,  .mdc-select:hover  {
	background-color: #ffffff !important; 
}

.main-content  > .container >  .form-embed {
  padding:50px 0;
}

.custom-select {  
  border-radius: 0;  
 
  background:#FFFFFF  url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat  right .75rem center/8px 10px;
 
}
  
.table .thead-light th { 
	background-color: transparent;
  border-color: #dee2e6;
  border-bottom:1px solid #dee2e6;
}
.table .thead-light.bg-gray th{
  background:#f8f9fa;
}
.table-light td[scope=row] , .thead-light th:first-child  {
  padding-left: 30px;
}
.bootstrap-datetimepicker-widget {
  background: #FFFFFF; 
} 
.mdc-text-field .mdc-text-field--_ield--label-floating .bootstrap-datetimepicker-widget {
  z-index: 100;
}
 
.requirement-wrapper {
  margin-bottom: 0 !important;
}
.requirement-wrapper + .bottom-submit {
	border-top: 1px solid #CCCCCC;
	background: #FFFFFF;
	text-align: center;
	padding: 10px 0 5px 0;
}
.mdc-text-field__input, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
	color: #1576A3 !important;
	font-family: Prompt !important;
}
.register-form-wrapper .calculate_price  .mdc-text-field__input {
  color:#1576A3 !important;
  font-weight:500  !important;
}
.calculate_price  .mdc-text-field__icon--trailing {
  color:#08A451  !important;
}
.register-form-wrapper  .mdc-floating-label {
   color:#CCCCCC;
}
.mdc-text-field__icon--trailing{
  margin-right: 0;
}

.mdc-text-field__input:read-only  {
   color: #bcc4c7 !important;
}
.mdc-text-field__input:read-only + i + .mdc-floating-label {
  color: #bcc4c7 !important;
}
.project-status li {
	position: relative;
	margin: 0 !important;
	padding-right: 10px;
	width: 16.2%;
  text-align: center;
  float:left;
}
.project-status li::after {
	content: "";
	border-bottom: 1px solid #eee;
	position: absolute;
	top: 17.5px;
	display: block;
	right: 50%;
	width: 100%;
	z-index: 0;
}
.project-status li:first-child::after {
          display: none;
}

.project-status p {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	line-height: 35px;
	border: 1px solid;
	z-index: 2;
	display: block;
  position: relative;
  margin: 0 auto;
} 

.project-status li.status-rejected::after  ,  .project-status li.status-cancelled::after   {
  border-color:#D02D5E;
  }  
  .project-status li.status-rejected  p ,  .project-status li.status-cancelled  p   {
    background-color:#D02D5E;
    }  
.project-status li.status-checked p   {
  background-color:#00A54E; 
  } 
  .project-status li.status-checked::after   {
    border-color:#00A54E;
 } 
.project-status li.status-pending::after   {
  border-color:#FCDA41;
}
.project-status li.status-pending  p   {
  background-color:#FCDA41; 
  } 
  .project-status li.status-checked p  ,.project-status li.status-pending p ,.project-status li.status-rejected p  ,  .project-status li.status-cancelled p   {
    border:none;
    color:#FFFFFF;
    }

    .popover {
      z-index: 5000;
    }

    .img-thumbnail.upload-image {  
        padding: 0 !important;
        height: 200px;
        width: 200px;
        display: block;
        position: relative;
        border: 1px solid #eee !important;
      }

      .img-thumbnail.upload-image  img {  
        border-radius: 3px;
        border: none;
        width:100%;
      }
      .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
        border-color: #f3f3f3;
      }
      .mdc-menu .mdc-list { 
        max-height: 400px;
      } 
      .mdc-menu   .mdc-list-item { 
        max-height: 30px !important;
        line-height: 30px !important;
      }
       
  .autocomplete.mdc-text-field__input + .dropdown-menu { 
        min-width: 50%;
        padding:  1rem; 
      }
      .mdc-text-field__input + .dropdown-menu a {
      color:#1576A3 !important;
      }
.btn-calculate {
	width: 100%;
	border: none; 
	background: #fff;
	border: 1px solid #218838;
	color: #218838;
}
/*
overwrite  .nav-pills 
---------------------*/
.nav-link {
  padding-left: 0;
  margin-right: 15px;
}
 .nav-pills .show > .nav-link , .nav-pills .nav-link.active ,  .nav-pills  a {
   background: none;
   color: #222222 !important;
   position: relative; 
 }
 
 .nav-pills .nav-link::before, .nav-pills .nav-link.active::before ,  .nav-pills .nav-link.active > span::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background:  transparent;
	display: inline-block; 
	padding: 1px;
  margin-right: 5px;
  background: #007A37;
} 
.nav-pills .nav-link::before {
  border: 1px solid #eee !important ; 
  background: transparent;
}
.nav-pills .nav-link.active::before {
  border:none !important ;
}
.nav-pills .nav-link.active > span::before {
	background: transparent;
	position: absolute;
	left: -3px;
	top: 12px;
	border: 1px solid #777;
	width: 16px;
  height: 16px;
  margin-right: 0px;
}

.payment-percent {
  border:none;
}
.service-wrapper , .space-wrapper , .discount-wrapper , .damage-wrapper  {
  position: relative;
}
.service-wrapper .delete-space , .space-wrapper .delete-space , .damage-wrapper .delete-space  , .delete-discount  {
  color: #3DABC2; top: 30%;  left: -15px; z-index:6000; 
}
 .discount-wrapper .delete-space  , .damage-wrapper .delete-space  , .delete-discount {
  top: 40%;  left: -30px; z-index:6000; 
}
.service-wrapper .service-select-wrapper .mdc-floating-label    {
  left:15px;
}
 .service-wrapper .service-select-wrapper .mdc-select__anchor{ 
   padding-left: 15px;
}
.service-wrapper .delete-space ,   .damage-wrapper .delete-space  , .delete-discount {
  top:1.2rem;
}
.tr-th.bt-0 > th  {
  border-top:none;
}
input:focus , input:active {
  background: transparent !important;
  outline: none !important;
  border-color: none !important;
}
button:focus, select:focus , button:active, select:active{
  outline: none  !important;  
}

.square-color { 
	width: 2.5em;
	height: 2.5em;
	display: block;
}
.browse-file .image-preview {
  width:100%
}
.browse-file .image-preview.image-signature {
  max-width: 300px;
}
.input-frame > .mdc-text-field {
	padding: 0;
	background: #fff !important;
	padding: 3px 5px !important;
	border: 1px solid #eee;
	border-radius: 3px;
	height: 40px;
	line-height: 40px !important;
}
.input-frame > .mdc-text-field--filled::before {
  height:22px;
}
.table td.not-found {
  text-align:center;
  padding:5rem  !important;
  display: block;
  color:#999;
}
.empty_label { 
    top: 1.5rem;
    position: relative; 
}
#wrapper-save.active .col-6 {
  padding:0 !important; flex:0 0 50% !important; max-width:50% !important;left:0% !important; right:0% !important;
  width:50% !important;
}
.calculate-bullet > div::before {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	background: #EEE;
	margin-right: 5px;
	top: 3px;
}
.calculate-bullet > div.red::before {
 background:#EB2326; 
}
.calculate-bullet > div.blue::before {
  background:#006697; 
 }
 .calculate-bullet > div.green::before {
  background:#00A550; 
 }