.form-control::-webkit-input-placeholder { color: #c3c3c3; }
.form-control:-moz-placeholder { color: #d3d3d3; } 
.form-control::-moz-placeholder { color: #d3d3d3; }
.form-control:-ms-input-placeholder { color: #d3d3d3; }
.form-control::-ms-input-placeholder { color: #d3d3d3; }
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
:focus::-ms-input-placeholder      {color: transparent}



.input-group-text {cursor: default;	}

.tooltip-inner {
	color: #856404;
	background-color: #fff3cd;
	border: solid 1px #856404;		
	}
.popover-header{ background-color: #ffeeba; } 
.popover{ background-color: #fff3cd; }
  


nav{
  background: #EEE;  
  padding: 12px;
}
.list-menu{
  display: flex;
  list-style: none;
}
.list-menu > li > a{
  color: #007bff;
  display: block;
  padding: 5px 12px;
  
}
.list-menu > li > a:hover{
  background: #007bff;
  color: #FFF;
  border-radius: 3px;
}

#btn-menu{
  display: none;
}
#btn-menu + label{
  display: none; 
  position: relative;
  color: #fff; 
  height: 18px;
  z-index: 1;
  cursor: pointer;
}
#btn-menu + label:before{
  content: '\f0c9';  
 color: #007bff;
  display: inline-block;
  font-family:'FontAwesome';
  font-size: 22px;
}
#btn-menu:checked + label:before{
  content: '\f00d';
  color: #007bff;
}


@media screen and (max-width: 767px) {
 
   #btn-menu + label{
      display: inline-block;
   }
  #btn-menu + label + .list-menu{
    display: none;
  }
  #btn-menu:checked + label + .list-menu{
    display: block;
  }
}

.hov:hover { 
	background-color: #e8f0ff;
	border-style: dashed;
	border-color:#dbe8fc;
		}

.hov:hover .overlay {
	  opacity: 1;
		}
				
.overlay {
	position: absolute;
	  bottom: 2px;
	  right: 2px;
	  opacity: 0;
	  transition: .2s ease;
	  cursor: pointer;
				
		}

@media only screen{
.modal  {
   // max-height: 90%;
    overflow-y: auto;
}
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color: #91bbff;
  cursor:pointer;  
}

.item {
  cursor:pointer;
  border:dashed;
  border-color:#EFEFEF; 
}

.es-list {
cursor:context-menu;
z-index:1210;
}  

.in {
position:absolute;
right:23px;
top:3px;
cursor:pointer;
opacity:0.2;
z-index:1200;
}
	.in::before{
	content: '\f00d'; 
	font-family:'FontAwesome';
	font-size:70%;	  
	}
	.in:hover {
	opacity:0.6;
	}

.cr-slider::before{
	content: '\f068 \00A0 \00A0'; 
	font-family:'FontAwesome';
	font-size:150%;	
	color: #6a3ace;
}
.cr-slider::after{
	content: '\00A0 \00A0 \f067 '; 
	font-family:'FontAwesome';
	font-size:150%;	
	color: #6a3ace;
}

	
input.es-input {
padding-right: 35px!important;
}	

input[type=range]::-webkit-slider-thumb {
    background: #ff5dab;
  width: 30px;
  border-radius:4px;
  cursor:pointer;
}
input[type=range]::-moz-range-thumb {
    background: #ff5dab;
  width: 30px;
  border-radius:4px;
  cursor:pointer;
}
input[type=range]::-ms-thumb {
    background: #ff5dab; 
  width: 30px;
  border-radius:4px;
  cursor:pointer;
}


.my-background{
background:#159dda!important;
}

.my-noeditselect {
cursor:context-menu;
color: transparent; 
text-shadow: 0 0 0 grey;
}

.my-border-bottom {
border-bottom-style:dotted; 
border-bottom-width: 2px;}

.clickcolor{
color:#c55200!important;
cursor:pointer;
}

.text-template{
opacity:0.6;
font-style: italic;
}

.line {
border-bottom:2px solid #159dda;
width:100%;
height:15px;
margin-bottom: .5rem;
position:relative;
}
.line::after {
    background: none repeat scroll 0 0 #159dda;
    bottom: 0;
    content: "";
    height: 0.5rem;
    position: absolute;
    right: 0;
    width: 0.8rem;
}
.rel {
position:relative;
}

dd {
margin-bottom:0px;
}

legend {
    font-size: 1rem;
    margin-left: 10px;
    padding: 0 8px;
    width:auto;
}

fieldset{
border: 1px solid #ccc;
padding:5px;
}

.navbar-dark .navbar-nav .nav-link{
 color: rgba(255,255,255,0.8);
}

.bg-info {
background-color:#4b5a6f!important;
}

		button.bg-info {
			background-color:#aab0be!important;
		}
		
		button.bg-info:focus, button.bg-info:hover{
			background-color:#4b5a6f!important;
		}
		button.bg-info.active {
			background-color:#4b5a6f!important;
		}		
		
		.cards_btn {
			color:white;
			border-radius: 50%;
			width: 2.8em; 
			height: 2.8em;
			overflow: hidden;
			text-align: center;
		}

.text-info {
color:#4b5a6f!important;
}

.alert-warning{
background-color:#fffaea!important;
}

.btn-success {
background-color:#4b5a6f!important;
border-color:#aab0be!important;
}

.text-black-50 {
color:#4b5a6f!important;
}

.alert-success {
background-color:#aab0be!important;
border-color:#aab0be!important;
}

.dropdown-item {
color:#ffffff!important;
}

.dropdown-item:active{
background-color:#ccc!important;
}
.dropdown-item:focus, .dropdown-item:hover {
background-color:#aab0be!important;
}


.form-control:disabled, .form-control[readonly] {
background-color:#ffffff
}