*{font-family: 'Montserrat', sans-serif;}
body { background: var(--body-color);  overflow-x: hidden; position: relative;}
a, a:hover { text-decoration: none; }
p { font-size: 15px; }
button, a, input { transition: 0.5s all; }
button:focus { border: none !important; box-shadow: none !important; outline: none !important; }
h1, h2, h3, h4, h5, h6, p, a { font-family: Verdana; }
.row_marg { margin: 0 -4px; }
.page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
select.form-control { appearance: none; background-image: url(../images/next.png); background-position: right 10px center; background-repeat: no-repeat; background-size: 12px; }
/*COLOR*/
:root { --maroon-color: #232C3D;
 --body-color: rgb(132 158 232 / 0.2);
 --main-txt-color:#e6ebfa;
 --navbar-icon-color: #546cb2;
 --btn-hover-color :#333333;
 --title-dk-color: #333333;
 --paragraph-color :#666666;
 --button-color : #333333;
 --button2-color : #20397c;
 --form-label-color: #666666;
}
.bg01{ background:#09E5FF !important;}
.bg02{ background:#0AC3F9 !important;}
.bg03{ background:#085368 !important;}
.bg04{ background:#09E5FF !important;}
.bg05{ background:#09E5FF !important;}
.bg06{ background:#09E5FF !important;}
.bglocked{ background:#676767 !important;}
.h2_title { color: var(--navbar-icon-color) !important; font-size: 28px; font-weight: bold; }
/*COLOR END*/
/*----------------page-wrapper----------------*/
.form-group { text-align: left; }
a.whatsapp_link { width: 45px; height: 45px; color: #ffffff; background: #4CAF50; position: fixed; right: 15px; bottom: 10px; text-align: center; line-height: 45px; border-radius: 50px; font-size: 20px; }
.page-wrapper { height: 100vh; }
.page-wrapper .theme { width: 40px; height: 40px; display: inline-block; border-radius: 4px; margin: 2px; }
.page-wrapper .theme.chiller-theme { background: #1e2229; }
form .form-group { position: relative; margin-bottom: 22px; }
form .form-group .help-block { position: absolute; right: 10px; bottom: -5px; font-size: 11px; color: red; background: #ffffff; padding: 0px 6px; }
/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled .sidebar-wrapper { left: 0px; }
/*----------------show sidebar button----------------*/
#show-sidebar { position: fixed; left: 10px; top: 25px; z-index: 1; border-radius: 0 4px 4px 0px; background-color: var(--maroon-color); color: #ffffff; width: 35px; transition-delay: 0.3s; border-color:#2db0ff !important; }
.page-wrapper.toggled #show-sidebar { left: -40px; }

.header-right{ float:right; margin:0px 0px; padding:0px 0px; position:relative;}
.header-right li{ display:inline-block; margin:0px 0px; padding:0px 7px; position:relative;}
.header-right li img{ width:35px;}
.header-right li a{ font-size:16px; color:#fff;}
.header-right li a sup{ font-size:10px; color:rgb(45 176 255); margin:0px 0px 0px 5px; top:-10px;}
.header-right .dropdown-toggle::after{ display:none;}
ul.dropdown-menu.show {
    min-width: 200px;
    padding: 10px 10px;
}
ul.dropdown-menu li{ margin:0px 0px; padding:3px 0px 3px 0px; position:relative; display:block;}
ul.dropdown-menu li p{ font-size:13px; color:#666; font-weight:500; margin:0px 0px;}
ul.dropdown-menu li a{ font-size:13px; color:#666;}
ul.dropdown-menu li .logout{ color:#0ac3f9; font-size:15px; font-weight:500;}

.follow_us { position: relative; }
.follow_us p { margin: 0 10px 0px; text-transform: uppercase; font-weight: 600; color: var(--title-dk-color); display: inline-block; vertical-align: middle; }
.follow_us ul { text-align: center; padding: 0; display: inline-block; vertical-align: middle; margin: 0; }
.follow_us li { list-style: none; display: inline-block; }
.follow_us li a { margin: 0; background: #e6ebfa; width: 50px; height: 50px; border-radius: 100%; line-height: 50px; display: block; color: var(--maroon-color); text-align: center; font-size: 18px; }

/*----------------sidebar-wrapper----------------*/
.header-panel { float: left; width: 100%; background:#232c3d; padding: 25px 50px 25px 50px; position: relative; top: 0; left: 0; box-shadow: 0px 14px 13px -20px #202938; }
.header-panel h3 { font-size: 16px; color:#fff; margin: 8px 0px 0px 0px; font-weight: normal; }
.dashboard-control { width: 100%; margin:25px 25px; padding: 25px 30px; position: relative; background: #fff; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0.1); }
h1.main-title { font-size:20px; color:#fff; }
.dashboard-control small { font-size: 18px; color: var(--page-txt-color); display: inline-block; }
.dashboard-control .breadcrubs { margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative; }
.dashboard-control .breadcrubs li { list-style: none; color: var(--page-txt-color) }
.dashboard-control .breadcrubs li a { color: var(--page-txt-color); }
.dashboard-control h2 { font-size: 40px; font-weight: normal; color: var(--page-txt-color); margin: 0px 0px 15px 0px; }
/*dashboard login */
.login-panel { margin: 0px 20px 0px 0px; padding: 0px 0px; position: relative; text-align: right; }
.login-panel li { list-style: none; }
.login-panel li a { color: var(--page-txt-color); font-size: 18px; font-weight: normal; }
.login-panel li a i { font-size: 18px; width: 35px; height: 35px; border: 2px solid var(--maroon-color); border-radius: 100%; margin: 0px 5px 0px 0px; line-height: 30px; text-align: center; }
.login-panel .dropdown-menu { top: 27px !important; margin: 0px 0px; border-radius: 0px; padding: 0px 25px 20px 25px; border: 0; box-shadow: 0px 15px 21px -6px #f3f5fc; min-width: 14rem; }
.login-panel .dropdown-menu li { margin: 0px 0px 0px 0px; border-bottom: 1px solid #efefef; }
.login-panel .dropdown-menu li a { padding: 10px 20px; font-size: 16px; display: block; }
.login-panel .dropdown-menu li:last-child { border: none; }
/*reset password*/
.login_box.reset-password { max-width: 650px; }
.login_box.reset-password .form-group { position: relative; }
.form-group .resend { background: var(--maroon-color); color: var(--main-txt-color); border: none; border-radius: 5px; display: block; text-transform: uppercase; margin-bottom: 20px; transform: translateY(-50%); top: 50%; position: absolute; right: 8px; width: 70px; font-size: 12px; padding: 7px 0; font-weight: 500; margin: 0; text-align: center; letter-spacing: 0.3px; }
.sidebar-wrapper { width: 270px; height: 100%; max-height: 100%; position: fixed; top: 0; left: -300px; z-index: 999; color: var(--main-txt-color); font-size: 16px; }
.sidebar-wrapper .main-menu { margin:0 0px 35px 0px; }
.sidebar-wrapper ul { list-style-type: none; padding: 0; margin: 0 0 0 0; }
/*----------------sidebar-content----------------*/

.sidebar-content { max-height: calc(100% - 30px); height: calc(100% - 30px); overflow-y: auto; position: relative; }
.sidebar-content.desktop { overflow-y: hidden; }
/*--------------------sidebar-bar----------------------*/
.sidebar-wrapper .sidebar-brand { padding: 10px 20px; display: flex; align-items: center; }
.sidebar-wrapper .sidebar-brand > a { text-transform: uppercase; font-weight: bold; flex-grow: 1; }
.sidebar-wrapper .sidebar-brand #close-sidebar { cursor: pointer; font-size: 15px; top: 20px; position: relative; color: var(--main-txt-color); }
.sidebar-wrapper .sidebar-brand #close-sidebar i{ padding:5px 7px; border:1px solid #2db0ff;}
/*--------------------sidebar-header----------------------*/
.sidebar-wrapper .sidebar-header { padding: 20px 25px; border-bottom: 1px solid rgb(243 245 252 / 0.2); text-align: left; }
.sidebar-wrapper .sidebar-header img { width:70px; margin:-40px 0px 0px 0px; }
.sidebar-wrapper .sidebar-header h3 { font-size: 95%; margin: 0 0; padding: 20px 5px; font-weight: 600; line-height: 25px; letter-spacing: 0.3px; }
/*-----------------------sidebar-search------------------------*/
/*----------------------sidebar-menu-------------------------*/
.sidebar-wrapper .sidebar-menu { padding:20px 0px;}
.sidebar-wrapper .sidebar-menu .dash-bg { color: var(--main-txt-color); background: var(--main-bg-color); margin: 0px 0px 20px 0px; }
.sidebar-wrapper .sidebar-menu h3{ font-size:15px; color:#fff; font-weight:500; text-transform:uppercase; margin-left:25px;}
.sidebar-wrapper .sidebar-menu .header-menu span { font-weight: bold; font-size: 14px; padding: 15px 20px 5px 20px; display: inline-block; }
.sidebar-wrapper .sidebar-menu ul li { margin: 0px 0px; padding: 0px 20px 0px 20px; position: relative;  }
.sidebar-wrapper .sidebar-menu ul li:before{ content:''; display:block; position:absolute; left:0; top:0; width:2px; height:100%; }
.sidebar-wrapper .sidebar-menu ul li.active:before{background:#2db0ff;}
.sidebar-wrapper .sidebar-menu ul li:last-child { border: none; box-shadow: none; }
.sidebar-wrapper .sidebar-menu ul li a { display: inline-block; width: 100%; text-decoration: none; position: relative; font-size: 13px; padding:8px 20px 8px 25px; font-weight: 500; letter-spacing: 0.3px; }
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i { width: 22px; height: 22px; position: absolute; left:0; font-size: 11px; color:#fff; font-weight: lighter; padding: 0; line-height: 24px; border-radius: 50px; top:4px; margin: 0; text-align: center; border: none; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after { font-family: 'FontAwesome'; font-weight: 600; content: "\f105"; font-style: normal; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; background: 0 0; position: absolute; right: 15px; top: 12px; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul { padding: 5px 0; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { padding-left: 25px; font-size: 14px; border-bottom: 1px solid #313E53; box-shadow: 0px 1px 0px 0px #161D27; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li:last-child { border: none; box-shadow: none; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before { content: "\f111"; font-family: 'FontAwesome'; font-weight: 400; font-style: normal; display: inline-block; text-align: center; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; font-size: 8px; }
.sidebar-wrapper .sidebar-menu ul li a span.label, .sidebar-wrapper .sidebar-menu ul li a span.badge { float: right; margin-top: 8px; margin-left: 5px; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label { float: right; margin-top: 0px; }
.sidebar-wrapper .sidebar-menu .sidebar-submenu { display: none; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after { transform: rotate(90deg); right: 17px; }
/*--------------------------side-footer------------------------------*/
.sidebar-footer { position: absolute; width: 100%; bottom: 0; display: flex; }
.sidebar-footer > a { flex-grow: 1; text-align: center; height: 30px; line-height: 30px; position: relative; }
.sidebar-footer > a .notification { position: absolute; top: 0; }
.badge-sonar { display: inline-block; background: #980303; border-radius: 50%; height: 8px; width: 8px; position: absolute; top: 0; }
.badge-sonar:after { content: ""; position: absolute; top: 0; left: 0; border: 2px solid #980303; opacity: 0; border-radius: 50%; width: 100%; height: 100%; animation: sonar 1.5s infinite; }
/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content { display: inline-block; width: 100%; padding-left: 0px; padding-bottom: 50px;/*Var før 150px*/}
.page-wrapper .page-content { overflow-x: hidden; }
/*--------------------------footer-fix-----------------------------*/
.footer { position: fixed; bottom: 0; background: var(--maroon-color); width: 270px; padding: 20px 20px 20px 20px; z-index:11; }
.footer ul li { display: inline-block; }
.footer ul li a { padding: 0; }
.footer p { color: var(--main-txt-color); font-size: 15px; font-weight: 500; }
.footer ul li a { color: var(--main-txt-color); padding: 0 15px 0 0; }

.footer-main{ width:100%; position:fixed; bottom:0; left:0; padding:10px 20px; background:#fff; border-top:1px solid #ccc;}
.footer-left{ float:left; margin:0px 0px; padding:0px 0px 0px 270px; position:relative;}
.footer-left img{ width:35px;}
.footer-right{ float:right; font-size:14px; color:#666; padding:15px 0px;}

/*------scroll bar---------------------*/
::-webkit-scrollbar {
 width: 5px;
 height: 7px;
}
::-webkit-scrollbar-button {
 width: 0px;
 height: 0px;
}
::-webkit-scrollbar-thumb {
 background:rgba(0,0,0,0.3);
 border: 0px none #ffffff;
 border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
 background: #525965;
}
::-webkit-scrollbar-thumb:active {
 background: #525965;
}
::-webkit-scrollbar-track {
 background: transparent;
 border: 0px none #ffffff;
 border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
 background: transparent;
}
::-webkit-scrollbar-track:active {
 background: transparent;
}
::-webkit-scrollbar-corner {
 background: transparent;
}
/*---------------------------chiller-theme-------------------------------*/
.chiller-theme .sidebar-wrapper { background: var(--maroon-color); }
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text { border-color: transparent; box-shadow: none; }
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role, .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text, .chiller-theme .sidebar-wrapper .sidebar-brand>a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li a, .chiller-theme .sidebar-footer>a { color: var(--main-txt-color); }
.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a, .chiller-theme .sidebar-wrapper .sidebar-header .user-info, .chiller-theme .sidebar-footer>a:hover i { color:#2db0ff; }
/*.page-wrapper.chiller-theme.toggled #close-sidebar:hover { color: #ffffff; }*/
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text { background: transparent; }
.sidebar-wrapper .sidebar-menu ul li.active a,.sidebar-wrapper .sidebar-menu ul li.active a i{color:#2db0ff;}


h3.title { font-weight: 600; font-size: 20px; padding: 0px 0 20px 0; position: relative; text-transform: uppercase; margin: 0; color: var(--title-dk-color); }
h3.title:before { content: ''; position: absolute; bottom: 4px; height: 3px; width: 60px; background: var(--maroon-color); left: 0; }
.personal_details { border: 1px solid rgb(204 204 204 / 0.4); padding: 25px; }
.personal_details h4{ font-size:18px; color:#232c3d; font-weight:500;}
.personal_details h6{ font-size:16px; color:#333; font-weight:600; margin:0px 0px 40px 0px; padding:5px 20px; border-left:2px solid #333;}
.personal_details h5{font-size:14px; color:#333; font-weight:600; display:block;}
.personal_details .form-group{ position:relative;}
.personal_details .form-group span{ font-size:14px; margin:0px 0px 0px 0px; position:absolute; top:-20px;}

.form-group01{ margin:0px 0px 15px 0px;}
.form-group01 input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.personal_details .form-group01 label {
  position: relative;
  cursor: pointer;
}

.personal_details .form-group01 label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.personal_details .form-group01 input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.personal_details ul { padding: 0; margin: 0; border-bottom:none; }

.personal_details .icon-view{ margin:0px 0px 45px 0px; position:relative; text-align:center;}
.personal_details .icon-view span{ margin:0 auto 15px auto; width:110px; height:110px; background:#f5f5f5; display:block; line-height:110px; border-radius:100%; transition:all ease 0.3s;}
.personal_details .icon-view span i{ font-size:45px; color:#fff;}
.personal_details .icon-view h2{ font-size:16px; color:#666;}

.personal_details .icon-view:hover span{ box-shadow:4px 5px 0px 0px rgb(0 0 0 / 3%);}

.personal_details .nav-justified .nav-item{ padding:0px 0px; margin:0px 0px;}
.personal_details .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background:#232c3d; border:1px solid #232c3d; color:#fff;}
.personal_details .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{ border:1px solid #232c3d; color:#333; border-radius:0px; padding:10px 20px; font-size:15px; background: #f2f2f0; font-weight:500; margin:0px 5px 0px 0px; line-height:22px;}
.personal_details .tab-content{ margin:30px 0px 0px 0px;}
.personal_details .form-group{ margin:0px 0px; padding:0px 5px;}
.personal_details input{ font-size:14px; margin:0px 0px; padding:10px 15px; width:100%; height:40px; border-radius:0; border:1px solid #ccc;}
.personal_details .update{ display:block; margin:0 auto; padding:11px 25px; color:#fff; background:#2db0ff; border:none; border-radius: 10px;}

.personal_details li { list-style: none; display:  block; width: 100%; padding: 12px 30px;}

.personal_details strong { display: table-cell; width: 40%; color: var(--title-dk-color); }
.personal_details select { -webkit-appearance: none; -moz-appearance: none; appearance: none;/* border-radius: 0; */ }
.personal_details .option_dropdown { position: relative; display: inline-block; cursor: pointer; outline: none !important; width: 100%; }
.personal_details .option_dropdown::after { content: '\f107'; position: absolute; right: 20px; top: 50%; font-family: fontAwesome; font-weight: 600; transform: translateY(-50%); cursor: pointer; color: var(--title-dk-color); }
.personal_details .option_dropdown select { border: 1px solid #cccccc; background: white; padding: 7px 10px 7px 10px; width: 100%; font-size: 15px; color: var(--title-dk-color); height: 45px; cursor: pointer; border-radius: 5px; }
.personal_details .option_dropdown select:focus { outline: none; }
.personal_details p { display: table-cell; }
.personal_details .form-group { margin: 0 0 15px; position: relative; }
.form-group label {font-weight: 500;font-size: 15px;margin-bottom: 5px;color: var(--title-dk-color);padding-bottom: 0px;position: absolute;top: -15px;left: 10px;background: #ffffff;padding: 5px 8px;}
.personal_details .form-group .form-control {height: 50px; background: #ffffff; border: 1px solid #cccccc; box-shadow: none; }
.form-group .form-control:focus { box-shadow: 0px 5px 10px -5px rgb(0 0 0 / 0.2); }
.btn-primary { background: var(--maroon-color); font-weight: 600; color: var(--main-txt-color); border: none; padding: 15px 50px; border-radius: 5px; width: 210px; font-size: 15px; display: block; margin: 0 auto; text-transform: uppercase; margin-bottom: 20px; border-radius: 20px;}



.submit_btn { width: 210px; font-size: 15px; float: right; border-radius: 20px;}
/*upload document*/
.upload_docu { width: 100%; position: relative; }
button.browse.btn { width: auto; display: block; height: 47px; background: #eee; font-weight: 500; margin: 0; padding: 0 12px 0 20px; /* border: 1px solid #ddd; */ position: absolute; right: 1px; border-radius: 3px; font-size: 13px; top: 50%; transform: translateY(-50%); }
button.browse.btn:focus { border: 1px solid #444; }
input[type="file"] { display: none; }
/** nav button **/
.header_top {width: 100%;
    position: relative;
    margin: 25px 20px;
    padding: 0;}
ul.nav_number {display:block;float:left;margin: 0;padding:0 0 0 10px;}
ul.nav_button.footer_nav {
    text-align: right;
    width: 100%;
    margin: 25px 20px;
}
ul.nav_number li {list-style:none;padding: 9px 15px;border-radius: 5px; font-size:15px;}
ul.nav_button {  margin: 0; padding: 0; float:right; }
ul.nav_button li { display: inline-block; padding: 0 4px; }
ul.nav_button a { font-size: 16px; background: var(--maroon-color); padding: 9px 12px; border-radius: 5px; display: block; color: var(--main-txt-color); box-shadow: 0px 0px 15px -6px rgb(0 0 0 / 0.2); vertical-align: middle; }
/*ul.nav_button li:first-child { float: left; }*/
ul.nav_button a i { font-size: 12px; margin: -3px 0 0 0; vertical-align: middle; }
/*checkbox*/
.form-group.form-check label {margin: 4px 20px 0 5px;position: relative;cursor: pointer;}
.form-group .form-check-input {margin: 0;cursor: pointer;}
.form-group .form-check-input.with-gap { margin: 12px 0 0 0; position: relative; }
.form-group.form-check {padding:0;}
/*radio-buuton*/
.form-box h4 {font-size: 15px;color: var(--button-color)}
input[type=radio] { display: none; }
label input:checked + span:before { box-shadow: inset 0 0 0 0.32em #20397c; }
label span {display: -webkit-box;-webkit-box-align: center;align-items: center;padding: 0.375em 0.75em 0.375em 0.375em;border-radius: 99em;-webkit-transition: 0.25s ease;transition: 0.25s ease;font-size: 13px;color:#fff;font-weight: 500;cursor: pointer;}
label span:before { display: -webkit-box; display: flex; content: ""; height: 15px; border-radius: 50%; -webkit-transition: 0.25s ease; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #20397c; }
.form-box { margin: 0 0 20px 0; }

.holiday-table{ margin:0px 0px; padding:0px 0px; position:relative;}
.holiday-table thead{ background:#232C3D; position:relative; }
.holiday-table thead tr th{color:#fff; font-size:15px; font-weight:500; padding:7px 15px; border:3px solid #fff; position:relative}
.holiday-table thead tr th:after{content: '';
display: block;
position: absolute;
right: -3px;
top: -1px;
border-right: 3px solid #fff;
height: 108%;}
.holiday-table tr{ margin:0px 0px; padding:0px 0px;}
.holiday-table tbody tr:nth-child(odd) {background:#F2F2F0}
.holiday-table tr td{font-size:14px; color:#666; font-weight:500; padding:7px 15px; border:3px solid #fff;}

 /* search start  */
.searching span{ float:right; margin:5px 20px 0px 0px;}
        .search-inline {
            width:50%;
            right:100px;
            padding-left: 15px;
            padding-right: 15px;
            top:60px;
            height:100%;
            position: absolute;
            opacity: 0;
            visibility: hidden;
            background-color: #efefef;
            z-index: 9;
            transition: all .5s ease-in-out;
			border:1px solid #232c3d;
        }

        .search-inline.search-visible {
            opacity: 1;
            visibility: visible;
            animation: fadeInDown 0.4s ease-in-out;
        }

        .search-inline button[type="submit"] {
            position: absolute;
            background-color: transparent;
            border: 0px;
            top: 0;
            right: 50px;
            padding: 0px;
            cursor: pointer;
            width: 80px;
            height: 99%;
            background:#232c3d;
            color:#2db0ff;
        }

        .search-inline .form-control {
            border: 0px;
            padding-left: 0;
            font-size:14px;
            position: absolute;
            left:0;
            top: 0;
            height: 100%;
            width: 99%;
            font-family: "Montserrat", sans-serif;
            font-weight:500;
            outline: none;
			padding:10px 15px;
        }

        .search-inline .search-close {
            position: absolute;
            top: 0;
            right: 0;
            color: #fff;
            width: 50px;
            height: 100%;
            text-align: center;
            display: table;
            background:#2db0ff;
            text-decoration: none;
        }

        .search-inline .search-close i {
            display: table-cell;
            vertical-align: middle;
        }

        .form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 1rem;
            line-height: 1.5;
            color: #495057;
            background-color:#e6ebfa;
            background-clip: padding-box;
            border: 1px solid #efefef;
            border-radius: .25rem;
            transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translate3d(0, -20%, 0);
            }
            to {
                opacity: 1;
                transform: translate3d(0, 0, 0);
            }
        }

.progress-scsn{ margin:0px 25px;}
.progress-scsn p{ font-size:15px; color:#fff; font-weight:500; margin:0px 0px 10px 0px;}
.progress-scsn p span{ float:right; font-size:12px; position:relative; top:3px;}
.progress-scsn .progress {
    display: -ms-flexbox;
    display: flex;
    height: .50rem;
    overflow: hidden;
    font-size: .45rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

/*19.01.2021 New Entry*/
.login-part{ margin:0px 0px; padding:25px 25px; position:relative; width:100%; background:#232C3D/*#2d8bff*/; height: 100% !important;}
.login-screen{ width:100%; margin:50px auto; padding:35px 25px; position:relative; background:#fff; border-radius:20px; max-width:500px;}
.login-screen h2{ text-align:center; margin:0px 0px 20px 0px; padding:0px 0px; position:relative; font-size:22px; color:#333; font-weight:700;}
.login-screen input{ width:100%; position:relative; padding:15px 20px 15px 45px; font-size:14px; color:#666; border:none; background:#f5f5f5; border-radius:50px; font-weight:500;}
.login-screen input:focus{ border:none; outline:none;}
.login-screen .form-group{ position:relative; display:block; max-width:70%; margin:0px auto 10px auto;}
.login-screen .form-group label{ position:absolute; top:0; margin:9px 0px 0px 5px; z-index:1; background:none;}
.login-screen .form-group .login-btn{ padding:15px 45px; margin:25px auto 15px auto; background:#2d8bff; color:#fff; font-weight:600; border:0; display:block; border-radius:50px; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.login-screen .form-group .login-btn:hover{ background:#232c3d;}
.login-screen .form-group a{ font-size:14px; text-align:center; display:block; color:#666;}

.holidays-content{ margin:0px 0px 0px 0px; padding:0px 0px; position:relative; border:1px solid #efefef;}
.holidays-content h2{ font-size:16px; color:#333; padding:15px 25px; background:#efefef;}
.holiday-form{ margin:0px 0px 0px 0px; padding:25px 25px; position:relative;}
.holiday-form .form-group{ position:relative; margin:0px 0px 15px 0px;}
.holiday-form h4{ font-size:15px; color:#333; font-weight:600;}
.holiday-form span{ position:absolute; right:0; font-size:14px; font-weight:500; color:#666; padding:10px 10px; background:#efefef;} /* Timeregistrering Timer */
.holiday-form span i{ padding:0px 12px; font-size:15px;}
.holiday-form input{ width:100%; height:40px; padding:11px 20px; font-size:14px; /*background:#fff;*/ border:1px solid #efefef; border-radius:0;}
.holiday-form select{ width:100%; height:40px; padding:5px 20px; font-size:14px; /*background:#fff;*/ border:1px solid #efefef; border-radius:0;}
.holiday-form select option{ font-size:13px; padding:10px 20px;}
.holiday-form .update-btn{ padding:15px 15px; width:250px; margin:25px 0 15px 0; background:#2d8bff; color:#fff; font-weight:600; border:0; display:block; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; border-radius: 10px;}
.holiday-form .update-btn:hover{ background:#232c3d;}

.overview-data{ margin:0px 0px 0px 0px; padding:15px 25px 15px 25px; position:relative;}
.overview-ul{ margin:0px 0px; padding:0px 0px; position:relative;}
.overview-ul li{ font-size:14px; color:#333; list-style:none; margin:0px 0px 10px 0px;}
.overview-data select{ display:block; width:auto; padding:5px 35px; font-size:15px; border:1px solid #efefef; background:#fff; border-radius:0;}

.overview-table{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative;}
.overview-table td{ border:1px solid #ccc; padding:10px 15px; text-align:center; font-size:14px;}
.bg-green{ background:#65f365;}
.bg-light-green{background:#91f9ab}
.bg-skye{ background:#7fffff;}
.bg-light-skye{background:#a6ffff;}
.bg-red{background:#ffbf7f;}
.bg-light-red{background:#ffd3a6;}
.bg-yellow{background:#ffff7f;}
.bg-light-yellow{background:#ffffa6;}
.bg-greey{background:#e9e9e9;}
.bg-light-greey{background:#f0f0f0;}
.check-list{ margin:25px 0px; padding:0px 0px; position:relative;}
.check-list label{ font-size:14px; margin:0px 0px 0px 5px;}

.calendar-details{ margin:0px 0px; padding:25px 25px; position:relative;}
.monthly-cal{ margin:0 auto; text-align:center;}
.monthly-cal li{ font-size:15px; color:#333; margin:0px 0px 10px 0px; list-style:none;}
.monthly-table{ margin:0px auto; padding:0px 0px; position:relative; max-width:400px; display:block;}
.monthly-table td{ padding:10px 15px; border:2px solid #636569;}
.monthly-table th{ border:none; padding:10px 15px; font-size:18px; color:#333; font-weight:600;} 
.monthly-table .red-color{ color:#F00;}

.modal-center {
    display:table;
    height: 100%;
    width: 100%;
}
.modal-align-center {vertical-align: middle;}
.modal-content {height:inherit;margin: 0 auto;}
.modal-title{ font-size:15px; color:#333;}
.modal-body{ padding:25px 25px;}
.modal-content h6{ font-size:15px; font-weight:500; text-align:center; margin:10px 0px 15px 0px;}
.modal-content input{ font-size:13px; font-weight:500; padding:10px 20px; width:100%; border:1px solid #efefef; border-radius:0;
transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.modal-footer .mo-button{ padding:8px 15px; border:none; font-size:12px; color:#fff; font-weight:500; background:#2d8bff;}
.modal-footer .bg-light{ color:#333; background:#e0e0e0 !important;}
.modal-table{ margin:25px auto; padding:0px 0px; max-width:350px;}
.modal-table td {
    color: #333;
    font-size: 14px;
    padding: 7px 10px; margin:2px 2px;
    border: 2px solid #636569;
    text-align: center;
}
.in_te_light_blue { background : #e4ffdb !important; }
.in_te_light_skye { background : #dbffff !important; }
.in_te_light_red { background : #ffeddb !important; }
.in_te_light_red_light{ background : #ffffdb !important; }
.button_style{ padding:15px 15px; margin:25px 0 15px 0; background:#2d8bff; color:#fff; font-weight:600; border:0; display:block; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.float-left{float:left;}
.float-right{float:right;}