@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');

:root {
	--color-primary: #197fe5;
	--color-primary-soft: hsl(210, 80%, 65%);
	--color-primary-hover: hsl(210, 81%, 35%);
	--color-dark: hsl(208, 10%, 25%);
	--color-secondary: hsl(0, 0%, 51%);
	--color-secondary-soft: hsl(0, 0%, 65%);
	--color-black: hsl(210, 77%, 5%);
	--color-red: hsl(0, 80%, 60%);
	--color-red-soft: #ed5e5e;
	--color-red-softer: hsl(0, 80%, 85%);
	--color-red-hover: #a01111;
	--color-pink: hsl(330, 80%, 60%);
	--color-pink-soft: hsl(330, 80%, 65%);
	--color-purple: #E619E6;
	--color-deep-purple: hsl(270, 80%, 55%);
	--color-deep-blue: #3E3EEA;
	--color-light-blue: #19B3E6;
	--color-cyan: #19E6E6;
	--color-teal: #14B8AA;
	--color-teal-soft: hsl(175, 80%, 55%);
	--color-teal-hover: #0f897f;
	--color-green: #2EB851;
	--color-green-sft: hsl(135, 60%, 55%);
	--color-green-hover: #1e7a35;
	--color-yellow: hsl(50, 80%, 60%);
	--color-yellow-soft: hsl(50, 80%, 65%);
	--color-yellow-hover: #a08811;
	--color-orange: hsl(30, 80%, 60%);

	--color-primary-gradient: linear-gradient( 45deg, var( --color-primary ), var( --color-deep-purple ) );
}

/* Global Color */

.text-primary {
	color: var(--color-primary) !important;
}
.text-dark {
	color: var(--color-dark);
}
.text-secondary {
	color: var(--color-secondary);
}
.text-black {
	color: var(--color-black);
}
.text-red {
	color: var(--color-red) !important;
}
.text-red-softer {
	color: var(--color-red-softer);
}
.text-green {
	color: var(--color-green);
}
.text-teal {
	color: var(--color-teal);
}
.text-yellow {
	color: var(--color-yellow);
}
.text-purple {
	color: var(--color-deep-purple);
}
.text-cyan {
	color: var(--color-cyan);
}
.text-orange {
	color: var(--color-orange);
}
.text-pink {
	color: var(--color-pink);
}

.m-badge.m-badge--wide {
  border-radius: 0.75rem;
}

.bg-primary-gradient {
	background: var(--color-primary-gradient);
}

/* Global Font Type */
html, body {
	font-family: 'Poppins', sans-serif;
}
.font-number {
	font-family: 'Roboto',-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

p.pagination
{	text-align:center !important;
	border:thin solid black;
	padding: 8px !important;
	margin: 4px !important;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

span.tip {
    border-bottom: 1px solid;
	text-decoration: none;
	position:relative;
	z-index:5;
}
span.tip:hover {
    /*cursor: help;*/
	position: relative;
	z-index:6;
}
span.tip span.tip_info {
	display: none;
	position:relative;
	z-index:7;
	color: #151B26;
}
span.tip span.tip_info_wide{
	display: none;
	position:relative;
	z-index:7;
	color: #000;
}
span.tip span.tip_info_super_wide{
	display: none;
	position:relative;
	z-index:7;
	color: #151B26;
}
span.tip span.tip_expand{
	display: none;
	position:relative;
	z-index:7;
}
span.tip:hover span.tip_info{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	border: black 1px solid;
	display: block;
	z-index: 10;
	background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
	left: 0px;
	top: 5px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin: 10px;
	width: 200px;
	position: absolute;
	text-decoration: none;
	text-align:center;
}

span.tip:hover span.tip_info_wide{
	font-weight: normal;
	display: block;
	z-index: 10;
	background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
	left: -150px;
	top: 5px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin: 10px;
	width: 300px;
	position: absolute;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
}

span.tip:hover span.tip_info_super_wide{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	border: black 1px solid;
	display: block;
	z-index: 10;
	background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
	left: -800px;
	top: -50px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin: 10px;
	width: 800px;
	position: absolute;
	text-decoration: none;
	text-align:center;
}

span.tip:hover span.tip_expand{
	display: block;
	z-index: 0;
	left: 0px;
	top: 0px;
	position: relative;
	text-decoration: none;
}

div.small_label{
	font-family: Britannic Bold;
	font-weight: normal;
	font-size: 11px;
	border-style: double;
	border-color: black;
	border-width: 3px;
	display: inline;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.small
{	font-size: 11px;
}

.normal
{	font-size: 13px;
}

.medium
{	font-size: 13px;
	/*font-weight: 500;*/
}

.large
{	font-size: 17px;
}
.extra-large
{	font-size: 21px;
}
.extra-extra-large
{	font-size: 25px;
}

.text-left
{	text-align:left;
}
.text-center
{	text-align:center;
}
.text-right
{	text-align:right;
}
.left
{	float:left;
}
.center
{	margin-left: auto;
	margin-right: auto;
	display:block;
}
.right
{	float:right;
}
.right-clear
{	clear:right;
}
.no-margin
{	margin:0px;
}

.reminder
{	color:#EA3E3E;
}

.red
{	color:#EA3E3E;
}
span.highlight{
	background-color: #FFFF66;
	color: #999900;
	text-align: center;
	border: 1px #999900 solid;
}

span.hard_warning{
	background-color: #EA3E3E;
	border-radius: 5px;
	padding: 0.1rem 0.5rem;
	color: #fff;
	text-align: center;
}

span.hard_warning b {
	font-weight: 500;
	font-size: 13rem;
}

span.soft_warning{
	background-color: #99ccff;
	color: #0000FF;
	text-align: center;
	border: 1px #0000FF solid;
}

div.vertical {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	writing-mode:tb-rl;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	float:left;
	position:relative;
	top: 12px;
	text-align:left;
	display:inline;
}

.small_element_label
{	font-size:xx-small;
	color:#EA3E3E;
	font-weight: 500;
}

div.box
{	width:99%;
	border-style: double;
	border-color: silver;
	border-width: 1px;
	padding:2px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.selection_box
{	width:100%;
	border-width: 1px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.selection_element
{	float:left;
	margin-right: 1rem;
}

.selection_element_under
{	float:left;
	margin:2px;
	clear:left;
}

.selection_element_right
{
	float:right;
}

.selection_element_under_right
{	float:right;
	margin:2px;
	clear:right;
}

.search_result
{	position:absolute;
	z-index:10;
}

button.dropdown_button
{	width: 20px;
	height: 20px;
	background: url(images/dropdown_button.png) #f0f0f0 top no-repeat;
}

a.raised_index
{	position:relative;
	z-index:2;
}

a.link {
	font-weight: normal;
	font-size: 13px;
	/*color: #09548B;*/
	color: white !important;
	padding: 0.5rem !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #305ED5;
	text-decoration: none;
	-webkit-transition: 0.5s;
	margin-bottom: .5rem;
}

a.link:hover {
	background-color: 	#074AA0;
	-webkit-transition: 0.5s;
}

/* Small devices (landscape phones, less than 768px) */
 @media (max-width: 767px) {
	 a.link {
		 margin: 0;
		 margin-top: 1rem;
		 display: block;
	 }
  }

a.small_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	/*color: #09548B;*/
	text-decoration: none !important;
	color: white !important;
	background: #2B7BE1;
	vertical-align:text-top;
	padding: 5px;
	border: 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: 0.5s;
}

a.small_link:hover {
	background: #074AA0;
	-webkit-transition: 0.5s;
}

a.invisible_link {
	color: black !important;
}

a.original_black_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: black !important;
}

a.original_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: white !important;
}

a.plain_link {
	font-weight: normal;
	font-size: 11px;
	color: #555;
	vertical-align:text-top;
	text-decoration: none;
	margin-right: 5px;
}

a.excel_link {
	font-weight: normal;
	color: white;
	background-color: #1d6f42; 
	vertical-align:middle;
	text-decoration: none;
	margin-left: 5px;
	padding: .5rem;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.subtab-item a {
	background-color: #efefef;
	padding: 0.5rem 1rem;
	border-radius: 100px;
	transition: 0.5s
}

.subtab-item a:hover {
	background-color: #ccc;
	padding: 0.5rem 1rem;
	border-radius: 100px;
	transition: 0.5s
}

.subtab-active a {
	background-color: #2B7BE1;
	padding: 0.5rem 1rem;
	color: #fff;
	border-radius: 100px;
	transition: 0.5s;
}

a.red_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 13px;
	color: #EA3E3E !important;
	/*background: transparent url(images/nav-bg.png) top repeat;*/
	vertical-align:text-top;
	padding: 1px;
	border: 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.edit_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	border: solid #EA3E3E 1px;
	padding: 0px 1px 0px 1px;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.1);
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
	/* For IE 8*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
	/*background: transparent url(images/nav-bg.png) top repeat;*/
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
	z-index:2;
}

a.comment_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: black !important;
	/*background: transparent url(images/nav-bg.png) top repeat;*/
	vertical-align:text-top;
	padding: 1px;
	border: 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius-bottomright:3px;
}

a.page_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 13px;
	color: blue !important;
	/*background: transparent url(images/nav-bg.png) top repeat;*/
	vertical-align:text-top;
	padding: 5px;
	border: solid silver 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

span.page_no_link{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 13px;
	background: light-gray;
	/*background: transparent url(images/nav-bg.png) top repeat;*/
	vertical-align:text-top;
	padding: 5px;
	border: solid silver 1px;
	text-decoration: line-through;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

span.chosen_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size: 20px;
	color: white !important;
	background: transparent url(images/nav-bg.png) top repeat;
	vertical-align:text-top;
	padding: 5px 8px 5px 8px;
	border: solid silver 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

img {
	border: 0;
}

/*@media (max-width: 575px) {
		img {
		width: 50px;
		height: 50px;
	}
}*/

label {
	font-weight: normal;
	font-size: 13px;
}

/*input {
	border: 1px solid #000;
}*/

table.menu_choice
{
}
table.menu_choice td.menuitem
{ border : 1px solid silver;
  padding: 4px 6px;
  border-top-left-radius:0.5em;
  border-top-right-radius:0.5em;
  -moz-border-radius-topleft:0.5em;
  -moz-border-radius-topright:0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
}
table.menu_choice td.menuitem a
{ color: blue;
}
table.menu_choice td.menuaktif {
  border : 1px solid silver;
  background : transparent url(images/menu_bg.gif) top repeat;
  padding: 4px 6px;
  border-top-left-radius:0.5em;
  border-top-right-radius:0.5em;
  -moz-border-radius-topleft:0.5em;
  -moz-border-radius-topright:0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
}
table.menu_choice td.menuaktif a {
  color: white;
}

table.editor
{
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	width: 100%;
	background-color: #666;
	border-collapse: collapse;
	border-spacing: 0px;
	border-radius: 5px 5px 0 0 !important;
	/*-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);*/
}

table.editor td.editor_title
{
	color: #151B26;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	background-color: #fff;
}

table.editor td.editor_header
{
	background: linear-gradient(to right top, #2b7be1, #1a6ee6, #1e5fe8, #334de8, #4a35e4);
	color: #fff;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	border-radius: 5px 5px 0 0 !important;
	border: none;
}

table.editor td.editor_label
{
	background-color: #eee;
	color: #000;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
table.editor td.warning
{
	color: var(--color-red);
	padding: 4px;
	text-align: center;
	font-weight: 550;
}
table.editor td
{
	padding: 0 1rem;
	color: #151B26;
	background-color: #fff;
}

table.list
{	padding:10px;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-radius: 5px !important;
	background: #0D67DA;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}

table.list td.item
{	background-color: #FFF;
	color: #151B26;
	text-align: center;
	border-bottom: 1px #ddd solid;
}
table.list td.item_red
{	background-color: hsl(0, 80%, 60%);
	color: white;
	text-align: center;
	border-bottom: 1px #ddd solid;
}
table.list td.item_medium
{	background-color: #FFF;
	color: #151B26;
	text-align: center;
	border: 1px #ddd solid;
	font-size:14px;
}
table.list td.item_bold
{	font-weight:bold;
	background-color: #FFF;
	color: #151B26;
	text-align: center;
	border: 1px #ddd solid;
}
table.list td.item_grey
{
	background-color: #AAA;
	color: #555;
	/*text-align: center;*/
	border: 1px #ddd solid;
}
table.list td.non-active
{
	background-color: #eee;
	color: #000;
	text-align: center;
	border-bottom: 1px #ddd solid;
}
table.list td.warning
{
	background-color: #EA3E3E;
	color: #fff;
	text-align: center;
	border: 1px #fff solid;
}

table.list td.list_title,table.list td.headers
{
	color: #fff;
	text-align: center;
	font-weight: bold;
}

table.list td.list_title
{
	font-size: 13px;
}

table.list td.headers
{
	font-size: 14px;
}

table.sectioned_list
{
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	width: 100%;
	border-width: 1px;
	border-spacing: 2px;
	border-collapse: collapse;
	margin-top: 1rem !important;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
	margin-bottom: 1rem;
	padding: 10px;
}

table.sectioned_list td.item
{
	background-color: #fff;
	color: #151B26 !important;
	text-align: center;
	border: none !important;
}
table.sectioned_list td.non-active
{
	color: #000;
	text-align: center;
	border-bottom: 1px solid #ddd;
	background-color: #ccc;
}
table.sectioned_list td.warning
{
	color: var(--color-red);
	text-align: center;
}

@-webkit-keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

table.sectioned_list td.headers
{
	/*background: linear-gradient(to right top, #2b7be1, #1a6ee6, #1e5fe8, #334de8, #4a35e4);*/
	text-align: left;
	font-weight: 500;
	border-radius: 5px 5px 0 0 !important;
	border: none;
	font-size: 1.2rem;
	padding: 0 25px;
	height: 60px;
	background-color: #fff;
	border-bottom: 1px solid #ebedf2;
	/*color: #fff;*/
}

table.sectioned_list td.list_title,table.list td.headers
{
	background-color: #fff;
	font-weight: 500;
}

table.sectioned_list td.list_title
{ 	padding: 16px 10px;
	font-size: 13px;
}

table.sectioned_list > tbody > tr  {
	border-bottom: 1px solid #f0f3ff;
}

table.normal_list
{	font-size:13px;
	font-weight:500;
}

table.grid > tbody > tr:first-child,
table.grid > thead > tr:first-child {
  background: linear-gradient(to right top, #2b7be1, #1a6ee6, #1e5fe8, #334de8, #4a35e4);

}
table.grid > thead > tr > td {
	vertical-align: middle;
}

table.grid > tbody > tr > td:first-child {
	border-radius: 5px 0 0 0 !important;
}

table.grid > tbody > tr > td:last-child {
	border-radius: 0 5px 0 0 !important;
}

table.grid
{
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	border-radius: 5px;
	width: 100%;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	border-radius: 5px !important;
	padding: 10px;
}
table.grid a
{	color: #000;
	text-decoration: none;
}
table.grid a:hover
{	color: #09548B;
	text-decoration: underline;
}
table.grid td.item
{
	background-color: #FFF;
	color: #151B26;
	border: 1px solid #eee;
}
table.grid td.item_red
{
	background-color: hsl(0, 80%, 60%);
	color: white;
	border: 1px solid #eee;
}
table.grid td.item_big_bold
{	font-weight:bold;
	font-size:200%;
	background-color: #FFF;
	color: #151B26;
	border: 1px solid #eee;
}
table.grid td.item_grey
{
	background-color: #AAA;
	color: #151B26;
	/*text-align: center;*/
	border: 1px silver solid;
}
table.grid td.item_blue b
{
	color: #000 !important;
}
table.grid td.item_glow
{	background-color: #FFF;
	color: #555;
	border: 3px silver double;
}
table.grid td.warning
{
	background-color: #EA3E3E;
	color: #FFF;
	text-align: center;
	border: 1px #fff solid;
}
table.grid td.holiday
{	border:thin solid EA3E3E;
	 background-color:pink;
	 vertical-align:middle;
}
table.grid td.non-active
{
	background-color: #CCC;
	color: #000;
	/*text-align: center;*/
	border: 1px #fff solid;
}

table.grid td.title,table.grid td.headers
{
	background-color: #0D67DA;
	color: #fff;
	text-align: left;
	font-weight: bold;
}

table.grid td.title
{
	font-size: 14px;
}

table.grid td.headers
{
	font-size: 16px;
}

div.invibox {
  padding: 10px;
  color:#000033;
  background-color: white;
  border: 6px solid gray;
  layer-background-color:#cccccc;
  position:absolute;
  width:850px;
  height:500px;
  z-index:99;
  visibility:hidden;
  overflow: hidden;
}

div .common_holiday {
  border:thin solid #EA3E3E;
  background-color:pink;
  padding:5px;
  vertical-align:middle;
  margin: 1px;
}

div.private_holiday {
  border:thin solid #EA3E3E;
  background-color:#87CEEB;
  padding:5px;
  margin: 1px;
}

div.private_changer{
  border:thin solid #EA3E3E;
  background-color:#d8bfd8;
  padding:5px;
  margin: 1px;
}

div.no_holiday {
  border:thin solid #EA3E3E;
  text-decoration: line-through;
  background-color:#87CEEB;
  padding:5px;
  vertical-align:middle;
}

div.warning , span.warning{
	border: 1.5px solid var(--color-red);
	color: var(--color-red);
	padding: 1rem;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 1rem;
	font-weight: 500;
}

@-webkit-keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

div.smallest_font
{	float:left;
	font-size:1;
	font-family:Arial;
	position:absolute;
	vertical-align:middle;
}

a.div_link
{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	/*color: #09548B;*/
	background: transparent url(images/nav-bg.png) top repeat;
	vertical-align:text-top;
	margin: 2px;
	padding: 2px;
	border: 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.div_link:hover
{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 16px;
	color: #FF0000;
	background: transparent url(images/nav-bg.png) top repeat;
	vertical-align:text-top;
	margin: 2px;
	padding: 2px;
	border: 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.small_div_link
{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	float:right;
	color: #fff;
	vertical-align:text-top;
	margin: 2px;
	padding: 2px;
	border: 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.small_div_link:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	float:right;
	color: #EA3E3E;
	vertical-align:text-top;
	margin: 2px;
	padding: 2px;
	border: 1px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.slideinfo {
	position:relative;
    border:1px solid #000;
    background-color:#CCC;
    padding-left:2px;
	padding-right:2px;
	z-index:5;
    }
.slideinfo img {
	position:relative;
	z-index:5;
    }
.slideinfo .more {
	display:none;
    }
.slideinfo:hover .more {
	display:block;
    position:absolute;
    z-index:10;
    left:-1px;
    top:-1px;
    padding-left: 2px;
	padding-right:2px;
    border:1px solid #OOOFFF;
    background-color:#AFEEEE;
    }
.slideinfo .more_to_top {
	display:none;
    }
.slideinfo:hover .more_to_top {
	display:block;
    position:absolute;
    z-index:10;
    left:-1px;
    bottom: -2px;
	width: 82px;
	height: 90px;
	padding-top: 4px;
    padding-left: 2px;
	padding-right: 2px;
    border:1px solid #OOOFFF !important;
    background-color:#AFEEEE;
    }


.suggestionsBox {
	position: relative;
	overflow: auto;
	left: 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
	position:absolute;
	background-color: white;
}

.code {
	display:none;
}

button {
	padding: 0.5rem;
	background: #2B7BE1;
	border-radius: 5px;
	border: none;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 3px 5px #00000010;
	-webkit-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-webkit-transition: 0.5s;
}

button:hover {
	background: #074AA0;
	-webkit-transition: 0.5s;
}

input[type="submit"] {
	background: #2B7BE1 !important;
	border: none !important;
	color: #fff !important;
	cursor: pointer !important;
	margin-right: 1rem;
	-webkit-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-webkit-transition: 0.5s;
	padding: .6rem 1rem;
}

input[type="submit"]:hover {
	background: #074AA0 !important;
	font-weight: 600;
	-webkit-transition: 0.5s;
}

a[data-formstruc="cancel"],
button[data-formstruc="cancel"] {
  margin-top: 5px;
  border-radius: 5px;
	background: #fff !important;
	border: 1px solid var(--color-primary) !important;
	color: var(--color-primary) !important;
	cursor: pointer !important;
	font-weight: 600;
	-webkit-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-webkit-transition: 0.5s;
	padding: .45rem 1rem;
}

a[data-formstruc="cancel"]:hover,
button[data-formstruc="cancel"]:hover {
	background: var(--color-light-blue) !important;
	color: #fff !important;
	-webkit-transition: 0.5s;
}

/*input[name="Cari"], {
	margin-top: -2.40rem;
*/}

#sortable_history_box {
	margin-top: 1rem;
}

/* Sweetalert2 overrides */
body.swal2-height-auto { overflow: visible !important; height:100% !important; }
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown), html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: visible !important;
}
.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: visible !important;
}


/** old version of site -> menu_version = 0 */
body:not(.m-page--fluid) {

}


.wrapper1 .wrapper input[type=password],
.wrapper1 .wrapper input[type=email],
.wrapper1 .wrapper input[type=url],
.wrapper1 .wrapper input[type=date],
.wrapper1 .wrapper input[type=month],
.wrapper1 .wrapper input[type=time],
.wrapper1 .wrapper input[type=datetime],
.wrapper1 .wrapper input[type=datetime-local],
.wrapper1 .wrapper input[type=week],
.wrapper1 .wrapper input[type=tel],
.wrapper1 .wrapper input[type=color],
.wrapper1 .wrapper input[type=number],
.wrapper1 .wrapper input[type=search],
.wrapper1 .wrapper input[type=text],
.wrapper1 .wrapper select,
.wrapper1 .wrapper textarea {
    display: inline-block;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
    box-sizing: border-box;
}

@media (min-width: 576px) {
  .modal-dialog {
      /*margin-top: 7.75rem;*/
  }
}
@media (min-width: 1200px) {
  .modal-xl {
      max-width: 1140px;
  }
}

.always-visible.ps>.ps__rail-x,
.always-visible.ps>.ps__rail-x,
.always-visible.ps>.ps__rail-y,
.always-visible.ps>.ps__rail-y {
  opacity: 1;
}

.w100,
.fullwidth,
.full-width {
  width: 100%;
}

@media (max-width: 1024px) {
  /*.m-header--fixed-mobile .m-body {
    padding-top: 100px !important;
  }

  .m-subheader {
    top: 60px;
    background-color: #fff;
    width: 100%;
    padding: 12.5px 1.5rem;
    height: 40px;
  }
  .m-subheader .m-subheader__title  {
    font-size: 1rem;
  }*/
  .m-footer {
    height: 60px;
  }

  .m-footer .m-stack.m-stack--flex-tablet-and-mobile {
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  .m-footer .m-footer__copyright {
    margin: 0;
  }
}

.calendar {
	background: url(../images/calendar.jpg) no-repeat center center;
	cursor:pointer;
}
.calendar-prev {
	background: url(../images/solid-arrow-left.png) no-repeat center center;
	cursor:pointer;
}
.calendar-next {
	background: url(../images/solid-arrow-right.png) no-repeat center center;
	cursor:pointer;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
	box-sizing: unset;
}


@media (min-width: 1024px) and (max-width: 1284px) {
  .col-lg-6-inside-lg-4 {
    -webkit-box-flex: 0 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

.o-30 {
     opacity: 25% !important
 }

 .o-50 {
     opacity: 50% !important
 }

 .o-70 {
     opacity: 75% !important
 }

 .o-80 {
     opacity: 75% !important
 }

 .o-90 {
     opacity: 75% !important
 }

 .o-100 {
     opacity: 100% !important
 }
 
 .ls-5{
	letter-spacing: 0.05rem !important
 }
 
 .ls-10{
	letter-spacing: 0.1rem !important
 }
 
 .ls-20{
	letter-spacing: 0.2rem !important
 }