@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');

html, body {
	overflow: auto;
	height: auto;
	font-family: 'Inter', sans-serif;
	background: #fff;
}

@media only screen and (max-width: 1024px) {
	.block .block-content {
		overflow: inherit;
		height: auto;
	}
}


.login_container {
	background: #fff !important;
	padding: 0 !important;
}

.login_left {
	/*width: 720px;*/
	height: 800px;
	background: radial-gradient(100% 100% at 0% 0%, #13BFD5 0%, #1D4F69 100%);
}

.login_right {
	/*width: 720px;*/
	height: 800px;
	background: #FFFFFF;
}

.login_container h3 {
	display: block;
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 44px;
	color: #1D4F69;
	text-align: center;
}

.login_container h2 {
	display: block;
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 54px;
	color: #FFFFFF;
	text-align: center;
}

.login_container .login_left p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	text-align: center;
	
}

.login_container .login_right p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #1D4F69;
	text-align: center;
	
}

.login_container label {
	
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	
}

.login_container input {
	
	
	/* Input Inner */

	box-sizing: border-box;

	/* Auto layout */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 17px 24px;
	gap: 16px;

	width: 100%;
	height: 48px;

	/* Neutral/Neutral strong */
	background: #EDF7FF;

	/* Primary/Primary inactive */
	border: 1px solid #A1D1F0;
	border-radius: 24px;
	
}

.login_container button {
	width: 370px;
	height: 48px;
	background: #13BFD5 !important;
	border-radius: 24px;
	
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
}

.login_container .form-control:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #13BFD5;
    background: #EDF7FF;
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}



.login_container .lost_pwd_link {
	text-align: right;
}

.login_container .lost_pwd_link a {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #13BFD5;
	text-decoration: underline;
}





















.page-container .page-head {
	background: #F7F7F7;
	border: 0px none;
}
.page-head .page-head-elements > li:first-child {
	border: 0px none;
	color: #13BFD5;
	font-size: 12px;
	box-shadow: none;
}
.page-head .page-head-elements > li {
	border: 0px none;
	color: #13BFD5;
	font-size: 12px;
	box-shadow: none;
}
.page-head .page-head-elements > li > a {
	color: #13BFD5;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 12px;
	line-height: normal;
}


.page-head .head_username {
	display: block;
	font-weight: 600;
	font-size: 13px;
	color: #13BFD5;
}
.page-head .head_useraccess {
	display: block;
	font-weight: 400;
	font-size: 13px;
	color: #1D4F69;
}



.page-head .page-head-elements > li > a:hover {
  background: none;
  text-decoration: none;
}

.page-container .page-navigation .page-navigation-info {
  border-bottom: 0px none;
  background: #F7F7F7;
}

.page-container .page-navigation {
  background: #F7F7F7;
}

.page-navigation .navigation > li > a {
  border: 0px none;
	color: #1D4F69;
	font-weight: 500;
}

.page-navigation .navigation > li.active > a {
  background: #F7F7F7;
  color: #13BFD5;
	font-weight: 500;
}
.page-navigation .navigation > li > a:hover {
    background: transparent;
	font-weight: 500;
	color: #13BFD5;
}

.page-navigation .navigation li ul {
  background: #f7f7f7;
}
.page-navigation .navigation li ul li a {
	color: #1D4F69;
}
.page-navigation .navigation li ul li > a:hover,
.page-navigation .navigation li ul li.active > a {
    background: #f7f7f7;
    color: #13BFD5;
}


.page-container .page-content {
	background: #fff;
	border-radius: 16px 0px 0px 16px;
}


.container {
  overflow: auto;
  overflow-y: auto;
}

.btn.btn-info, .btn.btn-info:hover, .btn.btn-info:focus, 
.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, 
.btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, 
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, 
.btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus{
	padding: 11px 18px;
	border: 1px solid #0ab6cc;
	background: #13BFD5;
	border-radius: 24px;
	
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	
	line-height: 16px;
	
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
}

.btn-group .btn.btn-info, .btn-group .btn.btn-info:hover, .btn-group .btn.btn-info:focus {
	padding: 8px 14px;
font-size: 13px;
line-height: 13px;
}

.btn-xs {
	padding: 8px 14px !important;
font-size: 13px !important;
line-height: 13px !important;
}



input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="number"], input[type="search"], input[type="time"], optgroup, select {
	
	
	padding: 11px 18px !important;

	width: 100% !important;
	height: 48px !important;

	/* Neutral/Neutral strong */
	background: #EDF7FF !important;

	/* Primary/Primary inactive */
	border: 1px solid #A1D1F0 !important;
	border-radius: 24px !important;
	
}

textarea {
	
	
	padding: 11px 18px !important;

	/* Neutral/Neutral strong */
	background: #EDF7FF !important;

	/* Primary/Primary inactive */
	border: 1px solid #A1D1F0 !important;
	border-radius: 24px !important;
	
}



.page-content .page-toolbar {
  border: none;
}

.alert-success, .alert-warning {
  /* Secondary/Secondary */
background: #13BFD5;

/* shadow */
box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 16px 24px rgba(96, 97, 112, 0.12);
border-radius: 24px;
	
	font-weight: 400;
	color: #FFFFFF;
}

.custom_datepicker {
	background: #F7F7F7;
	box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 16px 24px rgba(96, 97, 112, 0.12);
	border-radius: 24px;
}
.custom_datepicker .datepicker-inline {
  width: 100% !important;
}

.custom_datepicker .datepicker table tr td.today {
	background-image: none !important;
	background-color: #13BFD5 !important;
	border-radius: 20px !important;
	color: #FFF !important;
}

.custom_datepicker .datepicker table tr td.active.active {
	background-image: none !important;
	background-color: #26CCE1 !important;
	border-radius: 20px !important;
	color: #FFF !important;
}
.custom_datepicker .datepicker table tr td span.active.active {
	background-color: #26CCE1 !important;
}


.datepicker.dropdown-menu {
	max-width: 240px;
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
	background-image: none !important;
	background-color: #26CCE1 !important;
	border-radius: 20px !important;
	color: #FFF !important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
	background-image: none !important;
	background-color: #26CCE1 !important;
	border-radius: 20px !important;
	color: #FFF !important;
}



.btn.btn-info, .btn.btn-info:focus {
	border: 1px solid #0ab6cc;
	background: #13BFD5;
	border-radius: 24px;
}





.table > thead > tr > th {
	border: 0px none;
}
.table tr > th {
	background: none;
}
.sorting::before {
	color: #13BFD5;
}
.sorting_asc::before {
	color: #13BFD5;
}
.sorting_desc::before {
	color: #13BFD5;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #EDF7FF;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 0px none !important;
	border-bottom: 0px none !important;
}
.table th, .table td {
	border-top: 0px none !important;
	border-bottom: 0px none !important;
}
.dataTables_info {
	color: #13BFD5;
	font-weight: 600;
	font-size: 10px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	border: 0px none;
}








.modal-backdrop {
	background: radial-gradient(100% 100% at 0% 0%, #13BFD5 0%, #1D4F69 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	opacity: 0.96;
}
.modal-content {
	box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 16px 24px rgba(96, 97, 112, 0.12);
	border-radius: 16px;
	border: 0px none;
}

.modal-header {
	border: 0px none;
}
.modal-body {
	border: 0px none;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #13bfd5;
	border-color: #18a3b5;
}




ul.buttons li a, ul.buttons li:last-child a {
	border: 1px solid #0ab6cc;
	background: #13BFD5;
	border-radius: 24px;
	color: #FFF;
	text-decoration: none;
}



.tree-collapsed {
	background: none;
}

.label {
	display: block;
	line-height: inherit;
}

.label-info {
	color: #000000;
	background: #FFADAD;
	width: 100%;
	height: 24px;
	
	font-weight: 400;
	font-size: 10px;
}
.label-warning {
	color: #000000;
	background: #FFD6A5;;
	width: 100%;
	height: 24px;
	
	font-weight: 400;
	font-size: 10px;
}



#geplista_filter {
	width: 100%;
}