/* common.css */

:root {
    --warning-text-color: #ff9900; 
    --ora-color: #71B88D;
}
.text-warning {
    color: var(--warning-text-color) !important;
}

[data-parsley-required]{border:1px solid orange!important;}

.text-dotted-underline {border-bottom: 1px dashed;}

.container-alerts .message {text-align:left;}

.separator-point{font-size:5px;position:relative;bottom:5px;}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}


/* do not display logo in header when espace (left menu) */

.alert button.close{position:relative;top:-10px;right:-10px;}
.color-black{color:#000000}
.hide{display:none!important;}
.text-capitalize {text-transform: capitalize;}
::placeholder{color:lightgrey!important;}
.cursor-pointer{cursor: pointer!important}
optgroup{background-color:lightblue;}


/* scroll firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #128293 black;
}

/* scroll chrome */
*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background: black;
}
*::-webkit-scrollbar-thumb {
  background-color: #17A2B8;
  border-radius: 20px;
  /* border: 3px solid red; */
}

/* textarea scrollbar */
textarea {
  scrollbar-width: thin;
  scrollbar-color: initial;
}

/* scroll chrome */
textarea::-webkit-scrollbar {
  width: initial;
}

textarea::-webkit-scrollbar-track {
  background: initial;
}
textarea::-webkit-scrollbar-thumb {
  background-color: initial;
  border-radius: initial;
}    

    
    

/* preloader page */

body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper, .preloader-wrapper-manual {
    height: 100%;
    width: 100%;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper-manual {
    z-index: 100;
}

.preloader-wrapper .preloader, .preloader-wrapper-manual .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
}


.preloader-wrapper img, .preloader-wrapper-manual img{position:absolute;top:20px;}

.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  left:120px;  
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
  background-color:silver!important;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

/* loader on ajax asynchronous */
.preloader-wrapper2 {
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.preloader-wrapper2 .preloader {
    position: absolute;
    top: 40%;
    left: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
}

//Spinner
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: lightgrey;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.label-comment{color:#17A2B8;font-style:italic;display:inline;font-size:0.8rem;} 

    
/* align content div in center horizontal and vertical */

.bg-lightyellow{background-color:lightyellow;}
.tx-star{color:#FFDD00;}
.tx-blue {color:#00B0F0;}
.bg-blue {background-color:#00B0F0;}
.tx-orange{color:#ED7D31;}
.bg-orange{background-color:#ED7D31;}



/* xl */
@media (min-width: 1200px) { }
/* lg */
@media (min-width: 992px) { }
/* md */
@media (min-width: 768px) { }
/* sm */
@media (min-width: 576px) { }

  
.center-div{display: block;margin-right:auto;margin-left:auto}


.btn-outline-primary {
  background-color: white;
}

.btn-outline-danger {
    background-color: white;
}

    
select.placeholder{color:lightgrey;}

.br-toggle.bg-redgreen{
  background-color: #DC3545;
} 

.br-toggle.bg-redgreen.on{
  background-color: #23BF08;
}   


.br-toggle.bg-orangegreen{
  background-color: #FFA100;
} 

.br-toggle.bg-orangegreen.on{
  background-color: #23BF08;
}   

.br-toggle.bg-infoorange{
  background-color: #17A2B8;
} 

.br-toggle.bg-infoorange.on{
  background-color: #FFA100;
}   

label.form-control-label{color:black;}
.data-changed{background-color:lightyellow;}


/* inactive disabled and readonly div */
div[disabled], div[readonly]
{
  pointer-events: none;
  opacity: 0.7;
}                                          

/* modal */
.modal-dialog.large {max-width: 90%; }

@media (min-width: 1280px) {
    .modal-dialog.large {max-width: 70% ; }
}


button.btn-info.btn-blue, .btn-info.btn-blue{background-color:#1EAAF1;border-color:blue;}
button.btn-info.btn-blue:hover, .btn-info.btn-blue:hover{background-color:#018DD4;border-color:darkblue;}
button.btn-info.btn-blue.active, .btn-info.btn-blue.active{background-color:white!important;color:#1EAAF1!important;border:1px solid #1EAAF1!important; box-shadow: 0 0 0 0.2rem rgba(30, 170, 241, 0.5); }

.button-list button .icon-check{display:none;}
.button-list button.selected .icon-check{display:inline;}

.avatar-circle {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden; 
    display: flex;
    justify-content: center;
    align-items: center; 
    position: relative;
    border:1px solid #E0E0E0;
}

.avatar-circle img {
    width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
}
   
        
.status-badge {
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 1em;
    font-weight: bold;
    margin:2px;
}
.status-badge i {
    color:white!important;
}

.status-confirmed { background-color: #2ecc71; color: #fff; }
.status-pending { background-color: #f39c12; color: #fff; }
.status-cancelled { background-color: #FF0000; color: #fff; }
.status-information { background-color: #17A2B8; color: #fff; }
.badge-warning{color:white;}
 
    
.message-bordered {
    background-color: #e0f7fa;
    border-left: 5px solid #0097a7;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align:left;
}
.message-bordered h5, .message-bordered p {
    color: #004d40;
}



/*

File : common.css
Description : common css for all application
Creation date 2022/03/15 
Author : @Manuela

Version | Date          | Description
1.0     | 2022/03/15    | creation

*/