@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');

 

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* Body settings, change it as required
*/

body { font-family: 'Montserrat', sans-serif;  font-size: 1em; line-height: 1.4; font-weight:400; overflow-x:hidden; background:#fafafa; font-weight:normal; }
body.non-scroll { overflow:hidden; }

/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif;   color:#374a5e; font-weight:bold; color:rgba(0,0,0,0.7); text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:20px; }

a { text-decoration:none; }


.button1 {  background:#006FE0;  border-radius:5px; border:0;   padding:0px 22px 0px 22px; height:45px; line-height:45px; color:#fff; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); font-size:15px; display:inline-block; overflow:hidden; position:relative;   }
.button1:hover {  background:#000;  color:#fff;   } 

.button2 {  background:#555; border:0;  border-radius:5px;    padding:0px 22px 0px 22px; height:45px; line-height:45px; color:#fff; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); font-size:15px; display:inline-block; overflow:hidden; position:relative;   }
.button2:hover {   color:#f1f1f1;   } 


.newmiancontainer { }
.newsidebar { position:fixed; left:-260px; top:0; height:100vh; width:260px; background:#3e47e2; overflow-y:scroll; }
.rightcontainer { padding:0 0 0 0px; }

 #new_sidebar, .rightcontainer { transition:ease all 0.3s; }
 
#new_sidebar.open { left:0px; } 
.rightcontainer.open { padding:0 0 0 260px; } 
 

.mainheader { padding:0px 20px 0 0px;color: #000000; background:#fff; width: 100%;  height: 60px;    position: sticky;  top: 0;  z-index: 11; box-shadow:0 10px 30px 0 rgb(24 28 33 / 5%); }
.mainheader .container-fluid { padding:0; }
.mainheader .top-headerin{ display: flex;  justify-content: center; align-items: center; }
.mainheader .toplogo { background:#fff; padding:8px 20px 8px 75px; height:60px;  }
.mainheader .toplogo img { height:88%; width:auto; float:right; }

.header-side { height:60px; border-left:1px solid #dadada; } 
.header-side .pull-right { position:relative; }
.header-side .pull-right .carts {  }
.header-side .pull-right .icon-user  { width:30px; height:30px; margin:0 10px 0 0; background:#fafafa; line-height:30px; border-radius:30px; text-align:center; }
.header-side .pull-right .sidebutton { lin de-height: 60px; padding: 0 0 0 30px; font-size:14px; text-decoration:none;display:flex; justify-content:center; align-items:center; color:#000; }
.header-side .pull-right .sidebutton .carts { margin:0 0 0 6px; }

.header-side .pull-right .dropdown-menu li a { font-size:13px; color:#000; }
.header-side .pull-right .dropdown-menu li a:hover { background:#fafafa; color:#000; }

.newcontainer { /*height:calc(100vh - 60px);*/ flex-flow: column; overflow:hidden; padding:15px; display: flex; flex-flow:column; justify-content: stretch; align-items: stretch;  }

.newcontainer-breadcromb { }

.newcontainer-searchbar {  background:#fff; padding:15px 20px; border:0px solid #999; border-bottom:0; margin-bottom:15px ; box-shadow: 0px 0px 20px rgb(0 0 0 / 5%); }
.newcontainer-searchbar .air_searchtop { }
.newcontainer-searchbar .coarform { padding:0; min-height:auto; }
.newcontainer-searchbar .coarform label { font-size:14px; padding:0 0 10px 0; display:block; }

.newcontainer-searchbar .coarform h3 { font-size:18px; padding:0 0 10px 0; display:block; margin:0; }
.newcontainer-searchbar .coarform h3 small { font-size:14px; padding:0;  }


.newcontainer-searchbar .coarform select { height:40px !important; line-height:40px; padding:0 10px; font-size:12px; width:100%; margin:0 0 15px 0; border:1px solid #dadada; border-radius:5px;  }
.newcontainer-searchbar .coarform input { height:40px; line-height:40px; padding:0 10px; font-size:12px; margin:0 0 15px 0;width:100%; border:1px solid #dadada; border-radius:5px; }
.newcontainer-searchbar .coarform textarea { height:120px !important; line-height:16px; padding:10px 10px; font-size:12px; width:100%; border:1px solid #dadada; border-radius:5px; }
.newcontainer-searchbar .coarform input[type=file] { height:40px; line-height:22px; padding:5px; font-size:12px; margin:0 0 15px 0;border:1px solid #dadada; border-radius:5px; }

.newcontainer-searchbar  .uploadbtn { margin:0 10px 20px 0; background:#00439c; color:#fff; padding:0 20px; float:left; height:40px; line-height:40px; border-radius:5px; border:0; font-size:14px; }
.newcontainer-searchbar  .askbtn { margin:0 10px 0 0; background:#3e47e2; color:#fff; padding:0 20px; float:left; height:40px; line-height:40px; border-radius:5px; border:0; font-size:14px;} 
.newcontainer-searchbar  .askbtn:hover { background:#000;  }

.dashsection { display:flex; font-size:14px; line-height:20px; }
.dashsection label { line-height:30px; margin:0; }
.dashsection select { height:30px !important; line-height:30px; padding:0 5px; font-size:12px; margin:0 5px !important; border-radius:5px; }
.dashsection .searchbtn { height:30px !important; line-height:30px; width:auto; background:#00439c; color:#fff; padding:0 20px; float:left;   border:0; border-radius:5px; margin:0 0 0 10px; }


.newcontainer-header {  padding:0px 0px 5px 0px;display: inline-block;
    width: 100%; }
.newcontainer-header h2 { font-size:18px; float:left; padding:6px 0 0 0; margin:0; }
.newcontainer-header a { float:right; }
.newcontainer-header button { float:right; }

.newcontainer-header .back-btns { background:#fff; border:0;padding:0px 10px; height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#000; transition:ease all 0.3s;  }
.newcontainer-header .add-btns  {  background:#006FE0; border:0; padding:0px 10px;height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#fff; transition:ease all 0.3s; }
.newcontainer-header .down-btns { background:#ffb961; border:0; padding:0px 10px;height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#000; transition:ease all 0.3s; }
.newcontainer-header .extra-btns { background:#1d90d7; border:0; padding:0px 10px;height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#fff; transition:ease all 0.3s; }

.newcontainer-header .back-btns:hover,
.newcontainer-header .add-btns:hover,
.newcontainer-header .down-btns:hover,
.newcontainer-header .extra-btns:hover { background:#333; color:#fff; text-decoration:none; } 


.newcontainer-wrapper {  padding: 0px; width:100%; }
 
.newcontainer-content { height:100%; background:#fff; padding:20px; overflow:scroll; border:0px solid #999;  box-shadow:0px 0px 20px rgb(0 0 0 / 5%);  }
.newcontainer-content h2 { display:block; font-size:18px; margin:0 0 10px 0; padding:0; }
.newcontainer-content table { width:100%; margin:0; }
.newcontainer-content table tr:first-child { position:sticky; top:-20px; }
.newcontainer-content table tr th { background:#000; color:#fff; font-size:13px; font-weight:bold; border:1px solid #dadada; padding:10px; white-space:nowrap; }
.newcontainer-content table tr td { background:#fff !important; color:#000; font-size:13px; font-weight:normal; border:1px solid #dadada; padding:10px; }

.newcontainer-content table td a { font-size:12px; line-height:12px; padding:3px 5px; border-radius:4px; text-decoration:none; }
.newcontainer-content table td a.ad-edit { background:#ffae00;   }
.newcontainer-content table td a.ad-add { color:#888;   }
.newcontainer-content table td a.ad-delete { color:#F00;   }
.newcontainer-content table td a.ad-action {color:#ffae00;    }

.newcontainer-content table td .alert { padding:5px 10px; font-size:12px; }

.actiontd { display:flex; }
.actiontd  a { margin:0 10px 0 0; }

.newcontainer-content1 { height:100%; }
.calendernextpr { background:#fafafa; padding:10px;border: 1px solid #999; border-bottom:0; }
.calendernextpr .manageattendance-search a { background:#444; color:#fff; } 


.leadfirm { display:block; padding:0 0 10px 0; }
.leadfirm label { display:block; font-size:13px; padding:0 0 5px 0; font-weight:400; }
.leadfirm input ,.leadfirm select  { display:block; height:40px; line-height:40px; padding:0 10px; border:1px solid #dadada; border-radius:5px; width:100%; font-size:14px;  }
.leadfirm textarea  {   height:140px; line-height:20px; padding:6px 10px; border:1px solid #dadada; border-radius:5px; width:100%; font-size:14px;  }

.leadfirm .button1, .leadfirm .button2 { margin:0 10px 0 0; display:inline-flex; }



 
.side-btn  { float:left; width:60px; height:60px; line-height:60px; text-align:center; padding:17px 0 0 19px; position: absolute; left: 0; top: 0; z-index: 1; background: #164696; }
.side-btn a { display:block; }
.side-btn span {background:#fff; height:2px; display:block; width:20px; position:relative; margin:11px 0 0 0; }
.side-btn span:after { content:""; height:2px; background:#fff; width:100%;  position:absolute; left:0;  transform: rotate(0deg); top: -7px;}
.side-btn span:before { content:""; height:2px; background:#fff; width:100%;  position:absolute; left:0; transform: rotate(0deg);  top: 7px; }
.side-btn.active span {  height:0px; position:relative; width:20px; }
.side-btn.active span:after { content:""; height:2px; background:#fff; width:100%; top:-9px; position:absolute; left:0; transform: rotate(45deg); top: -0px; }
.side-btn.active span:before { content:""; height:2px; background:#fff; width:100%; bottom:-9px; position:absolute; left:0;transform: rotate(-45deg);top: -0px; }

.changephoto { width:48px; height:44px; border-radius:50px; object-fit:cover; float:left; margin:-2px 15px 0 0; position:relative; left:0px; top:1px; }
.changephoto img { width:100%; height:100%; object-fit:cover; overflow:hidden;border-radius:50px; }
/*.changephoto.red { border-left:4px solid #F00;  }
.changephoto.green { border-left:4px solid #393; }*/
.changephoto  i { width:16px; height:16px; border-radius:12px; text-align:center; line-height:16px; font-size:10px; background:#000; margin:0; color:#fff; position:absolute; bottom:-1px; right:-1px; }

.coarformin { display: flex; align-items: center; }
#response {max-height:270px; overflow:scroll; background:#f1f6fe; border-radius:5px;
    padding: 15px;
    height: 100%;
    align-items: center;
    display: flex; font-size:13px; margin:0; }

#loader {display: none;font-weight: bold;color: green;}
.error {color: red;font-weight: bold;font-size: 14px;}
.trans {color: green;font-weight: bold;font-size: 14px;}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .sidebar li {
    padding: 15px 20px;
  }

  .sidebar li:hover {
    background-color: #34495e;
  }

  .sidebar a {
    text-decoration: none;
    color: white;
    display: block;
  }

  .sidebar a:hover {
    color: #ecf0f1;
  }

#loader {
  width: fit-content;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 14px;
  padding-bottom: 8px;
  background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
  animation: l2 2s linear infinite;
}
.loader:before {
  content:"Loading..."
}
@keyframes l2 {to{background-size: 100% 3px}}

.swal2-html-container {
    font-size: 14px;
    font-weight: normal;
    color: #444;
    line-height: 24px;
    max-height: 300px;
    overflow: scroll;    text-align: justify;
    PADDING: 30px;
  }
  .swal2-confirm { background: #164696; padding:10px 50px; font-size:14px; }

@media (max-width:767px) {

.admin-name { display:none; }
.mainheader { padding:0; }

.mainheader .toplogo { padding:8px 5px 8px 75px; }
.mainheader .toplogo img { height: 37px;  padding: 6px 0 0 0; } 

.header-side { background:#fff; }
.header-side .pull-right .sidebutton { padding: 8px 0 0 7px; }
 
.newsidebar { left:-260px; top: 60px; z-index: 99; height:cals(100vh - 60px);}
#new_sidebar.open { left:0px;  }
.rightcontainer.open  { padding:0; }
.rightcontainer { padding:0; }
.newcontainer { padding:8px; }

}