.card-table-input {
  background-color: rgba(0, 0, 0, 0.03);
}

.table-input {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.03);
}



.table-input td {
  background-color: rgba(0, 0, 0, 0.03);
  
}
.td-no-padding {
  padding:0.01rem !important;
  height: 50px;
  
}

.td-no-padding-area-text {
  padding:0.01rem !important;
  height: 120px;
}

.td-no-padding-area-text-time {
  padding:0.01rem !important;
  height: 80px;
}

.input-in-td {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0.375rem 0.75rem;

  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.0 solid #ced4da;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-in-td:focus {
  color: #495057;
  background-color: #fff;
  border-color: #a1cbef;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(52, 144, 220, 0.25);
}
tr.highlight td {
  margin: 0;
  padding-left: 0px; 
  padding-top: 10px; 
  padding-bottom:10px
}

textarea {
  border: none;
  width: 100%;
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
     -moz-box-sizing: border-box; /* FF1+ */
          box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

.radioBtn .notActive{
  color: #3276b1;
  background-color: #fff;
}



.ratings{
margin-right:10px;
}

.ratings i{
  
  color:#cecece;
  font-size:32px;
}

.rating-color{
  color:#fbc634 !important;
}

.review-count{
  font-weight:400;
  margin-bottom:2px;
  font-size:24px !important;
}

.small-ratings i{
color:#cecece;   
}

.review-stat{
  font-weight:300;
  font-size:18px;
  margin-bottom:2px;
}

.card-header {
  background-color: #BCBEC0 !important;
}

.card-header.employee {
  background-color: #435d7d !important;
}

.body_blue {
  background-color: #435d7d !important;
}

.header_orange {
  background-color: #FCE4D6 !important;
}




.the-count {
  float: right;
  padding: 0.1rem 4px 0 0;
  font-size: 0.875rem;
  
}

.floating_Note_DIV
{   margin: 0px 0px 0px 0px; 
    padding: 0px 2px 0px 0px;
    
    position: relative;                 /* how to do this bit? */
    right: -232px;  
    top: -14px;
            
    width: 70px;    
    height: 11px;
            
    font-size: 8px; font-style: normal; font-weight: bold;  color: black;
    text-align: right;  border: 1px solid #737d96;  }

    
    td.upgrade_change {  background-color: #F5A413;  }
    td.employee_name_danger {   color:#FF0000; background-color: #FBE5D6; }
    td.yellow { background-color: #FFF2CC;
      padding:0px;
      margin:0px; }
   
    td.white { background-color: #fff;
        padding:0px;
        margin:0px; }
    td.grey { background-color: #BCBEC0; }
    td.alert_color {  
      background-color: #F5A413; 
      padding:0px;
      margin:0px; }
    td.colleague_gray { background-color: #e9ecef;
        padding:0px;
        margin:0px; }  
    select.select_not_border {
      border: 0;
      width: 100%;
      height: 100%;
      padding:0px;
      margin:0px;
      background-color: #FFF; 
      color:black; 
      text-align-last:center;
      text-align:center;
   }
   select.select_alert_not_border {
    border: 0;
    width: 100%;
    height: 100%;
    padding:0px;
    margin:0px;
    background-color: #F5A413; 
    color:black; 
    text-align-last:center;
    text-align:center;
 }
   select.select_not_border:disabled {
    opacity: 1.0;
    background-color: white; 
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
 }
 select.select_alert_not_border:focus{
  background-color: #F5A413; 
  outline: none;
}
select.select_alert_not_border:disabled {
  opacity: 1.0;
  background-color: white; 
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select.select_not_border:focus{
    outline: none;
}
select.select_not_border_upgrade_yellow{
    border: 0;
    width: 100%;
    height: 100%;
    padding:0px;
    margin:0px;
    background-color: #FFF2CC; 
    color:black; 
    text-align-last:center;
    text-align:center;
 }
 select.select_not_border_upgrade_yellow:focus{
  outline: none;
}

  select.select_not_border_upgrade {
    border: 0;
    width: 100%;
    height: 100%;
    padding:0px;
    margin:0px;
    background-color: #F5A413; 
    color:black; 
    text-align-last:center;
    text-align:center;
 }
 select.select_not_border_upgrade:disabled  {
  opacity: 1.0;
  background-color: white; 
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
 select.select_not_border_upgrade:focus{
  outline: none;
}
  textarea.upgrade_change  { 
    background-color: #F5A413; 
    color:black; 
    border:0;
    outline:0;
    width: 100%;
    height: 100%;
    padding:5px;
    margin:0;
    display: block;
   }   
   textarea.upgrade_change:disabled{ 
    background-color: white; 
   }   
  textarea.yellow_black_text { 
    background-color: #FFF2CC; 
    color:black; 
    border: 1px;
    border-color: solid black;
    outline:0;
    width: 100%;
    height: 100%;
    
    padding:5px;
    margin:0;
    display: block;
  } 
 
  textarea.white_black_text { 
      background-color: white; 
      color:black; 
      border:0;
      outline:0;
      width: 100%;
      height: 100%;
      padding:5px;
      margin:0;
      display: block;}   
  input.yellow_black_text { 
      background-color: #FFF2CC; 
      color:black; 
      border:0;
      outline:0;
      width: 100%;
      height: 100%;
      padding:0px;
      margin:0px;}    
  input.yellow_black_text:disabled{ 
        background-color: white; 
        
      }     
  input.change_orange_black_text { 
        background-color: #F5A413; 
        color:black; 
        border:0;
        outline:0;
        width: 100%;
        height: 100%;
        padding:0px;
        margin:0px;}    
  input.change_orange_black_text:disabled{ 
          background-color: white; 
          
        }         
  input.alert_black_text { 
        background-color: #F5A413;  
        color:black; 
        border:0;
        outline:0;
        width: 100%;
        height: 100%;
        padding:0px;
        margin:0px;}         
        
  input.master_cancel_submission_text { 
          background-color: #F5A413; 
          color:black; 
          border:0;
          outline:0;
          width: 100%;
          height: 100%;
          padding:0px;
          margin:0px;} 
  td.master_cancel_submission_color { background-color: #F5A413;
            padding:0px;
            margin:0px; }              
 
    input.yellow_red_text { 
      background-color: #FFF2CC; 
      color:black; 
      border:0;
      outline:0;
      width: 100%;
      height: 100%;
      padding:5px;}    
    input.employee_name_red_text { 
        background-color: #FBE5D6; 
        color:#FF0000; 
    }     
    input.grey_bg { 
        background-color: #BCBEC0; 
        color:#BCBEC0; 
        border:0;
        outline:0;
        width: 100%;
        height: 100%;
        padding:0px;}  

      .ratebox {
        border-collapse: collapse;
        border-width: 1px;
        border-style: solid;
        border-color: red
    }
   

    
   
    .table-rate th,
    .table-rate td,
    .table-rate thead,
    .table-rate {
      border: 1px solid black;
      padding: 0px 0px 0px 0px;
    }

    .logo
    {
      position: relative;
      top: 0em;
      right: 0em;
      width: 100%;
      height:50px;
      background-color: white;
    }
    .logo_login
    {
      position: fixed;
      top: 0em;
      right: 0em;
      width: 100%;
      height:50px;
      background-color: white;
    }
    
    
    .logo_padding
    {
      padding:0.5rem 
    }

    .spacer {
      flex: 1;
    }
    .navbar .dropdown-toggle::after{ color:white; }
    .navbar {
      background-color: #BE1E2D;
    }

    .navbar_right_bg {
      background-color: #BE1E2D;
    }

    .accordion-button:after {
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    }

    .ysp_bg {
      background-color: #BE1E2D;
    }
   
    .btn-send {
      color: #fff;
      background-color: #BE1E2D;
      border-color: #BE1E2D;
    }
    
    .btn-send:hover {
      color: #fff;
      background-color: #BE1E2D;
      border-color: #BE1E2D;
    }
    
    .btn-send:focus,
    .btn-send.focus {
      color: #fff;
      background-color: #BE1E2D;
      border-color: #BE1E2D;
      box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }
    
    .btn-send.disabled,
    .btn-send:disabled {
      color: #fff;
      background-color: #BE1E2D;
      border-color: #BE1E2D;
    }
    .btn-send:not(:disabled):not(.disabled):active:focus,
    .btn-send:not(:disabled):not(.disabled).active:focus,
    .show > .btn-send.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem #BE1E2D;;
    }

    .tbn,
    .btn-save {
      color: #BE1E2D;
      background-color: #fff;
      border-color: #BE1E2D;
    }
    
    .btn.btn-save:hover {
      color: #BE1E2D;
      background-color: #fff;
      border-color: #BE1E2D;
    }
    
    .btn.btn-save:focus,
    .btn.btn-save.focus {
      color: #BE1E2D;
      background-color: #fff;
      border-color: #BE1E2D;
   
    }
    
    .btn.btn-save.disabled,
    .btn.btn-save:disabled {
      color: #BE1E2D;
      background-color: #fff;
      border-color: #BE1E2D;
    }
    .btn.btn-save:not(:disabled):not(.disabled):active:focus,
    .btn.btn-save:not(:disabled):not(.disabled).active:focus,
    .show > .btn-save.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem #BE1E2D;;
    }

    .nav_text {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      color: #BFBFBF;
    }
    
    .nav_text:hover{
      color: white;
      font-weight: bold;
    }
    .nav_text:focus {
      color: white;
      font-weight: bold;
    }
    
    .nav_text.disabled {
      color: #BFBFBF;
   
    }
    
    .nav_text.active{
      color: white;
      font-weight: bold;
   
    
    }

    
  .footer {
    background: yellow;
    height: 100px;
  }

  .disabled {
    pointer-events: none;
    cursor: default;
 }



 .loading {
	z-index: 20;
	position: absolute;
	top: 0;
  bottom: 0;
  margin: 0;
	left:0px;
	width: 100%;
	height: 100%;
  overflow: auto;
  overflow: hidden;
  background-color: rgba(0,0,0,0.4);
}
.loading-content {
	position: absolute;
	border: 10px solid #f3f3f3; /* Light grey */
	border-top: 10px solid #BE1E2D; /* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px; 
	top: 40%;
	left:50%;
	animation: spin 2s linear infinite;
	}
	
	
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}