@import url('https://fonts.googleapis.com/css2?family=El+Messiri&display=swap');

body {
--theme-color: #16a085;
/* --theme-color-light; */
margin:0;
padding:0;
  /* color: gray; */
  background-color: #f5f5f5;
  /* zoom: 80%; */
  /* transform: scaleY(0.9); */
  font-size: small;
  overflow-x:hidden;
}

.light-card-borders {
  box-shadow: none;
  border: 1px solid rgb(247, 247, 247);
}
.font-special{
    font-family: 'El Messiri', sans-serif;
    color:#6a89cc;
    font-size:0.9rem
}

.bs-alerts{
    margin: 20px;
    position: fixed;
    /* top: 0px; */
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 97%;
    z-index:9999; 
    border-radius:0px
}

.back-theme {
  /* 97.68deg, */
  background: linear-gradient(
    100deg,
    #22a6b3 44.28%,
    #4a6fc3 91.96%,
    #5067c5 98.54%,
    #ffffff 98.55%
  );
  border-radius: 24px 24px 120px 120px;
}

.round-corner-card {
  border-radius: 10px;
}
.card-no-shadow {
  box-shadow: none;
}
.float-title-color {
  color: #16a085;
  font-weight: bold;

   /*background-image:linear-gradient(90deg,#3742fa,#fc5c65)*/
   background-color:white;
   font-family: 'El Messiri', sans-serif;


}
.inline-text-box{
  display: inline;
  }
.light-text-box {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  color: gray;
}
.light-text-box input[type="text"] {
  border: none;
  border-bottom: 2px solid gray;
  /* width: 120px; */

  height: 20px;
  /*padding-bottom: 5px;*/
  margin: 0;

}
.light-text-box input[type="date"] {
  border: none;
  border-bottom: 2px solid gray;
  /* width: 120px; */

 
  /*padding-bottom: 5px;*/
  margin: 0;

}
.light-text-box select {
  border: none;
  border-bottom: 2px solid gray; 
}
.light-text-box input[type="email"] {
  border: none;
  border-bottom: 2px solid gray;
  /* width: 120px; */

  height: 20px;
  padding-bottom: 5px;
  margin: 0;
  margin-bottom: 0.5rem;
}
.light-text-box input[type="tel"] {
  border: none;
  border-bottom: 2px solid gray;
  /* width: 120px; */

  height: 20px;
  padding-bottom: 5px;
  margin: 0;
  margin-bottom: 0.5rem;
}
.light-text-box input[type="search"] {
  border: none;
  border-bottom: 2px solid gray;
  /* width: 120px; */

  height: 20px;

  margin: 0;

}
.inline-text-box[input="text"] {
  border: none;
  border-bottom: 2px solid gray;
  /* width: 120px; */

  height: 20px;
  padding-bottom: 5px;
  margin: 0;
  margin-bottom: 0.5rem;
}

textarea[name="address"] {
  border: 1px solid rgb(230, 230, 230);
  border-bottom: 2px solid gray;
  /* width: 120px; */

  margin: 0;
  margin-bottom: 0.5rem;
}

.title-color {
   /*font-family: 'El Messiri', sans-serif;*/
   color:#16a085;
  font-weight: bold;
  font-size:0.8rem;
  background-color: white;
}
.box-fancy {
  height: 15px;
  width: 15px;
}
.btn-custom {
  color: white;
  background-color: #22a6b3;
  height: 0;
  width: 0;
  padding: 5px;
}
.btn-custom-inline {
  color: white;
  background-color: #4a69bd;
  font-size: 0.7rem;
  padding: 2px 15px;
  text-transform: unset;
}
label {
  margin: 0;
  font-size: 0.8rem;
  color: rgb(99, 99, 99);
}
.clock {
  /*color: white;
  background:linear-gradient(#6a89cc,#0c2461)*/
  background:white;
  color:#16a085;
  }
.clock-title {
  font-weight: bold;
  color: #16a085;
}
.date {
  font-size: 0.8rem;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.day {
  font-size: 0.9rem;
}
.time {
  font-size: 2.2rem;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.clickable-icon {
  /* color:blue; */
  color: #16a085;
  cursor: pointer;
}
#awvFormBody{
}
::-webkit-scrollbar{
width:auto;
}
::-webkit-scrollbar-track{
}
::-webkit-scrollbar-thumb{
background:#c7ecee;
border-radius: 10px;
/* height:80px; */
}
.full-view-awv{
overflow-y: auto;
height: 75vh;

}
.half-view-awv{
  overflow-y: auto;
  height: 70vh;
}
.panel-color{
border: 2px solid #dff9fb;
border-radius:10px
}
.dispositon-history : nth-child(odd){
background-color:#dfe6e9;
}
.dispositon-history{
height:100%;
overflow-y:auto;
font-size:0.7rem;
}

/* table */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
    margin: 0 auto;
}
table.dataTable tfoot th {
text-align: right;
}
  th, td {
  border-style: ridge;
  }
  table.dataTable{
     border-collapse: collapse;
  }
div.dataTables_wrapper {
 
  /* margin: 0 auto; */
}
.loading {    
    background-color: #ffffff;
    background-image: url('/static/assests/loader.gif');
    background-size: 15px 15px;
    background-position:right center;
    background-repeat: no-repeat;
}

.footer {
   position:absolute;
   bottom:0;

   width:98%;
}

#updateContact {
  margin: auto;
}


.image-colection-container{
  overflow-x: scroll;
  white-space: nowrap;
}
.image-collection{
  position: relative;
  width: 100%;
  max-width: 200px;
  display: inline-block;
}
.image-collection img {
width: 100%;
height: auto;
border-radius: 0.8rem!important;
box-shadow: 2px 1px 1rem grey!important;
}

.image-collection i {
  position: absolute;
  top: 4px;
  right: 3px;
  border: none;
  cursor: pointer;
  box-shadow: -1px -1px 1px 1px grey inset !important;
}