/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@font-face {
	font-family: "Saira-Regular";
    src: url('../../Saira-font/Saira-Regular.ttf');
}
@font-face {
	font-family: "Saira-Bold";
    src: url('../../Saira-font/Saira-Bold.ttf');
}
body {
    font-family: "Saira-Regular"; 
  /* background: url(../../images/Group_237@3x.png),linear-gradient(to right,#e4e0e0,#f9f5f4,#e4e0e0,#f9f5f4);
    background-repeat: no-repeat    */
}
body.material-layout {
    font-family: "Saira-Regular";    
}
.mainnavbg{
	position: fixed;
	top: 0;
	width: 100%;
	z-index:5;
	display: flex;
}
.navbar-dark.navbar-horizontal {
	height:80px;
	background: none;
	

}
.header-navbar .navbar-container {
   padding: 0rem 18px;
    height: 5rem;
    transition: 300ms ease all;
    background: none;
    font-family: "Saira-Regular";
    
}
.header-navbar .navbar-container ul.nav li > a.nav-link {
    padding: 1.8rem 1rem;
    font-size: 14px;
    font-weight: 100;
    font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
    position: relative;
    bottom: -6px;
    color:#000000;
    
    

}
.header-navbar .navbar-container ul.nav li > a.nav-link:hover {
    padding: 1.8rem 1rem;
    font-size: 14px;
    font-weight: 700;
    display: block;
    content: "";
    border-bottom: 4px solid #fefdfd;
    position: relative;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
}

 .dropdown .dropdown-menu {

    margin: 5px 0 0;
   
}     
.navheaderimg{
	height:80px;
	width: 100%;
	background: #FFFFFF;
	background-repeat:no-repeat;
}

.header-navbar.navbar-shadow {
   box-shadow:none;
}
.navheaderright{
	background:#242424;
}
.navheadercenter{
	
    height: 80px;
    text-align: right;
    padding-right: 50px;
}


background-image: url("../../images/Group 237@3x.png");

.nav-icons{
	background:#242424;
}
body.material-layout .header-navbar {
    font-family: "Saira-Regular";
    
}

/* Large desktop */
@media (min-width: 1200px) {
	
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

 }
 
/* Landscape phones and down */
@media (max-width: 480px) { 

	
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #ffffff;
}



footer.footer-light {
    background: #333333;
}

.titlefoot{
	    width: 110px;

  height: 20px;

  margin: 35px 759px 6px 0;

  font-family: Saira-Regular;

  font-size: 12px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.67;

  letter-spacing: normal;

  text-align: left;

  color: white;
  text-transform: uppercase;
}

.quotefoot{

  width: 390px;

  height: 24px;

  margin: 3px 479px 0 0;

  font-family: Saira-Regular;

  font-size: 16px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.5;

  letter-spacing: normal;

  text-align: left;

  color: white;
  text-transform: uppercase;

}

.floating-label.textfield-box .form-control {
    background-color: rgba(0, 0, 0, 0);
}
.textfield-box .form-control, .textfield-box .custom-select, .textfield-box .form-control-file {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0px;
    /*padding: 0.5rem 1rem calc(0.5rem - 1px);*/
    padding: 16px 16px 16px 16px;
}
.floating-label.textfield-box label {
    top: 0.5rem;
    left: 2rem;
}

form .form-control {
        color: rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.87);

}

.floating-label.textfield-box .form-control {
    padding: 16px 16px 16px 16px;
}
input.form-control, select.form-control {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    height: 56px;
}
input.form-control:focus, .custom-select:focus, .form-control-file:focus {
    border-color: #333333;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: inset 0 0px 0 -1px rgba(0, 0, 0, 0.12);
    outline: 0;
}

input.form-control:hover, .custom-select:hover, .form-control-file:hover {
       border-color: #A7a9ac;
   
}
.floating-label label {
    transition-duration: 0.3s;
    transition-property: color, top, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(0, 0, 0, 0.6);
    display: block;
    font-size: 16px;
    line-height: 25px;
    margin: 0;
        margin-left: 0px;
    padding: 0;
    padding-left:16px;
    position: absolute;
    top: 16px;
    left: 16px;
    transform-origin: 0 0;
}

.floating-label.is-focused label{
	color: rgba(0, 0, 0, 0.87);
}

.floating-label.textfield-box.has-value label, .floating-label.textfield-box.is-focused label {
    line-height: 1;
    top: -9px;
    background: white;
    z-index: 1;
    padding: 4px;
    color: rgba(0, 0, 0, 0.6);
    left:27px;
}
.floating-label.textfield-box label {
    top: 16px;
    left: 16px;
}

.floating-label.textfield-box label {
    /* top: 0.5rem; */
    /* left: 2rem; */
}




/* .dashboard-grey-clip {
    width: 875px;
    height: 80px;
    top: 8px;
    flex-grow: 0;
    position: fixed;
    z-index: 1000;
    background-color: #a7a9ac;
    -webkit-clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
    -webkit-animation: MoveLeft 3s ease-in-out;
    animation: MoveLeft 3s ease-in-out;
}
 */
.footerbg{
	 background-image: linear-gradient(90deg,rgba(0,0,0,.6),transparent),linear-gradient(270deg,#333,#333);
	 color: #fff;
	position:relative;
	align-items: center;
	justify-content: space-between;
	height:auto;
	padding:30px 0px;
}
.footerSecondText {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.Qposition {
    margin-left: 43px;
}

.footerMessage, .termsAndConditions {
    flex-grow: 0;
    font-family: Saira-Regular;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #fff;
}
.footerMessage {
    height: 24px;
    margin: 15px 0 0 0;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
}
.footerFirstText {
    font-family: Saira-Regular;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #fff;
}


.termsAndConditions {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
}
.secondDiv
{
	float:right;
}
.pt15 {
    padding: 15px 0;
}
.firstQuoma {
    width: 35px;
}

.lastQuoma {
    position: relative;
    width: 35px;
    margin: 15px 0 0 0;
}

.row {
    
    margin: 0px; 
}
.mg-right-0{
	margin-right:0px;
}
.card {
  box-shadow: 0 6px 35px 0 rgba(0,0,0,.1) !important;
  background-color: #ffffff;
  border-radius: 0;
      padding: 24px;

}

html body .content .content-wrapper {
    padding: 70px 80px 40px 80px ;
}
@media screen and (max-width: 960px) {
 html body .content .content-wrapper {
    padding: 70px 20px 40px 20px;
}
}

/* .dashboard-grey-clip {
    width: 875px;
    height: 80px;
    top: 8px;
    flex-grow: 0;
    position: fixed;
    z-index: -1000;
    background-color: #a7a9ac;
    -webkit-clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
    -webkit-animation: MoveLeft 3s ease-in-out;
    animation: MoveLeft 3s ease-in-out;
}
 */
.todaySectionBg {
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 1.5em;    
}

/*   CALENDAR  IMAGES   */
input[type="date"]::-webkit-calendar-picker-indicator 
{
 background-image: url("images/calendar-line1.png");
}



/* RADIO BUTTON COLOR CHANGED */

input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid rgb(194, 45, 35);
  background-color: #e7e6e7;
  border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: rgb(194, 45, 35);
  
  }
.tbl-head {
  height: 20px;
  margin-top: 16px;
  margin-bottom:16px;
  
}
.table tbody td, .table tbody th {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.45;
    height: 20px;

}
.table > :first-child > tr:first-child td, .table > :first-child > tr:first-child th {
    border-top: 0;
  color: #000000;
   margin: 0 3px 15px 24px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 16px 16px;;
}
.table-bordered th, .table-bordered td {
    border: 0px solid #ededed;
    border-bottom:1px solid #ededed;
}
.table td:first-child, .table th:first-child {
    padding-left: 16px;
}
.Primary-button {
  width:250px;
  height: 48px;
  margin: 18px 24px 18px 0px;
  padding: 12px 24px;
  background-color: #E31837;
  flex-grow: 0;
  font-family: Saira-Regular;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;

}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px solid #111;
}

.pagination .page-link {
    color: #242424;
    border: 1px solid #babfc7;
}
.page-item.active .page-link {
    background-color: #1FB0E6;
        color: white;
    
}


#btn
{
width:170px;
margin:18px 24px 18px 0px;
height: 48px;
background-color: #E31837;
padding: 12px 24px;
text-align: center;
font-family: Saira-Regular;
line-height: 2;
letter-spacing: normal;
text-align: center;
color: #ffffff;
}


.editor_edit{
color: #e31837;
}

.form-content-border {
  flex-grow: 0;
  margin: 0 0 24px 0px;
  padding: 14px 0px 0px;
  border: solid 1px #EDEDED;

}



  .dataTables_wrapper table {
   
    overflow-x: unset !important; 
    } 
    
.card-border{
    border: 1px solid #e0e0e0;
    margin: 10px 10px 10px 0px;;
    padding:0px 10px;
}

.card-body-add {
    padding: 0px 0px 10px 0px;
}


/* *********** navigation ********** */

    @media only screen and (max-width: 815px) {
        #webhead {
            display: none;
        }
        .todaySectionBg { 
            margin-top: 0px;
        }
    }
    @media only screen and (min-width: 814px) {
        #mobilebg {
            display: none;
        }
        .todaySectionBg { 
            margin-top: 5em;
        }
    }
    @media only screen and (min-width: 717px) {
        
        .todaySectionBg { 
            margin-top: 5em;
        }
    }
   
/* header.css */
.headerContainer {
  background-color: #db233a;
  padding: 30px;
  font-family: Saira-Regular;
}
.ant-tooltip-inner {
  font-family: Saira-Regular !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

.align-toolbar {
  width: 100% !important;
}

.logoStrip {
  width: 101px;
  height: 37px;
}

.hideModalHeader > .modalHeader {
  display: none;
}
.hideModalHeader > .modalHeader > .headerContent > p {
  color: #242424 !important;
}
.hideModalHeader > .modalHeader > span > img {
  filter: invert(1);
}
.hideModalHeader > .modalBody {
  padding-top: 0 !important;
  height: 100%;
}

.logoAlignWidth {
  position: relative;
  left: -22px;
}
.alignLogo {
  display: flex;
  height: 80px;
}
.alignLogo :hover {
  cursor: pointer;
}
header {
  margin: 0;
  padding: 0 !important;
}
.cursorP {
  cursor: pointer;
}
.profile {
  height: 24px;
  width: 24px;
  cursor: pointer;
  position: relative;
  top: 6px;
}
.logo-item {
  padding: 0.3em 0em 0em 0em;
  background-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.32),
      rgba(0, 0, 0, 0)
    ),
    linear-gradient(to bottom, #db233a, #db233a);
}
.white-clip {
  display: flex;
  justify-content: space-around;
  background: #fcdddd;
}
.nav-icons {
  display: flex;
  justify-content: space-between;
  background: #242424;
  /* clip-path: polygon(6.5% 0%, 100% 0%, 100% 100%, 0% 100%); */
  width: 30%;
  height: 80px;
  align-items: center;
  padding-right: 80px;
}
.equalImageSize {
  width: 24px;
  height: 24px;
}
.activeRectangle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.showRectangle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.activeRectangle::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.showRectangle::before {
  background-color: #ffffff;
  opacity: 0.1;
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
}
.dropDownItem:hover div {
  display: block !important;
}

.dropDownItem div:before {
  content: "";
  display: block !important;
  height: 45px;
  position: absolute;
  left: -20px;
  width: 35px;
}
.toolbar {
  width: 100%;
  padding: 0 !important;
  display: flex;
  justify-content: space-around;
  font-family: Saira-Regular;
}
.appbar {
  background: #fefdfd !important;
  box-shadow: none !important;
}
.headerDropdownIcon {
  position: relative;
  top: 5px;
}
.headerDropdownIconActive {
  position: relative;
  top: 3px;
}
.strip-width {
  height: 80px;
}

/* .dashboard-grey-clip {
  width: 875px;
  height: 80px;
  top: 8px;
  flex-grow: 0;
  position: fixed;
  background-color: #E31817;
  clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
  animation: MoveLeft 3s ease-in-out;
} */

@keyframes MoveLeft {
  0% {
    transform: translateX(-400px);
  }
  100% {
    transform: translateX(0px);
  }
}

@media screen and (max-width: 767px) {
  .dashboard-grey-clip {
    display: none;
  }
}
@media only screen and (max-width: 812px) {
  .menuContainer {
    justify-content: flex-start !important;
    column-gap: 1em !important;
  }
}
@media only screen and (min-width: 1400px) {
  .navMenuAlign,
  .nav-icons {
    /* justify-content: space-evenly !important; */
    column-gap: 31px;
  }
}
.notificationBadge {
  width: 10px;
  height: 10px;
  background-color: orange;
  border-radius: 50%;
  position: relative;
  top: 0.5em;
  right: 0.5em;
}
.alignDIcon {
  position: relative;
  top: 0.3em;
}
.Item_item__Halds {
  font-size: 1em !important;
}
.MuiTypography-body1 {
  font-family: Saira-Regular !important;
}
.cursorPointer {
  cursor: pointer;
}

@media screen and (max-width: 1260px) {
  .dashboard-grey-clip {
    width: 60%;
  }
}

@media screen and (max-width: 960px) {
  .dashboard-grey-clip {
    width: 75%;
  }
}

@media screen and (max-width: 767px) {
  .MuiToolbar-regular {
    min-height: 48px !important;
  }
  .strip-width {
    height: 48px;
  }
  .nav-icons {
    height: 48px;
  }


}

.profileStyleHeader {
  height: 40px !important;
  width: 40px !important;
  cursor: pointer;
  position: relative;
  top: 6px;
  background-repeat: no-repeat !important;
  object-fit: cover;
}

/* menu header.css */

.menuContainer {
  display: flex;
  width: 100%;
  height: 80px;
  align-items: center;
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.32),
      rgba(0, 0, 0, 0)
    ),
    linear-gradient(to bottom, #FFFFFF, #FFFFFF);
  font-family: Saira-Regular;
}
.navMenuAlign {
  display: flex;
  justify-content: center;
  width: 100%;
  column-gap: 40px;
  position: relative;
  top: 2px;
}
.navLogoAlign {
  display: flex;
  align-items: center;
}
.menuContainer > div > div > div {
  left: 0 !important;
  top: 4em !important;
  width: 20em;
}
.hideMenu > div > div {
  display: none !important;
}
.navMenuAlign > .responsiveCheck > div > div {
  left: 0 !important;
}
.responsiveCheck > div > div {
  top: 68px !important;
  width: 360px;
  padding: 0px 8px 0px 8px;
  border-radius: 0;
}
.responsiveCheck > div > div > ul {
  margin-top: 8px !important;
}
.dropDownItem > div {
  right: 100% !important;
}

.iconAlign {
  padding-left: 16px;
}
.alignMenuIconCenter {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .menuContainer {
    height: 48px;
  }
}


/* inline */
.MuiAppBar-colorPrimary {
    color: #fff;
    background-color: #3f51b5;
}
.MuiAppBar-positionFixed {
    top: 0;
    left: auto;
    right: 0;
    position: fixed;
}
.MuiAppBar-root {
    width: 100%;
    display: flex;
    z-index: 1100;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-direction: column;
}
.MuiPaper-elevation4 {
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}
.MuiPaper-root {
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}


.MuiToolbar-root {
    display: flex;
    position: relative;
    align-items: center;
}


.activeRectangle, .showRectangle {
    display: flex;
    justify-content: center;
    align-items: center;
}
.MuiBadge-root {
    display: inline-flex;
    position: relative;
    flex-shrink: 0;
    vertical-align: middle;
}

/*dropdown menu*/


@media only screen and (max-width: 1024px) {
  .dropDownContainer {
    font-size: 11px !important;
  }
  .navMenuAlign {
    column-gap: 20px !important;
  }
  .nav-icons {
    column-gap: 24px !important;
    cursor: pointer;
  }
}

@media (max-width: 1024px) {
  .fromCenter:after {
    bottom: -24.6px;
  }
  .nav-icons {
    width: 30%;
  }
}
@media (max-width: 812px) {
  .nav-icons {
    width: 2%;
  }
}
.ft-x {
    color:#FFFFFF;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}



.backdrop-invisible {
    position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}
.mainmenu{
position: fixed;;
background-color: #FFFFFF;
z-index: 3;
width:0;
height:100%;
color: rgba(0, 0, 0, 0.87);
padding-top:48px;
overflow-x: hidden; 
  transition: 0.25s;
}

.profileContainer {
    display: flex;
    padding-left: 32px;
    align-items: center;
    background-image: linear-gradient(0deg,rgba(36,36,36,.08),rgba(250,247,246,0)),linear-gradient(180deg,#faf7f6,#faf7f6);
    font-family: Saira-Regular;
    height: 112px;
}
.imageContainer {
    height: 48px;
    width: 48px;
    border: 1px solid #000;
}
.imageStyle {
    height: 100%;
    width: 100%;
}
.profileText {
    margin-left: 12px;
}
.loginName {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 0;
    font-family: Saira-Regular;
}
.loginDesignamtionTxt {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #6d6e71;
    margin: 0;
    font-family: Saira-regular;
}
.logoutSectionAlign {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.logoutSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: saira-regular;
    padding: 18px 24px;
    box-shadow: 0 6px 35px 0 rgba(0,0,0,.1);
}
.flexCenter {
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    column-gap: 8px;
    font-family: Saira-Bold;
    font-weight:500;
    font-size:16px;
    color: #000;
    
}

ul.mnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top:20px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

li a.mnavlist {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

/* Change the link color on hover */
li a.mnavlist:hover {
  background-color:#1fb0e6;
  color: white;
}



@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}

@media screen and (max-width: 480px) {
   .MasterSearch{
    margin-top: 30px;
  }
}
.dropdown-menu-right { 
    right: 10px; 
    left: auto; 
}

/*Small Screen  */
@media screen and (max-width: 550px) 
        {
            .Logout
            {
            margin-left:250px;
            }
            
        }
        
@media screen and (max-width: 650px) 
        {
            .Logout
            {
             width: 70%;
            }
            
        }
        
        
        
/*   CALENDAR  IMAGES   */      

 input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid rgb(194, 45, 35);
  background-color: #e7e6e7;
  border-radius: 50%;
}      
input[type="radio"]:checked {
  background-color: rgb(194, 45, 35);
  
  }     
  
  
  /*  ***************** check in/out *********************** */
  
.loader {
 
    position: absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity = 50); /* required for opacity to work in IE */
	color:#ffffff;
font-weight:bold;
font-size:24px;
padding-top:150px;
padding-left:150px;

}



  /*  ***************** appointment *********************** */

.modal-body-addvisitor{
    height: 80vh;
    overflow-y: auto;
    }
    
    input[type="date"]::-webkit-calendar-picker-indicator 
{
 background-image: url("../../images/calendar-line1.png");
}

.form-control, .custom-select, .form-control-file {
   
    line-height: 1.5;
   
}
legend{
    color: black;
  margin: 24px 8px 16px 0;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    flex-grow: 0;
}

    
.dataTables_empty{
   
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #A7A9AC;
    }
    
    .Tab {

  flex-grow: 0;
  
  
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #1FB0E6;
  text-align:left;
}

.Line-29 {
  height: 1px;
  align-self: stretch;
  flex-grow: 0;
  background-color: #d3d3d3;
}
.Good-Afternoon-Mahe
{
margin: 0px 20px 16px 0px;
  font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color:black;
}
.Red-tab {
  width: 141px;
  height: 48px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 24px;
}
.note
{
	color: black;
    margin: 0 59px 8px 0;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
}
.note-img{
 padding-left: 0px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color:black;
  margin-top:10px;
}

.btn-red {
    border-color:#1FB0E6 !important;
    background-color: #1FB0E6  !important;
    font-size: 12px;
    color: #FFFFFF;
    font-style: normal;
    line-height: 2;
}
.Line-75 {
  height: 3px;
  align-self: stretch;
  flex-grow: 0;
  background-color: #1FB0E6;
  width:130px;
}
.mt-1 {

    margin: 1rem 0rem;
}
.card-header1{
	padding:0px !important;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.login_header{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.hiddennav {
     display:none;
}

.flexAlignItemNav {
  display: flex;
  align-items: center;
  grid-column-gap: .5em;
  -webkit-column-gap: .5em;
  column-gap: .5em;
  font-size: 1.1rem;
  position: fixed;
  bottom: 0;
  height: 60px;
  background: #fff;
  width: 100%;
  max-width: 325px;
  left: 0;
  margin: 0;
  padding: 0 20px;
  box-shadow: 3px 10px 42px 0 rgb(0 0 0/9%);
}
select { /*container for custom dropdown arrow*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("../../images/arrow-down-s-line.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../../images/arrow-down-s-line.png") white no-repeat calc(100% - 16px) !important; /* Better placement regardless of input width */

}
.card .card-header {
    padding: 0px 0px;
}
.leftmargin{
	margin-left:15px;
}
.formelement-border{
	border: 1px solid rgba(0, 0, 0, 0.12);
}
 
.select2-container--classic .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f6eced !important;
  color: #424242 !important;
  } 
  
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    /* border-color: #888 transparent transparent transparent; */
    /* border-style: solid; */
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid #1FB0E6!important;
    border-width: 0 2px 2px 0!important;
    display: inline-block;
    padding: 3px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px !important;
    right: 6px !important;
}
  
  .select2-container--default .select2-selection--single {
   
   border-radius: 0px!important;; 
}

.select2-container .select2-selection--single {
    
    height: 56px!important;
    
}
.select2-container .select2-selection--single .select2-selection__rendered {
   padding:15px!important;
   padding-top:14px !important;
   
   
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    height: 56px !important;
    padding: 0px !important;
    border-color: #D9D9D9 !important;
}

.select2-container--default .select2-selection--multiple {
    
    border-radius: 0px !important;
    height: 56px;
    
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   
    border-radius: 0px;
  
}
	
.LV_invalid {
      color: red !important;
}

.header-navbar .navbar-container ul.nav li>a.nav-link { �
� � font-size: 16px;
}


.header-navbar .navbar-container ul.nav li>a.nav-link:hover{ �
� � font-size: 16px;
}


.table>:first-child>tr:first-child th { � 
� � font-size: 14px;
}


.table tbody td {
� � font-size: 14px;
}

a.logo {
    font-size: 21px;
    color: #2e2e2e;
    float: right;
    margin-top: 25px;
 padding-right:12px;
}

a.logo1 {
    font-size: 21px;
    color: #2e2e2e;
    float: right;
    margin-top: 2px;
    text-transform: uppercase;
}


.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #1fb0e6!important;
  color: #fff !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.logoutSectionAlign {
    bottom: 65px;
}
}