.ajax-loader {
  display: none;
  background-color: rgba(0,0,0,.4);
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  height:100%;
}

.ajax-loader img {
  width:10%;
  position: relative;
  top:35%;
  left:45%;
}

.bg-weather,.bg-calendar{background-color:#971618;}

.animate__animated{
  -webkit-animation-duration:1s !important;
  animation-duration:1s !important;
  -webkit-animation-duration:var(--animate-duration);
  animation-duration:var(--animate-duration);
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.animate__fadeInRight{
  -webkit-animation-name:fadeInRight !important;
  animation-name:fadeInRight !important;
}
@-webkit-keyframes fadeInRight{
  0%{
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}

@keyframes fadeInRight{
  0%{
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}
@-webkit-keyframes fadeOutRight{
  0%{
    opacity:1
  }
  to{
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
  }
}
@keyframes fadeOutRight{
  0%{
    opacity:1
  }
  to{
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
  }
}
.animate__fadeOutRight{
  -webkit-animation-name:fadeOutRight !important;
  animation-name:fadeOutRight !important;
}

.swal2-content.font-weight-blod #swal2-content{
  font-weight: 500;
}


.alert-success {
  color: #2d5f2d!important;
  background-color: #ddf0dd!important;
  border-color: #d0ebd0!important;
}

.alert-danger{
  color: #852525!important;
  background-color: #ffdada!important;
  border-color: #ffcbcb!important;
}

.text-success {
  color: #2d5f2d!important;
}
.text-danger{
  color: #852525!important;
}
.card .card-title{
  color:#971618;
  font-size: 1.5rem;;
}
.card .card-header{background:transparent;border:none;}
.tab-content{border:none;}

.tabDesign1 .nav .nav-item{
  background-color:transparent;
  border:none;
  font-weight:bold;
  padding:0.75rem 1.2rem;
}
.tabDesign1 .nav .nav-item.active{
  background-color: #fff4f4;
  border-bottom:3px solid #971618;
  color:#971618;
}

.sub-head1{
  font-size:1.1rem;
  font-weight:bold;
  color:#971618;
  margin-bottom:15px;
}

#thisform .form-group label{
  font-size: 0.9rem;
  line-height:0.8;
  margin-bottom: 0;
}

#modalFilter .form-group label{
  font-size: 0.9rem;
  line-height: 0.8;
  margin-bottom:0;
  padding-bottom:5px;
}

#modalFilter .form-group{
  margin-bottom:5px;
}

#thisform .form-group{
  margin-bottom: 1.2rem;
}

#thisform .profilephoto,
#thisform .profilephoto img{
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
}

.changeimg-lable{
  text-align: center;
  line-height: 1.5!important;
}
.select2-container,
span.select2.select2-container.select2-container--default{
  width: 100%!important;
}
.bg-lightbrown{
  background-color: #FFDCBD;
  color:#971618;
}

.bg-lightblue{
  background-color: #a2f7ff;
  color:#05676f;
}

button.btn.bg-lightbrown:hover,a.bg-lightbrown:hover{
  color:#971618!important;
}


.bg-lightred{
  background-color: #ffc1c1;
  color:#971618;
}

button.btn.bg-lightred:hover,a.bg-lightred:hover{
  color:#971618!important;
}

button.savebtn i{
  display: inline-block;
  vertical-align:text-bottom;
}
#modalForm .modal-dialog, #modalFormLarge .modal-dialog.modal-lg, #modalFilter .modal-dialog{
  margin-top:30px;
}
#modalFormLarge .modal-title ,#modalFilter .modal-title{
  font-size: 1.2rem;
  padding:5px 0px!important;
}
#modalFormLarge .modal-header, #modalFilter .modal-header{
  padding:0 26px;
}
#modalform .card-block, #modalFilter .card-block{
  padding: 0 1.5rem;
}
#modalform .form-actions,#modalFilter .form-actions{
  padding: 10px 0 0;
  margin-top: 0px;
}
#modalForm .modal-title ,#modalFilter .modal-title{
  font-size: 1.2rem;
  padding:5px 0px!important;
}
.modal-header{
  background: linear-gradient(0deg, #971618, #971618), #971618 !important;
}
.modal-title {
  font-size: 2rem;
  color: #971618;
  font-weight: 600;
  text-transform: capitalize;
}
.modal-header {
  margin-left: -1px;
  margin-right: -1px;
  padding: 0.5rem;
}
.modal form .form-actions{
  padding: 0;
}
.modal-title {
  font-size: 2rem;
  color: #971618;
  font-weight: 600;
  text-transform: capitalize;
}

.close,.close:hover {
  color: white;
  text-shadow: 0 0 transparent;
  opacity: 1;
  font-size: 1.8rem;
  margin:0!important;
  padding:5px 0px!important;
}
.close span{color: #ffffff!important;}
#modalForm .modal-header {margin:0!important;padding:0!important}

.select2-selection__rendered{
  display: inline-block!important;
    overflow: hidden!important;
    padding-left: 0px!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}

#profileImgTextBox,#idImgTextBox{
  visibility: hidden;
  position: absolute;
}

.select2-selection.select2-selection--single{
  min-height: 40px;
  display: block;
  height: 40px;
  margin: 0;
  padding: 6px 13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 40px !important;
  width: 30px !important;
}
.dataTable th,.dataTable td{
  padding: 0.75rem 1rem!important;
}
.dataTables_wrapper select,.dataTables_wrapper input{
  height:1.75rem;
}
input[type="search"]::-webkit-search-cancel-button {
  color: #FFDCBD!important; /* Replace 'white' with the desired text color */
  cursor: pointer;
}
.red{color:red;}
#datatableObject a.fa , .dashboardtask a.fa-pencil, #datatableGroups a.fa, #locationList a.fa, table a.fa,a.fa{
  font-size: 0.9rem;
  border-radius: 50%;
  padding: 0.4rem 0.5rem;
  margin-bottom: 0.1rem;
  font-weight: 500!important;
}
a.fa:hover{
  text-decoration: none;
}

#modalForm input{
  border:1px solid #ccc!important;
  outline:none;
}

.add_button,.add_button:hover{
  background-color: #971618;
  color:#ffffff;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 100%;
  font-weight: bold;
  text-decoration: none;;
}

.btn-cancel,.btn-cancel:hover{
  background-color: #e7e7e7;
  color:#971618;
}

.filter{
  background-color: #971618;
  color: #FFFFFF!important;
  border-radius: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 5px;
}