:root {

    --feature: #fcbe2c;
    --feature-dark: #f7b315;
    --feature-light: #ffca4e;
    --back-dark: #353637;
    --back-mid: #8e8f90;
    --back-light: #f7f5f5;
    --back-tint: #fdfbf6;
    --sctext: #808084;
    --htext: #1e2022;
    
    --blue: #fdbf2e;
    --lightblue: #e3eeff;
    --indigo: #2d1582;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #ed4c78;
    --orange: #fd7e14;
    --yellow: #f5ca99;
    --green: #28a745;
    --teal: #00c9a7;
    --cyan: #09a5be;
    --white: #fff;
    --gray: #8c98a4;
    --gray-dark: #71869d;
    --primary: #fcbe2c; /* #fdbf2e;*/
    --secondary: #71869d;
    --success: #00c9a7; /*previous*/
    --info: #09a5be;
    --warning: #f5ca99;
    --danger: #ed4c78;
    --light: #f7faff;
    --dark: #1e2022;


}

.bg-light2{
  background-color: #eee !important;
}
.bg-blue{
  background-color: rgb(226, 251, 255) !important;
}
.bg-green{
  background-color: rgb(232, 255, 231) !important;
}
.bg-pink{
  background-color: #ffc6da !important;
}

.infobutton{
  background: var(--lightblue);

}

.sc-view-controls *{
 font-size: .8rem;
}

.blink_me {
    animation: blinker 1.5s linear infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: .1;
    }
  }

  .isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
  }


a{text-decoration: none !important;}
/* 
.btn-primary {
    color: #fff;
    background-color: var(--feature);
    border-color: var(--feature);
}

.bg-primary {
    background-color: var(--feature) !important;
    border-color: var(--feature) !important;
} */

.btn-bigone{
  padding: 1rem 1rem;
  font-size: 1.5rem;
}

i.big-icon{
  font-size: 4rem;
}

#btn_time_stop:disabled{opacity: .35;}
#btn_time_start:disabled{opacity: .35;}
#btn_time_complete:disabled{opacity: 1;}

#time_btn_group button.inactive{opacity: .35;}

#btn_time_complete span.btnicon{display:none}
#btn_time_complete.active span.btnicon{display:inline-block}

.rtc-wrapper{
  overflow-x: inherit !important
}

.cardNameCol{
  min-width: 250px;
}

@media only screen and (max-width: 767px) {
  .table-xs{
    font-size: 0.9rem;
  }
}


/* Log View */
.colDetailed{display:none	}


/* #reader{width: 100% !important} */

.bg-infobutton{
  background-color: var
}


.waitTilSlickLoaded{opacity: 0;}

.waitTilSlickLoaded.slick-initialized{opacity:1;transition:opacity .3s ease-in;}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.rngShareMins::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.rngShareMins::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.sc-pushcard{
  min-height: 180px;
}
@media (max-width: 767.98px) { 

  .sc-pushcard{
    min-height:220px;
   }

}
@media (max-width: 575.98px) { 
  .sc-pushcard{
    min-height:auto;
   }
}

.sc-pushcard p {margin-bottom:5px}
.sc-pushcard ul {}
.sc-pushcard li{ font-size: 0.8rem;}


.selectFilters select{
  display:none;
}

.sc-table{
  font-size: 0.9rem;
}


.sc-table th{
  border-right: 1px solid #ccc;
  
}

.sc-table select{
  min-width:110px;
  
}

.sc-table-nowrap td, th{
  white-space:nowrap;
}


.tcol-opportunity{
  max-width:220px;
  overflow:hidden;
}



/*RMK */
.submenuleader{
  margin-right: 8px;
}



/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }

  .submenuleader:after {
    content: "\f0da";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    right:5px;
    position:absolute;
  
  }


}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
      display:block; /*rmk edits*/
  }

  .submenuleader:after { display:block; /*rmk edits*/
    content: "\f0d7";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    right:5px;
    position:absolute;
  
  }
}	
/* ============ small devices .end// ============ */





/* The slider itself */
.rangeslider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.rangeslider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.rangeslider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 30px; /* Set a specific slider handle width */
  height: 40px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:5px
}

.rangeslider::-moz-range-thumb {
  width: 30px; /* Set a specific slider handle width */
  height: 40px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:5px
}


.btn-decrement,
.btn-increment,
.form-control.numberStepper{font-size:1.3rem}


form label.error{
  color:#ff0000;
  font-style: italic;
  margin-top: -1rem!important;
}

form input.error{
  border-color: #ff0000;
}




.page-item:not(:last-child) .page-link::after {
  content: url('../img/pagination-step-arrow.svg');
  position: absolute;
  right: -8px;
    top: 0px;
    z-index: 100;
}


.truncate {
  max-width:150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }