@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);
* {
    padding:0px;
    margin:0px;
}

html,body {
    height: 100%;
}

body {
    visibility:hidden;
    background-color:#eeeeee;
}

body.nolayout {
    visibility:visible;
    background:#fff;
}

.nolayout * {
    text-transform:none;
}

a,td,th,h1,div,select {
    text-transform: lowercase;
}

div.noty_body {
    text-transform: none;
}
.noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    margin-left: 5px;
}

/* START Taak Comment markup correntions*/
.note_content{
    text-transform:none;
}
.note_content ul, .note_content ol{
    padding-left: 2rem;
    text-indent: 1rem;
}
/* END Taak Comment markup correntions*/

body.framepage {
    visibility:visible;
    background-color:#261605;
    margin:5px;
    margin-top:0px;
    overflow:hidden;
}

body.popup-ui {
    visibility:visible;
    background-color: #DDDBDB;
    overflow:hidden;
}

body.whiteframe {
    background-color:		#fff;
}

body.dashboard {
    visibility:visible;
}

body.dashboard img {
    vertical-align:bottom;
}

body.dialogframe {
    visibility:	visible;
    background:	#fff;
}

body.email {
    background:	#fff;
    visibility:	visible;
}


body.fullscreen {
    visibility:visible;
}

body.touchscreen {
    visibility:visible;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

a {
    color:#261605;
    text-decoration:underline;
}

b {
    font-weight:normal;
}

input[type='checkbox'], input[type='radio'] {
    width:auto;
}

input {
    background:#F1F1F1;
    border:1px solid #F1F1F1;
    width:100%;
    color:#261605;
    padding: 0 2px 0 0;
}

input[type='text'] {
    -webkit-appearance: none;
}

td input, td img, th input, th img {
    vertical-align:middle;
}

input[type='button'], input[type='submit'], input[type='reset'] {
    /*border:1px solid #261605;*/
    /*background:#fff;*/
    /*-moz-border-radius: 3px;*/
    /*-webkit-border-radius: 3px;*/
    /*color:#261605;*/
    /*margin-top:5px;*/
    /*padding-left:3px;*/
    /*padding-right:3px;*/
    /*padding-top:2px;*/
    /*padding-bottom:2px;*/
    /*width:auto;*/
    /*text-transform:lowercase;*/
    /*-webkit-appearance: none;*/
}

button.noty_btn {
    border:1px solid #000;
    background:#000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color:#fff;
    margin-top:5px;
    margin-right: 5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
    width:auto;
    text-transform:lowercase;
    -webkit-appearance: none;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
    opacity: 0.8 !important;
    background-color: #000 !important;
}

.loader {
    border: 4px solid #ccc;
    border-top: 4px solid #7aa4a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

body.framepage input, body.framepage textarea, body.framepage select {
    background-color:#fff;
}

body.framepage select[name="task_note_extern"] {
    height: 29px;
    border: 1px solid #cccccc;
}

body.whiteframe input, body.whiteframe textarea, body.whiteframe select {
    background-color:#F1F1F1;
}

select {
    background:#F1F1F1;
    border:1px solid #F1F1F1;
    width:100%;
}

select#language_sort{
    margin-left: 25px;
    width: calc(100% - 25px);
    position: relative;
}

div.language_id{
    position: relative;
    top:0;
    left:0;
    content: " ";
}
div.language_id_1{
    background: url('../images/icons/flags/Netherlands.png') top left;
    background-size: 25px 100%;
    background-repeat: no-repeat;
}
div.language_id_2{
    background: url('../images/icons/flags/United_Kingdom.png') top left;
    background-size: 25px 100%;
    background-repeat: no-repeat;
}
div.language_id_3{
    background: url('../images/icons/flags/Germany.png') top left;
    background-size: 25px 100%;
    background-repeat: no-repeat;
}
div.language_id_4{
    background: url('../images/icons/flags/France.png') top left;
    background-size: 25px 100%;
    background-repeat: no-repeat;
}
div.language_id_5{
    background: url('../images/icons/flags/Poland.png') top left;
    background-size: 25px 100%;
    background-repeat: no-repeat;
}
div.language_id_3{
    background: url('../images/icons/flags/Germany.png') top left;
    background-size: 25px 100%;
    background-repeat: no-repeat;
}
div.language_id_7{
    background: url('../images/icons/flags/Spain.png') top left;
    background-size: 25px 100%;
    background-repeat: no-repeat;
}

textarea {
    background:#F1F1F1;
    border:1px solid #F1F1F1;
    width:100%;
    overflow:auto;
}

input[type='button'].delRow {
    border:none;
    background:transparent url('../images/icons/del-icon.png') no-repeat center center;
    width:16px;
    height:16px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#brclear {
    clear:both;
    height:25px;
}

input[type="button"].addRow {
    border:none;
    background:transparent url('../images/icons/add-icon.png') no-repeat center center;
    width:16px;
    height:16px;
}

input[type="button"].copyRow {
    border:none;
    background:transparent url('../images/icons/copy.png') no-repeat center center;
    width:16px;
    height:16px;
}

input[type="button"].partsRow {
    border:none;
    background:transparent url('../images/icons/parts_icon.png') no-repeat center center;
    width:16px;
    height:16px;
}

input[type="button"].infoProduct {
    border:none;
    background:#69f url('../images/icons/icon-info.png') no-repeat center center;
    width:16px;
    height:16px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

tr.even > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info.png');
}
tr.even:hover > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info-grey-hover.png');
}

tr.odd > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info-grey.png');
}

tr.odd:hover > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info-grey-hover.png');
}


tr.even.active > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info-green.png');
}

tr.odd.active > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info-green.png');
}

tr.even.active:hover > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info-green-hover.png');
}

tr.odd.active:hover > td input[type="button"].infoProduct {
    background-image: url('../images/icons/icon-info-green-hover.png');
}

input[type="button"].wholeReservation {
    border:none;
    background:transparent url('../images/icons/whole-period.png') no-repeat center center;
    width:16px;
    height:16px;
}

.eo-sortable-handle {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url('../images/icons/reorder-icon.png') no-repeat center center;
}

table > tbody > tr:last-child:not(.ui-sortable-helper) .eo-sortable-handle {
    display: none;
}

.tablesorterorder > tbody > tr:last-child:not(.ui-sortable-helper) .eo-sortable-handle {
    display: inline-block;
}


input[type="button"].editProduct {
    border:none;
    background:transparent url('../images/icons/edit.png') no-repeat center center;
    width:16px;
    height:16px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

input.reconcilationbtn {
    padding:0;
    margin:0;
    border:none;
    background:transparent url('../images/icons/reconcilation_none.svg') no-repeat center center;
    width:24px;
    height:24px;
}

input.addfilebtn {
    padding:0;
    margin:0;
    border:none;
    background:transparent url('../images/icons/attachment.png') no-repeat center center;
    width:18px;
    height:18px;
}

input.addfilebtn.exists {
    background:transparent url('../images/icons/attachment_exists.png') no-repeat center center;
}

input.reconcilationbtn.process {
    background:transparent url('../images/icons/reconcilation_process.svg') no-repeat center center;
}

input.reconcilationbtn.done {
    background:transparent url('../images/icons/reconcilation_done.svg') no-repeat center center;
}

th {
    text-align:left;
    font-weight:normal;
}

#legenda {
    position:absolute;
    left:750px;
    top:0;
    display:none;
    background:#fff;
    width:180px;
    border:1px solid #ccc;
    box-shadow: 0px 0px 10px #ccc;
    border-top:none;
}

.default_tbl th {
    font-weight:normal;
    text-align:right;
    padding-right:15px;
    white-space:nowrap;
}

.default_tbl .req
{
    width: 10px;
    text-align: right;
}

.addrowtbl > tbody > tr > td.rowcount {
    font-size:8pt;
    text-align:right;
    padding-right:1px;
}

.button_img {
    background:transparent;
    border:none;
}

.button_inline {
    background:#F1F1F1;
    border:1px solid #F1F1F1;
    width:100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#261605;
}

body.framepage .placeholder {
    background-color:#eeeeee;
    padding:5px;
    height:100%;
    overflow:auto;
    transform: translateZ(0);
}

body.whiteframe .placeholder {
    background-color:		transparent;
}

#placeholder {
    margin:0 auto;
    padding:0px;
}

#header {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    margin:0px;
    padding:0px;
    text-align:center;
    height:50px;
    background:#fff url('../images/styles/default/bg-header.png') repeat center top;
}

#navbar {
    position:absolute;
    top:22px;
    left:25px;
    height:30px;
    background:none;
    border:none;
    padding:0px;
    margin:0px;
}

#navbar ul {
    background:none;
    border:none;
    margin:0px;
    padding:0px;
}

#navbar li {
    top:0px;
    float:left;
    padding:0px;
    margin:0px;
    background:url('../images/styles/default/bg-nav.png?v=3.1') no-repeat top left;
    width:104px;
    height:26px;
    margin-left:1px;
    /* list-style:none; */
    text-align:center;
    vertical-align:middle;
    padding-top:5px;
    border:none;
}

#navbar li a {
    padding:0px;
    float:none;
}

#navbar li.selected, #navbar li:hover {

}

#navbar img {
    border:none;
}

/*
#navbar li {
	height:25px;
	padding-top:5px;
	list-style:none;
	margin:0px;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
}
*/

#navbar a {
    vertical-align:middle;
}

#navbar a:link, #navbar a:visited {
    text-decoration:none;
    color:#fff;
}

#navbar .selected a, #navbar a:hover,#navbar li:hover a {
    color:#261605;
}

#subnav, #ajaxnav {
    background:none;
    border:none;
    padding:0px;
    margin:0px;
    margin-top:25px;
    margin-bottom:10px;
    height:23px;
    width:850px;
    background:#fff url('../images/styles/default/bg-header.png') repeat center bottom;
}

#ajaxnav {
    position: relative;
    height:auto;
    background-repeat:repeat-x;
    background-position: 0px -27px;
}

#subnav ul, #ajaxnav > ul {
    background:none;
    border:none;
    margin:0px;
    padding:0px;
}

#subnav li, #ajaxnav > ul > li {
    list-style:none;
    top:0px;
    float:left;
    padding:0px;
    margin:0px;
    width:75px;
    height:23px;
    background:url('../images/styles/default/bg-subnav.png?v=3.1') no-repeat top left;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    vertical-align:middle;
    padding-top:5px;
    /*border:none;*/
}


#subnav li a, #ajaxnav > ul > li > a {
    padding:0px;
    float:none;
}


#subnav li.selected,
#ajaxnav > ul > li.ui-tabs-selected,
#ajaxnav > ul > li.ui-tabs-active,
#subnav li:hover,
#ajaxnav > ul > li:hover {
    width: auto;
    height: 22px;
    background: #FFF;
    vertical-align:middle;
    max-width: 100%;
    border: 1px solid #ccc;
}

#subnav img, #ajaxnav img {
    border:none;
}

/*
#subnav li {
	height:20px;
	padding-top:5px;
	list-style:none;
	margin:0px;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
}

*/
#subnav a:link, #subnav a:visited, #ajaxnav > ul > li > a:link, #ajaxnav > ul > li > a:visited {
    text-decoration:none;
    color:#fff;
}

#subnav .selected a,
#subnav a:hover,
#subnav li:hover a,
#ajaxnav > ul > li.ui-tabs-selected a,
#ajaxnav > ul > li.ui-tabs-active a,
#ajaxnav > ul > li > a:hover,
#ajaxnav > ul > li:hover > a {
    color:#261605;
}

.subblock {
    width:100%;
    background:transparent url('../images/styles/default/bg-blockheader.png') repeat-x center center;
    padding-top:1px;
    height:19px;
    margin-top:10px;
    margin-bottom:10px;
    border:1px solid #ccc;
    box-shadow: 0px 0px 10px #ccc;
}

.subblock h2 {
    color:#FFF;
    padding-left: 5px;
}

#framenav {
    position: relative;
    width:100%;
    background:#261605;
    text-align:right;
}

#framenav .input {
    position: relative;
    width:auto;
    float:right;
    z-index: 100;
}

#framenav .input input {
    position: relative;
    background:transparent;
    padding:5px;
    margin:0px;
    color:#fff;
    border:none;
    cursor:pointer;
    text-transform: lowercase;
    z-index: 101;
}

.mainlogo {
    background:transparent url('../images/styles/default/logo-everyoffice.png') no-repeat center center;
}

#mainlogo {
    position:absolute;
    top:-39px;
    right:295px;
    width:314px;
    height:169px;
}

#support_info {
    position: absolute;
    top: 57px;
    right: 25px;
    text-transform: none;
    font-size: 9pt;
    z-index: 1;
}

#support_info strong {
    margin-right: 3px;
}

#support_info a {
    text-decoration: none;
}

#support_info a:hover,
#support_info a:focus,
#support_info a:active {
    text-decoration: underline;
}

#dashboardlogo {
    background-position: center 30px;
}

#shortcuts {
    position:absolute;
    top:5px;
    right:25px;
    height:40px;
}

#shortcuts a {
    text-decoration:underline;
}

#shortcuts table {
    border-collapse:collapse;
}

#shortcuts td {
    text-align:right;
    font:normal 8pt arial;
    height:20px;
    padding-left:10px;
}

#content {
    position:relative;
    top:50px;
    left:0px;
    /* margin-top:50px; */
    width:900px;
    height:100px;
    overflow-y:auto;
}

.dashboard #content {
    height: auto;
    width: auto;
    top: 0px;
}

.fullscreen #content {
    height: auto;
    width: auto;
    top: 0px;
}

#blocks {
    margin-top:50px;
    margin-left:15px;
    margin-bottom:20px;
    background-color:#eeeeee;
}

.block {
    position:relative;
    float:left;
    background:#fff;
    margin:10px;
    border:1px solid #ccc;
    box-shadow: 0px 0px 10px #ccc;
}

#cmsOverlay {
    z-index:9999;
    position:fixed;
    background:#fff;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;
    -moz-opacity:.80;
    filter:alpha(opacity=80);
    opacity:.80;
}
#cmsOverlay > img {
    position:absolute;
    top:50%;
    left:50%;
}

/*.dashboard .block {
	width:295px;
	height:275px;
}

.dashboard .drag {
	background-color:#F3F3F3;
}

.dashboard .blockleft {
	float:left;
	width:315px;
}

.dashboard .user {
	text-align:center;
}

.dashboard .block input{
	background:#FFF;
	width:281px;
	height:19px;
	padding:4px 4px 4px 8px;
	font-size:9pt;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#81a7a5;
}

.dashboard .block .preloader {
	width:295px;
	height:	255px;
	background:	transparent url('../images/icons/preloader.gif') no-repeat center center;
}

.dashboard .icon-container-user{
	position:absolute;
	bottom:20px;
}

.dashboard .icon-container-menu{
	position:absolute;
	text-align:center;
	left:0px;
	top:20px;
	height:255px;
	overflow:auto;
}

.dashboard .icon-container-drag{
	position:absolute;
	left:0px;
	top:20px;
	height:255px;
	overflow:auto;
}

.dashboard .icon {
	font-size:9pt;
	float:left;
	margin-top:15px;
	padding: 0 4px 0 4px;
	width:87px;
	height:78px;
	overflow: hidden;
	position: relative;
}

.dashboard .icon img{
	border:none;
}

.dashboard .icon a{
	text-decoration:none;
}

.drag .header {
	cursor: move;
}

.drag .header > .block-settings {
	position: absolute;
	cursor: pointer;
	cursor: hand;
	top: -1px;
	right: 4px;
	width: 12px;
	border: none;
	background: transparent url('../images/dashboard/setting-btn-white.png') no-repeat top center;
}

.drag .header > .block-settings-menu {
	position:absolute;
	top:20px;
	right:0px;
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	padding:5px;
	display:none;

	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;

	z-index: 10000;
}

.drag .header > .block-settings-menu > ul {
	list-style-type: none;
}

.drag .header > .block-settings-menu > ul > li > a {
	text-decoration: none;
}

.drag .body {
	margin-top:15px;
}

.drag .body a:hover .item{
	background:#E3E3E3;
}

.drag .body .item {
	padding:10px;
	width:275px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;
}

.drag .body .item-title{
	font-family:AvenirLTCom-Heavy;
	font-weight:bold;
}

.drag .search {
	margin:10px;
}

.placeholder-border {
	position:relative;
	float:left;
	background: #f6f6f6;
	margin:10px;
	border:1px dashed #999;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.add-new-block {
	width:295px;
	height:275px;
	position:relative;
	float:left;
	background: #e3e3e3 url('../images/dashboard/setting-pls.png') no-repeat center center;
	margin:10px;
	cursor: hand;
	cursor: pointer;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

#manage-blocks {
	overflow: hidden;
	background-color: #EEEEEE;
}

.blocks-cats {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 275px;
	height: 100%;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.blocks-cats > ul > li.item {
	list-style-type: none;
	padding:10px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;
	cursor: pointer;
}

.blocks-cats > ul > li.item > a {
	text-decoration: none;
}

.blocks-cats > ul > li.item:hover {
	background:#E3E3E3;
}

.blocks-cats > ul > li.item.active {
	background:#FFFFFF;
}

.block-settings-frame {
	position: absolute;
	top: 0px;
	left: 295px;
	height: 100%;
}

.block-settings-frame .block-settings-item {
	background-color: #FFFFFF;
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 7px;
	padding: 10px;
	width: 385px;
	height: 130px;
}

.block-settings-header {
  background: url('/public/"/images/styles/default/bg-blockheader.png"') repeat-x scroll center center transparent;
  height: 19px;
  padding-top: 1px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;

  color: white;
  font-weight: bold;
}

.block-settings-header h1 {
	color:#fff;
	font-size:10pt;
	font-weight:normal;
	font-family:AvenirLTCom-Heavy;
	padding-left:10px;
}

.block-settings-body {
  font-size: 10pt;
  margin: 20px 10px 10px 10px;
}

.block-settings-frame .block-settings-item .add-block-button, .block-settings-frame .block-settings-item .remove-block-button {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.favicon-container {
	position:		relative;
	width:			47px;
	height:			47px;
	background:		transparent url('../images/dashboard/icon-black-blank.png') no-repeat 50% 50%;
}

.favicon-icon {
	position:		absolute;
	top:			0px;
	left:			0px;
	margin:			15px 0 0 15px;
	width:			16px;
	height:			16px;
	background:		transparent no-repeat 50% 50%;
	background-size:cover;
}*/


.block .header {
    position:absolute;
    top:0px;
    right:0px;
    padding-top:1px;
    height:19px;
    width:100%;
    background:transparent url('../images/styles/default/bg-blockheader.png') repeat-x center center;
}

.block .header h1 {
    color:#fff;
    font-size:10pt;
    font-weight:normal;
    padding-left:10px;
}

.block .body {
    margin:15px;
    margin-top:30px;
    font-size:10pt;
}

.block .search h1 {
    color:	#7aa4a3;
    font-size: 11pt;
    margin-bottom:5px;
}

.block .search div {
    line-height: 18px;
}

.block .search a {
    color:	#7aa4a3;
}

.block .body ul {
    list-style:none;
}

.block .body li {
    overflow:hidden;
    height:16px;
}

.block .body a {
    text-decoration:none;
}

.body .item img {
    width:250px;
}

.block h1 {
    font-size:18pt;
}

.detailblock {
    position:absolute;
    top:15px;
    left:25px;
    right:0px;
}

.detailblock h1 {
    margin-bottom:14px;
    font-size:18pt;
    font-weight:normal;
}

.fullpage .detailblock div.header {
    max-width: none !important;
}

.detailblock .buttons {
    z-index:100;
    position:absolute;
    bottom:20px;
    right:0px;
    width:750px;
    height:25px;
}

/*.detailblock .buttons .buttonlist, .framenav > .buttonlist {*/
/*    position:relative;*/
/*    float:right;*/
/*    width:auto;*/
/*}*/

/*.detailblock .buttons .buttonlist > ul , .framenav > .buttonlist > ul{*/
/*    display:none;*/
/*    position:absolute;*/
/*    top:45px;*/
/*    right:-3px;*/
/*    margin: 0 2px;*/
/*    list-style:none;*/
/*    background:#fff;*/
/*    -moz-box-shadow: 0px 0px 10px #ccc;*/
/*    -webkit-box-shadow: 0px 0px 10px #ccc;*/
/*    box-shadow: 0px 0px 10px #ccc;*/
/*    border:1px solid #ccc;*/
/*    border-top:none;*/
/*}*/

/*.detailblock .buttons .buttonlist > ul > li > div.input > input, .framenav > .buttonlist > ul > li > div.input > input {*/
/*    cursor: hand;*/
/*    cursor: pointer;*/
/*}*/

/*.detailblock .buttons .buttonlist > ul > li > div.input, .framenav > .buttonlist > ul > li > div.input {*/
/*    width:100%;*/
/*    padding:0;*/
/*}*/
/*.buttons > .buttonlist > div:after, .framenav > .buttonlist > div:after {*/
/*    content: '▾';*/
/*}*/

.detailblock .buttons .input {
    float:right;
    width:auto;
    background:#fff;
    color:#261605;
    margin-left:3px;
    padding:2px;
    padding-bottom:0px;
    height:23px;
}

.detailblock .buttons .input.unload {
    background:		#261605;
}

.detailblock .buttons .input.unload > input {
    background:		#261605;
    color:			#fff;
}

.detailblock .buttons .input input {
    width:auto;
    background:#fff;
    color:#261605;
    border:none;
    padding:2px;
    padding-bottom:2px;
    text-transform: lowercase;
    margin-top:0px;
    -webkit-appearance: none;
}

.detailblock .buttons .input input.helpbtn {
    background:#fff url('../images/icons/setting-btn.png') no-repeat center center;
    width:16px;
    height:23px;
}
.input .helpmenu {
    position:absolute;
    top:45px;
    right:0px;
    background:#fff;
    border:1px solid #ccc;
    border-top:none;
    padding:5px;
    display:none;
    box-shadow: 0px 0px 10px #ccc;
}

.detailblock .body {
    background:#fff;
    padding:15px;
    width:900px;
    margin-right:15px;
    margin-bottom:15px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    box-shadow: 0px 0px 10px #ccc;
}

#detailblockbody {
    width:900px;
    height:100px;
    overflow-y:auto;
}

#messagebox {
    z-index:99;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
}

#messagebox table {
    margin:0 auto;
    max-width:500px;
    text-align:center;
    vertical-align:middle;
}

#messagebox img {
    margin-right:5px;
    vertical-align:middle;
}

.error#messagebox {
    color:#ED1C24;
}

.succes#messagebox  {
    color:#39B54A;
}

#backbutton {
    position:absolute;
    top:42px;
    left:-22px;
}

#backbutton img {
    border:none;
}

#bookeditby {
    width:100%;
    text-align:right;
    margin-top:50px;
    color:#e2e2e2;
    clear:both;
}

#bookeditby:hover {
    color:#261605;
}

.dhx_cal_date {
    font-size:18pt;
    font-weight:normal;
    text-transform:lowercase;
}

.divtable {

}

.divtable > .left{
    float:left;
    clear:left;
    width:50%;
    padding-bottom:1px;
}

.divtable > .center{
    clear:both;
    width:100%;
}

.divtable > .right{
    float:right;
    clear:right;
    width:50%;
    padding-bottom:1px;
}

.divtable > .end{
    clear:both;
}

.divtable label{
    float:left;
    display:block;
    width:150px;
    text-align:right;
    font-weight:bold;
    padding-right:5px;
}

.divtable > .left > input{
    width:250px;
}

.divtable > .right > input{
    width:250px;
}

input.alternative
{
    background-image: url('../images/icons/alternative-white.png');
    width:16px;
    height:16px;
    border:none;
    background-repeat: no-repeat;
    background-position:center center;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

/*
================================================
autosuggest, inquisitor style
================================================
*/
div.autosuggest
{
    margin-top:71px;
    margin-left:25px;
    position: absolute;
    background-color:#fff;
    border:1px solid #261605;
    height:200px;
    overflow:auto;
}

.framepage div.autosuggest
{
    margin-top:6px;
    margin-left:0px;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
    position: relative;
    height: 6px;
    padding: 0 6px;
    overflow: hidden;
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 6px;
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
    height: 6px;
    overflow: hidden;
}


div.autosuggest ul
{
    list-style: none;
    margin: 0 0 -4px 0;
    padding: 0;
    overflow: hidden;
}

div.autosuggest ul li
{
    color: #261605;
    padding: 0;
    margin: 0;
    text-align: left;
}

div.autosuggest ul li a
{
    color: #261605;
    display: block;
    text-decoration: none;
    background-color: transparent;
    position: relative;
    padding: 0;
    width: 100%;
}
div.autosuggest ul li a:hover
{
    background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
    background-color: #7aa4a3;
}

div.autosuggest ul li a span
{
    display: block;
    padding: 3px 6px;
    font-weight:normal;
}

div.autosuggest ul li a span small
{
    font-weight: normal;
    color: #261605;
    display:block;
}

div.autosuggest ul li.as_highlight a span small
{
    color: #fff;
}

div.autosuggest ul li.as_highlight a
{
    color: #fff;
    background-color: #7aa4a3;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
    background-color: transparent;
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
}

div.autosuggest ul li.as_warning
{
    font-weight:normal;
    text-align: center;
}

.dhx_selected_option {
    background-color: #888;
    color:#fff;
}

/* checkboxes */
.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;background: transparent url('/public/js/jquery/css/safari-checkbox.png') no-repeat;
    background-position: 0px 0px;}
.jquery-safari-checkbox-hover img{
    background-position: -16px 0px;
}
.jquery-safari-checkbox-checked img{
    background-position: 0px -16px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
    background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
    background-position: 0px -32px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
    background-position: 0px -48px;
}

/* Tablesorter en zebratable */
table.tablesorter, table.zebratbl {
    border-collapse:collapse;
    width: 100%;
    text-align: left;
}

table.tablesorter .header, table.zebratbl .header {
    border:none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
table.tablesorter thead tr th, table.zebratbl thead tr th {
    font-size:9pt;
    background-color: #f1f1f1;
    padding: 4px;
    border:1px solid #f1f1f1;
    padding-right:9px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
table.tablesorter thead tr .header,
table.tablesorter thead tr th.tablesorter-header,
table.zebratbl thead tr .header {
	background-image: url('/public/js/jquery/css/images/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td, table.zebratbl tbody td {
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
table.tablesorter tbody th, table.zebratbl tbody th {
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
table.tablesorter tbody tr.odd td, table.zebratbl tbody tr:nth-child(odd) td {
    background-color:#f1f1f1;
}
table.tablesorter tbody tr.odd input, table.zebratbl tbody tr:nth-child(odd) input {
    background-color:#fff;
}
table.tablesorter tbody tr.odd select, table.zebratbl tbody tr:nth-child(odd) select {
    background-color:#fff;
}
table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr th.tablesorter-headerAsc {
	background-image: url('/public/js/jquery/css/images/asc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr th.tablesorter-headerDesc  {
	background-image: url('/public/js/jquery/css/images/desc.gif');
}
table.tablesorter thead tr th.sorter-false {
    background-image: none;
    cursor: default;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr th.tablesorter-headerAsc, table.tablesorter thead tr th.tablesorter-headerDesc {
    background-color: #cfcfcf;
}
table.tablesorter tfoot tr th, table.zebratbl tfoot tr th {
    font-size:9pt;
    padding: 4px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

table.tablesorter tbody tr.odd input.alternative
{
    background-image: url('../images/icons/alternative-grey.png');
}

table.tablesorter tr.even.active td,
table.tablesorter tr.odd.active td {
    background-color : #d8e5e4 !important;
}
table.tablesorter tr.even.active:hover td,
table.tablesorter tr.odd.active:hover td {
    background-color : #cdd9d8;
}
table.tablesorter tr.odd:hover td,
table.tablesorter tr.even:hover td {
    background-color : #e5e5e5;
}

/* Uitgebreide versie */
table.tablesorter thead td.bdr_r,
table.zebratbl thead td.bdr_r {
    padding-left: 4px;
    border-right:1px solid #261605;
}
table.tablesorter thead th.bdr_r,
table.zebratbl thead th.bdr_r {
    padding-left: 4px;
    border-right:1px solid #261605;
}
table.tablesorter tbody td.bdr_r,
table.zebratbl tbody td.bdr_r {
    padding-left: 4px;
    border-right:1px solid #261605;
}
table.tablesorter tfoot th.bdr_r,
table.zebratbl tfoot th.bdr_r {
    padding-left: 4px;
    border-right:1px solid #261605;
}
table.tablesorter thead td.bdr_n,
table.zebratbl thead td.bdr_n {
    padding-left: 4px;
}

.tablesorter-pager .disabled {
    color:			#ccc;
    border-color:	#ccc;
}

table.tablepager.containsStickyHeaders,
table.tablesorter.containsStickyHeaders {
    left: 16px !important;
}

.calendar table {
    border-collapse: collapse;
}

.calendar thead tr th.month {
    background: #81A7A5;
    border-color: #81A7A5;
    color: #fff;
}

.calendar thead tr th {
    background: #ededed none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 5px 12px;
}


.calendar tr td {
    border: 1px solid #eee;
    padding: 5px 12px;
    text-align: center;
}



/*
UPLOADIFY
*/
.uploadifyQueueItem {
    background-color: #F5F5F5;
    border: 2px solid #eeeeee;
    font: 11px Verdana, Geneva, sans-serif;
    margin-top: 5px;
    padding: 10px;
    width: 350px;
}
.uploadifyError {
    background-color: #FDE5DD !important;
    border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
    float: right;
}
.uploadifyQueue .completed {
    background-color: #eeeeee;
}
.uploadifyProgress {
    background-color: #eeeeee;
    margin-top: 10px;
    width: 100%;
}
.uploadifyProgressBar {
    background-color: #0099FF;
    height: 3px;
    width: 1px;
}

/*
================================================
	SWF Upload
================================================
*/


.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.attachmentProgress .progressWrapper {
    width: 200px;
    float:left;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
.attachmentProgress .progressContainer {
    margin:0px;
    padding:0px;
}

/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
.attachmentProgress .message {
    padding:0px;
    margin:0px;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 12px;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.attachmentProgress .progressName {
    width:200px;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 10px;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url('../images/icons/cancelbutton.gif');
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}

#swfform input[type=button] {
    background:#e0dfe3;
    border:1px solid #fff;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    max-width:400px;
    border: 1px solid #111;
    background-color: #ffffe1;
    padding: 2px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div {
    margin: 0;
    font-weight:bold;
    font-size:9pt;
    font:normal 9pt 'AvenirLTCom-Roman',verdana,helvetica;
}

/*
================================================
	TriState checkbox
================================================
*/

ul.triState li {
    clear: both;
    line-height: 1.3;
    list-style: none;
    padding: 0 0 20px 0;
}

ul.triState a.checkbox {
    background: url('../images/index/3-state-checkbox.gif') 0 0 no-repeat;
    display: block;
    float: left;
    height: 13px;
    margin: .15em 5px 3px 3px;
    overflow: hidden;
    text-indent: -999em;
    width: 13px;
}
ul.triState ul li a.checkbox { _margin-left: 3px;}
ul.triState a.checked { background-position: 0 -13px; }
ul.triState a.partial { background-position: 0 -26px; }
ul.triState li li {padding: 10px 0 0 18px;}



/*
Superfish collapse menu
*/
.sf-menu, .sf-menu * {
    margin:			0;
    padding:		0;
    list-style:		none;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:			100%;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0;
    top:			2.5em; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}

/*
Verticaal menu
*/

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left:	10em; /* match ul width */
    top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}




/*** SKIN ***/
.sf-menu {
    float:					left;
}
.sf-menu a {
    border-left:			1px solid #fff;
    border-top:				1px solid #fff;
    padding: 				.15em 1em;
    text-decoration:		none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:					#fff;
}
.sf-menu li {
    background:				#7aa4a3;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 			2.25em;
    min-width:				1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:				absolute;
    display:				block;
    right:					.75em;
    top:					1.05em; /* IE6 only */
    width:					10px;
    height:					10px;
    text-indent: 			-999em;
    overflow:				hidden;
    background:				url('../images/index/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:					.3em;
    background-position:	0 -100px; /* use translucent arrow for modern browsers*/
}





/* JQUERY Sortable Function */
/* Album */
.sortable-item-img
{
    position:relative;
    width:180px;
    height:160px;
    margin:5px;
    float:left;
    background:transparent;
    text-align:center;
    list-style-type: none;
}

/* Album, Pages overview */
.sortable-item
{
    list-style-type: none;
    width: 100%;
}

.sortable-item-img > img {
    max-width: 160px;
    max-height: 160px;
}




/*
jQPlot jquery grafieken
*/

.jqplot-target {
    position: relative;
    font-size: 1em;
}

.jqplot-axis {
    font-size: 0.75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}


.jqplot-xaxis-tick {
    top: 0px;
    left: 15px;
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px;
    left: 15px;
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px;
    top: 15px;
    text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
    right: -20px;
    margin-right: 0px;
    padding:1px 5px 1px 5px;
    z-index: 2;
    font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    top: 15px;
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

td.jqplot-table-legend {
    vertical-align:middle;
}

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding:1px;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}


.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.8);
    padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.8);
    padding: 1px;
}

.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}

td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.jqplot-error {
    /*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}

.jqplot-error-message {
    /*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: 0.8em;
    /*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.8);
}

div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(96%, 96%, 96%, 0.3);
}



/**
	jQuery UI styles
*/

.ui-dialog { z-index: 1001 !important ;}

.ui-autocomplete {
    max-height:		200px;
    overflow-y:		auto;
    overflow-x:		hidden;
}

.ui-autocomplete.ui-widget-content {
    background:		#fff;
    border:			1px solid #261605;
    z-index: 		999;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper > span {
    font-size:		10px;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-hover,
.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: 	#7aa4a3;
    color:			#fff;
}
.ui-accordion-header {
    background:		#fff;
}
.ui-accordion-header.ui-state-hover,
.ui-accordion-header.ui-state-active {
    background: 	#7aa4a3;
    color:			#fff;
}

.ui-accordion-content {
    background:		#fff;
}


.ui-widget-header {
    background:		transparent url('../images/styles/default/bg-blockheader.png') repeat center center;
}

.ui-dialog {
    padding: 0px;
}

.ui-dialog.ui-corner-all {
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 0px 10px #ccc;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 		0 0 0 5px;
    height: 		20px;
    color:			#fff;
}

.ui-dialog-titlebar.ui-corner-all
{
    border-radius: 0px;
}


.ui-dialog-titlebar > .ui-state-hover
{
    border: 0px;
}
.ui-dialog-titlebar > ui-state-hover
{
    border-radius: 0px;
}

.ui-dialog .ui-dialog-content {
    padding:		0 0 12px 0;
    background:		#fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background:		none;
    color:			#7aa4a3;
}

.ui-widget-content {
    background:		#eee;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background:		#fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border:			1px solid #7aa4a3;
    color:			#261605;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color:			#7aa4a3;
}

.ui-widget-overlay {
    opacity:		0.7;
}

.ui-tabs .ui-tabs-panel {
    padding-left:	0px;
    padding-right:	0px;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 4px;
    height: 100%;
}

.jspVerticalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspTrack {
    background: transparent;
    position: relative;
}

.jspDrag {
    background: #81a7a5;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #000;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    float: left;
    height: 100%;
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}



/*
------------------------------
Impromptu
------------------------------
*/
.jqifade,
.jqiwidefade {
    position: absolute;
    background-color: #aaaaaa;
}
div.jqi,
div.jqiwide {
    width: 400px;
    position: absolute;
    background-color: #ffffff;
    text-align: center;
    border: solid 1px #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px;
}

div.jqiwide {
    width: 900px;
}

div.jqi .jqiclose,
div.jqiwide .jqiwideclose {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}
div.jqi .jqimessage,
div.jqiwide .jqiwidemessage {
    text-transform:	none;
    padding: 20px;
    line-height: 20px;
    color: #444444;
}
div.jqi .jqibuttons,
div.jqiwide .jqiwidebuttons {
    padding: 5px 0 5px 0;
    color:	#000;
    text-align:center;
}
div.jqi button,
div.jqiwide button {
    padding: 3px 10px;
    margin: 2px 10px;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight:bold;
}

body.touchscreen div.jqi button,
body.touchscreen div.jqiwide button {
    padding: 6px 13px;
}

div.jqi button:hover,
div.jqiwide button:hover  {
    background-color: #2a2a2a;
}
div.jqi button.jqidefaultbutton,
div.jqiwide button.jqiwidedefaultbutton {
    background-color: #000;
}

/* Tokeninput style #2: Mac Style */
fieldset.token-input-mac {
    position: relative;
    padding: 0;
    margin: 5px 0;
    background: #fff;
}

ul.token-input-list-mac {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    cursor: text;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    background: #fff;
}

ul.token-input-list-mac.error {
    border: 1px solid #C52020;
}

ul.token-input-list-mac li {
    list-style-type: none;
}

li.token-input-token-mac p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-mac span {
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

/* TOKENS */

li.token-input-token-mac {
    line-height: 12pt;
    overflow: hidden;
    height: 16px;
    padding: 0 3px;
    margin:	1px;
    background: none;
    background-color: #7aa4a3;
    color: #fff;
    cursor: default;
    border: 1px solid #7aa4a3;
    float: left;
}

li.token-input-input-token-mac {
    border: none;
    background: transparent;
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-input-token-mac input {
    border: 0;
    width: 100px;
    background-color: transparent;
    margin: 0;
}

div.token-input-dropdown-mac {
    position: absolute;
    border: 1px solid #7aa4a3;
    left: -1px;
    right: 10px;

    background-color: #fff;
    overflow: hidden;
    cursor: default;
    padding: 5px;
    clip:rect(0px, 1000px, 1000px, -10px);
}

div.token-input-dropdown-mac p {
    margin: 0;
    padding: 5px;
}

div.token-input-dropdown-mac h3.token-input-dropdown-category-mac {
    font-weight: bold;
    border: none;
    padding: 0 5px;
    margin: 0;
}

div.token-input-dropdown-mac ul {
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.token-input-dropdown-mac ul li {
    list-style-type: none;
    cursor: pointer;
    background: none;
    background-color: #fff;
    margin: 0;
    padding: 5px;
}

div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac span.token-input-dropdown-item-description-mac {
    float: right;
    padding: 0 10px 0 0;
}

div.token-input-dropdown-mac ul li strong {
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
}

div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac,
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd {
    background-color: #7aa4a3;
    color: #fff;
}

div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac span.token-input-dropdown-item-description-mac,
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd span.token-input-dropdown-item-description-mac {
    color: #fff;
}


/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-cell input[type=text]{
    padding: 0;
}

.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
    width: 100%;
    overflow: hidden;
    border:none;
}

.slick-header-columns, .slick-headerrow-columns {
    position: relative;
    white-space: nowrap;
    cursor: default;
    overflow: hidden;
}

.slick-header-column.ui-state-default {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 4px 0;
    border:	none;
    float: left;
}

.slick-headerrow-column.ui-state-default {
    padding: 4px;
}

.slick-header-column-sorted {
    font-style: italic;
}

.slick-sort-indicator {
    display: inline-block;
    width: 8px;
    height: 5px;
    margin-left: 4px;
}

.slick-sort-indicator-desc {
    /*background: url('../images/sort-desc.gif');*/
}

.slick-sort-indicator-asc {
    /*background: url('../images/sort-asc.gif');*/
}

.slick-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    cursor: col-resize;
    width: 4px;
    right: 0px;
    top: 0;
    height: 100%;
}

.slick-sortable-placeholder {
    background: none;
}

.grid-canvas {
    position: relative;
    outline: 0;
}
.slick-row.ui-widget-content {
    background:	none;
}
.slick-row.ui-widget-content, .slick-row.ui-state-active {
    position: absolute;
    border: 0px;
    width: 100%;
}

.slick-cell, .slick-headerrow-column {
    position: absolute;
    border: 1px solid #fff;;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: 1;
    padding: 1px 2px 2px 1px;
    margin: 0;
    white-space: nowrap;
    cursor: default;
    background:	#f1f1f1;
}

.slick-group {
}

.slick-group-toggle {
    display: inline-block;
}

.slick-cell.highlighted {
    background: lightskyblue;
    background: rgba(0, 0, 255, 0.2);
    transition: all 0.5s;
}

.slick-cell.flashing {
    border: 1px solid red !important;
}

.slick-cell.editable {
    z-index: 11;
    overflow: visible;
    background: #f1f1f1;
    border:none;
}

.slick-cell:focus {
    outline: none;
}

.slick-reorder-proxy {
    display: inline-block;
    background: blue;
    opacity: 0.15;
    filter: alpha(opacity = 15);
    cursor: move;
}

.slick-reorder-guide {
    display: inline-block;
    height: 2px;
    background: blue;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

.slick-selection {
    z-index: 10;
    position: absolute;
    border: 2px dashed black;
}



/*
 DASHBOARD V2
 */

body.dashboard #content {
    top:				0;
}

body.dashboard.socialmedia {
    background:			transparent;
}

body.dashboard.socialmedia .block-settings-body {
    padding:			10px 70px 0 10px
}

.dashboard-gadgets-holder > .dashboard-gadget, .dashboard-gadgets-holder > .dragplaceholder, .dashboard-gadgets-holder > .dashboard-gadget-add {
    position:			relative;
    float:				left;
    background:			#f3f3f3;
    width:				295px;
    height:				275px;
    margin:				10px;
    border:				1px solid #ccc;
    box-shadow:			0px 0px 10px #ccc;
}

.dashboard-gadgets-holder > .dashboard-gadget .body {
    height:				255px;
    width:				295px;
    overflow:			hidden;
    margin:				20px 0 0 0;
    font-size:			10pt;
}

.dashboard-gadgets-holder > .dashboard-gadget .body h1 {
    color:				#7aa4a3;
    font-size: 			11pt;
    margin-bottom:		5px;
}

.dashboard-gadgets-holder > .dashboard-gadget .body h1 a {
    color:				#7aa4a3;
}

.dashboard-gadgets-holder > .dashboard-gadget .body .scrollable {
    width:				275px;
    padding:			10px;
}

.dashboard-gadgets-holder > .dragplaceholder {
    background: 		#f6f6f6;
    border:				1px dashed #999;
}

.dashboard-gadgets-holder > .dashboard-gadget-add {
    background: 		#e3e3e3 url('../images/dashboard/setting-pls.png') no-repeat center center;
    cursor: 			hand;
    cursor: 			pointer;
}

.dashboard-gadgets-holder > .dashboard-gadget.user {
    text-align:			center;
}

.dashboard-gadgets-holder > .dashboard-gadget.user > .header {
    background:			none;
}

.dashboard-gadgets-holder > .dashboard-gadget.user, .dashboard-gadgets-holder > .dashboard-gadget.shortcut, .dashboard-gadgets-holder > .dashboard-gadget.menu {
    background:			#fff;
}

.dashboard-gadgets-holder > .dashboard-gadget > .header > .gadget-settings {
    position: 			absolute;
    cursor: 			pointer;
    cursor: 			hand;
    top: 				-1px;
    right: 				4px;
    width: 				12px;
    border: 			none;
    background: 		transparent url('../images/dashboard/setting-btn-white.png') no-repeat top center;
}

.dashboard-gadgets-holder > .dashboard-gadget > .header > .gadget-settings-menu {
    position:			absolute;
    top:				20px;
    right:				0px;
    background:			#fff;
    border:				1px solid #ccc;
    border-top:			0;
    padding:			5px;
    display:			none;
    box-shadow: 		0px 0px 10px #ccc;
    z-index: 			10000;
}

.dashboard-gadgets-holder > .dashboard-gadget > .header > .gadget-settings-menu > ul {
    list-style-type: 	none;
}

.dashboard-gadgets-holder > .dashboard-gadget > .header > .gadget-settings-menu > ul > li > a {
    text-decoration: 	none;
}

/*
.dashboard-gadgets-holder > .dashboard-gadget .draghandler {
	cursor:				move;
}
*/

.dashboard-gadgets-holder > .dashboard-gadget .preloader {
    width:				295px;
    height:				255px;
    background:			transparent url('../images/icons/preloader.gif') no-repeat center center;
}

.dashboard-gadgets-holder > .dashboard-gadget input {
    background:			#fff;
    width:				281px;
    height:				19px;
    padding:			4px 4px 4px 8px;
    font-size:			9pt;
    border-top:			1px solid #ccc;
    border-bottom:		1px solid #ccc;
    color:				#81a7a5;
}

.dashboard-gadgets-holder > .dashboard-gadget .icon {
    font-size:			9pt;
    float:				left;
    margin-top:			15px;
    padding: 			0 4px;
    width:				87px;
    height:				78px;
    overflow: 			hidden;
    position: 			relative;
    text-align:			center;
}

.dashboard-gadgets-holder > .dashboard-gadget .icon img{
    border:none;
}

.dashboard-gadgets-holder > .dashboard-gadget .icon a{
    text-decoration:none;
}

.dashboard-gadgets-holder > .dashboard-gadget .body a:hover .item{
    background:#E3E3E3;
}

.dashboard-gadgets-holder > .dashboard-gadget .body .item {
    padding:10px;
    width:275px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #CCC;
}

.dashboard-gadgets-holder > .dashboard-gadget .body .item-title{
    font-weight:bold;
}
/*
.favicon-container {
	position:		relative;
	width:			47px;
	height:			47px;
	margin-left:	20px;
	background:		transparent url('../images/dashboard/icon-black-blank.png') no-repeat 50% 50%;
}

.favicon-icon {
	position:		absolute;
	top:			0px;
	left:			0px;
	margin:			15px 0 0 15px;
	width:			16px;
	height:			16px;
	background:		transparent no-repeat 50% 50%;
	background-size:cover;
}

.dashboard-gadgets-holder > .dashboard-gadget  .favicon-overview.listview > .icon {
	float:			none;
	width:			auto;
	height:			auto;
	text-align:		left;
}
.dashboard-gadgets-holder > .dashboard-gadget  .favicon-overview.listview > .icon .favicon-container {
	float:			none;
	background:		none;
	width:			auto;
	height:			auto;
	margin-left:	10px;
}
.dashboard-gadgets-holder > .dashboard-gadget  .favicon-overview.listview > .icon .favicon-icon {
	margin:			0;
	float:			none;
}

.dashboard-gadgets-holder > .dashboard-gadget  .favicon-overview.listview > .icon .favicon-link {
	margin-left:	40px;
}
*/

/*#manage-gadget, #open-gadget {
	overflow: hidden;
	background-color: #FF0000;
}


.block-settings-frame {
	position: absolute;
	top: 0px;
	left: 295px;
	height: 100%;
}

.block-settings-frame .block-settings-item {
	background-color: #FFFFFF;
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 7px;
	padding: 10px;
	width: 385px;
	height: 130px;
}

.block-settings-header {
  background: url('/public/"/images/styles/default/bg-blockheader.png"') repeat-x scroll center center transparent;
  height: 19px;
  padding-top: 1px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;

  color: white;
  font-weight: bold;
}

.block-settings-header h1 {
	color:#fff;
	font-size:10pt;
	font-weight:normal;
	font-family:AvenirLTCom-Heavy;
	padding-left:10px;
}

.block-settings-body {
  font-size: 10pt;
  margin: 20px 10px 10px 10px;
}


.block-settings-frame .block-settings-item .add-block-button, .block-settings-frame .block-settings-item .remove-block-button {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.blocks-cats {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 275px;
	height: 100%;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.blocks-cats > ul > li.item {
	list-style-type: none;
	padding:10px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;
	cursor: pointer;
}

.blocks-cats > ul > li.item > a {
	text-decoration: none;
}

.blocks-cats > ul > li.item:hover {
	background:#E3E3E3;
}

.blocks-cats > ul > li.item.active {
	background:#FFFFFF;
}
*/

/* dashboard v3 */

#dashboard-header {
    position:			relative;
    height:				150px;
}

#dashboard-header > .logo{
    position:			absolute;
    left:				20px;
    top:				20px;
    width:				500px;
    height:				75px;
}

#dashboard-header > .mainlogo {
    background-position:left;
}

#dashboard-header > .user-data {
    position:			absolute;
    right:				40px;
    top:				35px;
    width:				250px;
    height:				60px;
    text-align:			right;
}

#dashboard-header > .line {
    position:			absolute;
    top:				110px;
    width:				100%;
    height:				35px;
    background-color:	#7aa4a3;
    color:				#FFFFFF;
    font-size:			16px;
}

#dashboard-header > .line > .pagetitle {
    position: 			absolute;
    left:				20px;
    top:				8px;
}

#dashboard-header > .line > .help{
    position: 			absolute;
    right:				40px;
    top:				8px;
    font-size: 14px;
    line-height: 20px;
}

#dashboard-header > .line > .help > .support_info {
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
}

#dashboard-header > .line > .help > .support_info a {
    color: #fff;
    text-decoration: none;
}

#dashboard-header > .line > .help > .support_info a:hover,
#dashboard-header > .line > .help > .support_info a:focus,
#dashboard-header > .line > .help > .support_info a:active {
    text-decoration: underline;
}

#dashboard-header > .line > .help > a{
    color:				#FFFFFF;
}

#dashboard-wrap {
    position: 			relative;
    padding: 			10px 0 0 0;
    color:				#FFFFFF;
    height:				100%;
}

#dashboard-menu {
    position:			absolute;
    float:				left;
    width:				205px;
    height:				100%;
    padding: 			20px 18px 0 0;
    background-color:	#2f2f2f;
    color:				#FFFFFF;
    overflow-x:			hidden;
}

#dashboard-menu .menu-button > a > .image {
    margin:				0;
}

.menu-button {
    padding: 			5px 0 5px 15px;
}

.favicon-icon,
.menu-button > a > .image {
    float:				left;
    display:			block;
    border:				0px;
    width:				40px;
    height:				40px;
    margin:				7px 0 0 3px;
    background: 		url('../images/dashboard/icons.png?v=4"') no-repeat center center;
}

#websitelogo {
	/*background-image:	url();*/
}

.icon .favicon-container .right_beheermodule,
.menu-button > a > .right_beheermodule {
    background-position: -80px 0px;
}

.icon:hover .favicon-container .right_beheermodule,
.menu-button > a:hover > .right_beheermodule {
    background-position: -80px -40px;
}

/* financieel */
.icon .favicon-container .right_179,
.menu-button > a > .right_179 {
    background-position: -240px 0px;
}

.icon:hover .favicon-container .right_179,
.menu-button > a:hover > .right_179 {
    background-position: -240px -40px;
}

/* fiatering */
.icon .favicon-container .right_781,
.menu-button > a > .right_781 {
    background-position: -200px 0px;
}

.icon:hover .favicon-container .right_781,
.menu-button > a:hover > .right_781 {
    background-position: -200px -40px;
}

/* dossier */
.icon .favicon-container .right_184,
.menu-button > a > .right_184 {
    background-position: -680px 0px;
}

.icon:hover .favicon-container .right_184,
.menu-button > a:hover > .right_184 {
    background-position: -680px -40px;
}

/* handel */
.icon .favicon-container .right_782,
.menu-button > a > .right_782 {
    background-position: -280px 0px;
}

.icon:hover .favicon-container .right_782,
.menu-button > a:hover > .right_782 {
    background-position: -280px -40px;
}

/* crm */
.icon .favicon-container .right_182,
.menu-button > a > .right_182 {
    background-position: -120px 0px;
}

.icon:hover .favicon-container .right_182,
.menu-button > a:hover > .right_182 {
    background-position: -120px -40px;
}

/* projecten */
.icon .favicon-container .right_254,
.menu-button > a > .right_254 {
    background-position: -440px 0px;
}

.icon:hover .favicon-container .right_254,
.menu-button > a:hover > .right_254 {
    background-position: -440px -40px;
}

/* personeel */
.icon .favicon-container .right_190,
.menu-button > a > .right_190 {
    background-position: -400px 0px;
}

.icon:hover .favicon-container .right_190,
.menu-button > a:hover > .right_190 {
    background-position: -400px -40px;
}

/* website */
.icon .favicon-container .right_193,
.menu-button > a > .right_193 {
    background-position: -640px 0px;
}

.icon:hover .favicon-container .right_193,
.menu-button > a:hover > .right_193 {
    background-position: -640px -40px;
}

/* agenda */
.icon .favicon-container .right_10,
.menu-button > a > .right_10 {
    background-position: 0px 0px;
}
.icon:hover .favicon-container .right_10,
.menu-button > a:hover > .right_10 {
    background-position: 0px -40px;
}

/* e-mail */
.icon .favicon-container  .right_501,
.menu-button > a > .right_501 {
    background-position: -160px 0px;
}

.icon:hover .favicon-container .right_501,
.menu-button > a:hover > .right_501 {
    background-position: -160px -40px;
}

/* auto */
.icon .favicon-container .right_315,
.menu-button > a > .right_315 {
    background-position: -40px 0px;
}

.icon:hover .favicon-container .right_315,
.menu-button > a:hover > .right_315 {
    background-position: -40px -40px;
}

/* vastgoed */
.icon .favicon-container .right_576,
.menu-button > a > .right_576 {
    background-position: -600px 0px;
}

.icon:hover .favicon-container .right_576,
.menu-button > a:hover > .right_576 {
    background-position: -600px -40px;
}

/* recreatie */
.icon .favicon-container .right_867,
.menu-button > a > .right_867 {
    background-position: -720px 0px;
}

.icon:hover .favicon-container .right_867,
.menu-button > a:hover > .right_867 {
    background-position: -720px -40px;
}

/* sport */
.icon .favicon-container .right_944,
.menu-button > a > .right_944 {
    background-position: -760px 0px;
}

.icon:hover .favicon-container .right_944,
.menu-button > a:hover > .right_944 {
    background-position: -760px -40px;
}

/* relatie */
.icon .favicon-container .right_783,
.menu-button > a > .right_783 {
    background-position: -480px 0px;
}

.icon:hover .favicon-container .right_783,
.menu-button > a:hover > .right_783 {
    background-position: -480px -40px;
}

/* werknemer */
.icon .favicon-container .right_784,
.menu-button > a > .right_784 {
    background-position: -560px 0px;
}

.icon:hover .favicon-container .right_784,
.menu-button > a:hover > .right_784 {
    background-position: -560px -40px;
}

/* maatwerk */
.icon .favicon-container .right_785,
.menu-button > a > .right_785 {
    background-position: -360px 0px;
}

.icon:hover .favicon-container .right_785,
.menu-button > a:hover > .right_785 {
    background-position: -360px -40px;
}

/* marketing */
.icon .favicon-container .right_185,
.menu-button > a > .right_185 {
    background-position: -800px 0px;
}

.icon:hover .favicon-container .right_185,
.menu-button > a:hover > .right_185 {
    background-position: -800px -40px;
}

/* instellingen */
.icon .favicon-container .right_191,
.menu-button > a > .right_191 {
    background-position: -320px 0px;
}

.icon:hover .favicon-container .right_191,
.menu-button > a:hover > .right_191 {
    background-position: -320px -40px;
}

/* support */
.icon .favicon-container .right_440,
.menu-button > a > .right_440 {
    background-position: -520px 0px;
}

.icon:hover .favicon-container .right_440,
.menu-button > a:hover > .right_440 {
    background-position: -520px -40px;
}

#dashboard-menu > .menu-button > a {
    color:				#999999;
    display:			block;
    width:				175px;
}

#dashboard-menu > .menu-button > a:hover {
    color:				#FFFFFF;
}

#dashboard-menu > .menu-button > a > .menu-button-title {
    float:				left;
    display:			block;
    padding: 			10px 0 0 15px;
}

#dashboard-menu > a > .menu-line {
    position:			absolute;
    top:				0px;
    right:				0px;
    width:				18px;
    height:				100%;
    background: 		#7aa4a3 url('../images/dashboard/pijlmenubalk_L.png') repeat-y scroll;
}

#dashboard-content {
    position:			absolute;
    float:				left;
    margin-left:		233px;
    height:				100%;
}

#dashboard-content > .content-box, #dashboard-content > .dragplaceholder {
    position:			relative;
    float:				left;
    width:				290px;
    overflow:			hidden;
    background:			#2f2f2f;
    height:				290px;
    margin:				0 10px 20px 10px;
}

#dashboard-content > .dragplaceholder {
    background:			#e3e3e3;
}

#dashboard-content > .content-add-box {
    float:				left;
    width:				290px;
    background: 		#e3e3e3 url('../images/dashboard/setting-pls.png') no-repeat center center;
    height:				290px;
    margin:				0 10px 20px 10px;
    cursor:				pointer;
}

#dashboard-content > .content-box > .draghandler {
    cursor:				move;
}

#dashboard-content > .ui-sortable-helper {
    padding: 			5px;
}

#dashboard-content > .content-box a {
    color:				#FFFFFF;
    text-decoration:	none;
}

#dashboard-content > .content-box > .title {
    padding:			15px 20px 20px 20px;
    font-size:			16px;
}


#dashboard-content > .content-box > .settings {
    position: 			absolute;
    cursor: 			pointer;
    top: 				15px;
    right:				15px;
    width: 				20px;
    height:				10px;
    border: 			none;
    background: 		transparent url('../images/dashboard/settings_arrow_bottom.png') no-repeat top center;
    -webkit-appearance: none;
}

#dashboard-content > .content-box > .settings.active {
    background-image: 	url('../images/dashboard/settings_arrow_top.png');
}

#dashboard-content > .content-box > .settings-menu {
    position:			absolute;
    top:				29px;
    right:				15px;
    background:			#FFFFFF;
    display:			none;
    z-index: 			10000;
}

#dashboard-content > .content-box > .settings-menu > ul {
    list-style-type: 	none;
}

#dashboard-content > .content-box > .settings-menu > ul > li {
    padding:			5px;
    border-bottom: 		solid 1px #2F2F2F;
}

#dashboard-content > .content-box > .settings-menu > ul > li > a {
    text-decoration: 	none;
    color: 				#000000;
}

#dashboard-content > .content-box > .body {
    padding: 			0 20px 20px 20px;
    width: 				250px;
    height: 			235px;
}

#dashboard-content > .content-box > .body .jspDrag {
    background:			#FFFFFF;
}

#dashboard-content > .content-box > .preloader {
    width:				290px;
    height:				290px;
    background:			transparent url('../images/icons/preloader.gif') no-repeat center center;
}

#dashboard-content > .content-box > .scrollable {
    width:				270px;
}

#dashboard-content > .content-box > .body .item {
    padding: 			10px 0 10px 0;
    width: 				250px;
    border-top:			1px solid #909090;
    border-bottom:		1px solid #909090;
    margin:				0 0 -1px 0;
}

#dashboard-content > .content-box > .body .item i {
    display:			block;
    padding:			5px 0 0 0;
}

#dashboard-content > .content-box > .body .item-title {
    font-weight:		bold;
    margin:				0 0 5px 0;
}

#dashboard-content > .content-box > .title.full {
    position:			absolute;
    width:				100%;
    top:				0px;
    z-index:			8;
    margin:				0;
    padding:			0;
}

#dashboard-content > .content-box > .settings.full {
    position:			absolute;
    width:				22px;
    z-index:			9;
}

#dashboard-content > .content-box > .fullscreen {
    z-index:			7;
}


#dashboard-content > .content-box > .fullscreen .jspVerticalBar {
    background:			transparent;
}

#dashboard-content > .content-box > .fullscreen > .body {
    position:			absolute;
    top:				0px;
    width: 				290px;
    height: 			290px;
    z-index:			7;
}


#manage-gadget, #open-gadget, #cash-payment {
    overflow:			hidden;
    background:			#DDDBDB;
}

body.dashboard > .ui-widget-overlay,
.popup-ui > .ui-widget-overlay {
    opacity:			0.7;
    background:			#000000;
}

body.dashboard > .ui-dialog > .ui-dialog-titlebar {
    height:				30px;
    background:			#DDDBDB;
    border:				0px;
}

.ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
    background: transparent;
    border: none;
    font-size: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    margin: 1px 0 0 0;
    top: 0;
    box-shadow: none;
    outline: none;
}

body.dashboard > .ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon-closethick {
    /*position:			absolute;*/
    right:				10px;
    top:				0;
    /*height:				32px;*/
    /*width:				32px;*/
    background:			transparent url('../images/dashboard/close_in_bar.png') no-repeat top center;
    border:				0;
    z-index:			1000;

    height: 20px;
    width: 20px;
    position: relative;
    margin: 0;
    left: 0;
}

.popup-ui {

}

.popup-ui > .ui-dialog-titlebar {
    height:				35px;
    padding:			25px 0 0 20px;
    background:			#DDDBDB;
    border:				0px;
    color:				#000000;
    font-size:			22px;
}

.popup-ui > .ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon-closethick {
    position:			absolute;
    right:				10px;
    top:				0px;
    height:				0px;
    width:				0px;
    border:				0px;
    z-index:			1000;
}

#manage-blocks > .blocks-cats {
    position:			absolute;
    top:				0px;
    left:				0px;
    width:				200px;
    height:				100%;
    background:			#DDDBDB;
}

#manage-blocks > .blocks-cats > ul > li.item {
    list-style-type:	none;
    padding:			10px 10px 10px 30px;
    cursor:				pointer;
}

#manage-blocks > .blocks-cats > ul > li.item > a {
    text-decoration:	none;
}

#manage-blocks > .blocks-cats > ul > li.item:hover {
    background:			#EEEEEE;
}

#manage-blocks > .blocks-cats > ul > li.item.active {
    background:			#CDCDCD;
}

#manage-blocks > .block-add-frame {
    position:			absolute;
    top:				0px;
    left:				200px;
    right:				0;
    height:				100%;
    padding:			0 70px 0 0;
    background:			#DDDBDB;
}

#manage-blocks > .block-add-frame .jspDrag {
    background: 		#2f2f2f;
}

.block-add-item {
    position: 			relative;
    border-radius:      0.25rem;
    float: 				left;
    margin:				0 0 20px 20px;
    width:				240px;
    height:				240px;
    background-color:	#668281;
    color:				#FFFFFF;
}

.block-add-item > .block-add-header {
    height:				auto;
    width:				100%;
    padding:			10px;
    color:				#FFFFFF;
    font-size:			16px;
    font-weight:        bold;
}

.block-add-item > .block-add-body {
    padding:			0 10px 10px 10px;
    font-size:          12px;
    color:              #d6d6d6;
}

.block-add-item .add-block-button {
    width:				15px;
    height:				15px;
    background:			transparent url('../images/dashboard/block-add-button.png') no-repeat top center;
    background-size:    100%;
    border:				0;
    cursor:				pointer;
    margin-left:        0.5rem;
}

.block-add-item .body-button {
    cursor:             pointer;
    position:			absolute;
    bottom:				5px;
    right:              5px;
    width:              100%;
    display:            flex;
    justify-content:    flex-end;
    align-items:        center;
}

.block-settings-frame {
    position:			absolute;
    top:				0px;
    padding:			0;
    overflow:			auto;
    height:				100%;
    width:				100%;
    background:			#DDDBDB;
    color:				#2F2F2F;
}

.block-settings-frame th {
    width:				200px;
    vertical-align:		top;
}

.block-settings-frame td {
    width:				300px;
}

.block-settings-frame input{
    width:				300px;
    background:			#FFFFFF;
}

.block-settings-body input[type=button],
.block-settings-frame input[type=submit] {
    float:				right;
    width:				120px;
    background:			#000000;
    color:				#FFFFFF;
    cursor:				pointer;
    border:				solid 1px #000000;
}

.block-settings-frame .line {
    width:				500px;
    padding:			20px 0 20px 0;
}

.block-settings-frame hr {
    height:				1px;
    background:			#c1bfbf;
    border:				0;
}

.block-settings-frame .link-hover {
    position:			relative;
    padding:			4px;
}

.block-settings-frame .link-hover:hover {
    background:			#e4e4e4;
}

.block-settings-frame .link-hover button {
    cursor:				pointer;
    position:			absolute;
    right:				4px;
    top:				2px;
}

.configframe #messagebox {
    height:				0;
}

.block-settings-frame .favicon-container {
    margin:				0;
}

.favicon-container {
    position:			relative;
    width:				47px;
    height:				47px;
    margin:				0px auto;
    /* background:			transparent url('../images/dashboard/icon-black-blank.png') no-repeat 50% 50%;  */
}

.favicon-icon {
    /* position:			absolute;
    top:				0px;
    left:				0px;
    margin:				15px 0 0 15px;
    width:				16px;
    height:				16px;
    background:			transparent no-repeat 50% 50%;
    background-size:	cover; */
}

.favicon-overview > .icon {
    position:			relative;
    float:				left;
    width:				70px;
    height:				78px;
    overflow:			hidden;
    padding:			0 5px;

}

.favicon-overview.listview > .icon {
    float:				none;
    width:				auto;
    height:				auto;
    text-align:			left;
    padding:			5px 0 5px 0;
}

.favicon-overview.listview > .icon .favicon-container {
    float:				none;
    background:			none;
    width:				auto;
    height:				auto;
    margin-left:		0px;
}
.favicon-overview.listview > .icon .favicon-icon {
    margin:				0;
    float:				none;
    width:				16px;
    height:				16px;
    float:				left;
    background-size:	336px 32px;
}

.favicon-overview.listview > .icon .favicon-link {
    margin-left:	20px;
}



/* agenda */
.listview .favicon-container .right_10 {
    background-position: 0px 0px;
}

.listview .icon:hover .favicon-container .right_10,
.listview .favicon-container:hover .right_10 {
    background-position: 0px -16px;
}

/* auto */
.listview .favicon-container .right_315 {
    background-position: -16px 0px;
}

.listview .icon:hover .favicon-container .right_315,
.listview .favicon-container:hover .right_315 {
    background-position: -16px -16px;
}

.listview .favicon-container .right_beheermodule {
    background-position: -32px 0px;
}

.listview .icon:hover .favicon-container .right_beheermodule,
.listview .favicon-container:hover .right_beheermodule {
    background-position: -32px -16px;
}

/* crm */
.listview .favicon-container .right_182 {
    background-position: -48px 0px;
}

.listview .icon:hover .favicon-container .right_182,
.listview .favicon-container:hover .right_182 {
    background-position: -48px -16px;
}

/* e-mail */
.listview .favicon-container .right_501 {
    background-position: -64px 0px;
}

.listview .icon:hover .favicon-container .right_501,
.listview .favicon-container:hover .right_501 {
    background-position: -64px -16px;
}

/* fiatering */
.listview .favicon-container .right_781 {
    background-position: -80px 0px;
}

.listview .icon:hover .favicon-container .right_781,
.listview .favicon-container:hover .right_781 {
    background-position: -80px -16px;
}

/* financieel */
.listview .favicon-container .right_179 {
    background-position: -96px 0px;
}

.listview .icon:hover .favicon-container .right_179,
.listview .favicon-container:hover .right_179 {
    background-position: -96px -16px;
}

/* handel */
.listview .favicon-container .right_782 {
    background-position: -112px 0px;
}

.listview .icon:hover .favicon-container .right_782,
.listview .favicon-container:hover .right_782 {
    background-position: -112px -16px;
}

/* instellingen */
.listview .favicon-container .right_191 {
    background-position: -128px 0px;
}

.listview .icon:hover .favicon-container .right_191,
.listview .favicon-container:hover .right_191 {
    background-position: -128px -16px;
}

/* maatwerk */
.listview .favicon-container .right_785 {
    background-position: -144px 0px;
}

.listview .icon:hover .favicon-container .right_785,
.listview .favicon-container:hover .right_785 {
    background-position: -144px -16px;
}

/* personeel */
.listview .favicon-container .right_190 {
    background-position: -160px 0px;
}

.listview .icon:hover .favicon-container .right_190,
.listview .favicon-container:hover .right_190 {
    background-position: -160px -16px;
}

/* projecten */
.listview .favicon-container .right_254 {
    background-position: -176px 0px;
}

.listview .icon:hover .favicon-container .right_254,
.listview .favicon-container:hover .right_254 {
    background-position: -176px -16px;
}

/* relatie */
.listview .favicon-container .right_783 {
    background-position: -192px 0px;
}

.listview .icon:hover .favicon-container .right_783,
.listview .favicon-container:hover .right_783 {
    background-position: -192px -16px;
}

/* support */
.listview .favicon-container .right_440 {
    background-position: -208px 0px;
}

.listview .icon:hover .favicon-container .right_440,
.listview .favicon-container:hover .right_440 {
    background-position: -208px -16px;
}

/* werknemer */
.listview .favicon-container .right_784 {
    background-position: -224px 0px;
}

.listview .icon:hover .favicon-container .right_784,
.listview .favicon-container:hover .right_784 {
    background-position: -224px -16px;
}

/* vastgoed */
.listview .favicon-container .right_576 {
    background-position: -240px 0px;
}

.listview .icon:hover .favicon-container .right_576,
.listview .favicon-container:hover .right_576 {
    background-position: -240px -16px;
}

/* website */
.listview .favicon-container .right_193 {
    background-position: -256px 0px;
}

.listview .icon:hover .favicon-container .right_193,
.listview .favicon-container:hover .right_193 {
    background-position: -256px -16px;
}

/* dossier */
.listview .favicon-container .right_184 {
    background-position: -272px 0px;
}

.listview .icon:hover .favicon-container .right_184,
.listview .favicon-container:hover .right_184 {
    background-position: -272px -16px;
}

.icon .favicon-link {
    display: block;
    width: 100%;
}

/* einde dashboard */

/* touchscreen */

#touchscreen {
    font-size:			16px;
}

#content #right-control {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 60px;
    background-color: rgba(210, 210, 210, 0.5);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAEsCAYAAAAcmelmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIICxIa7Ces5QAAAJ9JREFUeNrt1L9NgkEAxuFfcrVD2Fqxh4mdFRYWFA7CFAwiM5CwADFxCRewsiEC30cHeZ7uLve+uT/JFQAAAAAAAAAAd+61Wk1dPI7Gj9V79VDt54a/qp/qbUrB+GfuMLVgnJj/K1ieKxhndnWxYFy4k8OcOzhlXe2qp7nBl2pbfVwT/Lyd4FVnfJ4TPH7nRfVdbXwwAAAAAAAAAAC36heSABzVNYdHWwAAAABJRU5ErkJggg==');
    background-repeat: repeat-y;
    background-position: center center;
    z-index: 99;
    cursor: pointer;
    display: none;
}

/*#content.overflowX #right-control {
	display: block;
}
*/
#content #top-control {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    height: 60px;
    background-color: rgba(210, 210, 210, 0.5);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAPCAYAAABeMvJZAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIICxIC/0s0swAAAJ5JREFUeNrt2bFpw1AARdELqTOFu2yRBewlVGRAEy2QFAbXgWzhCYIbFcakEIlCJDinER9UveLy4RcAAADAop5MAGzBS3WavrCYBxPwB7E6VG/Vc/VYnc0CrDFWr9V+Ou+ns5sWsOpYJVrAWmM1fhMr0QI2FavbaI2iBfyXYWas7qM1mI6f8ErIb+yq9+o48//P6lJ9VR/mAwAAAGa6Am7dF82LAFcTAAAAAElFTkSuQmCC');
    background-repeat: repeat-x;
    background-position: center;
    z-index: 99;
    cursor: pointer;
    display: none;
}

#content.overflowX #top-control {
    right: 60px;
}

#content.overflowXn #top-control {
    left: 60px;
}

/*#content.overflowYn #top-control {
	display: block;
}
*/
#content #bottom-control {
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    height: 60px;
    background-color: rgba(210, 210, 210, 0.5);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAPCAYAAABeMvJZAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIICxMTjOAlAAAAAJRJREFUeNrt1rENwjAURdEnqFHmgFUiuaNjgBQMxBwUyQxIDEXjkiIRlnCkc+rv5hVXTgAAAAA2uyYZN74Z6zvY7GACfjAkuScpK+9LvR9MB/zDlGRZEa1S7yaTAT1HqySZxQroKVrzl2iJFbCLaIkVTR1NQEPvJKcktyTnGqxnkodpgJ5/Wi8/K2AvLiYAAAAAGvkA7u4S9IABUB4AAAAASUVORK5CYII=');
    background-repeat: repeat-x;
    background-position: center;
    z-index: 99;
    cursor: pointer;
    display: none;
}

#content.overflowX #bottom-control {
    right: 60px;
}

#content.overflowXn #bottom-control {
    left: 60px;
}

/*#content.overflowY #bottom-control {
	display: block;
}*/


#content #left-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 60px;
    background-color: rgba(210, 210, 210, 0.5);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAEsCAYAAAAcmelmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIICxI0MPGhKgAAAKtJREFUeNrt0zFKQ0EUheGfaGPhKuzchRtIYxlLiywka9I1CKkD4hLSBARLsQqkiL73UgQJ31cOcw8Dc24BAAAAAAAAAHBhribcfa7uqs3+YDZycFk9Vl9TX7esXqv5WQdfzj540lPvq7dqdco/b6vr6qH6rN6nlmRd3VaLoYDfGjYq4K96DgYMdXsf8HQsYMxiHAbsqo+pW7Wubqrvw60CAAAAAAAAAOA/+gECICBl0unCQQAAAABJRU5ErkJggg==');
    background-repeat: repeat-y;
    background-position: center center;
    z-index: 99;
    cursor: pointer;
    display: none;
}


/*#content.overflowXn #left-control {
	display: block;
}*/


#touchscreen-mainlogo {
    position:			absolute;
    top:				-49px;
    left:				20px;
    width:				314px;
    height:				169px;
    z-index:            2;
}

.touchscreen-back {
    position:			absolute;
    top:				0px;
    right:				50px;
    width:				32px;
    height:				32px;
    z-index: 			99;
    background:			transparent url('../images/icons/touchscreen-back.png') 0 0 no-repeat;
}

.touchscreen-settings {
    position:			absolute;
    top:				0px;
    right:				70px;
    width:				32px;
    height:				32px;
    z-index: 			99;
    background-image:	url('../images/icons/touchscreen-settings.svg');
	background-size: 	contain;

}

#display-clock {
    position: absolute;
    font-size: 40px;
    width: 200px;
    top: 10px;
    left: 15px;
    line-height: 40px;
}

.locations-topmenu {
    position: absolute;
    top: 10px;
    right: 30px;
}

.locations-topmenu .locationname {
    font-size: 32px;
    font-weight: bold;
    padding-right: 20px;
}

.locations-topmenu .touchscreen-back  {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.locations-topmenu .screen_controls {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 10px;
}

.locations-topmenu .screen_controls > span {
    padding: 10px;
    cursor: pointer;
    display: none;
    vertical-align: top;
    border-radius: 4px;
    background-color: #FFF;
    margin-top: -2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.locations-topmenu .screen_controls > span:last-child {
    margin-left: 15px;
}

.locations-topmenu .screen_controls > span > img {
    display: block;
}

.locations-topmenu #ticket_counter {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    padding: 9px 15px 0;
}

.locations-loaded #content {
    overflow: visible;
}

/*.locations-loaded .touchscreen-back {
	top: -35px;
}*/

.touchscreen-back-desk {
    position:			absolute;
    top:				0px;
    right:				100px;
    width:				32px;
    height:				32px;
    background:			transparent url('../images/icons/touchscreen-back-desk.png') 0 0 no-repeat;
    cursor: 			pointer;
    z-index:               2;
}

.touchscreen-desk-name {
    position:			absolute;
    top:				-1px;
    right:				150px;
    width:				250px;
    height:				32px;
    font-size: 			24pt;
    font-weight: 		bold;
    text-align: 		right;
    color:				#2e2e2e;
}

#touchscreen select {
    height:				50px;
    background:			#73A8A5;
    color:				#FFFFFF;
    padding-left:		20px;
}

#touchscreen > #left {
    position:			absolute;
    top:				100px;
    left:				0px;
    width:				250px;
}

#touchscreen > #center {
    position:			absolute;
    top:				100px;
    left:				250px;
    right:				300px;
    margin:				0 10px 0 20px;
}

#touchscreen > #right {
    position:			absolute;
    top:				100px;
    right:				0px;
    width:				300px;
}

#touchscreen > #display {
    position:			absolute;
    top:				0px;
    left:				0px;
    right:				0px;
    margin:				0;
    width: 				100%;
}

#touchscreen > #displayflex {
    display: 			flex;
    flex-direction: 	column;
    flex-wrap: 			wrap;
    position: 			relative;
    z-index: 			0;
    margin-top: 25px;
}

.default-background {
    background-color:	#73a8a5;
}

.default-select {
    width:				100%;
    height:				50px;
    margin-bottom:		10px;
    color:				#FFFFFF;
}

.default-select > input[type=text] {
    font-size:			15px;
    height:				50px;
    padding-left:		10px;
    background-color:	#73a8a5;
    color:				#FFFFFF;
    border:				0px;
}

.default-select > .tables {
    width:				198px;
}

.default-select > .employees {
    width:				248px;
}

.default-select > .autosuggestbtn {
    float:				right;
    width:				32px;
    height:				50px;
    background:			#73a8a5 url('../images/icons/touchscreen-switch.png') center center no-repeat;;
}

#touchscreen > #left > .button {
    width:				230px;
    height:				35px;
    background:			#2e2e2e;
    color:				#FFFFFF;
    font-size:			16px;
    margin-bottom:		1px;
    padding:			20px 0 0 20px;
    cursor:				pointer;
    display:			none;
}

#touchscreen > #left > .group-active {
    display:			block;
}

#touchscreen > #left > .group-selected {
    color:				#8f8f8f;
    display:			block;
}

#touchscreen > #left > .categorie-button {
    display:			none;
    width:				210px;
    padding-left:		40px;
    background:			#454343;
}

#touchscreen > #left > .categorie-active {
    background:			#f5921e;
}

#touchscreen > #center > .table-overview {
    position:			absolute;
    left:				0px;
    width:				50px;
    height:				50px;
    background:			#73a8a5 url('../images/icons/touchscreen-table.png') center center no-repeat;
    cursor:				pointer;
}

#touchscreen > #center > .table-options {
    position:			absolute;
    left:				60px;
    width:				50px;
    height:				50px;
    background:			#73a8a5 url('../images/icons/touchscreen-options.png') center center no-repeat;
    cursor:				pointer;
}

#touchscreen > #center > .table-make-persons {
    position:			absolute;
    left:				120px;
    width:				50px;
    height:				50px;
    background:			#73a8a5 url('../images/icons/touchscreen-addperson.png') center center no-repeat;
    cursor:				pointer;
}

#touchscreen > #center > .table-persons {
    position:			absolute;
    left:				180px;
    top: 				5px;
    width:				220px;
    height:				50px;
    font-size:			36px;
    cursor: 			pointer;
}

#touchscreen > #center > .table-relation {
    position:			absolute;
    left:				380px;
    top: 				5px;
    width:				300px;
    height:				50px;
    font-size:			36px;
    white-space: 		nowrap;
    text-overflow: 		ellipsis;
}

#touchscreen > #center > .table-notes {
    position:			absolute;
    display: 			none;
    left:				95px;
    top:				3px;
    border-radius: 		5px;
    width:				10px;
    height:				10px;
    background:			#00ff00;
}


#touchscreen > #center > .search {
    position:			absolute;
    right:				60px;
}

#touchscreen > #center > .search > .seachfield {
    float:				left;
    width:				250px;
    height:				50px;
    margin-right:		10px;
}

#touchscreen > #center > .search > .seachfield > input[type=text] {
    background:			#FFFFFF;
    width:				235px;
    height:				44px;
    padding:			5px 0 0 20px;
    font-size:			16px;
}

#touchscreen > #center > .search > .seachbutton {
    float:				left;
    width:				50px;
    height:				50px;
    background:			#73a8a5 url('../images/icons/touchscreen-search.png') center center no-repeat;
}

#touchscreen > #center > .lock {
    position:			absolute;
    right:				0px;
    width:				50px;
    height:				50px;
    background:			#73a8a5 url('../images/icons/touchscreen-lock.png') center center no-repeat;
    cursor:				pointer;
}

#touchscreen > #center > .products {
    position:			relative;
    top: 				60px;
}

#touchscreen > #center > .products > .productrow {
    clear: both;
}

#touchscreen > #center > .products > .productrow > .product {
    position: 			relative;
    float:				left;
    margin:				0 1px 1px 0;
    padding:			5px 5px 5px 5px;;
    width: 				140px;
    height: 			100px;
    background:			#f5921e;
    cursor:				pointer;
    text-align:			center;
}

#touchscreen > #center > .products > .productrow > .product > span {
    display: 			inline-block;
    padding-top: 		35px;
    width: 				140px;
}

#touchscreen > #center > .products > .productrow > .product > .daily-stock {
    position: 			absolute;
    left:				5px;
    top:				5px;
}

#touchscreen > #right > .products {
    position:			relative;
    width:				300px;
    min-height:			200px;
    margin-bottom:		10px;
    padding:			10px 0 55px 0;
    background:			#FFFFFF;
}

#touchscreen > #right > .products > .rows {
    margin:				0 17px 0 10px;
    clear: 				both;
}

#touchscreen > #right > .products > .rows > .course_row {
    position: 			relative;
    width:				260px;
    height:				30px;
	line-height: 		30px;
    cursor:				pointer;
    clear: 				both;
	font-size: 			12px;
	text-align: 		center;
}

#touchscreen > #right > .products > .rows > .course_row:after {
    content: 			'';
    border-top:			1px dotted #000;
    position: 			absolute;
    left: 				0;
    z-index: 			0;
    top: 				50%;
    width: 				100%;
    height: 			1px;
}

#touchscreen > #right > .products > .rows > .course_row > span {
	background: 	white;
	padding: 		0 3px;
	position:		relative;
	z-index: 		1;
}

#touchscreen > #right > .products > .rows > .product_row {
    width:				260px;
    height:				50px;
    cursor:				pointer;
    clear: 				both;
}

#touchscreen > #right > .products > .rows > .product_row > .packaging_row {
    width:				260px;
    height:				50px;
    cursor:				pointer;
    clear: 				both;
    font-size:			12px;
    padding-top: 		5px;
}

#touchscreen > #right > .products > .rows > .product_row > .product_count,
#touchscreen > #right > .products > .rows > .product_row > .packaging_row > .product_count {
    position: 			relative;
    background:			#73a8a5;
    color:				#FFFFFF;
    float:				left;
    clear:				left;
    width:				27px;
    padding:			2px 0 0 3px;
    border-radius:		5px;
}

#touchscreen > #right > .products > .rows > .product_row > .packaging_row > .product_count {
    background:			none;
    color: 				#000;
}

#touchscreen > #right > .products > .rows > .product_row > .product_count > .product_add {
    position: 			absolute;
    right:				3px;
    top: 				3px;
    width: 				5px;
    height: 			6px;
    background:			transparent url('../images/icons/touchscreen-product-add.png') right top no-repeat;
}

#touchscreen > #right > .products > .rows > .product_row > .product_name,
#touchscreen > #right > .products > .rows > .product_row > .packaging_row > .product_name {
    float:				left;
    width: 				170px;
    padding-left:		3px;
}

#touchscreen > #right > .products > .rows > .product_row > .product_price,
#touchscreen > #right > .products > .rows > .product_row > .packaging_row > .product_price {
    float:				right;
}


#touchscreen > #right > .products > .rows > .product_row > .product_options {
    float:				right;
    width:				100%;
    font-size: 			80%;
}

#touchscreen > #right > .products > .rows > .product_row > .product_options:last-of-type {
    margin-bottom: 		10px;
}

#touchscreen > #right > .products > .rows > .product_row > .product_options > b {
    color: 				#999;
}

#touchscreen > #right > .products > .linerows {
    border-top:			1px dashed #000000;
    margin:				-10px 20px 10px 20px;
    display:			none;
    height: 			10px;
}

#touchscreen > #right > .products > .total {
    clear:				both;
    width:				260px;
    margin:				0 20px 0 20px;
    border-top:			1px dashed #000000;
    font-weight:		bold;
}

#touchscreen > #right > .products > .total > .title {
    float:				left;
    clear:				left;
    width:				60px;
    margin-top:			5px;
}

#touchscreen > #right > .products > .total > .total-amount {
    float:				right;
    clear:				right;
    width:				200px;
    margin-top:			5px;
    text-align:			right;
}

#touchscreen > #right > .big-button {
    position:			relative;
    width:				240px;
    height:				40px;
    padding:			10px 0 0 60px;
    margin-bottom: 		10px;
    color:				#FFFFFF;
    font-size:			22px;
    font-weight:		bold;
    cursor:				pointer;
}

#touchscreen > #right > .big-button.pin-payment {
    min-height: 		40px;
    height: 			auto;
}

#touchscreen > #right > .big-button > .icon {
    position:			absolute;
    top:				7px;
    right:				35px;
    width:				32px;
    height:				32px;
}

#touchscreen > #right > .big-button > .check {
    background:			transparent url('../images/icons/touchscreen-check.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .cash {
    background:			transparent url('../images/icons/touchscreen-cash.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .course {
    background:			transparent url('../images/icons/touchscreen-course.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .ticket {
    background:			transparent url('../images/icons/touchscreen-ticket.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .lastticket {
    background:			transparent url('../images/icons/touchscreen-last-ticket.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .lastpinticket {
    background:			transparent url('../images/icons/touchscreen-pinbon_icon.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button.open-cashdrawer {
    display: none;
}

#touchscreen > #right > .big-button > .cashdrawer {
    background:			transparent url('../images/icons/touchscreen-cashdrawer_icon.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .cashcontrol {
    background:			transparent url('../images/icons/touchscreen-cashcontrol_icon.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .cashdeskhelp {
    background:			transparent url('../images/icons/touchscreen-deskhelp.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .cashdeskhistory {
    background:			transparent url('../images/icons/touchscreen-history.png') 0 0 no-repeat;
}

#touchscreen > #right > .big-button > .productstickets {
    /*background:			transparent url('../images/icons/touchscreen-bel.png') 0 0 no-repeat;*/
}

#touchscreen > #display > .row {
    display: 			inline-block;
    width: 				575px;
    padding-bottom: 	10px;
    margin-top:			40px;
    border-bottom:		1px dashed #000000;
    position: 			relative;
    margin-right: 		20px;
}

/*
#touchscreen > #display .row:nth-of-type(odd) {
	float: left;
	clear: left;
}

#touchscreen > #display .row:nth-of-type(even) {
	float: right;
	clear: right;
}*/

#touchscreen > #display > .row > .table {
    float:				left;
    font-weight: 		bold;
    font-size: 			20px;
    width: 				265px;
}

#touchscreen > #display > .row > .employee {
    float:				left;
    width: 				200px;
}

#touchscreen > #display > .row > .tabletime {
    float:				left;
    width: 				85px;
}

#touchscreen > #display > .row > .relation {
    float: 				left;
    font-weight: 		bold;
    font-size: 			20px;
    width: 				435px;
}

#touchscreen > #display > .row > .notes {
    float:				left;
    width: 				435px;
}

#touchscreen > #display > .row > .table-container > .categorie {
    float:				left;
    font-weight:	 	bold;
    font-size:			16px;
    width:				calc( 80% + 10px );
}

#touchscreen > #display > .row > .table-container > .categorie-button {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				15%;
    height: 			28px;
    color:				#000000;
    text-align: 		center;
    cursor: 			pointer;
}

#touchscreen > #display > .row > .table-container > .button_background {
    background: 		#73a8a5;
    color:				#FFFFFF;
}

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row {
    padding-top:		5px;
    display: 			inline-block;
    width: 				100%;
    font-size:			16px;
}

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .count {
    float:				left;
    width: 				7%;
    padding-top:		7px;
    font-weight: 		bold;
}

/*#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .product {
	float:				left;
	padding:			7px 0 0 5px;
	width: 				190px;
}*/

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .description {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				65%;
}

/*#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .product6 {
	float:				left;
	padding:			7px 0 0 5px;
	width: 				140px;
}*/

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .description6 {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				48%;
}

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .time {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				8%;
}

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .button {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				15%;
    height: 			28px;
    color:				#000000;
    text-align: 		center;
    cursor: 			pointer;
}

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .backbutton {
    margin-left: 		5px;
}

#touchscreen > #display > .row > .table-container > .categorie-container > .product-row > .button_background {
    background: 		#73a8a5;
    color:				#FFFFFF;
}

#touchscreen > #displayflex > .row {
    display: 			inline-block;
    width: 				460px;
    padding-bottom: 	10px;
    margin-top:			50px;
    border-bottom:		1px dashed #000000;
    position: 			relative;
    margin-left: 		9px;
    margin-right: 		9px;
}

/*
#touchscreen > #displayflex .row:nth-of-type(odd) {
	float: left;
	clear: left;
}

#touchscreen > #displayflex .row:nth-of-type(even) {
	float: right;
	clear: right;
}*/

#touchscreen > #displayflex > .row {
    display: 			inline-block;
    width: 				459px;
    padding-bottom: 	10px;
    margin-top:			40px;
    border-bottom:		1px dashed #000000;
    position: 			relative;
    margin-left: 		9px;
    margin-right: 		9px;
}

/*
#touchscreen > #displayflex .row:nth-of-type(odd) {
	float: left;
	clear: left;
}

#touchscreen > #displayflex .row:nth-of-type(even) {
	float: right;
	clear: right;
}*/

#touchscreen > #displayflex > .row > .table {
    float:				left;
    font-weight: 		bold;
    font-size: 			20px;
    width: 				265px;
}

#touchscreen > #displayflex > .row > .employee {
    float:				left;
    width: 				200px;
}

#touchscreen > #displayflex > .row > .tabletime {
    float:				left;
    width: 				85px;
}

#touchscreen > #displayflex > .row > .relation {
    float: 				left;
    font-weight: 		bold;
    font-size: 			20px;
    width: 				435px;
}

#touchscreen > #displayflex > .row > .notes,
#touchscreen > #displayflex > .row > .rowcomments {
    float:				left;
    width: 				435px;
}

#touchscreen > #displayflex > .row > .table-container > .categorie {
    float:				left;
    font-weight:	 	bold;
    font-size:			16px;
    width:				calc( 80% );
}

#touchscreen > #displayflex > .row > .table-container > .categorie-button {
    float:				left;
    line-height: 1.8;
    width: 				15%;
    height: 			28px;
    color:				#000000;
    text-align: 		center;
    cursor: 			pointer;
}

#touchscreen > #displayflex > .row > .table-container > .button_background {
    background: 		#73a8a5;
    color:				#FFFFFF;
}

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row {
    padding-top:		5px;
    display: 			inline-block;
    width: 				100%;
    font-size:			16px;
}

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .count {
    float:				left;
    width: 				7%;
    padding-top:		7px;
    font-weight: 		bold;
}

/*#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .product {
	float:				left;
	padding:			7px 0 0 5px;
	width: 				190px;
}*/

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .description {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				63%;
}

/*#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .product6 {
	float:				left;
	padding:			7px 0 0 5px;
	width: 				140px;
}*/

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .description6 {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				44%;
}

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .time {
    float:				left;
    padding:			7px 0 0 5px;
    width: 				10%;
}

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .time-color {
    background-color:	red;
    margin-right:		1%;
    width: 				9% !important;
    border-radius: 		10px;
}


#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .button {
    float:				left;
    line-height: 1.8;
    width: 				15%;
    height: 			28px;
    color:				#000000;
    text-align: 		center;
    cursor: 			pointer;
}

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .backbutton {
    margin-left: 		5px;
}

#touchscreen > #displayflex > .row > .table-container > .categorie-container > .product-row > .button_background {
    background: 		#73a8a5;
    color:				#FFFFFF;
}

.touchscreen-overlay {
    position: 			fixed;
    width:	 			100%;
    height:				calc(100% - 130px);
    bottom:				0px;
    background:			#EEEEEE;
    z-index:			2;
    display:			none;
}

.touchscreen-overlay > .title {
    position: 			absolute;
    left:				calc(50% - 230px);
    top:				calc(50% - 50px);
    width:				460px;
    text-align: 		center;
    font-size: 			36px;
}

.touchscreen-frame {
    padding-top:		20px;
    font-size:			22px;
}

.touchscreen-frame > .discount-row{
    float:				left;
    width:				235px;
    height:				50px;
    margin-left:		20px;
    white-space:		nowrap;
}

.touchscreen-frame > .discount-row > .discount-title {
    float:				left;
    width:				140px;
}

.touchscreen-frame > .discount-row > .discount-amount {
    float:				right;
    width:				35px;
}

.touchscreen-frame > .discount-product {
    float:				left;
    margin-left:		20px;
}

.touchscreen-frame > .discount-product > input[type="text"]  {
    float:				left;
    width:				440px;
}

.touchscreen-frame > .discount-product > .autosuggestbtn {
    height: 			42px;
    margin-top: 		0px;
}

.touchscreen-frame > .event-block {
    float:				left;
    margin-left:		20px;
	height:				100px;
}

.touchscreen-frame > .event-block > input[type="text"]  {
    float:				left;
	width: 				725px;
}

.touchscreen-frame > .event-block > .autosuggestbtn {
    height: 			42px;
    margin-top: 		0px;
}

.touchscreen-frame .total {
    width:				235px;
    height:				30px;
    margin-left:		20px;
    white-space:		nowrap;
}

.touchscreen-frame .total > .amount {
    float:				right;
    width:				130px;
    text-align:			right;
}

.touchscreen-frame  .button {
    float:left;
    width:				235px;
    height:				50px;
    margin:				10px 0 0 20px;
    padding-top:		25px;
    background:			#000000;
    color:				#FFFFFF;
    text-align:			center;
    cursor:				pointer;
}

.touchscreen-frame .active-button {
    background:			#f5921e;
    color:				#000000;
}

.touchscreen-frame  .four-payments > .button {
    width: 				170px;
}


.touchscreen-frame input[type=text]{
    float:				right;
    clear:				right;
    width:				80px;
    height:				30px;
    padding:			5px;
}

.touchscreen-frame textarea{
    height: 			100px;
    padding:			5px;
}

.touchscreen-frame .default-select {
    width:				260px;
    float:				left;
}

.touchscreen-frame #relationselector_name{
    width:				178px;
    height:				45px;
    background:			#000000;
    color:				#FFFFFF;
    margin: 			20px 0 0 20px;
    padding-left:		20px;
    float:				left;
    border:				0px;
}

.touchscreen-frame .autosuggestbtn {
    touch-action: 		manipulation;
    float:				left;
    width:				32px;
    height:				55px;
    margin-top: 		20px;
    background:			#000000 url('../images/icons/touchscreen-switch.png') center center no-repeat;;
}

.touchscreen-frame .productbutton {
    touch-action: 		manipulation;
    float:				left;
    width:				125px;
    height:				40px;
    margin:				20px 0 0 20px;
    padding-top:		10px;
}

.touchscreen-frame .smallbutton {
    touch-action: 		manipulation;
    float:				left;
    width:				60px;
    height:				30px;
    margin:				3px 0 0 10px;
    padding-top:		2px;
}

.touchscreen-frame > .cancel{
    float:				left;
}

.touchscreen-frame > .delete{
    float:				left;
}

.touchscreen-frame > .ok {
    float:				right;
    margin-right:		20px;
}

.touchscreen-frame .rows {
    height:				45px;
    margin:				5px 20px 0 20px;
}

.touchscreen-frame .rows-title {
    height:				20px;
    padding:			5px 20px 5px 20px;
    display: 			table-cell;
    vertical-align: 	bottom;
}

.touchscreen-frame .rows-textarea {
    margin:				5px 20px 0 20px;
}

.touchscreen-frame .rows > .product_description {
    width:				552px;
    text-align:			left;
}

.touchscreen-frame .rows > .text {
    float:				right;
    text-align:	 		right;
}

.touchscreen-frame .min {
    touch-action: 		manipulation;
    float:				right;
    margin-right:		15px;
    width:				50px;
    height:				42px;
    background:			transparent url('../images/icons/touchscreen-min.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame .plus {
    touch-action: 		manipulation;
    float:				right;
    margin-right:		15px;
    width:				50px;
    height:				42px;
    background:			transparent url('../images/icons/touchscreen-plus.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame .rows > .tables {
    float:				left;
    width:				385px;
}

.touchscreen-frame .rows > .locationcategories {
    float:				left;
    width:				500px;
}

.touchscreen-frame .rows > .autosuggestbtn {
    touch-action: 		manipulation;
    float:				right;
    height: 			42px;
    margin-top:			0px;
}

.touchscreen-frame .rows > .table-overview {
    float:				right;
    height: 			42px;
    margin-top:			0px;
    margin-left:		2px;
    width:				42px;
    background:			#000000 url('../images/icons/touchscreen-table.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame .relation-remove {
    float:				right;
    height: 			42px;
    margin-top:			0px;
    margin-left:		2px;
    width:				42px;
    background:			#000000 url('../images/icons/touchscreen-remove.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame .rows .button-takeaway {
    float:				right;
    height: 			42px;
    margin-top:			0px;
    margin-left:		2px;
    width:				42px;
    background:			#000000 url('../images/icons/touchscreen-remove.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame a > .relation-info {
    float:				right;
    height: 			42px;
    margin-top:			0px;
    margin-left:		2px;
    width:				42px;
    background:			#000000 url('../images/icons/touchscreen-info.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame a > .relation-search {
    float:				right;
    height: 			42px;
    margin-top:			0px;
    margin-left:		2px;
    width:				42px;
    background:			#000000 url('../images/icons/touchscreen-search.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame a > .relation-add {
    float:				right;
    height: 			42px;
    margin-top:			0px;
    margin-left:		2px;
    width:				42px;
    background:			#000000 url('../images/icons/touchscreen-add.png') center center no-repeat;
    cursor:				pointer;
}

.touchscreen-frame .rows .button-takeaway.active {
    background-color: 	#73A8A5;
    background-image: 	url('../images/icons/touchscreen-check.png');
}

.touchscreen-frame .floormap-location-container > a > .floormap-location {
    float:				left;
    color:				#FFFFFF;
    background:			#73A8A5;
    padding:			10px;
    margin:				10px;
    width:				100px;
    text-align:			center;
    font-size:			18px;
    cursor:				pointer;
}

.touchscreen-frame > .floormap-location-container > a > .floormap-location-active {
    background:			#F5921E;
}

.touchscreen-frame > .floormap-location-container > .open-cashdrawer > .cashdrawer {
    float: 				left;
    width:				50px;
    height:				48px;
    margin:				10px;
    padding:			5px;
    background:			#73A8A5 url('../images/icons/touchscreen-cashdrawer_icon.png') center no-repeat;
}

.touchscreen-frame > .floormap-location-container > .open-outstandingorders > .outstandingorders {
	float: 				left;
	width:				50px;
	height:				48px;
	margin:				10px;
	padding:			5px;
	background:			#73A8A5 url('../images/icons/touchscreen-outstandingorders_icon.svg') center no-repeat;
	background-size:	26px;
}


.touchscreen-frame > .floormap-location-container > .refresh-tables > .refresh {
    float: 				left;
    width:				32px;
    height:				32px;
    margin:				10px;
    padding:			5px;
    background:			#73A8A5 url('../images/icons/touchscreen-refresh_icon.png') center no-repeat;
}

.touchscreen-frame > .floormap-background {
    position: 			absolute;
    top:				0px;
    right:				0px;
    bottom:				0px;
    left:				0px;
    margin-top:			150px;
}

.touchscreen-frame > .floormap-background > .floormap-container {
    position: 			relative;
}

.touchscreen-frame > .floormap-background > .floormap-container > .floormap-table {
    touch-action: 		manipulation;
    font-size: 			30px;
    cursor: 			pointer;
}

.touchscreen-frame .touchscreen-delete {
    float: 				right;
    width: 				42px;
    height: 			42px;
    background:			transparent url('../images/icons/touchscreen-del.png') 0 0 no-repeat;
    cursor: 			pointer;
}

body.floormap > .placeholder {
    height: 100%;
}

body.floormap > .placeholder .touchscreen-frame {
    height: 100%;
}

body.touchscreen > .ui-menu > .ui-menu-item > .ui-menu-item-wrapper {
    padding:			15px;
    font-size:			15px;
}

.touchscreen-overlay.deskcheck {
    text-align: center;
}

.touchscreen-overlay.deskcheck > .title {
    position: relative;
    left: auto;
    text-align: center;
    width: auto;
    top: auto;
    right: auto;
    margin-bottom: 20px;
    margin-top: 8%;
}

.touchscreen-overlay.deskcheck > .desk-group {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    display: block;
    position: relative;
}

.touchscreen-overlay.deskcheck > .desk-group > .desk-selector {
    background: #000;
    color: #FFF;
    margin: 0 10px 15px;
    padding: 16px 48px;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
}

.touchscreen-overlay.relationcheck > .title {
    position: relative;
    left: auto;
    text-align: center;
    width: auto;
    top: auto;
    right: auto;
    margin-bottom: 20px;
    margin-top: 1%;
}

.touchscreen-overlay.relationcheck > .relation-group {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    display: block;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    height: calc(100% - 100px);
    overflow-x: hidden;
}

.touchscreen-overlay.relationcheck > .relation-group > .row {
    margin: 0 7.5px 15px 7.5px;
    width: calc(25% - 15px);
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .relation-button {
    position: relative;
    width: 100%;
    margin: 0;
    background: #000;
    color: #FFF;
    display: inline-block;
    padding: 8px 0;
    font-weight: bold;
    font-size: 16px;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .relation-button > .remove-option {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #ff0000;
    font-size: 28px;
    width: 25px;
    height: 25px;
    line-height: 21px;
    text-align: center;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .relation-button > .merge-button {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #ff0000;
    font-size: 28px;
    width: 25px;
    height: 25px;
    line-height: 21px;
    text-align: center;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .relation-button > .merge-option {
    color: #ff0000;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .relation-button > .merge-check {
    color: #00ff00;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .products {
    background: rgb(210, 210, 210);
    height: 260px;
    overflow-x: hidden;
    margin: 0;
    padding: 6px 10px;
    font-size: 14px;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .products .item {
    display: block;
    border-bottom: 1px solid rgb(173, 173, 173);
    padding: 5px 0;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .products > .item > div {
    display: inline-block;
    vertical-align: top;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .products > .item > .amount {
    text-align: left;
    width: 10%;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .products > .item > .description {
    text-align: left;
    width: 65%;
}

.touchscreen-overlay.relationcheck > .relation-group > .row > .products > .item > .price {
    text-align: right;
    width: 25%;
}

.touchscreen-overlay.relationcheck > .relation-merge {
    width: 12%;
    height: 50px;
    background: #000;
    color: #fff;
    margin-left: 44%;
    margin-right: 44%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 50px;
}

.touchscreen-overlay.pincheck > .title {
    position: relative;
    left: auto;
    text-align: center;
    width: auto;
    top: auto;
    right: auto;
    margin-bottom: 20px;
    margin-top: 50px;
}

.touchscreen-overlay.pincheck > .pincheck-message{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}

.touchscreen-overlay.pincheck > .pincheck-finish {
    position: absolute;
    width: 12%;
    height: 50px;
    background:	#000;
    color: #fff;
    margin-left: 44%;
    margin-right: 44%;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    margin-top: 100px;
}

.touchscreen-overlay.outstandingorder > .pincheck-finish-order {
    position: absolute;
    width: 26%;
    height: 50px;
    background:	#000;
    color: #fff;
    margin-left: 37%;
    margin-right: 37%;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    margin-top: 100px;
}

#no-desk {
    color: red;
}

#no-desk img {
    vertical-align: text-bottom;
}

/* einde touchscreen */
/**/
/*@media (min-width: 2700px) {*/
/*	#touchscreen > #display > .row {*/
/*		width: 15.7%;*/
/*		padding-left: 15px;*/
/*	}*/
/*}*/

/* Touchscreen responsive */
@media (max-width: 799px) {

    .touchscreen-overlay {
        height: calc(100% - 50px);
    }

    .touchscreen #content {
        top: 0;
    }

    #touchscreen-mainlogo {
        height: 50px;
        width: 150px;
        background-size: contain;
        top: 0;
    }

    #touchscreen {
        font-size: 12px;
    }

    body.touchscreen > .ui-menu > .ui-menu-item > .ui-menu-item-wrapper {
        font-size: 12px;
    }

    .touchscreen-frame {
        font-size: 14px;
    }

    .touchscreen-frame .productbutton {
        height: 28px;
    }

    .touchscreen-frame .floormap-location-container > a > .floormap-location {
        font-size: 14px;
    }

    .touchscreen-frame > .floormap-background > .floormap-container > .floormap-table {
        font-size: 12px;
    }

    .touchscreen-desk-name {
        right: 100px;
        top: 5px;
        font-size: 16px;
    }

    #touchscreen > #center > .table-relation {
        font-size: 16px;
        right: -110px;
        left: auto;
        text-align: right;
        top: -28px;
        width: 150px;
    }

    #touchscreen > #center > .table-persons {
        font-size: 16px;
        left: auto;
        right: 0;
        text-align: right;
        top: -28px;
    }

    .touchscreen-back-desk {
        top: 9px;
        right: 53px;
    }

    .touchscreen-back {
        top: 8px;
        right: 10px;
    }

    #touchscreen > #left {
        top: 50px;
        width: 130px;
    }

    #touchscreen > #left > .button {
        width: 110px;
        font-size: 12px;
    }

    #touchscreen > #left > .categorie-button {
        width: 90px;
    }

    .default-select > .tables {
        width: 85px;
    }

    .default-select > .employees {
        width: 100px;
    }

    .default-select > input[type="text"] {
        font-size: 12px;
    }

    #touchscreen > #center {
        top: 50px;
        left: 140px;
        right: 210px;
        margin: 0;
    }

    #touchscreen > #right {
        top: 50px;
        width: 200px;
    }

    #touchscreen > #center > .search {
        right: 0;
    }

    #touchscreen > #center > .search > .seachfield {
        width: 100px;
    }

    #touchscreen > #center > .search > .seachfield > input[type="text"] {
        width: 88px;
    }

    #touchscreen > #center > .lock {
        display: none;
    }

    #touchscreen > #center > .products > .product {
        background-size: contain;
        width: 78px;
        height: 50px;
    }

    #touchscreen > #center > .products > .product > span {
        width: 78px;
        padding-top: 10px;
    }

    #touchscreen > #center > .table-options {
        left: 55px;
    }

    #touchscreen > #right > .products {
        width: 200px;
    }

    #touchscreen > #right > .products > .rows {
        margin: 0 5px;
    }

    #touchscreen > #right > .products > .rows > .product_row {
        height: auto;
        width: 190px;
    }

    #touchscreen > #right > .products > .rows > .product_row > .product_name {
        width: 120px;
        padding-bottom: 10px;
    }

    #touchscreen > #right > .products > .total {
        width: 175px;
    }

    #touchscreen > #right > .products > .total > .total-amount {
        width: 100px;
    }

    #touchscreen > #right > .big-button {
        width: 195px;
        height: 30px;
        font-size: 18px;
        padding: 5px 0 0 5px;
    }

    #touchscreen > #right > .big-button > .icon {
        top: 1px;
        right: 10px;
    }
}
/* Einde Touchscreen responsive */


/*
DHTMLX aanpassingen
*/

.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins, .dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins {
    background-color: 	#000;
    filter: none;
}

.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins, .dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
    background-color: 	#000;
    filter: none;
    border:				1px solid #000;
}

.dhx_tabbar_zone.dhx_tabbar_zone_default {
    background-color: #000;
    filter: none;
}
.dhx_tablist_zone {
    padding-top:	2px;
}

.dhxtabbar_tabs_top {
    padding-left: 4px;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab {
    background: #7aa4a3;
    filter: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
    color:		#fff;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv {
    background: #eee;
    filter: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
    font-weight: normal;
    color:		#261605;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs {
    height: 24px;
    background:	#000;
    filter: none;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
    height: 24px;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left, .dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
    height: 24px;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab {
    height: 24px;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
    display: none;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
    display: none;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
    display: none;
}

.dhx_toolbar_dhx_skyblue {
    height: 24px;
    background:	#000;
    filter: none;
}

.dhtmlXTooltip.tooltip {
    z-index: 100 !important;
}


/**
Select2 aanpassingen
*/

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.select2-container--default .select2-selection--multiple {
    border:	none;
    border-radius: 0;
    background-color: #eee;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border:	none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
    background-color: #fff;
    margin-right: 2px;
    margin-top: 4px;
}

.select2-container--default .select2-results__option {
    border: 1px solid #fff;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    text-decoration: underline;
    background-color: #fff;
    color: #000;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background-color: #7aa4a3;
}

.select2-results__option {
    padding: 3px;
}

.select2-container .select2-selection--multiple {
    min-height: 27px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}

.select2-search__field[type="search"] {
    -webkit-appearance: none;
}


/** touchscreen datepicker */

.touchscreen .ui-datepicker {
    width: auto;
}

.touchscreen .ui-datepicker td span,
.touchscreen .ui-datepicker td a {
    padding: 15px;
}

.touchscreen .ui-datepicker select {
    padding: 3px 10px;
}

.touchscreen .ui-datepicker .ui-datepicker-prev,
.touchscreen .ui-datepicker .ui-datepicker-next {
    top: 4px;
}

.touchscreen .ui-datepicker-trigger {
    width: 42px;
    height: 42px;
    position: relative;
    margin-left: 5px;
    display: inline-block;
}

.touchscreen img.ui-datepicker-trigger {
    box-sizing: border-box;
    background: url('../images/index/calendar-icon.png') no-repeat;
    background-size: 100% 100%;
    padding-left: 42px;
}


.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-hover,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-hover,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-hover,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-focus,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-focus,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-focus,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-active,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-active,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-active,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-hover,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-hover,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-hover,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-focus,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-focus,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-focus,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-active,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-active,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-active {
    font-weight: bold;
    background: #ddd;
}

.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-highlight,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-state-highlight,
.touchscreen #ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-highlight,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-highlight,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-state-highlight,
.touchscreen .ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-highlight {
    background: #7AA4A3;
    color: #fff;
}

.ui-datepicker-header .ui-datepicker-prev-hover,
.ui-datepicker-header .ui-datepicker-next-hover {
    background: #7AA4A3 !important;
    color: #fff !important;;
}

/** einde touchscreen date picker */

.stockred {
    background-color: red;
    color:#fff;
}

.stockorange {
    background-color: orange;
}

/* Product tabjes verkleinen */
#subnav li,
#artikelform #subnav li,
#ajaxnav > ul > li {
    max-width: 100%;
    width: auto;
    border-radius: 5px 5px 0 0;
    background: #2e1f0b;
    height: 21px;
    padding-top: 2px;
    line-height: 20px;
    margin-left: 3px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #2e1f0b;
    padding: 0 2px;
}

#subnav li[class*="ui-tabs-paging"],
#artikelform #subnav li[class*="ui-tabs-paging"],
#ajaxnav > ul > li[class*="ui-tabs-paging"] {

}

/* Ajax loader voor autocomplete inputs */
input.ui-autocomplete-input.ui-autocomplete-loading {
    background-image: url('../images/icons/autocomplete-loader.gif');
    background-position: right;
    background-repeat: no-repeat;
    opacity: .8;
}

/* notify */
.js-notify {
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #FFF;
    width: 400px;
    position: fixed;
    transition: all 0.3s linear;
    bottom: -300px;
    right: 15px;
    cursor: pointer;
    font-size: 14px;
    z-index: 1004;
}

.js-notify span {
    display: inline-block;
    vertical-align: top;
}

.js-notify span:first-of-type {
    width: 80px;
}

.js-notify span:last-of-type {
    width: calc(100% - 80px);
}

.js-notify h2 {
    background: #81A7A5;
    margin: 0;
    padding: 10px;
    color: #FFF;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.js-notify div {
    font-size: 1.2em;
    padding: 15px;
    font-size: 13px;
}

[data-fade] {
    opacity: 0;
}

.js-notify .close {
    position: absolute;
    top: 8px;
    padding: 0;
    right: 10px;
    font-size: 18px;
    color: #fff;
}
/* Einde notify */

#selectProductForm {
    display: block;
}

#selectProductForm #categories,
#selectProductForm #products,
#selectProductForm #back-groups,
#selectProductForm #back-categories {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#selectProductForm #categories .category,
#selectProductForm #products .productrow,
#selectProductForm #back-groups,
#selectProductForm #back-categories {
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #000;
    margin-bottom: 10px;
    display: inline-block;
    width: 265px;
    margin-right: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

#selectProductForm #back-groups,
#selectProductForm #back-categories {
    background-color: #000;
    color: #fff;
}

#ui-datepicker-div.ui-widget-content,
.ui-datepicker-inline.ui-widget-content {
    background: #eee;
}


#ui-datepicker-div.ui-widget-content .ui-state-default,
#ui-datepicker-div.ui-widget-content .ui-state-default,
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-default,
.ui-datepicker-inline.ui-widget-content .ui-state-default,
.ui-datepicker-inline.ui-widget-content .ui-state-default,
.ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-default
{
    background: #fff;
}

#ui-datepicker-div.ui-widget-content .ui-state-hover,
#ui-datepicker-div.ui-widget-content .ui-state-hover,
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-hover,
#ui-datepicker-div.ui-widget-content .ui-state-focus,
#ui-datepicker-div.ui-widget-content .ui-state-focus,
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-focus,
#ui-datepicker-div.ui-widget-content .ui-state-active,
#ui-datepicker-div.ui-widget-content .ui-state-active,
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-active,
.ui-datepicker-inline.ui-widget-content .ui-state-hover,
.ui-datepicker-inline.ui-widget-content .ui-state-hover,
.ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-hover,
.ui-datepicker-inline.ui-widget-content .ui-state-focus,
.ui-datepicker-inline.ui-widget-content .ui-state-focus,
.ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-focus,
.ui-datepicker-inline.ui-widget-content .ui-state-active,
.ui-datepicker-inline.ui-widget-content .ui-state-active,
.ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-active {
    background: #fff;
    color: #7AA4A3;
}

#ui-datepicker-div.ui-widget-content .ui-state-highlight,
#ui-datepicker-div.ui-widget-content .ui-state-highlight,
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-state-highlight,
.ui-datepicker-inline.ui-widget-content .ui-state-highlight,
.ui-datepicker-inline.ui-widget-content .ui-state-highlight,
.ui-datepicker-inline.ui-widget-content .ui-widget-header .ui-state-highlight  {
    border: 1px solid #7AA4A3;
}

span[data-help-id]:after {
    content: '?';
    color: #668e8d ;
    font-weight: 600;
    padding: 0 3px;
    margin-left: 5px;
    cursor: help;
    position: relative;
    top: 2px;
}

.subblock > h2 > span[data-help-id]:after {
    color: lightgrey;
    float: right;
    clear: both;
    margin-right: 8px;
}

label.help-text {
    position: relative;
}

label.help-text span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

label > span[data-help-id]:after {
    content: '';
}

input[type="text"] + span[data-help-id]:after {
    margin-left: 5px;
    top: 2px;
}

input[type="checkbox"] + span[data-help-id]:after {
    margin-left: 2px;
    top: 1px;
}

*[data-help-id] > span.help-content {
    display: none;
}

.label_comment_extern:after {
    content: '|';
    margin-left: 10px;
}

.checkbox_comment_extern {
    position: relative;
    top: 2px;
}

.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 9999999;
    transform: translateZ(0) scale(1, 1);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    filter: blur(0);
    -webkit-filter: blur(0);
    max-width: 90%; }

#noty_layout__top {
    top: 0;
    left: 5%;
    width: 90%; }

#noty_layout__topLeft {
    top: 20px;
    left: 20px;
    width: 325px; }

#noty_layout__topCenter {
    top: 5%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
    top: 20px;
    right: 20px;
    width: 325px; }

#noty_layout__bottom {
    bottom: 0;
    left: 5%;
    width: 90%; }

#noty_layout__bottomLeft {
    bottom: 20px;
    left: 20px;
    width: 325px; }

#noty_layout__bottomCenter {
    bottom: 5%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
    bottom: 20px;
    right: 20px;
    width: 325px; }

#noty_layout__center {
    top: 50%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
    top: 50%;
    left: 20px;
    width: 325px;
    transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
    top: 50%;
    right: 20px;
    width: 325px;
    transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
    display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #646464;
    opacity: 0.2;
    filter: alpha(opacity=10); }

.noty_bar {
    -webkit-backface-visibility: hidden;
    transform: translate(0, 0) scale(1, 1);
    -webkit-font-smoothing: subpixel-antialiased;
    overflow: hidden; }

.noty_effects_open {
    opacity: 0;
    transform: translate(50%);
    animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation-fill-mode: forwards; }

.noty_effects_close {
    animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation-fill-mode: forwards; }

.noty_fix_effects_height {
    animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
    cursor: pointer; }

.noty_close_button {
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s ease-out; }

.noty_close_button:hover {
    background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    opacity: .3;
    left: 0;
    top: 0; }

.noty_modal.noty_modal_open {
    opacity: 0;
    animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
    animation: noty_modal_out .3s ease-out;
    animation-fill-mode: forwards; }

@keyframes noty_modal_in {
    100% {
        opacity: .3; } }

@keyframes noty_modal_out {
    100% {
        opacity: 0; } }

@keyframes noty_anim_in {
    100% {
        transform: translate(0);
        opacity: 1; } }

@keyframes noty_anim_out {
    100% {
        transform: translate(50%);
        opacity: 0; } }

@keyframes noty_anim_height {
    100% {
        height: 0; } }


.noty_theme__bootstrap-v4.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    border-radius: .25rem; }
.noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem; }
.noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px; }
.noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent; }
.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75; }

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
    background-color: #fff;
    color: inherit; }

.noty_theme__bootstrap-v4.noty_type__warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border-color: #faebcc; }

.noty_theme__bootstrap-v4.noty_type__error {
    background-color: #f2dede;
    color: #a94442;
    border-color: #ebccd1; }

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
    background-color: #d9edf7;
    color: #31708f;
    border-color: #bce8f1; }

.noty_theme__bootstrap-v4.noty_type__success {
    background-color: #dff0d8;
    color: #3c763d;
    border-color: #d6e9c6; }


/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Accordion 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/*!
 * jQuery UI Button 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/button/#theming
 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*!
 * jQuery UI Checkboxradio 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/checkboxradio/#theming
 */

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}

/*!
 * jQuery UI Controlgroup 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/controlgroup/#theming
 */

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}


/*!
 * jQuery UI Datepicker 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/*!
 * jQuery UI Dialog 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI Draggable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-draggable-handle {
	touch-action: none;
}

/*!
 * jQuery UI Menu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/*!
 * jQuery UI Progressbar 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/*!
 * jQuery UI Resizable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*!
 * jQuery UI Selectable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

/*!
 * jQuery UI Selectmenu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

/*!
 * jQuery UI Sortable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-sortable-handle {
	touch-action: none;
}

/*!
 * jQuery UI Slider 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*!
 * jQuery UI Spinner 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/*!
 * jQuery UI Tabs 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*!
 * jQuery UI Tooltip 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png")/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png")/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png")/*{iconsDefault}*/;
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 * version: 1.21.2
 * https://github.com/wenzhixin/bootstrap-table/
 */
/* stylelint-disable annotation-no-unknown, max-line-length */
/* stylelint-enable annotation-no-unknown, max-line-length */
.bootstrap-table .fixed-table-toolbar::after {
  content: "";
  display: block;
  clear: both;
}

.bootstrap-table .fixed-table-toolbar .bs-bars,
.bootstrap-table .fixed-table-toolbar .search,
.bootstrap-table .fixed-table-toolbar .columns {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group {
  display: inline-block;
  margin-left: -1px !important;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn {
  border-radius: 0;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bootstrap-table .fixed-table-toolbar .columns .dropdown-menu {
  text-align: left;
  max-height: 300px;
  overflow: auto;
  -ms-overflow-style: scrollbar;
  z-index: 1001;
}

.bootstrap-table .fixed-table-toolbar .columns label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.4286;
}

.bootstrap-table .fixed-table-toolbar .columns-left {
  margin-right: 5px;
}

.bootstrap-table .fixed-table-toolbar .columns-right {
  margin-left: 5px;
}

.bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu {
  right: 0;
  left: auto;
}

.bootstrap-table .fixed-table-container {
  position: relative;
  clear: both;
}

.bootstrap-table .fixed-table-container .table {
  width: 100%;
  margin-bottom: 0 !important;
}

.bootstrap-table .fixed-table-container .table th,
.bootstrap-table .fixed-table-container .table td {
  vertical-align: middle;
  box-sizing: border-box;
}

.bootstrap-table .fixed-table-container .table thead th {
  vertical-align: bottom;
  padding: 0;
  margin: 0;
}

.bootstrap-table .fixed-table-container .table thead th:focus {
  outline: 0 solid transparent;
}

.bootstrap-table .fixed-table-container .table thead th.detail {
  width: 30px;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
  padding: 0.75rem;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bootstrap-table .fixed-table-container .table thead th .sortable {
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 30px !important;
}

.bootstrap-table .fixed-table-container .table thead th .sortable.sortable-center {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.bootstrap-table .fixed-table-container .table thead th .both {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}

.bootstrap-table .fixed-table-container .table thead th .asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}

.bootstrap-table .fixed-table-container .table thead th .desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");
}

.bootstrap-table .fixed-table-container .table tbody tr.selected td {
  background-color: rgba(0, 0, 0, 0.075);
}

.bootstrap-table .fixed-table-container .table tbody tr.no-records-found td {
  text-align: center;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view {
  display: flex;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
  font-weight: bold;
  display: inline-block;
  min-width: 30%;
  width: auto !important;
  text-align: left !important;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-value {
  width: 100% !important;
  text-align: left !important;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox {
  text-align: center;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox label {
  margin-bottom: 0;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="radio"],
.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="checkbox"] {
  margin: 0 auto !important;
}

.bootstrap-table .fixed-table-container .table.table-sm .th-inner {
  padding: 0.3rem;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height.has-card-view {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .table-dark thead th {
  border-bottom: 1px solid #32383e;
}

.bootstrap-table .fixed-table-container .fixed-table-header {
  overflow: hidden;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  z-index: 1000;
  transition: visibility 0s, opacity 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.open {
  visibility: visible;
  opacity: 1;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap {
  align-items: baseline;
  display: flex;
  justify-content: center;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
  margin-right: 6px;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before {
  content: "";
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: loading;
  background: #212529;
  border-radius: 50%;
  display: block;
  height: 5px;
  margin: 0 4px;
  opacity: 0;
  width: 5px;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot {
  animation-delay: 0.3s;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after {
  animation-delay: 0.6s;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark {
  background: #212529;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before {
  background: #fff;
}

.bootstrap-table .fixed-table-container .fixed-table-footer {
  overflow: hidden;
}

.bootstrap-table .fixed-table-pagination::after {
  content: "";
  display: block;
  clear: both;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail,
.bootstrap-table .fixed-table-pagination > .pagination {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info {
  line-height: 34px;
  margin-right: 5px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list {
  display: inline-block;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group .dropdown-menu {
  margin-bottom: 0;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
  margin: 0;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a {
  color: #c8c8c8;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::before {
  content: "\2B05";
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::after {
  content: "\27A1";
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a {
  pointer-events: none;
  cursor: default;
}

.bootstrap-table.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100% !important;
  background: #fff;
  height: calc(100vh);
  overflow-y: scroll;
}

.bootstrap-table.bootstrap4 .pagination-lg .page-link, .bootstrap-table.bootstrap5 .pagination-lg .page-link {
  padding: 0.5rem 1rem;
}

.bootstrap-table.bootstrap5 .float-left {
  float: left;
}

.bootstrap-table.bootstrap5 .float-right {
  float: right;
}

/* calculate scrollbar width */
div.fixed-table-scroll-inner {
  width: 100%;
  height: 200px;
}

div.fixed-table-scroll-outer {
  top: 0;
  left: 0;
  visibility: hidden;
  width: 200px;
  height: 150px;
  overflow: hidden;
}

@keyframes loading {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@charset "UTF-8";
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #212529;
  text-align: left;
  background-color: #f8fafc;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #668281;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #445756;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.25rem;
}

h2, .h2 {
  font-size: 1.8rem;
}

h3, .h3 {
  font-size: 1.575rem;
}

h4, .h4 {
  font-size: 1.35rem;
}

h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 0.9rem;
}

.lead {
  font-size: 1.125rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f8fafc;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #FFFFFF;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #d4dcdc;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #afbebd;
}

.table-hover .table-primary:hover {
  background-color: #c6d1d1;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #c6d1d1;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #dde4e4;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #c0cdcc;
}

.table-hover .table-secondary:hover {
  background-color: #cfd9d9;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #cfd9d9;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #FFFFFF;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #FFFFFF;
  border-color: #abbdbc;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #FFFFFF;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.6;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.125rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.7875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.7875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.7875rem;
  line-height: 1.6;
  color: #FFFFFF;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.6em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.4em + 0.1875rem) center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.6em + 0.75rem);
  background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.7875rem;
  line-height: 1.6;
  color: #FFFFFF;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.6em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.4em + 0.1875rem) center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.6em + 0.75rem);
  background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  line-height: 1.6;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #668281;
  border-color: #668281;
}
.btn-primary:hover {
  color: #FFFFFF;
  background-color: #556d6c;
  border-color: #506565;
}
.btn-primary:focus, .btn-primary.focus {
  color: #FFFFFF;
  background-color: #556d6c;
  border-color: #506565;
  box-shadow: 0 0 0 0.2rem rgba(125, 149, 148, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #FFFFFF;
  background-color: #668281;
  border-color: #668281;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #506565;
  border-color: #4a5e5e;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(125, 149, 148, 0.5);
}

.btn-secondary {
  color: #212529;
  background-color: #859E9D;
  border-color: #859E9D;
}
.btn-secondary:hover {
  color: #FFFFFF;
  background-color: #708d8c;
  border-color: #6a8685;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #FFFFFF;
  background-color: #708d8c;
  border-color: #6a8685;
  box-shadow: 0 0 0 0.2rem rgba(118, 140, 140, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #212529;
  background-color: #859E9D;
  border-color: #859E9D;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #6a8685;
  border-color: #657f7e;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(118, 140, 140, 0.5);
}

.btn-success {
  color: #FFFFFF;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #FFFFFF;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  color: #FFFFFF;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #FFFFFF;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #FFFFFF;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #FFFFFF;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #FFFFFF;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #FFFFFF;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #FFFFFF;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #FFFFFF;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #668281;
  border-color: #668281;
}
.btn-outline-primary:hover {
  color: #FFFFFF;
  background-color: #668281;
  border-color: #668281;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #668281;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #668281;
  border-color: #668281;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.5);
}

.btn-outline-secondary {
  color: #859E9D;
  border-color: #859E9D;
}
.btn-outline-secondary:hover {
  color: #212529;
  background-color: #859E9D;
  border-color: #859E9D;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 158, 157, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #859E9D;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: #859E9D;
  border-color: #859E9D;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 158, 157, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #FFFFFF;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #668281;
  text-decoration: none;
}
.btn-link:hover {
  color: #445756;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.7875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.9rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #668281;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.7875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.7875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.44rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.22rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #FFFFFF;
  border-color: #668281;
  background-color: #668281;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #abbdbc;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #FFFFFF;
  background-color: #c7d3d3;
  border-color: #c7d3d3;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.22rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #FFFFFF;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.22rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #668281;
  background-color: #668281;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(102, 130, 129, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(102, 130, 129, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(102, 130, 129, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.22rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #FFFFFF;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(102, 130, 129, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  vertical-align: middle;
  background: #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: #abbdbc;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #FFFFFF;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.7875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.125rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #abbdbc;
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #FFFFFF;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.6em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.6;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #668281;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #c7d3d3;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #668281;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #c7d3d3;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #668281;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #c7d3d3;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #f8fafc;
  border-color: #dee2e6 #dee2e6 #f8fafc;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #FFFFFF;
  background-color: #668281;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
  margin-right: 1rem;
  font-size: 1.125rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.125rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #FFFFFF;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #FFFFFF;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #FFFFFF;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #FFFFFF;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #FFFFFF;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #668281;
  background-color: #FFFFFF;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #445756;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #FFFFFF;
  background-color: #668281;
  border-color: #668281;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #FFFFFF;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.7875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #FFFFFF;
  background-color: #668281;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #FFFFFF;
  background-color: #506565;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(102, 130, 129, 0.5);
}

.badge-secondary {
  color: #212529;
  background-color: #859E9D;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #212529;
  background-color: #6a8685;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(133, 158, 157, 0.5);
}

.badge-success {
  color: #FFFFFF;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #FFFFFF;
  background-color: #1e7e34;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #FFFFFF;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #FFFFFF;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #FFFFFF;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #FFFFFF;
  background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #FFFFFF;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #FFFFFF;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3.85rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #354443;
  background-color: #e0e6e6;
  border-color: #d4dcdc;
}
.alert-primary hr {
  border-top-color: #c6d1d1;
}
.alert-primary .alert-link {
  color: #1f2727;
}

.alert-secondary {
  color: #455252;
  background-color: #e7eceb;
  border-color: #dde4e4;
}
.alert-secondary hr {
  border-top-color: #cfd9d9;
}
.alert-secondary .alert-link {
  color: #2e3636;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.675rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #668281;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #FFFFFF;
}
.list-group-item.active {
  z-index: 2;
  color: #FFFFFF;
  background-color: #668281;
  border-color: #668281;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #354443;
  background-color: #d4dcdc;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #354443;
  background-color: #c6d1d1;
}
.list-group-item-primary.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #354443;
  border-color: #354443;
}

.list-group-item-secondary {
  color: #455252;
  background-color: #dde4e4;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #455252;
  background-color: #cfd9d9;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #455252;
  border-color: #455252;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #FFFFFF;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.6;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -moz-min-content;
    height: min-content;
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.7875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #FFFFFF;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.7875rem;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #FFFFFF;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #FFFFFF;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #FFFFFF;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #FFFFFF;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.9rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #668281 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #506565 !important;
}

.bg-secondary {
  background-color: #859E9D !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #6a8685 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #668281 !important;
}

.border-secondary {
  border-color: #859E9D !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #FFFFFF !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #FFFFFF !important;
}

.text-primary {
  color: #668281 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #445756 !important;
}

.text-secondary {
  color: #859E9D !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #5f7777 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #FFFFFF !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }
  .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.mbsc-grid,
.mbsc-grid-unresp,
.mbsc-grid-fixed {
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
.mbsc-grid *,
.mbsc-grid-unresp *,
.mbsc-grid-fixed * {
  box-sizing: border-box;
}

.mbsc-form-grid {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.mbsc-no-padding .mbsc-col,
.mbsc-no-padding [class*=mbsc-col-],
.mbsc-form-grid .mbsc-col,
.mbsc-form-grid [class*=mbsc-col-] {
  padding-right: 0;
  padding-left: 0;
}

.mbsc-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1em;
  margin-left: -1em;
}

.mbsc-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.mbsc-col-1,
.mbsc-col-2,
.mbsc-col-3,
.mbsc-col-4,
.mbsc-col-5,
.mbsc-col-6,
.mbsc-col-7,
.mbsc-col-8,
.mbsc-col-9,
.mbsc-col-10,
.mbsc-col-11,
.mbsc-col-12,
.mbsc-col,
.mbsc-col-auto,
.mbsc-col-sm-1,
.mbsc-col-sm-2,
.mbsc-col-sm-3,
.mbsc-col-sm-4,
.mbsc-col-sm-5,
.mbsc-col-sm-6,
.mbsc-col-sm-7,
.mbsc-col-sm-8,
.mbsc-col-sm-9,
.mbsc-col-sm-10,
.mbsc-col-sm-11,
.mbsc-col-sm-12,
.mbsc-col-sm,
.mbsc-col-sm-auto,
.mbsc-col-md-1,
.mbsc-col-md-2,
.mbsc-col-md-3,
.mbsc-col-md-4,
.mbsc-col-md-5,
.mbsc-col-md-6,
.mbsc-col-md-7,
.mbsc-col-md-8,
.mbsc-col-md-9,
.mbsc-col-md-10,
.mbsc-col-md-11,
.mbsc-col-md-12,
.mbsc-col-md,
.mbsc-col-md-auto,
.mbsc-col-lg-1,
.mbsc-col-lg-2,
.mbsc-col-lg-3,
.mbsc-col-lg-4,
.mbsc-col-lg-5,
.mbsc-col-lg-6,
.mbsc-col-lg-7,
.mbsc-col-lg-8,
.mbsc-col-lg-9,
.mbsc-col-lg-10,
.mbsc-col-lg-11,
.mbsc-col-lg-12,
.mbsc-col-lg,
.mbsc-col-lg-auto,
.mbsc-col-xl-1,
.mbsc-col-xl-2,
.mbsc-col-xl-3,
.mbsc-col-xl-4,
.mbsc-col-xl-5,
.mbsc-col-xl-6,
.mbsc-col-xl-7,
.mbsc-col-xl-8,
.mbsc-col-xl-9,
.mbsc-col-xl-10,
.mbsc-col-xl-11,
.mbsc-col-xl-12,
.mbsc-col-xl,
.mbsc-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1em;
  padding-left: 1em;
}

.mbsc-col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.mbsc-col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.mbsc-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.mbsc-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.mbsc-col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mbsc-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.mbsc-col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.mbsc-col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.mbsc-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.mbsc-col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.mbsc-col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.mbsc-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.mbsc-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.mbsc-offset-1 {
  margin-left: 8.333333%;
}

.mbsc-offset-2 {
  margin-left: 16.666667%;
}

.mbsc-offset-3 {
  margin-left: 25%;
}

.mbsc-offset-4 {
  margin-left: 33.333333%;
}

.mbsc-offset-5 {
  margin-left: 41.666667%;
}

.mbsc-offset-6 {
  margin-left: 50%;
}

.mbsc-offset-7 {
  margin-left: 58.333333%;
}

.mbsc-offset-8 {
  margin-left: 66.666667%;
}

.mbsc-offset-9 {
  margin-left: 75%;
}

.mbsc-offset-10 {
  margin-left: 83.333333%;
}

.mbsc-offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 540px;
  }
  .mbsc-grid .mbsc-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-sm-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-sm-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-sm-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-sm-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-sm-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-sm-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-sm-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-sm-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-sm-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-sm-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-sm-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-sm-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-sm-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-sm-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-sm-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-12 {
    right: 100%;
  }
}
@media (min-width: 768px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 720px;
  }
  .mbsc-grid .mbsc-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-md-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-md-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-md-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-md-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-md-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-md-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-md-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-md-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-md-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-md-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-md-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-md-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-md-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-md-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-md-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-md-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-md-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-md-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-md-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-md-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-md-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-md-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-md-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-md-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-md-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-md-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-md-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-md-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-md-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-md-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-12 {
    right: 100%;
  }
}
@media (min-width: 992px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 960px;
  }
  .mbsc-grid .mbsc-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-lg-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-lg-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-lg-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-lg-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-lg-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-lg-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-lg-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-lg-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-lg-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-lg-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-lg-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-lg-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-lg-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-lg-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-lg-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-12 {
    right: 100%;
  }
}
@media (min-width: 1200px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 1140px;
  }
  .mbsc-grid .mbsc-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-xl-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-xl-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-xl-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-xl-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-xl-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-xl-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-xl-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-xl-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-xl-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-xl-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-xl-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-xl-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-xl-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-xl-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-xl-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-12 {
    right: 100%;
  }
}
.mbsc-align-items-start {
  align-items: flex-start !important;
}

.mbsc-align-items-center {
  align-items: center !important;
}

.mbsc-align-items-end {
  align-items: flex-end !important;
}

.mbsc-justify-content-start {
  justify-content: flex-start !important;
}

.mbsc-justify-content-center {
  justify-content: center !important;
}

.mbsc-justify-content-end {
  justify-content: flex-end !important;
}

.mbsc-justify-content-around {
  justify-content: space-around !important;
}

.mbsc-justify-content-between {
  justify-content: space-between !important;
}

/* Base colors */
/* Form colors */
/* Calendar colors (will be used by eventcalendar, calendar, range) */
.mbsc-ios .mbsc-toast-message {
  line-height: 1.857143em;
  border-radius: 1.785715em;
}
.mbsc-ios .mbsc-alert-title {
  margin: 0.277778em 0;
  font-size: 1.125em;
  text-align: center;
}
.mbsc-ios .mbsc-alert-message {
  margin: 0.357143em 0;
  font-size: 0.875em;
  text-align: center;
}
.mbsc-ios.mbsc-prompt-input.mbsc-font {
  margin-top: 1em;
  border-radius: 0.5em;
  border-width: 1px;
  border-style: solid;
}
.mbsc-ios.mbsc-prompt-input::after, .mbsc-ios.mbsc-prompt-input::before {
  display: none;
}
.mbsc-ios.mbsc-prompt-input .mbsc-textfield {
  height: 1.75em;
  line-height: 1.75em;
  padding: 0 0.25em;
}
.mbsc-ios.mbsc-prompt-input .mbsc-label {
  height: 1.75em;
  line-height: 1.75em;
  padding-left: 0.25em;
}
.mbsc-ios.mbsc-primary .mbsc-toast-background {
  background: #3f97f6;
  color: #fff;
}
.mbsc-ios.mbsc-secondary .mbsc-toast-background {
  background: #90979e;
  color: #fff;
}
.mbsc-ios.mbsc-success .mbsc-toast-background {
  background: #43be5f;
  color: #fff;
}
.mbsc-ios.mbsc-danger .mbsc-toast-background {
  background: #f5504e;
  color: #fff;
}
.mbsc-ios.mbsc-warning .mbsc-toast-background {
  background: #f8b042;
  color: #fff;
}
.mbsc-ios.mbsc-info .mbsc-toast-background {
  background: #5bb7c5;
  color: #fff;
}

.mbsc-ios .mbsc-toast-background {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.mbsc-ios.mbsc-prompt-input {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #007aff;
}

.mbsc-ios-dark .mbsc-toast-background {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
}
.mbsc-ios-dark.mbsc-prompt-input {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #ff9f0a;
}

/* Base colors */
/* Form colors */
/* Calendar colors (will be used by eventcalendar, calendar, range) */
.mbsc-material .mbsc-toast-message {
  border-radius: 1.571429em;
}
.mbsc-material .mbsc-toast-background {
  background: #444;
  color: #fff;
}
.mbsc-material.mbsc-prompt-input.mbsc-font {
  margin: 1.5em 0 0 0;
}
.mbsc-material.mbsc-primary .mbsc-toast-background {
  background: #3f97f6;
  color: #fff;
}
.mbsc-material.mbsc-secondary .mbsc-toast-background {
  background: #90979e;
  color: #fff;
}
.mbsc-material.mbsc-success .mbsc-toast-background {
  background: #43be5f;
  color: #fff;
}
.mbsc-material.mbsc-danger .mbsc-toast-background {
  background: #f5504e;
  color: #fff;
}
.mbsc-material.mbsc-warning .mbsc-toast-background {
  background: #f8b042;
  color: #fff;
}
.mbsc-material.mbsc-info .mbsc-toast-background {
  background: #5bb7c5;
  color: #fff;
}

.mbsc-material.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #809b9a;
}

.mbsc-material-dark.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #b5cff8;
}

/* Base colors */
/* Form colors */
/* Calendar colors (will be used by eventcalendar, calendar, range) */
.mbsc-windows.mbsc-prompt-input.mbsc-font {
  margin: 1em 0 0 0;
}
.mbsc-windows.mbsc-primary .mbsc-toast-background {
  background: #3f97f6;
  color: #fff;
}
.mbsc-windows.mbsc-secondary .mbsc-toast-background {
  background: #90979e;
  color: #fff;
}
.mbsc-windows.mbsc-success .mbsc-toast-background {
  background: #43be5f;
  color: #fff;
}
.mbsc-windows.mbsc-danger .mbsc-toast-background {
  background: #f5504e;
  color: #fff;
}
.mbsc-windows.mbsc-warning .mbsc-toast-background {
  background: #f8b042;
  color: #fff;
}
.mbsc-windows.mbsc-info .mbsc-toast-background {
  background: #5bb7c5;
  color: #fff;
}

.mbsc-windows .mbsc-toast-background {
  background: #333333;
  color: #fff;
}
.mbsc-windows.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #0b93ff;
}

.mbsc-windows-dark .mbsc-toast-background {
  background: #ffffff;
  color: #000;
}
.mbsc-windows-dark.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #0b93ff;
}

/* Toast */
.mbsc-toast.mbsc-font .mbsc-popup-body,
.mbsc-toast.mbsc-font .mbsc-popup,
.mbsc-snackbar.mbsc-font .mbsc-popup-body,
.mbsc-snackbar.mbsc-font .mbsc-popup {
  background: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  pointer-events: none;
}

.mbsc-toast.mbsc-font .mbsc-popup-content {
  text-align: center;
  padding-bottom: 4em;
}

.mbsc-toast-message {
  display: inline-block;
  min-width: 10em;
  max-width: 50em;
  padding: 0.857143em 2em;
  font-size: 0.875em;
  line-height: 1.428572;
}

/* Snackbar */
.mbsc-snackbar-cont {
  align-items: center;
  min-width: 18em;
  max-width: 36em;
  margin: 0 auto;
  padding: 0.5em;
  pointer-events: auto;
}

.mbsc-snackbar-message {
  padding: 0.5em 1em;
  font-size: 0.875em;
  line-height: 1.571429em;
}

.mbsc-snackbar-button.mbsc-button.mbsc-font {
  margin: 0;
  color: #fff;
}

/* Alert, Confirm, Prompt*/
.mbsc-alert-content {
  max-width: 20em;
}

.mbsc-alert-title {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 1.428572em;
  font-weight: bold;
}

.mbsc-alert-message {
  margin: 1em 0;
  padding: 0;
  font-size: 1em;
}

@font-face {
  font-family: "Mobiscroll";
  src: url(data:application/x-font-woff;base64,d09GRgABAAAAAGtsAAsAAAAA4FQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAACtsAABxu/CjsVk9TLzIAAAvkAAAARAAAAGBP7UgXY21hcAAADCgAAAYEAAARWqwzwvRnbHlmAAASLAAATWQAAJigufTGzGhlYWQAAF+QAAAAKgAAADZhFUB8aGhlYQAAX7wAAAAhAAAAJAO5AtxobXR4AABf4AAAAGsAAASE+vz/tGxvY2EAAGBMAAACGAAAAkS1Vd9ubWF4cAAAYmQAAAAfAAAAIAI8AbJuYW1lAABihAAAASMAAAIKN+tXw3Bvc3QAAGOoAAAHwgAAD3sZTyhDeJyVWQ/c1ecU/z6///f3+937u+/99973T+8yyWSSvJJJmMzkNZmQTETaljRmhkmbZMhkSPIik0mGJCEzySTDZEJmJpPMTIbJJBPnOc/zu/f3e+9z3z6rT93nnnOe85xznvPvORcCQIhpmA1rzjkj81FavviyFeiHA/VH4rNrsfziCxcjSL8RzuHPAGLgOGqYKs62jzuznGXOfu8+v+mPNK5tbG4ubV7XvKl5om9W/0j/voH1A5sR0xnDOA9LsQobsA17cTuO4qSIiVMsbPobikjIlRBl0SMSUUChC6ZIMkQZjMWfHu1wjfAivBzcFb4o8Qm+EV4kaUP6TARElU4MCO6JhOxWyFBXhEMcog5YERYCktWmtUscPOHDhsdrm3gVyHpSFwsVTMYryBq34LiYLOaLVWKL2C8esPqtmdZ8a4W1xtpobSWbDRJ3j7gL+qyLfl55JGnI/EByCk0RkgQJnST41Dno13AphcVS0rn0vS566V9CegX0LWJ6Za065qLZcZ60gk//N/g8mz5j3usQj148A71dzwlplyC4y9ap0y4bz0aj4wRkrKg0ixhmYcRAXSV+IXMbq/NzUBuXui31uaiOK0WNb7+B5xno5M1KbbL8zm/R5bUuMR9fSLlC4ncOejRdVq4qe0yVfdDCc1HqONNn2wvh4pkoamyN5fDpfMk7ET14PmKN84h6gGNGeoiPeQhbPB2hZPDxLPJfBW3zfwF8DZM61nA2ea/ElYmmQLEXYhBn4iw8nPxcRZjUAyT3I2intJ/DeiSYRDttwkR876fDIf51soFNUd+g738kvDw3JEl93A3Wnr4VcA+vJZ9eitIyhujEmeTR87AQv4XUTXlTAXcxD48t6OJ3tC/V7fe0llHXK5r4A61t9pEEh6EisxdHoG8STUynG3wdrsFW3Iw7cD9JNSSGxVyxSFwqrhajYpvYIw6II+KYBSu2Gng5EuVz7A+gf34u5i+gO0zxMoOUmSaV7cV0hym2yp7ic+yQB+KVGVydb1edVCY5lyBu4RLG97DnJHgRohamRjrV2Dt8yjBRTk55HwFxegnCFlxGN5jLyzLQgG0sRBWLM9C2DhdmoBHHrEs+sIA8KoWW2C8tvDQDS71sUQbmsff6eFUGVuf8a1PFaMPSDLKQM6yCNej/Xrw6A5H7yriYvbPazo94IXmnIKvYrGsvXgOXKRrkRct5HXJOv4j91CM/XUYrpqCc7lEF+w3J4sss2b5x3Elcfc5Bkq/Lvj2RvPUMsnuvvo30HBnbk6EqgYzWR1IlIBpcgrvE6WKJ2CwOUfafb62z9lon7Kn2BfZae5d9t1NxZlOF3eDsce51a+4sd4l7jbvTvdNzvCnePO9yb9Tb7R32Pf8Mf66/3F/nb/cP+MeCRjAzWBisDDYFu4NDwcnCUGF2YVFhZWG0sKtwsHAsrITTwvPC5eHacGu4Lzwcnoz6oxnR+dGKaG20Jbo5OhSdiBvx9HgkXhpfFY/GO+P98T1FqzhYnFGcV1xWXFPcVNxVPFA8WnJKg6Xh0khpSWllaX3phtKe0sHS0cRKGsmkZFoyC2/ARJWFOAZVXmzXlJhz4+DYXK4tB76J9QYOyhNl7ovZT4daEeMy54RrurQ1ZS58BkMdHAb4m/SPqoaATy/r7Kq6gFAEuBITOnZnK3DM++q88kiLgHZLWnnjVxv2stfyCVzlxtSeVq+DNVT9H9pe3fXgnQ95p+5/8HrqG8burGX6L3k3da5+AedrIfXFuwy7xj+PuiW8HX2nsGuF86LP2UXV+EuoIxi7p3v/8H4Dtco3QpT0zacdVB0fN1BTxeKaKT1O3ugAU8uqcZ2ROttbyY7Q0hX4KtRPoavDuVHWqA8ZaFuZd0wN/4iB1mYNFTTrT5sMtDrTdvRSK1EzyEu5W8NaPo+3GSmzmkkfkNVh1SkpBUvjYgWq495y2p9dbqCzMpqDK6ePtxjofM4Ano5aVYPeZ6ALWEJVKUOGD2GdkU5XzAy/DxvodP+R1Yh6j4oh6lhHXW+oi8SbDVS+mCAqOnMNcU36mIGq7cXSgwbp1t5DnehYKlfbq6L6PWwx0Ej/93WukV3U5ww0Q1xNg9Sn8GP0cCfjc7ZOOPfbbNdAw21cgbJBt0G2FtufurNOikBnIyXvtQYKR/dXCd/HqIFCdlEV8sMSd0yfMlAkymZEJeX4rIEiotuS9ykjKKQuspOibROKL3we5YxFZHXrYR/z2DYUBfh6jsLN5F/VDRaw6xQUTXzjFBR9uPEUFEW8FUmHLpk8gA8a8A7z43cAvXA78TZ397LrTLDRgK/rjpS6BHwNyXgS4rs5fJ0jL+K7hKxAuBSlDv6t7gOXGbH6ZYY3GbDtl9JqA1bKxP0M3m3ASplkZ+DiAwasI/S7Bh81YKWXgv1vswEr+xQVjz8hbNsekbKyjrgCbhsH28RPx8H24cA42CLeSO+WTkvyexBrDbi0erzXgFMzlwo+YcClL4NPdsHJ8z5twCXcS/i4gXBtLU6Tt8FZW1b0HTmc8oMK2bWXLPeVrrgmdnbF9eGrY3AhzwwgsxZuzeHqLKHNdvGxP4fLWRvvQGzwvDplni8iNkpSwLYumCa+1AXTh+1dMEV8uQumF3tyGFv3NNKC3+mCadKb24zpw/dymDS6Jbd9XTBNfL8Lpg+3dMEU8YscJp2JyXMOdsE08csumD7c3gVTxPWIDJ45gC8gMtkT38zB07dRHd/KwQOhpjsFfDsHb1kSe3Pwlub4eQ7ekhQ30eu+gz9256Ce7kB/mIMqLy7gRwZoEz/LQfV5+AG/rHO0uAOSf40rjY9fQekuo/TXcFuziddC6ujwbPoQPK7ignulKr3BF1DHtIGi8zYcpZjrF9PEHLFALBNXiLVio7hebBc34sk8v6zo+Ut7mhqk54ncfA5nIelCr6rCVM7OMVUpabMy9x6tmSGma2y+Q0/fXlM4b8Wck1zu1+oc19R5YprG6XNaVVTOyB7NXtU5bXwcQn2atK68aTmXe7yGJmz/RNfxR9EdQKgXpJqc2XiMhmV0wZkINMzl+/HxWPgMcTlHlfAkniC232Az+SZd9Y7DMM/2fM5JT+Bbld/7MIPnLi69JZ+oJ3RlnqYMkc2Ok8Q9+l0traGm7/8i6cZA8QD7Q5knNhU8hWeASspZzF9aWc4w+8k7hvE0ngmpqiFnQk/laaKazxQwG276DU/nWRDVJT0BnULyniBLeLnpzn9ov+pX5Tz037Tf0xPNB+Gq6RVpmmAi8V5Ab5zVWE8ZYQflzFspZxzB3/CgkJOmUiuftn/HSLkOIM5gK5nzhvSM1xNq/qHmXg22Um5+T7ERiPzUcQLfWbsy1XjKGrDEwMN4kqte+wl6tVVl/9TUa1mx+vRa5q3TeKLmcAad2Fo3UYejLTrIFpVTTQ8lsua5ZJGl9A5KUDVOG9R8Xc3ZZN9QgXxvyRPVq8xDD/z25JP4luFlJqFFfXKdTnN0fBRJimE++SJ6Sa6mV90ovXl2UPbbh2MUUwlrDe7a5cveo4zzD7IndxlCZXLZo/4FPucLea7U+J8siSMclizBUZ6hazz+zFNq1cvdB1eoX5oadPtqLfu0v7fWTdzPazWdvJe1kLHzVzi6E/oT+7zFOXA+HC2DjJ1J5Gcn+fcCl+MknUanU5v/8e8FWVyFs0EB/0WUw/SoG6Ezapx/5O880vPSCb785azM0VjlaGyIgf8DXZGAAAB4nGNgYTzIOIGBlYGBcSFjGgMDgzuU/sogydDCwMDEwMrMgBUEpLmmMBxgMHr1n/HA/wMMeozvGNyAwowoihQAkKYNkHicrdUFcFXXGobh909ChLgnJAHqrkCpG3V3bykOxVoc6u4tderu7u7UqLu7r7p7c9d3vpneuXPnztzpdGeevOfsJGfL7PUH6AEUZ0tmJfnlPCK/omhu3huF/cX0LOwvKZqT3zdQl/cUMYCBDGI9BjOGWam7uzv/bPm/9g1hbIrCvv/cIv99219fi+bfJSqiLdqjOnpFn+gbVUE0RWMURVnURF3UR0RL9IjyKI2eURJdURzNURsN0RGV0Rmt0Tt/alE+p5J8LaWUUU5FPuNKqqimhtp8vvX5qI000UwLrfm47fSig0666E0f+jIf87MAC7IQC7NIPqvFWJwl8pUvxdIsw7Isl6+sH/3zNa+Qr3BFVmJlVmFVVmN11mBN1mLtfN3rsG6+nvXZgA3ZiI3ZhE3ZjM3Zgi3Ziq3Zhm3Zju3ZgR3ZiZ3ZhV3ZLd+r3fPdGsowhjOCkYxidL6jezCWcYxnAhPZk72YxGSmMJVpTGcGM5nF3uzDvuzH/hzAgRzEwRzCoRzG4RzBkRzF0RzDsRzH8czmBE7kJE7mFE7lNOZwOmdwJmdxNudwLudxPhdwIRdxMZdwKZdxOVdwJVdxNddwLddxPTdwIzdxM7dwK7dxO3dwJ3dxN/dwL/dxPw/wIHN5iId5hEd5jHk8zhM8yVM8zTM8y3M8zwu8yEu8zCu8ymu8zhu8yVu8zTu8y3u8zwd8yEd8zCd8SuIzPucLvuQrvuYbvuU7vucHfuQnfuYXfuU3fucP/iQ/Y1H6X8/Z/7FVtLVX5+fg31sf8qPwP7YqaGosKqupqw9aepSX9izpKm6ubeio7Gzt/XcO/s9vVfpWPdtvoi9ajQVRkdvPoi23v0V77gCL6tyBFrongyzyPdEaLaxTfeZgCx1tiBXGxVCLptxhFo25wy2KckdYlOWOtKjJHWVRlzvaoj53jIUOMNaiJXechSbXeIvy3AlWeBomWuTJlddPQeTplldSQXTlTrLQ9Jts0Zw7xaI2d6pFQ+40i47c6RaVuTMsOnNnWrTmzrI8n0hhulmpyFCLTRM4lZimcOphms6p1FDLDLXcUCsMtadpaqdKQ60yPSmp2lBrDLXWUOsMtd5QGwy10VCbDLXZUFsMtdVQ2wy13VB7mdZm6jDUTkPtMtTehtrHtJZTX9OiTvMZ6vyGuoChLmioCxnqwoa6iKEuaqiLGerihrqEoS5p+k+bljLUpQ11GUNd1lCXM9TlTWs79TOt7dTftLbTANPaTisY6kDTOk8rGupKhrqyoa5iqKsa6mqGurqhrmGoaxrqWoa6tqEOMs2atI6hrmuo65lmUFrfUDcw1A0NdSND3dhQNzHUTQ11M0Pd3FC3MNQtDXUrQ93aULcx1G0NdTtD3d5QdzDUHQ11J0Pd2VB3MdRdDXU3Qx1smtFpd0MdYprXaahpXqdhpnmdhpvmdRphmtdppGlep1GmeZ1Gm+Z1GmOa12kPQx1rmt1pnGl2p/Gm2Z0mmGZ3mmia3WlP0+xOe5lmd5pkmt1psml2pymm2Z2mmmZ3mmaa3Wm6aXanGabZnWaaZneaZZrdaW9D3cdQ9zXU/Qx1f0M9wFAPNNSDDPVgQz3EUA811MMM9XBDPcJQjzTUowz1aEM9xlCPNdTjDPV4Q51tqCcY6omGepKhnmyopxjqqYZ6mqHOMdTTDfUMQz3TUM8y1LMN9RxDPddQzzPU8w31AkO90FAvMtSLDfUSQ73UUC8z1MsN9QpDvdJQrzLUqw31GkO91lCvM9TrDfUGQ73RUG8y1JsN9RZDvdVQbzPU2w31DkO901DvMtS7DfUeQ73XUO8z1PsN9QFDfdBQ5xrqQ4b6sKE+YqiPGupjhjrPUB831CcM9UlDfcpQnzbUZwz1WUN9zlCfN9QXDPVFQ33JUF821FcM9VVDfc1QXzfUNwz1TUN9y1DfNtR3DPVdQ33PUN831A8M9UND/chQPzbUTwz1U0NNhvqZoX5uqF8Y6peG+pWhfm2o3xjqt4b6naF+b6g/GOqPhvqTof5sqL8Y6q+G+puh/m6ofxjqn4babXT/C+JUAKh4nN29eZwkR3kgmpFXZGadWVlZWffR1VXZXdXTXV1X9lzdJc1oNJc0LY2mZ4Su0iAh0EiihSQksDAFMof9BB6DpbXN4Qab3WeNDRI2hsUGlwAvhrfC8vIbGRvbtP3Y/fkhL6uHsVlYver3fZFZ1dVzSAOC/cPdVZFRkZFxfvHdEckJGxsbfZ6QNS7BZbhpjiPFVrNcJRNyhhQnZFOPxhqFerulN8ulhlm0imaxVWw1Wg2zQfpdI9ALGN1kuZwkPQgH/63X63c7XfiQTidgGIFOObnBsfsQdjrreKvLwR/ZeBHq5ciXuCjHlWzHluxZIsdyRLAcy2wskRbp3fDNzuC7xyOzSSVy/J7Ox27o5Lu9Gz7Wued4REnORo4Pvtv55g29br6D5ckct9Enf0+e5vzQk0lujmtwDlQzESTRLKkvkuYsESZmSXOR1LMkGiRGG/oJPaRZAjVjV6PWIrGgjw58Cbf7jl277ngzBrvnj9ZqR09i8NHAwpQ1FZg/+k8BuC4EUkevyOfz3S7peXkhGNzlZYaA7I0lpxaiurZwuR5dmErGphfuXcvnsf/Q3nXSJx/hLI5zrFh9ibSb5YkQgYHGYbchjB5Y05LammoktdcZSeN1WtL4xTVVhURDvZM0cHwHz9wJt93yIPhb0ubCHGfgwzmyWejlUkiTvioH5a9KWkj6PJmXfEHpKxJ8gj7p09zo+b8nPWyPQd3H2805ApMP41RwsKCvXLB28uB5zXT793+TN5IPYXtKsag8MUfKTWhPPRYNEXLvlgbwW5u32Z51tz0lB1vidqoAIYAktDBWJ86oQYNnsEGkgQ1SX649Dj6MYzMs9JdHzYGGnNec4VytsbbYOKBuAbA4cGlYOFLk0+fV+oMLtu6cuSq5w7xZKPn81uqPXGiuNj5Lvg1rZxv8sKn73CKZ5eUQCZIs316C1CD8bg8HXJ4oNx1yU+Gj0ant0S/GwuGZnTtjz+RMc/Hao9n3FB6N7dxZDYfNZ8ztU9EvUiNASbrwUfYD7syEw7FnskevXTTN3KP5R2OhEHsaijK/QAMGxTZJOEawnnucwFHOx4U4GPRWwSw43orCr9HQizw34DqdTnf4yXf63fX1Xo90Bn0oh2frGEYbnofRJnoBWt5uFODqISOdQKmkP3gymk5HSW3Qd9HPYI3kBwAvg256Kk165eQAMBJkW8tzGpT5J4DjEDdEuBw3wy1wV3DXcDdxr+MeOAdH0BaMl0zrsQwBmC3vJs224V7cJAtvA3rERknD2E5Sj0nWEMjbdYARCGEFQUoJh96dBiqNTwZX3DkxsXMfBsXC3FwBICQJQOJevo7wkmdrbM2LQEAWLTWSUi2AosEzoyhpqABjlpqKqIPfG0VJxyscgmfX5i6fWx4rp7MZ72F1SSPv1vvz7FkLSvmrUUzFJcVq++EoBvh7SDcQoF2UWpywZSrTVtsB3ApItQXIlnD7Hrjiigf2RaPlRnl7WjfITOOKB8jawi1vuGVBKId9fDBgWglKs9fVtt+ywPGsXI68m4tz2wGsojHLlIsTZRuCIfY2o1TGqwX4O8hHrQvW++1QgFLLDkWM4TjHxQ1u12sXSaGc3zGXCNBIpDA70UiEdGJv2/06NQSNIJGQlGsuNnO5Zm4yq5F31I7Oh2LTzq6UMBHUiN8fMWMyTRyq1o/VoXHQ1r/zaOcstxNgagXWMwBRsVGksvsftWLw3ygCdNEJuwyA4UAz65gaxfulpgNARE2rUbfKlm1lCa5k25lgWaG7LGOQ8FwkGyEV3UqWyrUapcevq8QrBNKWJaopkYiiUR9VMaLSwZ9JpUIhnS4UStKOzjSvybtkUfgsLwuUCrJI8UL/n/rRuj8YNEIRrXS8FJmJReavu1PxmXPvrpk+Sn1m7d1zpk/5gD0p1WbmpOIe/0dkiY/zfumjVIm0Igr1LhysquGa3Vz7FpeClVbkbJcOG2NYQBqL22Nx5C8Ishf41Qu6AIt+bYgmButjOGMziXQ7GK7nB12yRhCxdDo9Fq513D/SBQqdHwBiGeRJlxNhzlw85efKbtuc0eIHRFAqwsDDqoa5OYf92cI9OMAD/Vq6tlBLs4DsX1Wo3+yZfqqsMlTfh/C/25eVy5ddjcF/7HROp73M6dqv5v3RqD8Pi3udZYbFN/iClxOCvwMGgfFlMKZPcwqnI19mIQZClFQaRpxWASizWY+ZVhDWBDS0BciyNd8BBIg40Lt2B91SKmDEfYFSCtAjMGzhKKano+7l2/1UCZryNTUZYhGXvrzAxgiwOqE2tQh58oXV5T7pkJ57hZnm2Pp/GvIgTgW6CDyhJVyU3yIHXtc5/iBDBo8yjNA80WyeeC0GB+58z30r5IB3A4JBx7sDAeMV/7+Nz/EC+SLOVqk2bzu1eVhEgGspEDy7Ng9TBlgV1tS8RWvzsKoA9cIym3es2jysH8C+dpn8rw98QCCicoBqggBRQaMHFJEIF0wtvVyGsVSPnsNYXMZlcf2X7VkeGcshV4lYCgcFAYnnymlSaOfS87qaDqemiKoktyXhQ/ZPNh7MzdF8Kxc3/cGplCTxyW3NbcmGSxO/B+W/jStwU1DdhYvfSSynUUeultouf/75C9ZUv/vuXZON8l93cXH4z6vv7rsbk7m5/9oFNp1n/eIAv+VgrXAll2OGiqH2zVpNqMytFtetY5HP83MFn6bWOw01EmHIt9jprRbmyp/tLK+ubihqYU7IluysxLBytztXyGx7c7e7uorViQyuOMAlNlfjVrk3cRwyM+U5gigVQBFm3ISZppYDwkIDZtlybGBzWnaZIinGpVFqzRHHprb3hUcBSqhFvS8UkCPwvOV9oZglGDvbGX5HBf2haWUUVc7LqpKxTFEoFgUxGjs36aBLOskjE3wmUKBRK63RjOGHPH4jQ7W0FaWFQIafeOnb781MT++Ynj4+qugCdY+Sllyi/cKPV8U5t2tY347p4ZgTT3YqcJWXkpsEuwjD12jZw0HyKLy7qIGEM8q+cIt6Or98Ot/zxqY/trhrXg4ICLecP72c77jdGc7/X5EBYBg/cABT3DzAHdBAF+hsoIyMJLo/S7DgvRuMpgpDzEi43EKsFCxV4BtbeHzy5tfcPDmZOXTtoQzJdOYnq6sPr1Yn5zt73nf5x0LAzcZC98XNyWA4HJw04+lJ254sZXK5zGdT9cnq3Fx1sp5Kpwd/7guFzFBo2MY/AXngaaBySWjjDErNJvC2ZlFvtDyysZM4SDRaDWFMoDYLNhAO8mQ+3OuH81RV6Yv3qw+CCAuScsDoEA4WJenlN7gehEDIu1S9n+yi6gBEzI7LsQHHPOS33XWiAMU1uBiXhla0ilRvmAW9ZBYFJqRT0wG2u4BxAtI3YO5BtxHornW7jX/e4LprpNPrDtahtqONDQ6k827v91kE5WmG094G1DzB6HgVZGqOFLYSRamAbHGh1WzDHWCTCyYsvzGaTp4ddBmfvgbh4DBZg750VPIfsGekrw5el8932If00tHBOsuaj6ah78DkqIO+Sk+fpmqXUXKP5mCfRUYVoTXAJhRQsChgt1sNCxj+Ds9tACPQH/TyJA8krz+AJ3obQM7W1lKufMF4NhnoFkiWjN+wEDMAqjClUotwvW6n+/3JR77+9UcmHyWA3dd6vd7hydqRI7XJZg+GyEWL7vh02ejD/FPTHZXdEC3a0HmLdPtrLifQA55k5R0ffQek4IIIAIeytjaUdeAfoKiClG03KSOLaA+ZR2pmeViCjm0GBWByF4GztWPQR74+6aRNI27l4zk9ypPm8TtONIE4G5NzCVVtLfFZ/hHCX3nNjh0ZXbcSxeLM9Pw2rXG8Xj/e4ElitmiQ/F2dUHBh1uO3ce2HucehH7jG+YlZvrnI12NG25FnCWJWW7aBe6VAY516OwbEFqJRaCnedf+hmW3G68YabWRxnTK72EFiySwbjcrI/EK8acE6ZpmBcJSBlkC+RpY4SFxi2G8btTIQiQE7XG+TT8GS3A9reL97CdSCsipqUshQZE0K6LIqiBpNyJovoUXEXDQhUYmGimFLE5VYyAhrkQAN+OVoQFKJygPc8aFwWAn4qEl9wYgRkgTik315WaKioklqQNQVmo4GFC1BZhsHdxl+asSMmBz2i7rsb+SufdW15IHJzebAZfCLc5crJCcKRALWQOJFwIqapBuVmG1O+hXLvxiMKQQQcWgyLfgkMeQTFVmVREnmZUkRZZFP+AUqpURZ8SuixvOSoAmEhCSRJ5Ic8xNZSauSjwRiMyCMhSNCqSpFpGBqXyM/McHhuvBgMQh0GlfpBBu8WB2nwS7DSMOgovQBhBJYBobXAZQo4krEmYS7dt/eycm9+37bvczMZjKzO969Ay+ywsi08pDHVXZnZvbvn5lxw2OZ2dlMqYQhECeX1ltm2mUsRzqBp2GtJoGHrXO7oG2sMQDNDsw+ax/FuIkquSKyFazpFNgXyUX0zTZ1m23RMvntnQVo37WzM3YiuRfal555mx7+kDix83OpeyrbsBf5nTekyJ8OXoik+HbESr8De5DMVMhM5XJocMiWobUzmX8vfiisQ3vJTfcEoSuXVV4FD73dirT5VDn9atabajGTdnnhPyFxWKPLsEKjsCRdod9bqijYW/MMkpnwWbbnWTogRKflKgYyBFfFfAxVM3hrgsmE82ypEGthVhJtQa4UDVUUM7wqBMO5rBU2zGCpGMmEjIVtsmCL0mQ2pEpCnFdEGk63J2JBe1JPB/W7q0tKXZQksS5bfk2WbUHwq7ovYEVCSiiohaOJgr1LabIckq6qklQReYGqofhUSA0F1ZAR55isAR19P9EA1+cQfpxRJ90uWC/z+56w3/GFwz7HH34fC9lvjLJUX/i7jk/Xh7/Oiw11Wt8mBsCKCT9MBIMMadChurnZbtRJZFtcU67zHTh+4MDOeoV87rBPi7aPfeMbxxZbO7EMgZXxafJBzk8eIh8DqdNlWVz2BYSkIlOTOY22VW7POwhVrRpt0iJwl81yCzBTiKAgUSXtcrFethuQPktAmIjK0ViQB5RUlDGJN8soe9TLFLA9qtiKMWeRBxiINe06PGDVqIwaPdqGFeeptdn0xwCc7RiMXKMo2+W2BXgO1ZDAhpaRu42ZLu7PCk6MtnOAi6ldlmONCRPY3piDxWR5iJmAHaFRTnMOKjVlzFisYxJmIEtMZ+BMAO60AH/H2i1sTB3EpeYckct2iEzYqPtkukJA9ICSQW5o2THAyE6r3Io5rKi6AwBqQkl2q4x9hGx1xy7Pt4EMNWIYtmJNuFFrw5PQzUa90YYBASRuM8lsXrZwXFGZDQgeh9WE3resGKvXisrWN3fdvnPn7Q9i8EsEMB38KyqvSYSKIiGUFwGTEonwAo9/hAiiDBf4UEEIQX5B4anAizJgXEIAT/IqoFh4CnLCY5pIRFGC+/CsqAiQlRC4pwiyAqtIFAXA1KJbHhQAmRWIEDkQ5ImiCAQwM9YNGeVKAgrEZhA/NFMU8BkBaxQFlRckKAUaSygUI8sC3PYj/hZkATqkwXqFIhTeJ2HrWA2A+Ak0mrVGhhRWnB8ikibJUI2MvfXzOCAUSnX7TrADMlRPeTYIgoBPYv9V6CLeUSQoDWRSX3vnNBE0QiUJioNGigJ0FTpCIUIkdwB5CYbsAztve+i2nSz4VewMDyMiE3gGuq5iD2VIwK6yucFR4nEQsGs4N7IEEWiQyGOhInZXhU5BLTxrKE4EhfZC5ZrMAynDAYcGCYT1CDLBbSgOapREBUaD5xXCxhmzWVPu3AtQKFSMN4OUCAFCApCKNFLBWmGoiaxp+KAE467IkiyL2BcCz8l8gEfQgHFUJQ2mHvKL2FBomQ+Gh7C5E/wU2AkZwQYKhnuUPUOwp0QjYkAjqojNZF2EIcRxYFAIvYU+4BAJG9oMdB3+CGs2j2MNMwD3caZNASFKIwLlXdvXBuCpjwOeKgKubTDa52k3G3WgcvZIY1BnnFTxm88KrVuWduJK2bmyuCtkJDKTS6XS0uRUNhHyC2/5lqEvnmyzmdy+Paj4y0uHl8qRYNyIMh7z20CDK1we5ZTSCB2yms6pp9WIgbgwsvCRJfvKVx2amTk0szQ7k7RTcyn4ZGMRn8rf+Bv807Nz8PfI7P7pmUMnDs1UK4n03MJcOuCLBIMLwSDchQ/yl0yH8EEuyh1l2hFG4dFkgQgY29F2UBPK1Mes6y7vi78AfbSYvhRpK6Oq7g/8ZyiJ6VHJPT5l//Z6S9JCshLS7UNNxfc+OTBdfrhTseVQgsLkUp+sqQEqUl7wUeDkqEKEuenLw6nwZDNWDiuarKV9iiT+gPqyqR1y0AccpD6Z1TqpdGduZjHIK34q+oH/k0W/IEk+4ChVWAEkKgRDlzW2xSSGRuSg4hOlWCRjufQM+v1xkJxg1BHnTZRbHo8A4qA5bhHL4GxAT3huEtYV4Ac+adXsvR1fSHq/BJ+Qr3Ni+9WpUG/uWqoBEQ8a4ctKhaDvAPCr75ND8PUpB6LpPWVupLNZ4LLcbsaxFAswkiCVeGYIZpWA+hsYc5g1ghktdoLw6MZAirFYk2LkmCRscICkGlQTj0lhaQUY7cavi0KFPyMeg4o3f8Oy9jIGgNsQ6Ae1oPgaWX6NGNReIzT5u6h4hyzf4f2SJYmHHJt0H2l23YVO1PUzgoPMf8NVQKC6C34Ficd0LCKlQ9DJEvLpnbfvmj+Rg7VpAzo2d01M7ZmCT6oZtWG1q3IPp94nlnJHpoHe9GEFTZcBd9jwQDpj71neY0cNW/QBACg9SYNHQPbfebtno/tz8iBXgyuyfR5QIqeHVJxddpNYA1aTg7YIxqPEkOTSNvlzI5UtLCxdc1VH83fq2TlVU/z+fMWwDCtQfPUC3y5Hi4FcSssmyaG04e/sXCxNV/gpUkwDQWsUiM8/XYtVG4LPV26HA3K4EBE8nTDjpxXgkiYBd6AtFO2ztlnP8maDwRbEEZbwF4pde9NTUwtTU93a8b2Tr57ddtXVN67eepOz/eSU/d4bbzkwtd22t0995eTk3hO1G6++atvsx09ud266dfW1t9z4XnvK46lcPbQBPDyzN87iNGzRAgDDXmzFLIMBWxlSkCu0TMBs5Ev7fdPhF3TL0slqOK5P8MK1gvAqSRichmUkvCCKbyXkxv0+3dIHy+F4PExq4WmfAJn4wQ2YgzwJ1P2toojToXqw3TvPzgBCUIIUdIJ4y/uibsAY+y2ZDs8Nup5RIL/BMWUL/jH9xwC/rs1ggFqSvnuv3x3aJJmMbAEW5QhiS51BA2piqQ7znuVL9ZipF6HrZC2RicTjkUwiXZ+sp2eazRmMDP44YHQMcqdfCQ/+Mqz6Q/FQkVSKcFkxAoM8WQ8Ynl5hZEeF/uoFoUCsgtOweC4/6JAnw4NO/skwyUMje/lOnq0f1/aCdn+ZSegti7ZkBIX2I3lemJ5/bb/f3b0QiUyR/g6nU6ryb+33H+bt4tLOX+LYwJL/RK6H53PcPLfk6ngyJJrjYRHCYitbZcRegC0aTh1+U+Tl5hij7EKAXWIGbHzGglVBPjM4LSn8Fwj/NNBjwt8JBPBOpKfvJUJFUUs8RGBe7wKMOfgh4V+PPAX8Xa9IKZ7cQ8i9PIlLyjKBBS6Q+wCrPsUf5UlCEmOEfwRIrcg/Bjc6QGT/Azzo8f3QahgQgIk401QXJ6AxAIPQXHtcBnDG1ZpFcv0nJemT0s1ltLscxqC8aZRoflOakeDzBu8WBI0xqwT1/E3+CGBvFuTaDreX288dhnYw6sQIGdKxMnMuoTKKe0WTKalaqMMEPhhNTG2YpMY8LlgTDU9DgMUrkmPy9qAvKQuKT09FyqEpS5/0Z0LJsCHGQubdeYCAX/bFLaqq4fR80vwjEvCFg8kQ30oE7uz11tb6vV5+bY3kNX8ir2dB2gpP7b+y5PfrkR2xoL+3vt7ran5Zs8NpYzHiDwSTTT6U9A96z4ZhTUCAw6p78PURZjuPcxmuBFigzi0AdbmCu4q7ljvB3cK9hrubux/gb3x4jbbTkGkJO+kUoPO7eSbyWqirBS6jDT1uOzA+jZiFmsKyZbqaJIvZchuyDV/qsPs2jA08WkLcWmxTSIGMEuBZqOGFy+657LJ73o7BlTK/xAcGn2EXYlO+6/NFw37l/wxHfb6rlX1dnl4fgHtyvHuc3nzevWleXgjw+VrQyifCg68m8law5ve7P0nb/UnWvLogGPRzhUJuDYNcoZO/WaTBdMSaTgepeLPldLxbnU5u6fxbXXymO5MPJ8Lwyc8Y/zwWH9LFdYDvj8CIcyCA0nnq6nBQJG0x/i1muSSQ55KxtbASiAWU8FosCcQvv2CaC3mIkABE18LAIcvhNTcpGcMsIzyD5SOF86gshsyYaM1brgIJebQQb7vkLUccJHJmlOfGq9lS/w0fFT6Wmp8oJebmEqWJeRIYVTq1pTHZj/K/jRlSzSZmR9y38YLXpjRi9KFXQau+yDdnebacGtRugKgNLCqwp3nmo7W7eNl8KjV/2b7L4rZ20+rqtcpS99/1OmSNeWPV2B3IkCi3e732iXq/s9Ydw7NPcRIX5LhtRGqVJOpZnx1UISOFIFyn1+v1f/3LX77my18+COupf9rT/2/6uoRRY4HUB+3VdGiCsAqG5bg4u98bGmJ7XWhXD03VQG66y66a7G8It1bzaAzHbDBJWEnjNmlUNTGumGna3+s5KEBAXjuzu/Mbnd0zGjx5dc5LzTUHf1q1EgmrqvlvvNE/1A9yzGpLuQAsakBDtNAqlMyC2WiRtfxgjXShv9084fr9tV43v9b3aP86eRvMxyys98uRvuT4mDkfDfEyGlUBxwKEzKNzFs+YS9efCpLh6jSR0wQi0TJHsUdD4qtQdnqVmBX3KcBTvlkUjoJUdp0AMY0q+8S3KHlByCtKgYeQ1ILiCmB8kChX4Ik9VP6wKIsPgDB1DXBJ4jUQeaMgix+myh7Up2YFVchR+gZKcxDLqvKQnn4L8PQajGvtHLuWEfPYXzrkxe0hj+y4jHKIjDsCzgmCCeL54UMg+Jo8f/gw/AYB9/BhCGLwm/zmmBfgWRD2TEE4dEiAe9R7SBAOHmSFCIeGNgTyFzAvIa4JoxtzXfYWSRnYKDkmIcADnfDaR+Xykqt0xHF3TQ3N8h751ZcpceUJnyApg7crQFhPi1O7UteCKHoypcaV9EmIXZvcVRHVsELuo0GBVIV2URRvlDVJ0jQ+Pa3fJMA06KKoH4W8N4WnM7ykPUODQfo1Udj0xeuSLvMHsKnl2AAqa2v5t5IOXnrn5jEcNKesnZPFy/MaEgL+lXOwT47lWOuSIi1E5t4SeaMowvXnI6Oy8kDPXf8DtNQ6tkOuu+46//BD8mM/GKz+I/kG+TVmwyyhlZwE+Sy/yJeZJ9wixGV7vKz3T506tZxOL7OwWTp58kAyeYCFx8drOTo1zAPh9yaHeSD8wnj9vMeDoN0yBBxIi9mamQHaJAWL9B/Zyx+p1Y7wex8hDw1Of6bzvduu4veVSvv4q277HuEeHdoV/wfAw6/A+Lh+aoAHGH8/IVst5B7g27q4i8U/+nQg7r6pWjjcyW9aYrc3jzebx1+LAYmCGBL2+/+gpzykKGRq0xI7uNfLAsHmXPWgPz7kp8a8fnsP6Q8+qD/0aQweYjr+DZirHvQ6BdzxNJMRRjZQTz5oQgzwBsgNLbsenWgaQ+OxU9QbZP9pLRjUMDgpxkX4+EUFjaNBVT0A/EsvqA2exBxkWQtOMi2LogyexNtBtUaGvrTrsMbRGUMCOWAd0C5H1vob3Dj89tDXmLQ8WZcyg2wD3RcckvdHJhbmY9Ft244uKIQrB/2dmFmpdvr9jufbCHhwDWb5Tu4+7mHuHQC/tXmHueoCrQRpGRUYsEJhSTrzqKzAG7Cc0WUQWUCn2HSGySjYInH19LXmdsiDHDZDp20mw2Exrp4Dixv5IzjDiDWMnH7BSBoqRe1UWRNFPgg/Q0QQ/BF0uRH9kRTcRW0b1bJiDDVtokh8gUwlE4TV79OSGY3yQnDdHe3rt1y+fSPaKtUQ6rLiupbjiag8KvCajskRFRjwP5VlEgyng35eC3t5iShb4WRUCKq8oiqKLBAaCxAzk5kOSiL1xScMXY8mIgWZaEvuDPbgqwXUjnsZ4uw/YXbeFEq5hHEkFhpYYeIa+I+2Iwb/o4Eg3erBqvBFZiDvVJJp+FU9KLkUlvThVyj4xW7AgLsVrXpw5WB1zSXKWB8d2ZV5WHlBgJIkl0W9DcASBTG25RTPCwVasIVN+9kGPLoa7oTXx77dMM+Fn3VdG0h/LZ/v97d80UpNuq6DBMNf32J2aR1owTJyP9ArlxmDWlqe8ILQg6qIEJmX2XjU0RNqNBwC4FRXf8aIg+cL6TlgcShPVw7OSLJUu2Zu3wNX7Gqqsl8kMEl8fjIRSsRdV82YJYZV6g+FfKqyre6RNLIMj6VmElhGtpFbBgFp/miKhE1/lAqCrMjJSERkotFgTSB+RQtoSVNQw2JsX5nNBQw5jrVvNLc2d4Q7yh3nbgD54dXcHdwp7vWwttz9B8xZ4tzrOe5448oGE1fObtI49wqsqsSwpvtFOaPlfa2xODl7BUBf1/teEUkkIuQJCKksDVYkWZa23JbkwWlXO7C65UJOM4+O/HiYiAzeyYp7cyQxuAGLIm+W5PPzydLttTz812o9+F9lIfNb7oOY/DTQsymuDRzYVTBadwOx+B3uzxAr284iQaOVy7Uzh0VAOiNHBIZxqsSxXUMq8vfFRWIxj5ki86OxJ7wICFhuYsPNixa+IvPosJlCMGaWasX5MjrVMc+7JqpeXUUtZp1Al7xW2UEnALs1dhNtZwCTte1k+Oz5t23yjapwlSzKfvlAbKVZOTivVHVLWbB0UtOtBcU6rCofrF1tBPUrq42rfbrv+rerU7UpVdfmd9V8J8yQoWQnsko0aJZ3arrvipnyUjgUcH5eEgbPClLH1SEBhysJvELRBiEpPIC8IvO8iIoKSA/ygiSqXqqb46gs8pSely6s+mzB7xeFydmF8mXTlu5Xl/yo3vIvqXAVH25UlPLc0rxzoBdLJmPpyXxSC4d0PRTubCtW2pUJmi3147iK4vsx/FwwrEXCil8T4JcbD2hYq0ACYW1CCaiCKEoBXYuEVIhDpn0Xe4ITNn608Q1eJh/iDICXXYwHQpEuyG9yli7DO0sWMQ3mC7iiEsM08wA88wzVzMOMk6+nD1+VzR4+vMM0M08Fp4JPZaPR1lNiUHzK0vVtu3ZbsZi1e9c2XR88jd0wc4AeptLkrrQZSaUi5vYjV2c+EQx+InP1kd/6hCR9wtq9uE0PmtGoGdS3Le5+B+TOxvDB9BTHfHLRP78P2H4PYIRbNnE+ChOI5ZbQTrDbDcawnU1dxIBBCDAFCCPlTR/dMnqsUPQcQIMoMyLQsg3Y0nLJhe8LqhGo+VSrFED/93ImM3OgWj0wM5Frq/C7FFStbX9kRTw/+h2psqwU/ETwro1iUk1OJlRGXTKZL2haLWCoFlAgI1Au+RjGG6xH2mqgDGmqNftZK3eF54r+wXJKEvwFgZfEUWwqMQkFFpOM32D+HPcCTxUBnqo49LwaZ/wli0oeCnS3D1m2w+QEb72S/qCXKqHLL4SDK1ZXSd8IoPfvW/YF8oF9b1ldfUaJKc8YAQJpZLWcfBZzP5ssA48dRWJ+c1PTmgevu+6dsvwb+JvjZDZPKKM2uSXuILfC3c49hHMFmIPp5lEhyLZJMM4PlW/IySyhjRxYnobr8OFyOLTpNNytFOjQvJPI6MZftgDZ2w2mfQSWad7bW+HAzTJQeruBvHCVjCja6bgNvPCO/K9i09l2s4ChyWgeFbMtg2Tniql4AP7iqfuEbXh/mzBYNwKr4fBqwFjrqLuEIB8V8YY4Y1NqQ3naNJY1rdmzk7HYJOlnU9Ozs3tnjcBpzBZW/VS8F+RRNCLOlrYXcs36/fVmrrAejwMzEY9H08YOI/1Pp/WQoqyGdP4LkJq3j5bzpxfrUEx9cejTLG780NMpN7nd3D4YTY5A1yQAex1tYMhNMgMIw6ktvVEyL5TcJDKsZRhduTSMGFKrRP5F9cuDF3yhZDEKA6sGfWotx2IKMF7nJw5+LtMMZXY0whkSSTfD2e3wjQ9eIGHyGaUm6P7BfzcozRi5TCKD13CEcHNfODdpOTRoa3qlGoVveRgh1wBN49w9As8yfYsO8Fxh1OwIULM7gOa/lftl7v0oWTK5d4zIj9H4RoGxO3YRaZJlD3fdQAY6Hh/G0FDEtuoU3f1D0kXipbG403BXluurGY0x/8UfdLWAt9VojfkloueiSkknHe3UgOnt/iNiseWtwQlJ6OMVgj/Dq2vsIKsvH1dWsXQMrOVlcmVXTUcHPXejU2DwRVZzj6qdaDoMwN4NAxpFbs69TAkYSse2JHqX0+4F2s+a30WfSg/v8syugbIbSs3lCYr+KnysMY84hbmQGW1SIrZVm1dh5Mu2QX4oauIgr/DqW3ZKqioVPiBQUeaXyWCe3Df4nhgmc4PBF98tyv+FfE4QBn3JEOt3KAqALC9Ssu4b/PEPBt8SguSKwd0+hxCyz4MPlwe3uAJX5a7n7uV+DuSs3+f+L+4s9y0C6MfwGEFY8sgEMw5vEblcd28WtNxwt2whNoyivnQePmh3Raes+bJnbkUuZJ4xPfP4QTVP6WdWMn3Zkq2fsGRUKiJf4V6OAGOqhJW8e8miv4csh8IhWRZF5vIBrI40lkC6P+7jWxKefIWV1xCka/5CueB/AaMvYHQXQuYEzw/ejpF/4PnLQGyVZHhWkkRZogL1w3drwr6fWklv3nzcv1noi14Bn/dKvISChnuRnwJYDrFd1TbncFee7zstDFnsQqugw7flUW7qoi/kwxCZmcI5v0lvg2MoAUNRpRscVdneR/gCfoBfq5JQQ2wCQVgSwhiFgPQBmYy8sQc1JniEScd1RFcwF0NEq8MYsiFDmt8HXP073B9yX+T+M6xH3AVrO20ET2S8mFEC0SY6BtssCQ2GI60GwCuwcnhpAJgzrQcyCAjYFktaJHOEWRoQ/9KgAFlYOTTIA1tnzwpYJJN2+DnSchaFMuoOkZ9Y5IE1tLIClmJR3PwKApC9ZUfnuIrMHlrMRzoV8t/mBSlFeTULIqsy7dM0PuKb8UV4TfNNoxibVQQKPNq8DwRillVQLppV5YdZL1cCskKkdK6iAM1VdR/RZjTiA75AVSq5tARSd0CZn7+kXOvZZjbb3IVBNoV7eNoYpIBRaQOv4uo4/gXboFnQNHm8sTI039LOaepmNn/wwtmOQhvCOsUmCOKwoRTbSSF92MqXzvFOr8kQ/BevyRB8FNvcKq8OtS/8xoDJuE8B9dkBcDVL5ngUUEM8k1qojMwOEiLk+edQYkGpke3BRjkU7VOoSSMDIay9c4cYiUXEHe/UwrKo3BrjlYhfVe+/X1X9EYWPnaTiuwOCdb8SVe63hMDJd0SVHTuU6Dt+oAVI9CHN59MeipJA1KAn36UBR7i0BJyh9q6T1Hh1IPKuJVFcelckcDLKRx56KCIwG50AbV+Htn8EOJpp3K3qcjCetZyB50gWZ7wvAHzZZsjdsvWCTm2ngQ7uuFfg+8uqb7DuU5cVWcxLIUlSqbsxkKoS/MyLcp/mK3n6Ym2wXssv76GVhQrds0yu71DakaNqNyTx4peQR/2SyEuhrhrdFoxEgmvM0SHf7ZiplNnxdMwbwHf2QEYscbNsRx2aqMdwExpyYCFvcl7MFHKBlfOvy2paHzC5AST1tLqslZbVyOBZtqexFlGXpVVvp6Gr5PqHXjCM50GkSuFgLzxZ7IUgHxcwQj0lst0FiOXhTiAcW5c3meZ2cgdAKELTh7ulgBlBPDcxZlKWmf8Y22EHIq5NXRF3tNFWlpi/mOvSGrPI9/Rkw4lFgpQS4vPHqu+txvw+QigNRoDpS+oqlQGC+z5dpp+WMnsz0kSW0uzEXewy+GwwUatPWTVrqj6XCEk+f9yftvP5VHFqspJptzOVyaliKp+30/54QJOj0UAgGj1GCwVaOdXaUZ6ZKe9onfpVzWf5lFBIgYvGbOx/Tv5fZvtD3WOeK3MzzMa+yO0FyWAZJK0budu4u86zsaPepu1kiYAX08CRaLHxKNsmJjFxF/3pmb0dky1XAG5hJhSE0WPXZtZ2TC5hShHWWAMjs0TC3I0g+Z973rBnzxveicFjXV7PpxPpb00lckV9NlEspfbUkpnYNaViYnYlk6ztKQfKU13+5nLR5K/YtS2eMg8Xc4mp5VR8265CoFiGW1PlMD/4QTqv810+ne3ysUwqUyD3pDIxSCiQvlcVBC+05gKx1L7BjyYaKt8lT9o7/fyq4JuL+pvTq7x/p32TPzrnK+8P8Mv1y7u8r7n9Gc3Wtepkl1cbE0c03dYKSz6+u/3AMh/YVn9XLDDXKu97eFfbb6QP3WH427sqhwAH/a+NP+Il8qewjq90PZwY6WJ0yxnyYJ5BMEYBB5VhJGnMM2t6tsOyQ4MubWOUrGyTv+WtpUXrHisctniZTikSbxh3G22Dj0bnA+QqSP/MhZOtzQfJB3i83B1fXIzzkjQFfDZkvTsaxUs9VzwcX1x65wXSr7IWlyz3USgr7u01WgM6buIuVU+/wqwQQwdLVKiM9vRVD1YT0WIim4BPMZqAn1MLC8sLC0zb4eyBcZsuFKYru9p7HEjY4PDe8sLQX+xpgOUEN8F2NRVbrhXbU9RsajA2zRpF1AkCY7OWZ9oRttGN4Pkxv+cijkav3Cyvd939JV0jwHZNQ9B3sUWfnUAzrPsysgbSjM12DrK6qxeuveiU3WqjlDXA5a2mlORMsgNfhVmcwhC+oRNEs0pwtscUDOtduAufblB7AfNAsL5PZUYRXf2NrqsqGbPnh0Ge4YjnxOgpWBstJAJO0XSyzAEWiAL5VPHm5jWPpHeZJ3fb+1L7+xscuxwaJZMHilM3HrQWrsgm9/cHHQwPeSmerZ7t1XV94zjd0SnRbb2kU31tjbCtfqTbGTAPhF6L9HyDXoOM2WXPkFNoly0VHGbhLZAzgxcfzJ45k32QiGcfzJ05k3vw3LyEWgWzALkJl31w8CIRIT85lXuwAtm5TV/Ut3FBdkoEkkZrk/11raNoAqbk7KBvBu67L2CSTiSRuDZ7+Krs4cPZqw5nD5Oe8Xu/ZyQipBJJDL6fu+qq3OHDLHTH+Gvke+STwGezU2LsVtGmRRNtNpbTsHVPTXRm377brrzyNjc8w6DoTaPf+/ZVCcfAzutbnxxADRyOArH710P3uewd7mVks+9DnwS27w/IeOkcvp48NniOVAbPMb0/tDpBjmFCNRHZTPPqepysMBv3mGGaPJZ98MHhhzhjP1h/z5LnyRkY+wT0t8HU+2aD4s5Ts8EUJGjObJFTlYR+5sxzlZWVhA5h74yeqDxHVlYqz+kJCDnXpvkd6MfjHrzgDk8OALKx+XUPYjDPtbuApNKvVo9VKivVasWsPlE1Rx2NYD/PVvCvjwEknNUTCZ1UYe6eeH60b5I8B/ATYjt9zhk74PJbAE5nBk+w51YwPAN/5FQissGxiiBcufPO6qlTnt8fwqIH805DLwqNVrEEo3B2ZaW3skK4FZOsDJ4403n+ec/X8WkYP8E7nQIt2y/ZU4CmBjn13HMX6uidjz/+fBWGorplZgdnvtOruOvxO9DPx5mvLs7WyFd3i/2eLhHCacAjBALajpPbt5+8HwPfJ675xF9iWjTweS8JgsGL13ziGo+Hc+FA5AIgXwJ+KQEANUpF3T0F4jxJE+RLcmxnZefzgzVoLMDjGUACo6nBaSLV/3q4fujs4EwkUSVntk4cqW76WHY2xxoWm1loSVAfjPVjUGAf7aCd6tlq9bHKpl/mz8H8BLkYOxsBtx0CyOrugQG2pwG2ii0WI1eFjfnJd/67wmziPR3kXjuHDh0CfPrXvnx4sj44OzcRt2+PpIxeB4IxH4VT2B7DxN1i0Cho2NnawZ1n4EtOdc504MNx7n5maD/m1Udnk3DOyDrIHoQrbVD2Az7QO5TN8R8g3ax0OhCYZrncse3OnaSKo+Z+j2kxLbbyxEqsNxONzUTvrMDyr7B1RkbrLMd8D5iKc5MOYdVDbTms215A2eDUQEAlnBIwzwaUquoH+DZVv189hunmsecx3j+zuZYeByQegfHlSnWUn4umq1Aq4j5Pil3Ag4ZaM4szrYmdbyCVY/ALcHm1ChgdqGmlWvXm6Wlvr3f+ApqKIjMMFXE9sO3SgOLGoOcYUOcVUu1Aj4+R3vhicM9+O3tnp7Piwu2onhTAw8QF9pMzHxN3D4pUIALUhuh0tPAGX6vmq/AheVyBlVNbq+virepZUtng8JC1IXzozCcJ6Yz94ZMnsz1IYZdN2neA7MM8eA4dYP0D7O5tt27Ns0L2YJ4lAiSLfpplufXkrTnIMqwn5t4HJE7deh50qyEezltBT0My0i8zsxZ5KBD7Drb/O7HATWRPBPC1nog8wmy/Lv5Av1sLoKfEVbkakwn2nePHhlJAltgxq9im5abTkKMWMvDodbJIHNmAhQY8Ft6JRS3Gz6MRBn5Qwm3inFct+Yzs3C+kgtcGf0mW9wuCwxLmlsJzWeMgJlu3CcJtAm/4IEkRhP2yTB7bxE69yoRm77BnZz8eq8TitlXB33+asrWJwV9C6ol4OR4vv7c4nbLvSpQtyDNak9Ut/vycuw5dv32rgGeIwQqEoFNlf8c2F96ZSq8K/xCeqV4QR3mrlz3t+fjDtwOgegoeEEdjHACcwLC0C4/OGAUY/rs0CSoHuN+FQvXwSx5L6IPeMaRMOgB81YT/YVvOcM+zkwqSY3s1GsNIcRjpwfxPJhLfdS/vcy/PY7D1M+6X1UM/TmIOC2HYg4taxXr9yjoswr/3w7VefO7Y0J/mO0AnH4cRh5ZY0LliNOYgBh6ppzMMV/xLJHEs8cFdc4BfZ3dVAfEkdD3Re2D+kC+I+DjoOzT/QNU0Oc9GCWu5B5gnx87p2DGCSmamYww14nvUwJ3rv9Q4z5GJcMz1vhkwwpFgKTOfaZ74HagyBcy/e7kJCEEqEqm7F9JjhjTgC5NGej4zd/WsJwscw7spww2PbZ4rwnvjtsJgg3EKDb2h944dO3OsitwaqXj46XnIg3OWR0+2kut9F40VhxFr0xMX1RCNCYp7pdwf5FgKlVvl00m4lEqpdKFspUk1bZUmfln1VXppq1w4W26xPCysqGo4YrVaViSsqny26sVc2gk0vgcQFOLi7GyPc3zqhC0udIfOxHK5GAZ3uQN0bb9PzuRjg8dj+XyM3BnLDzrusBwjzA8n6PX1bWw8/CClRJmuugB4psLNcnVuO2AarjT0lima9bYwdJsxG4ip3RO7dLSSQdMaw+O83IMwWhIy9qTvrtlw6rkqrtFqanBFtUpWkDkcnA2nYPUyThIXzwbXslt73eWcIrdXK3AznDoG4eC5KumlwlhQ74lI4uwTe2evuGG0FpCHhtk1dOfMd5DTfsyD9z7jvXR29phjo6cz8BnUgrVcfOy5Y8c2uMpzcCFcBSjXsWOdXo+F3IhOPQFjH2bnqiCdss0gD6BttfBAAse0UP63qAmim+wATi3K5PCtlb1TU3srs7t3z35eyuR06XVzpVy8nctIVYkcvPVyqXZg5UBNqipX3nylcjQ2W8rGM++vYs65bGk2M4TRP2R+igXm39P2ZGd3j6ZlAmnZcqbWIV0ulDqHOqVSp9yw5Tvz30luSyS2NVFAfUy2G2W8A7cLsn5n/s7kTNO76/Il/8TGaAJ5U2oDRXA8X1N21ALDK44lmy6OIr145Nd4/nGjUQZq714bxq/xk83Jydfp1ytB5UQEYTpF6QkdcugnFBlWQaM04gNdPp1pu5iEaRH4b4FECNIw/Yd7cq+/dwbkO+KbeX12z8wbZ158fe6e98wM/iVH/DNv/ApLGl/HHYjJjBqzZfypT52twhRuMJjYzCNgHjx10rF0ALVDnyKdDQ7oPzeiyY/jLquSZTtzBJtCuF8o3v/ru3b9+v3F5eXHbw+85z2B2x8fl1swPyCUkpvdsewQcewlggdKkbPug7/wC8Vbl80rb56cvPlK83+5RUBhudoNi8rKirJ4wzgeZ6faGMCf9xg16WyM1v7jbO0bTHK2z1n7sOqGnNip55ARc4PnYp1K5xhALjBFPcYU9SLxwdtI5Yk771wZ4mzcJ6UC9TDYeudUV81FZkEINR2mJHEYO0qLDadF1gYfFShRfORmIfzxz/3oz4FAoAR27GO7P0d+fvBRn4L7oG/2haXP7f5RIlI5Nuhh+Lndm/w/ylvuLj307buopIX4hDx2ATFrgzsFbN4FxKzKqTG+3t2LEWI14a5qdJSGr872UxVNwXRdfSWIOw03EeDl7JkzlZVjQAC4s8eqcAVcBAihMjiD2IdwGELSMbhuwgDiTPds0sJwVrwj0AxP0uq7g3/qiVOROJsKpNcov+oJ6ISO4wfcy7A8EMWgFxrTVrGjiJBnP4YTeYasnDl7dqWyyds8zfrJakc5r3SOT1AJHq0CvwzjNXgM5QRySgkEBg+Rxzpn/WoPUyA41ekMz/x4EdYkDxgO95I2bBAii/BxvQldOu5YDfxIcAOPNHrffJxUEvmJfDIc32cD1Z29em7+WpMv5/OlmcF6aG9oem917yevrr4L/jLF2SM3HpltVtW3v73fr1T6/RFMuDiOnTd9ESw3Im5jnufnYztXJxkAjgs+5yM8Vym5gjer59V9cQzr1Y3E7KJ13nzq1MXqO2WO6rqPpICGJJCSGlgNkBAedzOVqec5HLXYLlLc08yjZtBhg8/DpGZ5phiU/0IKhYM+WfYFwyG4mFJI00Lau1VV9mmyrPlk1VB0LRPyxw2/34gHQmktrJGwBE8EwkHMEgwHCpIW1LTga3hB8asN1a8IEk2pCg2ZwcuDZlDRlBTdbHOStbl40TY7jD/HNfQXstsqX1APbjbu995cPHiQhCS3bp/bkgm3CVr+qf356c29zB8EzrHD3YqnX7l6aKhmlmcXGsQzW8YPKWDGMmYJRN617chZ3kEzhV1uGxOuYQ3PisWdatYiHoRi4VEmbVe58PtEFaOaEFRTbdsPVy0djetqYcFQFGZfzZqG2d7RihkmxKufFEU+ajdS0YK5o6D535YwI40djYiZwKN6w8HwQpEaEasUEINhSPkskcVoWgsKmn+qlVJDohaN78mLE0nC7J/UiEYNCsWWdnxKFFIN2yAJJZnnk87gyVAskYiF5i6fk7NlQmSajVIZfo3wDU/IrYA7dyJ3vfXoxS0Dwtjs84YA96O7vT+tKLG9h/fGNjsbaw07C59zuqfvOrhLZz0jeZKbmMht7QdE+5vtzpfLedZkYXTO8ix3lLsbWozKHtfd2OMqNpuORzhSx3ZGE2q38ZgxdGbe7AHcdTXmbfdUGxMwgnsEJQTsDItRH3FPYrNEI/WFeoSWmjy/2dNkycrnu3lpe4V1Nx5fTZjZ2Xi6Puovr/ojc8nSLp1qAX3Cr88VspM4YOVGRc4YPp9vpln1+3zxAtleasbi8VizJKs8yTZ2w6BYWghP5dNICae4nE1+PDSpCCTujo4Q9hvRcl7gSTgUSxXmzpgwoFk9JlqplCUW4iY3OvPYXQuvdCW8MkD/iSF5yNN48Pqy0PoyEHkxuMMqFO/Muj47I3ISRm03YJB7uNN44hMjhC5ZtBz39HvkZCXPdxTZ2pLLSbk/R+evy1FLmsD92rxrG2P8/rmtRld6trMbbUfn4hxANR64Dpfds+5OmkcsSQtIMUkNDv7M9feHgBx3rxgMvi8GNMgAATmqKAkbQAs668/OZ84bmb/Lzkh6cGIxps39/ZZlq/kVWYs0MsFccNJwF29vs4oKK92Ceu51992E3bbdAk0TWft+l0zo2QZWmLD4bH3ruPfKGSGdiBiFucHm0hd5v99MUMWYHK1/nJfjQNev4u5gp71cdP2PQzBb+ltx109n5cO4tc3NRb8Fx13ymn92y5LfugpysNhHiFAIBSLm2FJ/IuYt9Vg6HXOXOkcvArs/e8j1gBbHtPyzgMuPM5AsIHT+FOGu4wIdQJ8rs34fxu5Rxjd6xyaN4GZ4qhEz6zZc8HAQOsg/xs8neIrC82NA85VcKdcY1tvY3cjxgipPtghOPGlNFj3axnln5GbO0cBu2YYJ4iDdciju5qESv9rr9LachTt20HW30+t4+5UZDZ3kLrsgFj2HcLqEH+jmpVP+fLWI9NDXtjfJf3Y2lrkg/e+N4+G0Usx3u/mCODHkAoDSncsGeHvrsQ87L9oH58KtLbKujG1oY129QB/0eKJknd/cQsIMWYFC3OvYd7Gf+a19CGkJf3pLi0ORwJRmuj0arGMHu1vON2e8jIMtWXopjmZLny6Av9y+WeNY76IYrc8avn4RtCZkwtrF0VjCNPNyJDnEe7MXQWsd7GjnP57Pz/CGz39B1iWUCPgjmqG4XI5wHiNDxmD30iD3UoDzpSHQ06WM+M4fl+e8dKbxklg/T3f4EbZv2nJ37hjeK3QQgUve62uYI91F4quE4c4BbsolNrvQsaTz4yTvYlbv0tly2aIPM5nNm70ZBjnMGEW+ES82e22MgwynTG5OXH75vK4nomk1KKh+u51EfvD3I4FAud3UkenjpdcldH3+8ssTyGhqSWA0VWA4078Uqc+X/ZEYbwBHOXZ2wN1kG3vvzixxmKceq14u/08r6ItHzFCoun1HTFdzS5+xlnKqHtuxvRoKmZG4L+iN5zOkyGw0CbQiO8U5wgRQPIa8aDWcolWkDadhNWz0Bf5NUpjOF0l2Jl+cS16W7E0ulvy7feXboV7zd5q7nnz9tsuf/KMvqU9OTl4W33aFp6di+GqNyVn7XpmkRdk7gZp4XsNPLHT9hZE0wvBHupcsfK2h35EvnUikXd8Odz24/bmGu/Gn1idnM1r6KfT0Wa+nb/WuG9yw671L7vr6qOvmKNYaG44RPcL5rbz8SAiX3K+vvcw8DcZnxTs33puXCtdCWe/HaMtPNPLP/LjjO+i+9Gi6uOR9pMs5TFZldgN3F/LImoh7AJgrJBqig+xI2tHmF/T4R+fI0VH9by3wfMFHA0lfIRjGxgULvmSA+s5J1gMs+QnXovdBQw2rBk0C5jJ8chmbV5Z9hkxjSXrxW1Vvr/3mPGAfutzDr6AfQ2Wh8UqUM/sihERkkQZphKq+oE+Fa5CK8oWTD1Mf/PD94k+45ESfpEqaGAyIoo8KJhRGTYH6RDEQFDW45RNCflHUZMFUNE0xBVkTRX9I1phqj7zp0tVBo3OH3HH++Z/NKCMleQlW0j2R3uM2firjrOu8KPm0C/KePIypJPK6zrLe9opGOjE20jJI9lTbyrQKokA1uOGyQcoWmH4j91buD7k/4da5F38Ko+7Y8LwrkLKdPri9IUS853GTNnv/HHN9xj0auCMDXaSH6uISxX0azKcaa2Uv3JPNYaXuHg9vLxATaNst1tjN59nZZC+xvOhFV1Zx4ieb86/7BVWQVUGVZIEo+L4fEQ+lgYn3biiSLBKqejeoIE0J+EIsefB5P54wLCoKEWQJCpAhv1+UBCr68VRgIgLPJsqS4t0BYFEmREWWFUp+m4mlF13TH77Iei4kXtGK3sbaqVABmFrIxVPooiTw0ngPxu7gGQiKDEMgy+oO6JdfogD0fsKrAlWG4yXhac7jtzaHUsq6z/ahRxdAJcULoJExvbKLr3/22PpngZF/JniXnV1zoXX/b3/V/9tZ2f+G1i/zW3yBPEt+hfODtDkB8u9O7kruOli1d7lnRWzZmTm0tI7rPg334iYNX2CLwDZ8QSqm2EONKKpDS8VhrFneohQdvgYXVgLhxjZRAta8HBCnq4ik7uUBTxeqBb4/isU31ZhkeaQgHXxuUyka2ozWNvc79rF4EEzGFKlj8X8daUS/PIrd6jbCcmX2lZFu9B9GMc49p2qd7T1wz7irc4swsjfjWVEXG7/hy2HPGzNnc5xyIISMK0mGHCvzdMKN6yS0ZaQeudD4REcD8XXcGO4C+Sh2D+4RhF/ksgsPSeXcgbh71G+/JLEx9S6fl2Z2zEih6Zlpdh70CNYSXJmNxyHuOPdq7vXnQNr/bgC7IGSpwVcOWfmfMkh5/jO/xt5jFQeYQnvEAY5z3zzaYNjXGR88Z/NFxe3mEK/jAFhjY0TH4p9kE5aXF69blO9xm/QbkjsI0IrBqLlP97EvGNg9jGGwlp6cTE87zvSYPUGQWHYcmshoON99rsrLOxOww85T40reS7WD7kFhQAxJHg/KY45qx0k5FI2GBn+tZHX0VteZTtEt5C/YucdDO80x7lbubnwjIXkltpocaYw2njWcof+JCdB0CbpB3N2/dQ2+vOWmlOcBGfF54qJqQuYGveFJIiq9SJzc+uOYcB5VFOREgeZokrv0JXXigtpI0RvXt3v60f3opf3y+lG7VmzNsqO1maU7RBrnGcg7Y30g77pIt35EIoFAxDN58xJfodIWQ3lejb/tQsrUNRKpzxto8Z4y8C0h/iAzkdvtlArXaP76MsfOsfLOp68CN7aHOwJ9c01u46r94aRvYW7w3LZLmf8Jfgvz707qFt6CEPLdAZs5wjTEF4n3ccY8Jns0b0OCnpU0chFlMh3TYV3GHeSOcjdyt6P98uX1i6NzbEfmcoZlvDOlo7I09Ie3hpGRzzw9z2f+5TSOoUAkNHnzZCgSCCFkypLhj7QWWxG/IcmQMPiEqwt6/5bLVe7lGe+llRdTQUo0kMsFqASrigjhRCqVCAsEfnivscxvuXjv1x56ostj4+d6ze9hp8a/nEDyUxybwSd/8r4z/eHL9dFV/AP25cJcHt/rQZglZgyMXTzJUlmrpYkhsR35G38imhYGzzB4xTNLBo/22VkCwvtxeVNCfojejF8T2PmeXDqqKACeeNgWO2+A/cLDGhUl6p4zIXq6qFu5Boz4QfY2tyI7VNyjVaNIbEjJ3KMZXAzuRUqjE8jQtFdss0PJ8G3QuMWG/I9rRXvpwFL0tdjq62VSx2udl1YUn0+5Pbp0cClawmhM4q9Fav8Ht2OGq0PTscqi/Df8XbHp0AdD00e+Svm/4f9+csdEMQM9COkQ6CEIMsXNhDyLONP6r+ihkN4B1opj7yNnfbwMuKEGt8R4Ic61hSGGcbm7+shtCM3GExdUm0hj9NseI2nOWJx8JFJrzkWmnORsSlXzh/KqkppNOdv8/tSVaV8gbdtpSQpMz04HRSk9NTX4xoiqv6uDMQzsUYwkI6YZ4XdMpbaliGkSuEzt+JgYj4v2whQxTNMgUwu2cSHU7PpUuOfGb/b7JPM/u8S+N1jf65fcd2tT/z4WvfQRkcSXH5FPe4r63lBh/yZchfz2KSiTRKMELlPbPyZalggDg4MHA2WoAU0LqHn4QqzjXr41Ut4fGrNGiGOw4nJ9LzFarwAeBl/+8ef9MxeeZnYW0XCe3Tbvx3dKvbJ2/1hz+TK9uaQ5+8wlTxLx5ojDE8Vb5qafN/JK4zT9heGhbqr7LmfyEaAvuHcgzXZznnsaN74wd6TlQYf1VfbiXQy+1Ot1XApwH9vbtuXIqHh4sN/F8V3A7S6P7Z7ZluE4o6SPv1usRc3xn2ukO5SNEtb6ZpR0u4PTMTxqcWYypnxs9wujODd8x/HwvdQT7huIpdFrEWC6t7zgkY7OSh9GsKcXeT31ld7RER4Bg25veuWQZzfPRV91RyPgUcc858rhHp83/g6iIu7vLYx2NeBOAKlgFqyx84eZR3l/0DEC5Mkovg8C3zmELxvqQwN63W5/DX510GoIAx4eAAXt5N0/fF0wk3fd8T73/Uc2x5lQ33hdwljc3aeFPvR6EbeZuO856vS8c4u59fVOt7Pe4Tkvwb2s5wfQLpIfnXng7rFg+2nw21lbW8fj2d1tlZ6e1m2fygXx7cp4okYUD+5qE+oQG18KQJ4szIXzq3lz8H/kT5Op1ex6ep305wopExLDg9On85B4DyQO4Yud64478YZvhUMn1+GL4ODHBB6GHbWyghVrsNNFcR9eF/hzWQ2YqXDHH1WksOUPGaHd2UTEjBjGzsVurZ5LpCOJZibf81thSYn6O+GUGVBlLegP5TPNRCSdyNVr3cWdhgHPJLK7Q8amPzbOO9vJC3VH2RGJTallkedX/3XVNDEY9NfIajh83Weuw+CP8SVSrh8EjBbbqxYgXZx20mN7Iojn/9tnMDT2uvDhPuHNLeLu+icvPMmW+5O47DejhDsnwYtyrmwyOh/Ecs9VNwA6pcKojkLLK13Alw8NjzZ3tyV1B4gVAl3CoXn4Pf3+u9zDCchaJ28EAF57PXaBjq+6hxmM/HKG76Yi+FYq9gZpyz2aieT7/dfOTwt8vjkViSzsJnsf7vffyldLHWfH9l/cuVS0h74Z7vutBOYBwlkFo1DCjTKmU7BaVdJq4KvRAQa53hq+EQlf3AVYpdPpovuOB0N/zc5h4RzTdswYO0GKvV9aXt/ahF3nt+B8HOS8JA4a2rWdYYSOvbH+knDR2rR5YOWAOR1q7GpcElL6q/hkpTIZT2Qyno/BsL140k/l3L3ibqua7eIwYjDy6bZyvIFJt/Tf9zAfNifkNm3cg3EL6z/4ETQiwZrDeXDtnh14iXsMn5yI/yUhfxnfg9pT97oHUlCb2o2fon56Ks4Ut7IbgSSZqXIvSCt+zHnKsTc02kzsuqR5yv+48/Sel5qn6svP07B1joWH+V9sou6uem3Cybr4TK1DS+LZbBzaNHqf0Zr3fiA816YUwAVrS5ZUwo28GA5fioTHsTzUwHjjmWe8K8kDAXtuZWVlX7LXS95BWejtYdn4z1D2H1x83yTPPXXkyFO97Ic/nO2txm54y8LCW26I/TC5tpZ8+MmjR59s73j4ROTeeyMnHj63vPB4eXReP7ewc8ohGa8QMlbGWAljj24+tenD5tI/tlezs0n0+NF5Vyl8hw++n2KIvhtmkB+9bH2WGAh7fHORd6gcw9cxZwXc9g7MAODUTutEg4FM48SMtaOzYzYe3+bkfEQNq8SXc7bF4+SWAjsXK18Qt9/YZkC5vX3j9sGXrHh8Fp7YFicf0lRV+xCJb4OfQ3+jDbJB3g20eBK45evxFII5Umavz8Sz3wke8ye5iplZ4p1xFkS7jI3I38qSRd7G7CamyvZEuVVeRIdBK+a+1oQGBXyR3VFJ2CcQWRV213mV8vwOQSK/KQuNXfCLCHtFTdjFE/rP5SvSaEnKX3dsKSdBdiDnV85a/0mUVf/UYql5e1GgqpB71WzBmfQpRJQeFa4RVJkI+65Ge5Z4vZSSrrpSlFThWlE6IarivemUoFIhb0WdqysSJbJYO7Hokx4VxdKhy2dUf36KPV7M+BR7x54C5PDOZh2tO9TB4Jka53hzD3GCNO+irCgV5gFbAQKrUwtNp+Wm5TDMNTG+EP+9u/+PzF2vadfr+ptKVtMqTb/qRfbzl7xf40tyg3M3E85696ZJaUte98mxs8SM4UkAqG4enum/5Sw18uzpaC24Hgz+bsiGSzR93fAdKNHgt0J26HeDkFqLno6mN1+A4sLwC1A+vmWCK9VjMmAd5LaiI47L1tmB4+w8RXwPWx0gooR7/4dvgTfJs7oYC8lEUzRfNJKspfUZPVXd/fpCMeAPyVT1Fbp6SAwPfiHPeInOWq0WL2gBK+CXRRNmk3CRvVNVm2pGfKKykLYzyxtcOB3tR9Nhr40uL8Ha6EyU2w34Ou1GE9WH7it1dIRSk71GGF9nPAGgK+nscCF8Dw/wCrVLaaJOfs5r4nqtlsj7/KMmbrhNVFQjXpxmTSRjTRzxGozfkdhJlRQ5jjY7hJK8ZevLODvnvYuTH/G7KN1ybBvueefWVYl3Vh07dQKAdewcO9LDk+v+bHRynaawE+sg8a+9M+zI2taT65i3XxdPtBt0R4fYDfFsn9EEGTl53DNt04ZlIg8Psp1UaoHMgDLL+7/+9ff38U15a0ABFuadI0ec+f2Q7uFGtFf2OQV3hBmjd+MVKZ4AYBe3HqWx5i6f9cirS7Va6dWRbCgg8qTHi4EQ6boL5cRXP1urffarAV88OLG2NhGM+wIenvsmrOl3clGADrQ3cxKsB4cdtO0hsqjM8BcmvmQaJAntGIjL8hy+TZb8lhag+BpHGjBoaWqqRK+HhKxpZjEhncul6avUgIwkXoZP2jDS8hE8qOkNhw6FIUd2+cSRHDUCtNS9s1uiVciTvfaaHDwgZw5eezAjVyBTpFGHIEhTBw+mKFlQpcDgzQFJfcMfePzv35LPkN+CtW9zDeSjLqkTxS29eK0WpHnLytNglGYLhSy9BRIMAAkKn2w0mqXaATUYVN+0vJyHLPnjx/M0GqS5IyvQ+m0hg0bb7Sg8QDNXX52l5LAqBQcng5L6pv4QVv4W4Pa3QC5KwTyP1SyZeCJfy7FbeCKfSb/i1UJOV9rt4Yf8+mZ5j4+lQ9H/P9ZKulp4nGNgZGBgAGKNCdt94vltvjJwMzGgg/8f/u9iYmM8CmRyMIClAdXGB+oAAHicY2BkYGA88P8AAwMTw/8P/38xsTEARZABoyIApC8GlwAAAHicY2BgYGBi+P8fiP8wgdmkYrBeKEbmw+X/km8uhM2oAsST/v8H09tAGNkuqBqQ+G1UMSLt+UCe+0iy4xda+PxEdz9U/B8Eg/kw+jft3TdYMba4RA8zbPRgcCM6JsU8XOqp77/BAADzJVFdAHicY2AAAhuGFIY9DE8YWRh1GH0YSxgnMe5ivMWkwuTBVMQsw+zBPI9FiaWC5QwrF6sMaxDrItZLbHxsHuxM7B7ss9jvcPBwhHFUcMzh2MfJwPmIS49rAjcTtwt3Gu8u3g98Bnxr+F7wO/D38F8TEBAIE5gkcELggSCDYJLgHCEBoTNCf4TdhGuEZwkfEf4kwidSILJPVEhURdRM1Es0RXSJ6DExHjEFsSSxIrFJ4l7iTeJHJCwkzkk+k3KSOiUtJr1HxkTmn6yL3Cp5AQUHhXkKPxR9FA8pNSl9UdZQTlNeo/xEhUlFQkVPJU6lTWWGyh6Vayp/VC1U41TLVNeo3lITUdNTi1MrUdugdk+dSd1MPU+9QX2S+iL1TepnNOw00jTqNNZo3ND4pCmjWaLZpnlG849WnFaWVpfWMa0/2kbaEdpZ2jXaU7T3aJ/S/qajp5OgM01nn84VnT+6Frplumv02PRs9M7pq+kfMlAziDJUM9xhFGY0xeiEsZZxj4maSZLJCpNPpgamAaZNpq/Misy2mUuYV1noWTyxCrJ6YKNhc802zo7BLseux97CfpmDhMMORy3HEsdnTklOf5zDnM85v3CRc/FzmeVyzVXIVc3Vz3Wa6xbXQ65f3PTcAtwK3Ca4vXDXc09x3+PB5GHgEeFR5THJY4HHO88Kz0teTF4hXsu8jnnzeOt5J3lf8FHyCaAcAgAVtLO9eJxjYGRgYFRkXMYgyAACTEDMBYQMDP/BfAYAHbgB8QB4nF2QQW6CQBiFH4qaSmKaNO2qaWbVLpqAuvQAundh0iXggBpgyDBq7Al6gp6gp+gBmh6rT/JvykyY+d773z/AALjFDzxch4dRu15HjzwS7pMmwj75XniAAI/CQ/ovwmO8IhQOcIc3nuD5N3QmKIR75HfhPvlD2Cd/Cg/wgC/hIf1v4TE2+BUO8Ow9nXWSmcqtdX4sYitKto22zd5UahZOxVnpStvY6a1KLqo55XPnMpVZU6olq7oojKqtOejUhTvn6kUUZeKHqSlxhkaCDAYVHNZUOY78rxi2U/uvNlQWDfatVpjxjqadzIqqanMxlcaWuQQXrg1OfM+crmNa8bHsKUlL6dX8hoKsULe1A52Ufohd21VjgYgz6+RDpnjSH162Wu4AeJx1VwWYG7kV3n/WsLteyIaTS3K5K4ML43VTpmtTZubKY9lWrRnNSZp1nMKVmZmZmZmZmZmZmdsnje0Zb5v9vpX//4nePJK0ECzkf9WF//uHcxBgERVUUUMdS1jGChpYxRrWsYFd2MRu7MFe7MN+HMBBHMJhnIUjOIpjOBvHaf65uBAujIvgorgYLo5L4JK4FC6NJi6Dy+JyuDxCtLCFNq6AE7giroQr4yq4Kq6Gq+MauCauhWvjPFwH18VJXA/Xxw1wQ9wIN8ZNcFPcDDfHLXBL3Aq3xm1wW9wOt8cdcEfcCXfGXXBX3A13B0MHEbrg6KGPAQTugSEkYiRQSHE+NAwsMmxjhFMY4zTuiXvh3rgPLsB9cT/cHw/AA/EgPBgPwUPxMDwcj8Aj8Sg8Go/BY/E4PB5PwBPxJDwZT8FT8TQ8Hc/AM/EsPBvPwXPxPDwfL8AL8SK8GC/BS/EyvByvwCvxKrwar8Fr8Tq8Hm/AG/EmvBlvwVvxNrwd78A78S68G+/Be/E+vB8fwAfxIXwYH8FH8TF8HJ/AJ/EpfBqfwWfxOXweX8AX8SV8GV/BV/E1fB3fwDfxLXwb38F38T18Hz/AD/Ej/Bg/wU/xM/wcv8Av8Sv8Gr/Bb/E7/B5/wB/xJ/wZf8Ff8Tf8Hf/AP/Ev/Bv/CRYCBEGwGFSCalAL6sFSsBysBI1gNVgL1oONYFewGewO9gR7g33B/uBAcDA4FBwOzgqOBEeDY8HZwfHgnODchUUmuktM6FSyhNeYZDoOG0xrNWp21Sgp4/YES96zYQm3V3OsRX9gwzJpL+ckS8MZaq8wa1k0iHliKx2mTaWj1HBPx09IuDHNSCVWM2NrnazTkbye/5ilTiblQOlkKWKSJ12maxGLuWaViGm7HA14NIyZHlYjqSLfGu7arLvuW/8NUrHuak6z1JFKpPqmHqk4Zcas0NYJj6xQSTVS6Tj0basWad4VttIVZrg0XaXW1WzEdb2rVSq5rXJSYrDIx7xB/82O04F3l3uMtpVk1TVCXEqRGmGagwaxHou4+/Qlwn2pOtwN7ivVl3x9hpqpzEydqOSs59aImZBNzVM5XiGmuR1xbt14rSyz3DvE9diRsJbrao/zbljtCcm3KtTGlZ5k/VpPyS7p3lN6xHR3o6cysqf7bL/+gTIXSUYuETqSvNIXPVv1ulYH7ntrvg3rA2Gs0uPKQMW8JmLW5+EBN5klZB3RbRoVCSabmeH68Jx8bCyPmyORkFXNmuvqyIxbpexg0zHvxMnu3WUn4U7BPQ4JZU4086jqsGi4f4ds8m0HZ+JZgNAaqR3vLTr8Jl64f4dQZVaKhK/PxH77IzMqEtomzi01GVvo5lyXL7viZelAJXzVwYRtiz55y4+dGGcaDnUny0ynMuTjsC5FRzM9briVm3kirHk8zYFlz3pKdVc88h5Z8pAWyHudzus54n3m1cgHx5kRUT4mUZZveJSylOfloDHhmsUmn+Dn5goYbq1I+iafbizTqx7ZphmIqQqW9fN+5/p8iZHSslshOFyiHPGmq/iEdU1IrUrDxZile8isXDvLlHy8Qzbx8e6Z2A0yKVnycCEqCktMWZzF67MuHxHH52mzo05NXUnByJJhabyLibWCUuYXWnZd9mmW9HkxwUdLoR0/P2NSnOa6mMW3qQx64+8qZKeoMmm+MRNQ3hLau4M3JWVdSegDkdSX3f8RCsvk0Z1CN72ZZHGHU3Xbt7M3ZSKxh3ZKqSxw7TNi1iMSsthqQY06MiMUgR1FDmoWh8gZO13hOnqmTu/Dw2fqzdJCHck6XG6WaNLPqB4VXnOfXTA6hbJdJWYMDS7cE5MfmnTmiNMlmUsa77IiHImJnsij2RTrpZSkVIXXSwJKhMKxKXdnR2F7n16TQnG8LLWqaShwKOkkHU/0VbqsJSXrODdFsTQdEZzZYunJ8eANWYwyVC2iQaGfGTBdikQzyHo9yYsINkORNhN+yu6fF6WabwuVmcKwriDsm2PTrCqPUWlpofwwyFKXSYUOlnbLdMmGVnXZuFjEZlSoCrZ9bIa3ubbkEyoWUvTpZFHWqrgIjW3BKSTZuNhq1GmyzKpCcFqpmAJ8c15A37EWc8tV8zwujcjI4Z6dZAPNkwEXtpEL/D1jtYTDMmmVyVaZtMtkvFYm4RxrzbGtKcsvMxs5k778UaXetYOHOwWtnYKtnYJ2YyqgerqS41ippFHAcCJOlHOLh5pKyXi1hMMyaZXJ1kRpk6gRXVSG0yUcny7hcVgmrTLZKpP28oRkycoMhQWcGpCgFoZv5swOuI6Vw3rSP6JcIuH6HAvnaWuebs3T9mRTd9dpFHD6UR6HZdIqk60yaVf9pawWqw5d66q+HtUTntGlWS4nfGT8CV5TPapIvOZLTlhLeRIJWfWlpeIKRtU1rYq7pFRTTcW+SseACmuax2qbV/0Vc9HQBZn+w6ovDDUT04bjev5DQrrHDysutx3UXqBbVZfW4bJrR8xGg4axmrOY8juJ6iZLU6XtorsY2AEdPoYSfmWGwiqdMCpcypL8/lzLL+lVd33YamwrmcVUjykc1yY4P9JXpyyzPKRnpaBHpaYHpKSHJKfnZEjPyRE9Odv00LT+qZnRw7NDj8shPSrdE/cEPTFP0YPzND1oTy4s/BcJnEoMAAA=) format("woff");
  font-weight: normal;
  font-style: normal;
}
.mbsc-font-icon:before {
  font-family: "Mobiscroll";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icons */
.mbsc-icon-aid::before {
  content: "";
}

.mbsc-icon-airplane::before {
  content: "";
}

.mbsc-icon-alarm2::before {
  content: "";
}

.mbsc-icon-arrow-down2::before {
  content: "";
}

.mbsc-icon-arrow-down5::before {
  content: "";
}

.mbsc-icon-arrow-left2::before {
  content: "";
}

.mbsc-icon-arrow-left5::before {
  content: "";
}

.mbsc-icon-arrow-right2::before {
  content: "";
}

.mbsc-icon-arrow-right5::before {
  content: "";
}

.mbsc-icon-arrow-up2::before {
  content: "";
}

.mbsc-icon-arrow-up5::before {
  content: "";
}

.mbsc-icon-attachment::before {
  content: "";
}

.mbsc-icon-bars::before {
  content: "";
}

.mbsc-icon-book::before {
  content: "";
}

.mbsc-icon-brightness-contrast::before {
  content: "";
}

.mbsc-icon-bubble::before {
  content: "";
}

.mbsc-icon-bubbles::before {
  content: "";
}

.mbsc-icon-bullhorn::before {
  content: "";
}

.mbsc-icon-calendar::before {
  content: "";
}

.mbsc-icon-camera::before {
  content: "";
}

.mbsc-icon-cart::before {
  content: "";
}

.mbsc-icon-checkmark::before {
  content: "";
}

.mbsc-icon-clock::before {
  content: "";
}

.mbsc-icon-close::before {
  content: "";
}

.mbsc-icon-cloud::before {
  content: "";
}

.mbsc-icon-cloud-download::before {
  content: "";
}

.mbsc-icon-cloud-upload::before {
  content: "";
}

.mbsc-icon-cogs::before {
  content: "";
}

.mbsc-icon-compass::before {
  content: "";
}

.mbsc-icon-connection::before {
  content: "";
}

.mbsc-icon-copy2::before {
  content: "";
}

.mbsc-icon-copy3::before {
  content: "";
}

.mbsc-icon-credit::before {
  content: "";
}

.mbsc-icon-disk::before {
  content: "";
}

.mbsc-icon-download::before {
  content: "";
}

.mbsc-icon-drawer::before {
  content: "";
}

.mbsc-icon-droplet::before {
  content: "";
}

.mbsc-icon-earth::before {
  content: "";
}

.mbsc-icon-eye::before {
  content: "";
}

.mbsc-icon-eye-blocked::before {
  content: "";
}

.mbsc-icon-fa-dollar::before {
  content: "";
}

.mbsc-icon-fa-ellipsis-h::before {
  content: "";
}

.mbsc-icon-fa-facebook::before {
  content: "";
}

.mbsc-icon-fa-globe::before {
  content: "";
}

.mbsc-icon-fa-google::before {
  content: "";
}

.mbsc-icon-fa-google-plus::before {
  content: "";
}

.mbsc-icon-fa-leaf::before {
  content: "";
}

.mbsc-icon-fa-mail-reply::before {
  content: "";
}

.mbsc-icon-fa-retweet::before {
  content: "";
}

.mbsc-icon-fa-rotate-left::before {
  content: "";
}

.mbsc-icon-fa-twitter::before {
  content: "";
}

.mbsc-icon-feed2::before {
  content: "";
}

.mbsc-icon-file4::before {
  content: "";
}

.mbsc-icon-film::before {
  content: "";
}

.mbsc-icon-flag::before {
  content: "";
}

.mbsc-icon-folder::before {
  content: "";
}

.mbsc-icon-forward::before {
  content: "";
}

.mbsc-icon-foundation-mail::before {
  content: "";
}

.mbsc-icon-foundation-minus-circle::before {
  content: "";
}

.mbsc-icon-gift::before {
  content: "";
}

.mbsc-icon-globe::before {
  content: "";
}

.mbsc-icon-heart::before {
  content: "";
}

.mbsc-icon-heart2::before {
  content: "";
}

.mbsc-icon-history::before {
  content: "";
}

.mbsc-icon-home::before {
  content: "";
}

.mbsc-icon-image2::before {
  content: "";
}

.mbsc-icon-ion-android-social-user::before {
  content: "";
}

.mbsc-icon-ion-android-system-windows::before {
  content: "";
}

.mbsc-icon-ion-bluetooth::before {
  content: "";
}

.mbsc-icon-ion-close-circled::before {
  content: "";
}

.mbsc-icon-ion-email::before {
  content: "";
}

.mbsc-icon-ion-ios7-arrow-back::before {
  content: "";
}

.mbsc-icon-ion-ios7-arrow-forward::before {
  content: "";
}

.mbsc-icon-ion-ios7-checkmark-empty::before {
  content: "";
}

.mbsc-icon-ion-ios7-close-empty::before {
  content: "";
}

.mbsc-icon-ion-ios7-close-outline::before {
  content: "";
}

.mbsc-icon-ion-ios7-email::before {
  content: "";
}

.mbsc-icon-ion-ios7-information-outline::before {
  content: "";
}

.mbsc-icon-ion-ios7-plus-empty::before {
  content: "";
}

.mbsc-icon-ion-iphone::before {
  content: "";
}

.mbsc-icon-ion-navigate::before {
  content: "";
}

.mbsc-icon-ion-social-facebook::before {
  content: "";
}

.mbsc-icon-ion-usb::before {
  content: "";
}

.mbsc-icon-key2::before {
  content: "";
}

.mbsc-icon-library::before {
  content: "";
}

.mbsc-icon-line-bubble::before {
  content: "";
}

.mbsc-icon-line-calendar::before {
  content: "";
}

.mbsc-icon-line-food::before {
  content: "";
}

.mbsc-icon-line-heart::before {
  content: "";
}

.mbsc-icon-line-key::before {
  content: "";
}

.mbsc-icon-line-mail::before {
  content: "";
}

.mbsc-icon-line-megaphone::before {
  content: "";
}

.mbsc-icon-line-music::before {
  content: "";
}

.mbsc-icon-line-note::before {
  content: "";
}

.mbsc-icon-line-paperplane::before {
  content: "";
}

.mbsc-icon-line-params::before {
  content: "";
}

.mbsc-icon-line-phone::before {
  content: "";
}

.mbsc-icon-line-settings::before {
  content: "";
}

.mbsc-icon-line-star::before {
  content: "";
}

.mbsc-icon-line-t-shirt::before {
  content: "";
}

.mbsc-icon-line-tag::before {
  content: "";
}

.mbsc-icon-line-user::before {
  content: "";
}

.mbsc-icon-line-world::before {
  content: "";
}

.mbsc-icon-link::before {
  content: "";
}

.mbsc-icon-location::before {
  content: "";
}

.mbsc-icon-lock::before {
  content: "";
}

.mbsc-icon-lock2::before {
  content: "";
}

.mbsc-icon-loop2::before {
  content: "";
}

.mbsc-icon-map::before {
  content: "";
}

.mbsc-icon-material-arrow-back::before {
  content: "";
}

.mbsc-icon-material-arrow-forward::before {
  content: "";
}

.mbsc-icon-material-backspace::before {
  content: "";
}

.mbsc-icon-material-brightness-medium::before {
  content: "";
}

.mbsc-icon-material-check::before {
  content: "";
}

.mbsc-icon-material-check-box-outline-blank::before {
  content: "";
}

.mbsc-icon-material-close::before {
  content: "";
}

.mbsc-icon-material-crop::before {
  content: "";
}

.mbsc-icon-material-date-range::before {
  content: "";
}

.mbsc-icon-material-email::before {
  content: "";
}

.mbsc-icon-material-equalizer::before {
  content: "";
}

.mbsc-icon-material-event-note::before {
  content: "";
}

.mbsc-icon-material-explore::before {
  content: "";
}

.mbsc-icon-material-filter::before {
  content: "";
}

.mbsc-icon-material-filter-list::before {
  content: "";
}

.mbsc-icon-material-format-bold::before {
  content: "";
}

.mbsc-icon-material-format-ital::before {
  content: "";
}

.mbsc-icon-material-format-list-numbered::before {
  content: "";
}

.mbsc-icon-material-format-paint::before {
  content: "";
}

.mbsc-icon-material-format-underline::before {
  content: "";
}

.mbsc-icon-material-inbox::before {
  content: "";
}

.mbsc-icon-material-iso::before {
  content: "";
}

.mbsc-icon-material-keyboard-arrow-down::before {
  content: "";
}

.mbsc-icon-material-keyboard-arrow-left::before {
  content: "";
}

.mbsc-icon-material-keyboard-arrow-right::before {
  content: "";
}

.mbsc-icon-material-keyboard-arrow-up::before {
  content: "";
}

.mbsc-icon-material-label::before {
  content: "";
}

.mbsc-icon-material-language::before {
  content: "";
}

.mbsc-icon-material-list::before {
  content: "";
}

.mbsc-icon-material-menu::before {
  content: "";
}

.mbsc-icon-material-message::before {
  content: "";
}

.mbsc-icon-material-more-horiz::before {
  content: "";
}

.mbsc-icon-material-music-note::before {
  content: "";
}

.mbsc-icon-material-notifications::before {
  content: "";
}

.mbsc-icon-material-palette::before {
  content: "";
}

.mbsc-icon-material-pause::before {
  content: "";
}

.mbsc-icon-material-people::before {
  content: "";
}

.mbsc-icon-material-phone-iphone::before {
  content: "";
}

.mbsc-icon-material-photo-size-select-large::before {
  content: "";
}

.mbsc-icon-material-play-arrow::before {
  content: "";
}

.mbsc-icon-material-repeat::before {
  content: "";
}

.mbsc-icon-material-rotate-right::before {
  content: "";
}

.mbsc-icon-material-search::before {
  content: "";
}

.mbsc-icon-material-share::before {
  content: "";
}

.mbsc-icon-material-shuffle::before {
  content: "";
}

.mbsc-icon-material-skip-next::before {
  content: "";
}

.mbsc-icon-material-skip-previous::before {
  content: "";
}

.mbsc-icon-material-star::before {
  content: "";
}

.mbsc-icon-material-star-outline::before {
  content: "";
}

.mbsc-icon-material-stop::before {
  content: "";
}

.mbsc-icon-material-system-update::before {
  content: "";
}

.mbsc-icon-material-texture::before {
  content: "";
}

.mbsc-icon-material-today::before {
  content: "";
}

.mbsc-icon-material-tune::before {
  content: "";
}

.mbsc-icon-material-tv::before {
  content: "";
}

.mbsc-icon-material-vertical-align-bottom::before {
  content: "";
}

.mbsc-icon-material-view-day::before {
  content: "";
}

.mbsc-icon-material-wb-auto::before {
  content: "";
}

.mbsc-icon-material-zoom-in::before {
  content: "";
}

.mbsc-icon-material-zoom-out::before {
  content: "";
}

.mbsc-icon-meteo-Celsius::before {
  content: "";
}

.mbsc-icon-meteo-Fahrenheit::before {
  content: "";
}

.mbsc-icon-meteo-cloud::before {
  content: "";
}

.mbsc-icon-meteo-cloud2::before {
  content: "";
}

.mbsc-icon-meteo-cloud3::before {
  content: "";
}

.mbsc-icon-meteo-cloud4::before {
  content: "";
}

.mbsc-icon-meteo-cloud5::before {
  content: "";
}

.mbsc-icon-meteo-cloudy::before {
  content: "";
}

.mbsc-icon-meteo-cloudy2::before {
  content: "";
}

.mbsc-icon-meteo-cloudy3::before {
  content: "";
}

.mbsc-icon-meteo-cloudy4::before {
  content: "";
}

.mbsc-icon-meteo-compass::before {
  content: "";
}

.mbsc-icon-meteo-lightning::before {
  content: "";
}

.mbsc-icon-meteo-lightning2::before {
  content: "";
}

.mbsc-icon-meteo-lightning3::before {
  content: "";
}

.mbsc-icon-meteo-lightning4::before {
  content: "";
}

.mbsc-icon-meteo-lightning5::before {
  content: "";
}

.mbsc-icon-meteo-lines::before {
  content: "";
}

.mbsc-icon-meteo-moon::before {
  content: "";
}

.mbsc-icon-meteo-moon2::before {
  content: "";
}

.mbsc-icon-meteo-none::before {
  content: "";
}

.mbsc-icon-meteo-rainy::before {
  content: "";
}

.mbsc-icon-meteo-rainy2::before {
  content: "";
}

.mbsc-icon-meteo-rainy3::before {
  content: "";
}

.mbsc-icon-meteo-rainy4::before {
  content: "";
}

.mbsc-icon-meteo-snowflake::before {
  content: "";
}

.mbsc-icon-meteo-snowy::before {
  content: "";
}

.mbsc-icon-meteo-snowy2::before {
  content: "";
}

.mbsc-icon-meteo-snowy3::before {
  content: "";
}

.mbsc-icon-meteo-snowy4::before {
  content: "";
}

.mbsc-icon-meteo-snowy5::before {
  content: "";
}

.mbsc-icon-meteo-sun::before {
  content: "";
}

.mbsc-icon-meteo-sun2::before {
  content: "";
}

.mbsc-icon-meteo-sun3::before {
  content: "";
}

.mbsc-icon-meteo-sunrise::before {
  content: "";
}

.mbsc-icon-meteo-thermometer::before {
  content: "";
}

.mbsc-icon-meteo-weather::before {
  content: "";
}

.mbsc-icon-meteo-weather2::before {
  content: "";
}

.mbsc-icon-meteo-weather3::before {
  content: "";
}

.mbsc-icon-meteo-weather4::before {
  content: "";
}

.mbsc-icon-meteo-weather5::before {
  content: "";
}

.mbsc-icon-meteo-wind::before {
  content: "";
}

.mbsc-icon-meteo-windy::before {
  content: "";
}

.mbsc-icon-meteo-windy2::before {
  content: "";
}

.mbsc-icon-meteo-windy3::before {
  content: "";
}

.mbsc-icon-meteo-windy4::before {
  content: "";
}

.mbsc-icon-meteo-windy5::before {
  content: "";
}

.mbsc-icon-minus::before {
  content: "";
}

.mbsc-icon-mobile::before {
  content: "";
}

.mbsc-icon-music::before {
  content: "";
}

.mbsc-icon-neutral::before {
  content: "";
}

.mbsc-icon-newspaper::before {
  content: "";
}

.mbsc-icon-office::before {
  content: "";
}

.mbsc-icon-pause2::before {
  content: "";
}

.mbsc-icon-pencil::before {
  content: "";
}

.mbsc-icon-phone::before {
  content: "";
}

.mbsc-icon-play::before {
  content: "";
}

.mbsc-icon-play3::before {
  content: "";
}

.mbsc-icon-plus::before {
  content: "";
}

.mbsc-icon-print::before {
  content: "";
}

.mbsc-icon-redo2::before {
  content: "";
}

.mbsc-icon-remove::before {
  content: "";
}

.mbsc-icon-reply::before {
  content: "";
}

.mbsc-icon-sad::before {
  content: "";
}

.mbsc-icon-sad2::before {
  content: "";
}

.mbsc-icon-share::before {
  content: "";
}

.mbsc-icon-smiley::before {
  content: "";
}

.mbsc-icon-smiley2::before {
  content: "";
}

.mbsc-icon-stack::before {
  content: "";
}

.mbsc-icon-star::before {
  content: "";
}

.mbsc-icon-star2::before {
  content: "";
}

.mbsc-icon-star3::before {
  content: "";
}

.mbsc-icon-stop2::before {
  content: "";
}

.mbsc-icon-stopwatch::before {
  content: "";
}

.mbsc-icon-stream-sync::before {
  content: "";
}

.mbsc-icon-support::before {
  content: "";
}

.mbsc-icon-tag::before {
  content: "";
}

.mbsc-icon-thumbs-up::before {
  content: "";
}

.mbsc-icon-thumbs-up2::before {
  content: "";
}

.mbsc-icon-undo2::before {
  content: "";
}

.mbsc-icon-unlocked::before {
  content: "";
}

.mbsc-icon-upload::before {
  content: "";
}

.mbsc-icon-user4::before {
  content: "";
}

.mbsc-icon-volume-high::before {
  content: "";
}

.mbsc-icon-volume-medium::before {
  content: "";
}

.mbsc-icon-volume-mute2::before {
  content: "";
}

.mbsc-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  flex: 0 0 auto;
}

.mbsc-icon > svg {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.mbsc-font {
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  font-weight: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}

.mbsc-reset {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mbsc-resize {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}

.mbsc-resize-i {
  position: absolute;
  left: 0;
  top: 0;
}

.mbsc-resize-y {
  width: 200%;
  height: 200%;
}

.mbsc-hidden {
  visibility: hidden;
}

.mbsc-overflow-hidden {
  overflow: hidden;
}

.mbsc-hidden-content {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.mbsc-ltr {
  direction: ltr;
}

.mbsc-rtl {
  direction: rtl;
}

.mbsc-ripple {
  background: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 1000em;
  pointer-events: none;
  transform: scale(0);
}

/* Flex util classes */
.mbsc-flex,
.mbsc-flex-col {
  display: flex;
}

.mbsc-flex-col {
  flex-direction: column;
}

.mbsc-flex-1-1 {
  flex: 1 1 auto;
}

.mbsc-flex-1-0 {
  flex: 1 0 auto;
}

.mbsc-flex-1-0-0 {
  flex: 1 0 0;
}

/* IE11 hack, where flex-basis auto does not work correctly */
@media all and (-ms-high-contrast: none) {
  .mbsc-flex-1-0-0 {
    flex: 1 0 auto;
  }
}
.mbsc-flex-none {
  flex: none;
}

@media (-webkit-min-device-pixel-ratio: 2) {
  .mbsc-hb,
.mbsc-hb:before,
.mbsc-hb:after {
    border-style: none;
    border-width: 0.5px !important;
  }
}
.mbsc-ios.mbsc-button {
  padding: 0 0.5em;
  margin: 0.5em 0.25em;
  line-height: 2.25em;
  border-radius: 0.25em;
  transition: opacity 0.1s ease-out, background-color 0.1s ease-out;
}
.mbsc-ios.mbsc-icon-button {
  padding: 0.5em;
  line-height: normal;
  border-radius: 4em;
}
.mbsc-ios.mbsc-button.mbsc-hover {
  opacity: 0.7;
}
.mbsc-ios.mbsc-button.mbsc-active {
  opacity: 0.5;
}
.mbsc-ios.mbsc-button:disabled, .mbsc-ios.mbsc-button.mbsc-disabled {
  opacity: 0.2;
}
.mbsc-ios.mbsc-button-outline.mbsc-active {
  opacity: 1;
}
.mbsc-ios.mbsc-ltr.mbsc-button-icon-start {
  padding-right: 0.375em;
}
.mbsc-ios.mbsc-ltr.mbsc-button-icon-end {
  padding-left: 0.375em;
}
.mbsc-ios.mbsc-rtl.mbsc-button-icon-start {
  padding-left: 0.375em;
}
.mbsc-ios.mbsc-rtl.mbsc-button-icon-end {
  padding-right: 0.375em;
}
.mbsc-ios .mbsc-button-group,
.mbsc-ios .mbsc-button-group-justified,
.mbsc-ios .mbsc-button-group-block {
  margin: 0.5em 0.75em;
}
.mbsc-ios .mbsc-button-group-block {
  margin: 0.5em 1em;
}

.mbsc-ios {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}
.mbsc-ios.mbsc-button-standard {
  background: white;
  color: #007aff;
}
.mbsc-ios.mbsc-button-flat {
  color: #007aff;
}
.mbsc-ios.mbsc-button-outline {
  border: 1px solid #1273de;
  color: #1273de;
}
.mbsc-ios.mbsc-button-outline.mbsc-active {
  background: #1273de;
  color: #f7f7f7;
}
.mbsc-ios.mbsc-button.mbsc-focus {
  background: rgba(0, 0, 0, 0.05);
}
.mbsc-ios.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #fff;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  color: #fff;
}
.mbsc-ios.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  color: #fff;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #fff;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #fff;
}
.mbsc-ios.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  color: #fff;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  color: #fff;
}
.mbsc-ios.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #000;
}
.mbsc-ios.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}
.mbsc-ios.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}
.mbsc-ios.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}
.mbsc-ios.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}
.mbsc-ios.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}
.mbsc-ios.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #3f97f6;
  color: #fff;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #90979e;
  color: #fff;
}
.mbsc-ios.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}
.mbsc-ios.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #43be5f;
  color: #fff;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #f5504e;
  color: #fff;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #f8b042;
  color: #fff;
}
.mbsc-ios.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}
.mbsc-ios.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #5bb7c5;
  color: #fff;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: #47494a;
  color: #fff;
}
.mbsc-ios.mbsc-button-light.mbsc-button-outline {
  border-color: #bfbfbf;
  color: #bfbfbf;
}
.mbsc-ios.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #bfbfbf;
  color: #fff;
}

.mbsc-ios-dark {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}
.mbsc-ios-dark.mbsc-button-standard {
  background: #3b3b3b;
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-button-flat {
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-button-outline {
  border: 1px solid #ffa519;
  color: #ffa519;
}
.mbsc-ios-dark.mbsc-button-outline.mbsc-active {
  background: #ffa519;
  color: #000000;
}
.mbsc-ios-dark.mbsc-button.mbsc-focus {
  background: rgba(255, 255, 255, 0.05);
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #000;
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #3f97f6;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #90979e;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #43be5f;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #f5504e;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #f8b042;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #5bb7c5;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: #47494a;
  color: #fff;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-outline {
  border-color: #bfbfbf;
  color: #bfbfbf;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #bfbfbf;
  color: #fff;
}

.mbsc-material.mbsc-button {
  min-width: 4.571429em;
  padding: 0.428572em 1.142858em;
  border-radius: 0.285715em;
  font-size: 0.875em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.714286em;
  transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
  margin: 0.5em;
}
.mbsc-material.mbsc-button-outline {
  border: 1px solid;
}
.mbsc-material.mbsc-button .mbsc-icon {
  font-size: 1.142858em;
}
.mbsc-material.mbsc-icon-button {
  min-width: 0;
  padding: 0.5em;
  border-radius: 2em;
  font-size: 1em;
  line-height: normal;
}
.mbsc-material.mbsc-icon-button .mbsc-icon {
  width: 1.5em;
  height: 1.5em;
  font-size: 1em;
}
.mbsc-material.mbsc-button:disabled, .mbsc-material.mbsc-button.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-material.mbsc-ltr.mbsc-button-icon-start {
  padding-right: 0.5em;
  margin-left: -0.25em;
}
.mbsc-material.mbsc-ltr.mbsc-button-icon-end {
  padding-left: 0.5em;
  margin-right: -0.25em;
}
.mbsc-material.mbsc-rtl.mbsc-button-icon-start {
  padding-left: 0.5em;
  margin-right: -0.25em;
}
.mbsc-material.mbsc-rtl.mbsc-button-icon-end {
  padding-right: 0.5em;
  margin-left: -0.25em;
}
.mbsc-material .mbsc-button-group,
.mbsc-material .mbsc-button-group-justified {
  margin: 0.5em;
}
.mbsc-material .mbsc-button-group-block {
  margin: 0.5em 1em;
}

.mbsc-material {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}
.mbsc-material.mbsc-button-standard {
  background: #cfcfcf;
  color: black;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mbsc-material.mbsc-button-standard.mbsc-hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mbsc-material.mbsc-button-standard.mbsc-focus, .mbsc-material.mbsc-button-standard.mbsc-active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mbsc-material.mbsc-button-flat, .mbsc-material.mbsc-button-outline {
  color: black;
}
.mbsc-material.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-flat.mbsc-active, .mbsc-material.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-outline.mbsc-active {
  background: rgba(0, 0, 0, 0.2);
}
.mbsc-material.mbsc-button-flat.mbsc-focus, .mbsc-material.mbsc-button-outline.mbsc-focus {
  background: rgba(0, 0, 0, 0.3);
}
.mbsc-material.mbsc-button-outline {
  border-color: black;
}
.mbsc-material.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #fff;
}
.mbsc-material.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  color: #fff;
}
.mbsc-material.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  color: #fff;
}
.mbsc-material.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #fff;
}
.mbsc-material.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #fff;
}
.mbsc-material.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  color: #fff;
}
.mbsc-material.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  color: #fff;
}
.mbsc-material.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #303030;
}
.mbsc-material.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}
.mbsc-material.mbsc-button-primary.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}
.mbsc-material.mbsc-button-primary.mbsc-button-flat.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}
.mbsc-material.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}
.mbsc-material.mbsc-button-secondary.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}
.mbsc-material.mbsc-button-secondary.mbsc-button-flat.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}
.mbsc-material.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}
.mbsc-material.mbsc-button-success.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}
.mbsc-material.mbsc-button-success.mbsc-button-flat.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}
.mbsc-material.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}
.mbsc-material.mbsc-button-danger.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}
.mbsc-material.mbsc-button-danger.mbsc-button-flat.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}
.mbsc-material.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}
.mbsc-material.mbsc-button-warning.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}
.mbsc-material.mbsc-button-warning.mbsc-button-flat.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}
.mbsc-material.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}
.mbsc-material.mbsc-button-info.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}
.mbsc-material.mbsc-button-info.mbsc-button-flat.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}
.mbsc-material.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}
.mbsc-material.mbsc-button-dark.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}
.mbsc-material.mbsc-button-dark.mbsc-button-flat.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}
.mbsc-material.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}
.mbsc-material.mbsc-button-light.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-material.mbsc-button-light.mbsc-button-flat.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}
.mbsc-material.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}
.mbsc-material.mbsc-button-primary.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}
.mbsc-material.mbsc-button-primary.mbsc-button-outline.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}
.mbsc-material.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}
.mbsc-material.mbsc-button-secondary.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}
.mbsc-material.mbsc-button-secondary.mbsc-button-outline.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}
.mbsc-material.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}
.mbsc-material.mbsc-button-success.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}
.mbsc-material.mbsc-button-success.mbsc-button-outline.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}
.mbsc-material.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}
.mbsc-material.mbsc-button-danger.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}
.mbsc-material.mbsc-button-danger.mbsc-button-outline.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}
.mbsc-material.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}
.mbsc-material.mbsc-button-warning.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}
.mbsc-material.mbsc-button-warning.mbsc-button-outline.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}
.mbsc-material.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}
.mbsc-material.mbsc-button-info.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}
.mbsc-material.mbsc-button-info.mbsc-button-outline.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}
.mbsc-material.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}
.mbsc-material.mbsc-button-dark.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}
.mbsc-material.mbsc-button-dark.mbsc-button-outline.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}
.mbsc-material.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}
.mbsc-material.mbsc-button-light.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-material.mbsc-button-light.mbsc-button-outline.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-material-dark {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}
.mbsc-material-dark.mbsc-button-standard {
  background: #2b2b2b;
  color: white;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mbsc-material-dark.mbsc-button-standard.mbsc-hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mbsc-material-dark.mbsc-button-standard.mbsc-focus, .mbsc-material-dark.mbsc-button-standard.mbsc-active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mbsc-material-dark.mbsc-button-flat, .mbsc-material-dark.mbsc-button-outline {
  color: white;
}
.mbsc-material-dark.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-flat.mbsc-active, .mbsc-material-dark.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-outline.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-material-dark.mbsc-button-flat.mbsc-focus, .mbsc-material-dark.mbsc-button-outline.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}
.mbsc-material-dark.mbsc-button-outline {
  border-color: white;
}
.mbsc-material-dark.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #000;
}
.mbsc-material-dark.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  color: #000;
}
.mbsc-material-dark.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  color: #000;
}
.mbsc-material-dark.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #000;
}
.mbsc-material-dark.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #000;
}
.mbsc-material-dark.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  color: #000;
}
.mbsc-material-dark.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  color: #000;
}
.mbsc-material-dark.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #fff;
}
.mbsc-material-dark.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}
.mbsc-material-dark.mbsc-button-primary.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}
.mbsc-material-dark.mbsc-button-primary.mbsc-button-flat.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}
.mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}
.mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}
.mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}
.mbsc-material-dark.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}
.mbsc-material-dark.mbsc-button-success.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}
.mbsc-material-dark.mbsc-button-success.mbsc-button-flat.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}
.mbsc-material-dark.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}
.mbsc-material-dark.mbsc-button-danger.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}
.mbsc-material-dark.mbsc-button-danger.mbsc-button-flat.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}
.mbsc-material-dark.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}
.mbsc-material-dark.mbsc-button-warning.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}
.mbsc-material-dark.mbsc-button-warning.mbsc-button-flat.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}
.mbsc-material-dark.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}
.mbsc-material-dark.mbsc-button-info.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}
.mbsc-material-dark.mbsc-button-info.mbsc-button-flat.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}
.mbsc-material-dark.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}
.mbsc-material-dark.mbsc-button-dark.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}
.mbsc-material-dark.mbsc-button-dark.mbsc-button-flat.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}
.mbsc-material-dark.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}
.mbsc-material-dark.mbsc-button-light.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-material-dark.mbsc-button-light.mbsc-button-flat.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}
.mbsc-material-dark.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}
.mbsc-material-dark.mbsc-button-primary.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}
.mbsc-material-dark.mbsc-button-primary.mbsc-button-outline.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}
.mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}
.mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}
.mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}
.mbsc-material-dark.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}
.mbsc-material-dark.mbsc-button-success.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}
.mbsc-material-dark.mbsc-button-success.mbsc-button-outline.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}
.mbsc-material-dark.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}
.mbsc-material-dark.mbsc-button-danger.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}
.mbsc-material-dark.mbsc-button-danger.mbsc-button-outline.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}
.mbsc-material-dark.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}
.mbsc-material-dark.mbsc-button-warning.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}
.mbsc-material-dark.mbsc-button-warning.mbsc-button-outline.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}
.mbsc-material-dark.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}
.mbsc-material-dark.mbsc-button-info.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}
.mbsc-material-dark.mbsc-button-info.mbsc-button-outline.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}
.mbsc-material-dark.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}
.mbsc-material-dark.mbsc-button-dark.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}
.mbsc-material-dark.mbsc-button-dark.mbsc-button-outline.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}
.mbsc-material-dark.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}
.mbsc-material-dark.mbsc-button-light.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-material-dark.mbsc-button-light.mbsc-button-outline.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-windows.mbsc-button {
  padding: 0 0.5em;
  line-height: 1.75em;
  margin: 0.5em 0.25em;
  border: 0.125em solid transparent;
  transition: border-color 0.1s ease-out, background-color 0.1s ease-out;
}
.mbsc-windows.mbsc-icon-button {
  width: 2.75em;
  height: 2em;
}
.mbsc-windows.mbsc-button-flat {
  transition: background-color 0.1s ease-out;
}
.mbsc-windows.mbsc-button-flat.mbsc-hover {
  opacity: 0.7;
}
.mbsc-windows.mbsc-button-flat.mbsc-active {
  opacity: 1;
}
.mbsc-windows.mbsc-button:disabled, .mbsc-windows.mbsc-button.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-windows.mbsc-ltr.mbsc-button-icon-start {
  padding-right: 0.5em;
}
.mbsc-windows.mbsc-ltr.mbsc-button-icon-end {
  padding-left: 0.5em;
}
.mbsc-windows.mbsc-rtl.mbsc-button-icon-start {
  padding-left: 0.5em;
}
.mbsc-windows.mbsc-rtl.mbsc-button-icon-end {
  padding-right: 0.5em;
}
.mbsc-windows .mbsc-button-group,
.mbsc-windows .mbsc-button-group-justified {
  margin: 0.5em 0.75em;
}
.mbsc-windows .mbsc-button-group-block {
  margin: 0.5em 1em;
}

.mbsc-windows {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
  /* Predefined colors - hover for standard and outline buttons */
}
.mbsc-windows.mbsc-button-standard {
  background: #cccccc;
  border-color: #cccccc;
  color: #333333;
}
.mbsc-windows.mbsc-button-standard.mbsc-hover {
  border-color: #7a7a7a;
}
.mbsc-windows.mbsc-button-standard.mbsc-active {
  border-color: #7a7a7a;
  background: #7a7a7a;
}
.mbsc-windows.mbsc-button-flat {
  color: #333333;
}
.mbsc-windows.mbsc-button-flat.mbsc-active {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #333333;
}
.mbsc-windows.mbsc-button-outline {
  border: 0.125em solid #999999;
  color: #999999;
}
.mbsc-windows.mbsc-button-outline.mbsc-hover {
  border-color: gray;
}
.mbsc-windows.mbsc-button-outline.mbsc-active {
  border-color: gray;
  background: gray;
  color: #fff;
}
.mbsc-windows.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333333;
}
.mbsc-windows.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  border-color: #3f97f6;
  color: #fff;
}
.mbsc-windows.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  border-color: #90979e;
  color: #fff;
}
.mbsc-windows.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  border-color: #43be5f;
  color: #fff;
}
.mbsc-windows.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  border-color: #f5504e;
  color: #fff;
}
.mbsc-windows.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  border-color: #f8b042;
  color: #fff;
}
.mbsc-windows.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  border-color: #5bb7c5;
  color: #fff;
}
.mbsc-windows.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  border-color: #47494a;
  color: #fff;
}
.mbsc-windows.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  border-color: #fff;
  color: black;
}
.mbsc-windows.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}
.mbsc-windows.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: #88bff9;
  border-color: #88bff9;
}
.mbsc-windows.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}
.mbsc-windows.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: #b9bdc2;
  border-color: #b9bdc2;
}
.mbsc-windows.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}
.mbsc-windows.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: #7cd28f;
  border-color: #7cd28f;
}
.mbsc-windows.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}
.mbsc-windows.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: #f99896;
  border-color: #f99896;
}
.mbsc-windows.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}
.mbsc-windows.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: #fbcf8c;
  border-color: #fbcf8c;
}
.mbsc-windows.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}
.mbsc-windows.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: #94d0d9;
  border-color: #94d0d9;
}
.mbsc-windows.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}
.mbsc-windows.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: #6c7071;
  border-color: #6c7071;
}
.mbsc-windows.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}
.mbsc-windows.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: white;
  border-color: white;
}
.mbsc-windows.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}
.mbsc-windows.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}
.mbsc-windows.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}
.mbsc-windows.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}
.mbsc-windows.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}
.mbsc-windows.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}
.mbsc-windows.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}
.mbsc-windows.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}
.mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-hover {
  border-color: #0964c6;
}
.mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #0964c6;
  color: #fff;
}
.mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-hover {
  border-color: #5d646b;
}
.mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #5d646b;
  color: #fff;
}
.mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-hover {
  border-color: #287339;
}
.mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #287339;
  color: #fff;
}
.mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-hover {
  border-color: #d10e0c;
}
.mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #d10e0c;
  color: #fff;
}
.mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-hover {
  border-color: #cc7f08;
}
.mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #cc7f08;
  color: #fff;
}
.mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-hover {
  border-color: #317e89;
}
.mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #317e89;
  color: #fff;
}
.mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-hover {
  border-color: black;
}
.mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: black;
  color: #fff;
}
.mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-hover {
  border-color: #999999;
}
.mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #999999;
  color: #47494a;
}

.mbsc-windows-dark {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
  /* Predefined colors - hover for standard and outline buttons */
}
.mbsc-windows-dark.mbsc-button-standard {
  background: #404040;
  border-color: #404040;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-button-standard.mbsc-hover {
  border-color: #ababab;
}
.mbsc-windows-dark.mbsc-button-standard.mbsc-active {
  border-color: #ababab;
  background: #ababab;
}
.mbsc-windows-dark.mbsc-button-flat {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-button-flat.mbsc-active {
  background: #676767;
  border-color: #676767;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-button-outline {
  border: 0.125em solid #737373;
  color: #737373;
}
.mbsc-windows-dark.mbsc-button-outline.mbsc-hover {
  border-color: #8d8d8d;
}
.mbsc-windows-dark.mbsc-button-outline.mbsc-active {
  border-color: #8d8d8d;
  background: #8d8d8d;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #ffffff;
}
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  border-color: #3f97f6;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  border-color: #90979e;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  border-color: #43be5f;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  border-color: #f5504e;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  border-color: #f8b042;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  border-color: #5bb7c5;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  border-color: #47494a;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  border-color: #fff;
  color: black;
}
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: #88bff9;
  border-color: #88bff9;
}
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: #b9bdc2;
  border-color: #b9bdc2;
}
.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}
.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: #7cd28f;
  border-color: #7cd28f;
}
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: #f99896;
  border-color: #f99896;
}
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: #fbcf8c;
  border-color: #fbcf8c;
}
.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}
.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: #94d0d9;
  border-color: #94d0d9;
}
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: #6c7071;
  border-color: #6c7071;
}
.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}
.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: white;
  border-color: white;
}
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}
.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}
.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}
.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-hover {
  border-color: #0964c6;
}
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #0964c6;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-hover {
  border-color: #5d646b;
}
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #5d646b;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-hover {
  border-color: #287339;
}
.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #287339;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-hover {
  border-color: #d10e0c;
}
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #d10e0c;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-hover {
  border-color: #cc7f08;
}
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #cc7f08;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-hover {
  border-color: #317e89;
}
.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #317e89;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-hover {
  border-color: black;
}
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: black;
  color: #fff;
}
.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-hover {
  border-color: #999999;
}
.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #999999;
  color: #47494a;
}

.mbsc-button {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 1em;
  box-sizing: border-box;
  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  cursor: pointer;
}

.mbsc-button:disabled,
.mbsc-button.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-button:focus {
  outline: 0;
}

.mbsc-button::-moz-focus-inner {
  border: 0;
}

.mbsc-icon-button {
  width: 2.5em;
  height: 2.5em;
  padding: 0.5em;
  flex: 0 0 auto;
}

.mbsc-button-icon > *,
.mbsc-button-icon > * > * {
  height: 100%;
}

.mbsc-button-icon-end {
  order: 1;
}

.mbsc-button-group,
.mbsc-button-group-block,
.mbsc-button-group-justified {
  border: 1px solid transparent;
}

.mbsc-button-group-block .mbsc-button,
.mbsc-button-block {
  display: block;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mbsc-button-group-justified,
.mbsc-button-group-justified mbsc-button {
  display: flex;
  flex-wrap: wrap;
}

.mbsc-button-group-justified .mbsc-button,
.mbsc-button-group-justified mbsc-button {
  flex: 1 auto;
}

.mbsc-ios {
  /* Button styling for centered popup and desktop styled top/bottom popup */
  /* Desktop styling */
}
.mbsc-ios.mbsc-popup-wrapper-bottom-full {
  padding-top: 1em;
}
.mbsc-ios.mbsc-popup-wrapper-top-full {
  padding-bottom: 1em;
}
.mbsc-ios.mbsc-popup-top {
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-bottom {
  border-top: 1px solid;
}
.mbsc-ios.mbsc-popup-body-center {
  border-radius: 0.9375em;
}
.mbsc-ios.mbsc-popup-body-bottom-full {
  border-radius: 0.75em 0.75em 0 0;
}
.mbsc-ios.mbsc-popup-body-top-full {
  border-radius: 0 0 0.75em 0.75em;
}
.mbsc-ios.mbsc-popup-body-anchored {
  border-radius: 0.9375em;
}
.mbsc-ios.mbsc-popup-arrow {
  border-radius: 0 0.375em;
}
.mbsc-ios.mbsc-popup-header {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  line-height: 1.25em;
  padding: 0.75em 4.375em;
  font-weight: bold;
  text-align: center;
}
.mbsc-ios.mbsc-popup-header-no-buttons {
  position: relative;
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-header-center {
  position: relative;
  padding: 0.75em 0.5em;
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-top-full .mbsc-popup-header, .mbsc-ios.mbsc-popup-bottom-full .mbsc-popup-header {
  padding: 1.125em 4.375em;
}
.mbsc-ios.mbsc-popup-buttons {
  order: -1;
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-buttons.mbsc-ltr {
  text-align: right;
}
.mbsc-ios.mbsc-popup-buttons.mbsc-rtl {
  text-align: left;
}
.mbsc-ios.mbsc-popup-button.mbsc-font {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  z-index: 2;
}
.mbsc-ios.mbsc-popup-button-primary {
  font-weight: bold;
}
.mbsc-ios.mbsc-popup-button-close.mbsc-ltr {
  float: left;
}
.mbsc-ios.mbsc-popup-button-close.mbsc-rtl {
  float: right;
}
.mbsc-ios.mbsc-popup-buttons-anchored, .mbsc-ios.mbsc-popup-buttons-top, .mbsc-ios.mbsc-popup-buttons-bottom {
  padding: 0 0.25em;
}
.mbsc-ios.mbsc-popup-buttons-top-full, .mbsc-ios.mbsc-popup-buttons-bottom-full {
  padding: 0.375em 0.25em;
}
.mbsc-ios.mbsc-popup-buttons.mbsc-flex {
  order: 0;
  border: 0;
  padding: 0;
  background: none;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font {
  flex: 1 1 100%;
  display: block;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-icon-button {
  padding: 0 0.5em;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-button {
  opacity: 1;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-button-flat {
  background: none;
  border-top: 1px solid;
  border-radius: 0;
  margin: 0;
  line-height: 2.75em;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-ltr {
  border-right-style: solid;
  border-right-width: 1px;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-rtl {
  border-left-style: solid;
  border-left-width: 1px;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat:last-child {
  border-left: 0;
  border-right: 0;
}
.mbsc-ios.mbsc-popup-body-round {
  border-radius: 0.9375em;
}
.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round {
  border-radius: 0.5em;
}
.mbsc-ios.mbsc-popup-round .mbsc-popup {
  border: 0;
}
.mbsc-ios.mbsc-popup-round .mbsc-popup-body-bottom-full {
  border-radius: 0.75em 0.75em 0 0;
}
.mbsc-ios.mbsc-popup-round .mbsc-popup-body-top-full {
  border-radius: 0 0 0.75em 0.75em;
}

.mbsc-ios.mbsc-popup-arrow {
  background: #f2f2f7;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.mbsc-ios.mbsc-popup-top, .mbsc-ios.mbsc-popup-bottom {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-body {
  background: #f2f2f7;
  color: #000000;
}
.mbsc-ios.mbsc-popup-body-round, .mbsc-ios.mbsc-popup-body-center, .mbsc-ios.mbsc-popup-body-anchored {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mbsc-ios.mbsc-popup-header-center {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-buttons, .mbsc-ios.mbsc-popup-header-no-buttons {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-buttons-bottom, .mbsc-ios.mbsc-popup-buttons-top {
  background: #f7f7f7;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-hover, .mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-focus {
  background: #eaeaea;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-active {
  background: #cccccc;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button.mbsc-disabled {
  color: rgba(0, 122, 255, 0.2);
}

.mbsc-ios-dark.mbsc-popup-arrow {
  background: #1c1c1c;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.mbsc-ios-dark.mbsc-popup-top, .mbsc-ios-dark.mbsc-popup-bottom {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-popup-body {
  background: #1c1c1c;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-popup-body-round, .mbsc-ios-dark.mbsc-popup-body-center, .mbsc-ios-dark.mbsc-popup-body-anchored {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mbsc-ios-dark.mbsc-popup-header-center {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-popup-buttons, .mbsc-ios-dark.mbsc-popup-header-no-buttons {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-popup-buttons-bottom, .mbsc-ios-dark.mbsc-popup-buttons-top {
  background: #292929;
}
.mbsc-ios-dark.mbsc-popup-buttons-anchored {
  background: #292929;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-hover, .mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-focus {
  background: #242424;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-active {
  background: #333333;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-button.mbsc-disabled {
  color: rgba(255, 159, 10, 0.2);
}

.mbsc-material.mbsc-popup-body-center, .mbsc-material.mbsc-popup-body-anchored, .mbsc-material.mbsc-popup-body-round {
  border-radius: 0.25em;
}
.mbsc-material.mbsc-popup-header {
  font-size: 1.25em;
  font-weight: 500;
  padding: 0.8em 0.8em 0 0.8em;
  line-height: 1.4em;
}
.mbsc-material.mbsc-popup-buttons {
  padding: 0.5em;
  display: block;
}
.mbsc-material.mbsc-popup-buttons.mbsc-ltr {
  text-align: right;
}
.mbsc-material.mbsc-popup-buttons.mbsc-rtl {
  text-align: right;
}
.mbsc-material.mbsc-popup-button.mbsc-button-flat {
  margin-left: 0;
  margin-right: 0;
}
.mbsc-material.mbsc-popup-button.mbsc-font {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 0.9375em;
}
.mbsc-material.mbsc-popup-round .mbsc-popup-body-bottom-full {
  border-radius: 0.25em 0.25em 0 0;
}
.mbsc-material.mbsc-popup-round .mbsc-popup-body-top-full {
  border-radius: 0 0 0.25em 0.25em;
}

.mbsc-material.mbsc-popup-body {
  background: #fff;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  color: #303030;
}
.mbsc-material.mbsc-popup-arrow {
  background: #fff;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.mbsc-material.mbsc-popup-button.mbsc-font {
  color: #668281;
}

.mbsc-material-dark.mbsc-popup-body {
  background: #303030;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  color: #fff;
}
.mbsc-material-dark.mbsc-popup-arrow {
  background: #303030;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.mbsc-material-dark.mbsc-popup-button.mbsc-font {
  color: #87b0f3;
}

.mbsc-windows.mbsc-popup {
  border: 1px solid;
}
.mbsc-windows.mbsc-popup-anchored-top {
  margin-top: -0.75em;
}
.mbsc-windows.mbsc-popup-anchored-bottom {
  margin-top: 0.75em;
}
.mbsc-windows.mbsc-popup-arrow {
  width: 1em;
  height: 1em;
  border: 1px solid;
}
.mbsc-windows.mbsc-popup-arrow-bottom, .mbsc-windows.mbsc-popup-arrow-top {
  margin-left: -0.5em;
}
.mbsc-windows.mbsc-popup-arrow-left, .mbsc-windows.mbsc-popup-arrow-right {
  margin-top: -0.5em;
}
.mbsc-windows.mbsc-popup-arrow-bottom {
  top: 1.5em;
}
.mbsc-windows.mbsc-popup-arrow-top {
  bottom: 1.5em;
}
.mbsc-windows.mbsc-popup-arrow-left {
  right: 1.5em;
}
.mbsc-windows.mbsc-popup-arrow-right {
  left: 1.5em;
}
.mbsc-windows.mbsc-popup-header {
  padding: 0.5em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
}
.mbsc-windows.mbsc-popup-buttons {
  display: flex;
  flex-direction: row-reverse;
  border-top: 1px solid;
}
.mbsc-windows.mbsc-popup-button.mbsc-font {
  flex: 1 1;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.mbsc-windows.mbsc-popup-button.mbsc-button-flat {
  margin: 0;
}

.mbsc-windows.mbsc-popup {
  background: #ffffff;
  border-color: #e6e6e6;
  box-shadow: rgba(0, 0, 0, 0.133) 0 6px 14px 0, rgba(0, 0, 0, 0.11) 0 1px 4px 0;
  color: #333333;
}
.mbsc-windows.mbsc-popup-arrow {
  background: #ffffff;
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-popup-header, .mbsc-windows.mbsc-popup-buttons {
  border-color: #e6e6e6;
}

.mbsc-windows-dark.mbsc-popup {
  background: #1a1a1a;
  border-color: #343434;
  box-shadow: rgba(0, 0, 0, 0.133) 0 6px 14px 0, rgba(0, 0, 0, 0.11) 0 1px 4px 0;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-popup-arrow {
  background: #1a1a1a;
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-popup-header, .mbsc-windows-dark.mbsc-popup-buttons {
  border-color: #343434;
}

@keyframes mbsc-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mbsc-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mbsc-pop-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mbsc-pop-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes mbsc-slide-up-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mbsc-slide-up-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes mbsc-slide-down-in {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mbsc-slide-down-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.mbsc-popup-open-ios {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

.mbsc-popup-ctx {
  position: relative;
}

.mbsc-popup-limits {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.mbsc-popup-limits-anchored,
.mbsc-popup-limits-center {
  margin: 1em;
}

.mbsc-popup,
.mbsc-popup-wrapper {
  box-sizing: border-box;
}

.mbsc-popup-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  justify-content: center;
  border: 0 solid transparent;
  z-index: 99998;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-popup-wrapper-ctx {
  position: absolute;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mbsc-popup-wrapper-center {
  padding: 1em;
  align-items: center;
  border-width: 0 0 0 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-center{
  border-width: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

.mbsc-popup-wrapper-top {
  align-items: flex-start;
  border-bottom: 0 solid transparent;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-top{
  border-bottom: env(safe-area-inset-bottom) solid transparent;
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-top{
  border-bottom: constant(safe-area-inset-bottom) solid transparent;
  }
}

.mbsc-popup-wrapper-bottom {
  align-items: flex-end;
  border-top-width: 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-bottom{
  border-top-width: env(safe-area-inset-top);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-bottom{
  border-top-width: constant(safe-area-inset-top);
  }
}

.mbsc-popup-wrapper-anchored {
  border-width: 0 0 0 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-wrapper-anchored{
  border-width: 0 constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

.mbsc-popup-hidden {
  opacity: 0;
}

.mbsc-popup-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -10em;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
  transform: translateZ(0);
}

.mbsc-popup-overlay-in {
  opacity: 1;
  animation: mbsc-fade-in 150ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-overlay-out {
  opacity: 0;
  animation: mbsc-fade-out 75ms cubic-bezier(0.4, 0, 1, 1);
}

.mbsc-popup {
  max-height: 100%;
  min-width: 12em;
  position: relative;
  z-index: 2;
  pointer-events: auto;
  text-shadow: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-popup-center {
  min-width: 16em;
}

.mbsc-popup-bottom {
  width: 100%;
  bottom: 0;
}

.mbsc-popup-top {
  width: 100%;
  top: 0;
}

.mbsc-popup-anchored {
  position: absolute;
}

.mbsc-popup-anchored-left {
  margin-left: -1em;
}

.mbsc-popup-anchored-right {
  margin-left: 1em;
}

.mbsc-popup-arrow-wrapper {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.mbsc-popup-arrow-wrapper-top,
.mbsc-popup-arrow-wrapper-bottom {
  left: 0;
  right: 0;
  height: 2em;
}

.mbsc-popup-arrow-wrapper-left,
.mbsc-popup-arrow-wrapper-right {
  top: 0;
  bottom: 0;
  width: 2em;
}

.mbsc-popup-arrow-wrapper-top {
  top: 100%;
}

.mbsc-popup-arrow-wrapper-bottom {
  bottom: 100%;
}

.mbsc-popup-arrow-wrapper-left {
  left: 100%;
}

.mbsc-popup-arrow-wrapper-right {
  right: 100%;
}

.mbsc-popup-arrow {
  position: absolute;
  box-sizing: border-box;
  width: 1.5em;
  height: 1.5em;
  pointer-events: auto;
}

.mbsc-popup-arrow-top {
  bottom: 1.25em;
}

.mbsc-popup-arrow-bottom {
  top: 1.25em;
}

.mbsc-popup-arrow-top,
.mbsc-popup-arrow-bottom {
  left: 50%;
  margin-left: -0.75em;
  transform: rotate(-45deg);
}

.mbsc-popup-arrow-left {
  right: 1.25em;
}

.mbsc-popup-arrow-right {
  left: 1.25em;
}

.mbsc-popup-arrow-left,
.mbsc-popup-arrow-right {
  top: 50%;
  margin-top: -0.75em;
  transform: rotate(45deg);
}

.mbsc-popup-focus {
  outline: 0;
}

.mbsc-popup-body {
  overflow: hidden;
  transform: translateZ(0);
}

.mbsc-popup-body-top {
  padding-top: 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-body-top{
  padding-top: env(safe-area-inset-top);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-body-top{
  padding-top: constant(safe-area-inset-top);
  }
}

.mbsc-popup-body-bottom {
  padding-bottom: 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-body-bottom{
  padding-bottom: env(safe-area-inset-bottom);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-body-bottom{
  padding-bottom: constant(safe-area-inset-bottom);
  }
}

.mbsc-popup-body-top {
  padding-left: 0;
  padding-right: 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-body-top{
  padding-right: env(safe-area-inset-right);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-body-top{
  padding-right: constant(safe-area-inset-right);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-body-top{
  padding-left: env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-body-top{
  padding-left: constant(safe-area-inset-left);
  }
}

.mbsc-popup-body-bottom {
  padding-left: 0;
  padding-right: 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-body-bottom{
  padding-right: env(safe-area-inset-right);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-body-bottom{
  padding-right: constant(safe-area-inset-right);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-popup-body-bottom{
  padding-left: env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-popup-body-bottom{
  padding-left: constant(safe-area-inset-left);
  }
}

.mbsc-popup-body-round {
  padding: 0;
}

.mbsc-popup-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mbsc-popup-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mbsc-popup-padding {
  padding: 1em;
}

.mbsc-popup-button.mbsc-icon-button {
  height: auto;
}

/* Animations */
.mbsc-popup-pop-in {
  opacity: 1;
  animation: mbsc-pop-in 150ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-pop-out {
  opacity: 0;
  animation: mbsc-pop-out 75ms cubic-bezier(0.4, 0, 1, 1) forwards;
}

.mbsc-popup-slide-up-in {
  animation: mbsc-slide-up-in 250ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-slide-up-out {
  animation: mbsc-slide-up-out 200ms cubic-bezier(0.4, 0, 1, 1) forwards;
}

.mbsc-popup-slide-down-in {
  animation: mbsc-slide-down-in 250ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-slide-down-out {
  animation: mbsc-slide-down-out 200ms cubic-bezier(0.4, 0, 1, 1) forwards;
}

/* Desktop styling */
.mbsc-popup-pointer.mbsc-picker .mbsc-popup-overlay,
.mbsc-popup-pointer .mbsc-popup-overlay-anchored {
  background: none;
}

.mbsc-popup-round .mbsc-popup-slide-up-in {
  animation-name: mbsc-slide-up-in, mbsc-fade-in;
}
.mbsc-popup-round .mbsc-popup-slide-up-out {
  animation-name: mbsc-slide-up-out, mbsc-fade-out;
}
.mbsc-popup-round .mbsc-popup-slide-down-in {
  animation-name: mbsc-slide-down-in, mbsc-fade-in;
}
.mbsc-popup-round .mbsc-popup-slide-down-out {
  animation-name: mbsc-slide-down-out, mbsc-fade-out;
}
.mbsc-popup-round .mbsc-popup-top,
.mbsc-popup-round .mbsc-popup-bottom {
  width: auto;
  margin-top: 3em;
  margin-bottom: 3em;
}

.mbsc-ios {
  /* Range Highlight */
  /* Marks */
  /* Colors */
  /* Labels */
  /* Desktop styling */
  /* Multi month grid view */
}
.mbsc-ios.mbsc-calendar-controls {
  /* IE11 needs px size here to avoid subpixel values */
  padding: 2px;
  /* padding: .125em; */
}
.mbsc-ios.mbsc-calendar-cell {
  border-top-style: solid;
  border-top-width: 1px;
}
.mbsc-ios.mbsc-calendar-cell-text {
  height: 2em;
  padding: 0 0.5em;
  line-height: 2em;
  border-radius: 2em;
}
.mbsc-ios.mbsc-calendar-week-day {
  height: 1.7em;
  line-height: 1.7em;
  font-size: 0.625em;
}
.mbsc-ios.mbsc-calendar-week-nr {
  width: 2em;
  height: auto;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 3em;
}
.mbsc-ios.mbsc-calendar-day-text {
  width: 1.625em;
  height: 1.625em;
  margin: 0.1875em;
  padding: 0;
  line-height: 1.625em;
  border: 2px solid transparent;
  border-radius: 2em;
}
.mbsc-ios.mbsc-range-day .mbsc-calendar-cell-inner {
  z-index: 1;
}
.mbsc-ios.mbsc-range-day::after, .mbsc-ios.mbsc-range-hover::before {
  content: "";
  height: 1.875em;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 0.25em;
  z-index: 0;
  box-sizing: border-box;
}
.mbsc-ios.mbsc-range-hover::before {
  border-top: 2px dashed;
  border-bottom: 2px dashed;
}
.mbsc-ios.mbsc-range-day-start.mbsc-ltr::after, .mbsc-ios.mbsc-range-day-end.mbsc-rtl::after, .mbsc-ios.mbsc-range-hover-start.mbsc-ltr::before, .mbsc-ios.mbsc-range-hover-end.mbsc-rtl::before {
  left: 50%;
  margin-left: -0.9375em;
  border-radius: 2em 0 0 2em;
}
.mbsc-ios.mbsc-range-day-end.mbsc-ltr::after, .mbsc-ios.mbsc-range-day-start.mbsc-rtl::after, .mbsc-ios.mbsc-range-hover-end.mbsc-ltr::before, .mbsc-ios.mbsc-range-hover-start.mbsc-rtl::before {
  right: 50%;
  margin-right: -0.9375em;
  border-radius: 0 2em 2em 0;
}
.mbsc-ios.mbsc-range-day-start.mbsc-range-day-end::after, .mbsc-ios.mbsc-range-hover-start.mbsc-range-hover-end::before {
  display: none;
}
.mbsc-ios.mbsc-calendar-day-marked {
  padding-bottom: 0.4375em;
}
.mbsc-ios.mbsc-calendar-marks {
  margin-top: -0.0625em;
}
.mbsc-ios.mbsc-calendar-mark {
  width: 0.375em;
  height: 0.375em;
  border-radius: 0.375em;
  margin: 0 0.0625em;
}
.mbsc-ios.mbsc-calendar-day-colors .mbsc-calendar-day-text {
  background-clip: padding-box;
}
.mbsc-ios.mbsc-calendar-day-colors.mbsc-hover .mbsc-calendar-cell-text {
  background-clip: border-box;
}
.mbsc-ios.mbsc-calendar-text:before {
  border-radius: 0.4em;
}
.mbsc-ios.mbsc-calendar-label {
  font-weight: 600;
}
.mbsc-ios.mbsc-calendar-label-background {
  margin: 0 -0.1em;
  background: currentColor;
  opacity: 0.3;
  transition: opacity 0.15s ease-in-out;
}
.mbsc-ios.mbsc-calendar-label-start.mbsc-ltr .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-end.mbsc-rtl .mbsc-calendar-label-background {
  margin-left: 0;
  border-top-left-radius: 0.4em;
  border-bottom-left-radius: 0.4em;
}
.mbsc-ios.mbsc-calendar-label-end.mbsc-ltr .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-start.mbsc-rtl .mbsc-calendar-label-background {
  margin-right: 0;
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}
.mbsc-ios.mbsc-calendar-label-hover .mbsc-calendar-label-background {
  opacity: 0.6;
}
.mbsc-ios.mbsc-calendar-label.mbsc-calendar-label-hover:before {
  background: none;
}
.mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-background {
  opacity: 0.9;
}
.mbsc-ios.mbsc-calendar-height-md .mbsc-calendar-day:after {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  z-index: 1;
  margin-right: -1px;
  border-left-width: 1px;
  border-left-style: solid;
  content: "";
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-title {
  font-size: 1.5em;
  line-height: 1.666667em;
  padding: 0 0.166667em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-week-day {
  height: 2.5em;
  padding: 0 0.5em;
  line-height: 2.5em;
  font-size: 1em;
  border-left: 1px solid transparent;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-week-nr {
  padding: 0;
  font-size: 0.75em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-inner {
  min-height: 2.5em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
  min-height: 4.75em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-marks {
  padding: 0 0.75em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-text {
  width: 1.375em;
  height: 1.375em;
  line-height: 1.375em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-text {
  height: 1.8em;
  line-height: 1.8em;
  margin: 0 0.5em 0.2em 0.6em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label {
  padding: 0 0.4em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label-text {
  font-size: 1.2em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label-background {
  margin: 0 -0.4em;
}
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr {
  text-align: right;
}
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl {
  text-align: left;
}
.mbsc-ios.mbsc-calendar-grid-view .mbsc-calendar-title {
  font-size: 1.5em;
  line-height: 1.666667em;
  padding: 0 0.166667em;
}
.mbsc-ios.mbsc-calendar-grid {
  border-top: 1px solid;
}
.mbsc-ios.mbsc-calendar-grid .mbsc-calendar-grid-item .mbsc-calendar-week-days {
  background: none;
}
.mbsc-ios.mbsc-calendar-grid .mbsc-calendar-cell {
  border: 0;
}

.mbsc-ios {
  /* range highlight and selection */
  /* Picker */
  /* Multi month grid view */
}
.mbsc-ios.mbsc-calendar {
  background: white;
  color: #000000;
}
.mbsc-ios.mbsc-calendar-wrapper {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-header {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-button.mbsc-button {
  color: #007aff;
}
.mbsc-ios.mbsc-calendar-cell {
  background: white;
  border-color: #cccccc;
  color: #000000;
}
.mbsc-ios.mbsc-calendar-day:after {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-week-nr, .mbsc-ios.mbsc-calendar-today {
  color: #007aff;
}
.mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {
  background-color: rgba(0, 122, 255, 0.3);
}
.mbsc-ios.mbsc-range-day::after {
  background-color: #cbe2fb;
}
.mbsc-ios.mbsc-range-day .mbsc-calendar-cell-text {
  color: #000;
}
.mbsc-ios.mbsc-range-hover::before {
  border-color: #dedede;
}
.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
  border-color: #007aff;
  background: #007aff;
  color: #fff;
}
.mbsc-ios.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}
.mbsc-ios.mbsc-focus .mbsc-calendar-day-text {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.5);
}
.mbsc-ios.mbsc-calendar-mark {
  background: #cccccc;
}
.mbsc-ios.mbsc-calendar-label {
  color: #5ac8fa;
}
.mbsc-ios.mbsc-calendar-label-text {
  color: #000;
}
.mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-inner, .mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-inner {
  color: #fff;
}
.mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-text, .mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-text {
  color: inherit;
}
.mbsc-ios.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #000000;
}
.mbsc-ios.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-ios.mbsc-calendar-popup .mbsc-popup-body {
  background: white;
}
.mbsc-ios.mbsc-calendar-popup .mbsc-calendar-cell {
  background: white;
}
.mbsc-ios.mbsc-calendar-grid {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-month-title {
  color: #007aff;
}

.mbsc-ios-dark {
  /* range highlight and selection */
  /* Picker */
  /* Multi month grid view */
}
.mbsc-ios-dark.mbsc-calendar {
  background: #000000;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-calendar-wrapper {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-calendar-header {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-calendar-button.mbsc-button {
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-calendar-cell {
  background: #000000;
  border-color: #333333;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-calendar-day:after {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-calendar-week-nr, .mbsc-ios-dark.mbsc-calendar-today {
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-hover .mbsc-calendar-cell-text {
  background-color: rgba(255, 159, 10, 0.3);
}
.mbsc-ios-dark.mbsc-range-day::after {
  background-color: #3d2705;
}
.mbsc-ios-dark.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}
.mbsc-ios-dark.mbsc-range-hover::before {
  border-color: #2b2b2b;
}
.mbsc-ios-dark.mbsc-selected .mbsc-calendar-cell-text {
  border-color: #ff9f0a;
  background: #ff9f0a;
  color: #fff;
}
.mbsc-ios-dark.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.mbsc-ios-dark.mbsc-focus .mbsc-calendar-day-text {
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.5);
}
.mbsc-ios-dark.mbsc-calendar-mark {
  background: #333333;
}
.mbsc-ios-dark.mbsc-calendar-label {
  color: #5ac8fa;
}
.mbsc-ios-dark.mbsc-calendar-label-text {
  color: #fff;
}
.mbsc-ios-dark.mbsc-calendar-label-active .mbsc-calendar-label-inner, .mbsc-ios-dark.mbsc-calendar-label-dragging .mbsc-calendar-label-inner {
  color: #fff;
}
.mbsc-ios-dark.mbsc-calendar-label-active .mbsc-calendar-label-text, .mbsc-ios-dark.mbsc-calendar-label-dragging .mbsc-calendar-label-text {
  color: inherit;
}
.mbsc-ios-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-ios-dark.mbsc-calendar-popup .mbsc-popup-body {
  background: #292929;
}
.mbsc-ios-dark.mbsc-calendar-popup .mbsc-calendar-cell {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-calendar-grid {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-calendar-month-title {
  color: #ff9f0a;
}

.mbsc-material {
  /* Range Highlight */
  /* Marks */
  /* Labels */
  /* Desktop style */
}
.mbsc-material.mbsc-calendar-wrapper-fixed:after {
  content: "";
  position: absolute;
  z-index: 7;
  bottom: -0.5em;
  left: 0;
  right: 0;
  height: 0.5em;
  pointer-events: none;
}
.mbsc-material.mbsc-calendar-controls {
  padding: 0.5em;
}
.mbsc-material.mbsc-calendar-week-day {
  height: 2.5em;
  line-height: 2.5em;
  font-size: 0.75em;
  font-weight: bold;
}
.mbsc-material.mbsc-calendar-week-nr {
  width: 2.181819em;
  height: auto;
  font-size: 0.6875em;
  line-height: 3.272728em;
  font-weight: bold;
}
.mbsc-material.mbsc-calendar-button.mbsc-button {
  padding: 0.428572em;
}
.mbsc-material.mbsc-calendar-title {
  font-size: 1.428572em;
  font-weight: 400;
  text-transform: none;
  line-height: 1.4em;
}
.mbsc-material.mbsc-calendar-cell-text {
  height: 2em;
  padding: 0 0.5em;
  line-height: 2em;
  border-radius: 2em;
}
.mbsc-material.mbsc-calendar-month-name {
  font-size: 0.8125em;
}
.mbsc-material.mbsc-calendar-month-name.mbsc-ltr {
  padding-left: 0.461539em;
}
.mbsc-material.mbsc-calendar-month-name.mbsc-rtl {
  padding-right: 0.461539em;
}
.mbsc-material.mbsc-calendar-day-text {
  height: 1.846154em;
  width: 1.846154em;
  line-height: 1.846154em;
  margin: 0.230769em auto;
  padding: 0;
  font-size: 0.8125em;
  border: 2px solid transparent;
}
.mbsc-material.mbsc-range-day::after, .mbsc-material.mbsc-range-hover::before {
  content: "";
  height: 1.75em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.25em;
  z-index: -1;
}
.mbsc-material.mbsc-range-hover::before {
  box-sizing: content-box;
  height: 1.5em;
  border-top: 2px dashed;
  border-bottom: 2px dashed;
}
.mbsc-material.mbsc-range-day-start.mbsc-ltr::after, .mbsc-material.mbsc-range-day-end.mbsc-rtl::after {
  margin-left: -0.875em;
  border-radius: 2em 0 0 2em;
  left: 50%;
  right: 0;
}
.mbsc-material.mbsc-range-day-end.mbsc-ltr::after, .mbsc-material.mbsc-range-day-start.mbsc-rtl::after {
  margin-right: -0.875em;
  border-radius: 0 2em 2em 0;
  right: 50%;
  left: 0;
}
.mbsc-material.mbsc-range-hover-start.mbsc-ltr::before, .mbsc-material.mbsc-range-hover-end.mbsc-rtl::before {
  left: 50%;
  right: 0;
}
.mbsc-material.mbsc-range-hover-end.mbsc-ltr::before, .mbsc-material.mbsc-range-hover-start.mbsc-rtl::before {
  right: 50%;
  left: 0;
}
.mbsc-material.mbsc-range-day-start.mbsc-range-day-end::after, .mbsc-material.mbsc-range-hover-start.mbsc-range-hover-end::before {
  display: none;
}
.mbsc-material.mbsc-calendar-marks {
  margin-top: -0.375em;
  transition: transform 0.1s ease-out;
}
.mbsc-material.mbsc-focus .mbsc-calendar-marks, .mbsc-material.mbsc-hover .mbsc-calendar-marks, .mbsc-material.mbsc-selected .mbsc-calendar-marks, .mbsc-material.mbsc-calendar-day-colors .mbsc-calendar-marks, .mbsc-material.mbsc-highlighted .mbsc-calendar-marks, .mbsc-material.mbsc-hover-highlighted .mbsc-calendar-marks {
  transform: translate3d(0, 0.25em, 0);
}
.mbsc-material.mbsc-calendar-label {
  font-weight: 600;
  border-radius: 0.4em;
}
.mbsc-material.mbsc-calendar-label-background {
  margin: 0 -0.1em;
  background: currentColor;
}
.mbsc-material.mbsc-calendar-text:before {
  border-radius: 0.4em;
}
.mbsc-material.mbsc-calendar-label:before {
  margin: 0 -0.1em;
  border-radius: 0;
}
.mbsc-material.mbsc-calendar-label-start.mbsc-ltr .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-end.mbsc-rtl .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-start.mbsc-ltr.mbsc-calendar-text:before, .mbsc-material.mbsc-calendar-label-end.mbsc-rtl.mbsc-calendar-text:before {
  margin-left: 0;
  border-top-left-radius: 0.4em;
  border-bottom-left-radius: 0.4em;
}
.mbsc-material.mbsc-calendar-label-end.mbsc-ltr .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-start.mbsc-rtl .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-end.mbsc-ltr.mbsc-calendar-text:before, .mbsc-material.mbsc-calendar-label-start.mbsc-rtl.mbsc-calendar-text:before {
  margin-right: 0;
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-slide {
  padding: 0;
}
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day {
  border-bottom: 1px solid;
}
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day:after {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  z-index: 1;
  margin-right: -1px;
  border-left-width: 1px;
  border-left-style: solid;
  content: "";
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-week-day {
  padding: 0 1em;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-day-inner {
  min-height: 4em;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
  min-height: 5.5em;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-day-text {
  margin: 0.461539em;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-week-nr {
  line-height: 3.818182em;
  padding: 0;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-marks {
  padding: 0 1.125em;
  margin-left: -1px;
  margin-right: -1px;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-text {
  height: 1.8em;
  line-height: 1.8em;
  margin: 0 0.5em 0.2em 0.6em;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label {
  padding: 0 0.4em;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label-text {
  font-size: 1.2em;
}
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label:before,
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label-background {
  margin: 0 -0.4em;
}
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr {
  text-align: left;
}
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl {
  text-align: right;
}

.mbsc-material {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Desktop style */
  /* Multi month grid view */
}
.mbsc-material.mbsc-calendar-wrapper:after {
  box-shadow: inset 0 0.5em 0.25em -0.5em rgba(48, 48, 48, 0.5);
}
.mbsc-material.mbsc-calendar-button.mbsc-button {
  color: #303030;
}
.mbsc-material.mbsc-calendar-slide {
  background: #fff;
}
.mbsc-material.mbsc-calendar-picker-slide {
  background: #fff;
}
.mbsc-material.mbsc-calendar-week-day {
  color: rgba(48, 48, 48, 0.7);
}
.mbsc-material.mbsc-calendar-cell-text {
  color: #303030;
}
.mbsc-material.mbsc-calendar-week-nr, .mbsc-material.mbsc-calendar-today {
  color: #668281;
}
.mbsc-material.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(48, 48, 48, 0.7);
}
.mbsc-material.mbsc-hover .mbsc-calendar-cell-text {
  background: rgba(0, 0, 0, 0.1);
}
.mbsc-material.mbsc-range-hover::before {
  border-color: #e6e6e6;
}
.mbsc-material.mbsc-range-day::after {
  background-color: rgba(102, 130, 129, 0.25);
}
.mbsc-material.mbsc-selected .mbsc-calendar-cell-text {
  background: #668281;
  border-color: #668281;
  color: #fff;
}
.mbsc-material.mbsc-calendar-mark {
  background: #668281;
}
.mbsc-material.mbsc-calendar-label {
  color: #668281;
}
.mbsc-material.mbsc-calendar-label-inner {
  color: #fff;
}
.mbsc-material.mbsc-calendar-label.mbsc-calendar-label-active, .mbsc-material.mbsc-calendar-label.mbsc-calendar-label-dragging {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.mbsc-material .mbsc-calendar-label.mbsc-calendar-label-active .mbsc-calendar-label-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.mbsc-material.mbsc-calendar-text-more {
  box-shadow: none;
}
.mbsc-material.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #303030;
}
.mbsc-material.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-material.mbsc-calendar-popup .mbsc-popup-body {
  background: #fff;
}
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-week-day,
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day,
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day:after {
  border-color: #cfcfcf;
}
.mbsc-material.mbsc-calendar-month-title {
  color: #668281;
}

.mbsc-material-dark {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Desktop style */
  /* Multi month grid view */
}
.mbsc-material-dark.mbsc-calendar-wrapper:after {
  box-shadow: inset 0 0.5em 0.25em -0.5em rgba(255, 255, 255, 0.5);
}
.mbsc-material-dark.mbsc-calendar-button.mbsc-button {
  color: #fff;
}
.mbsc-material-dark.mbsc-calendar-slide {
  background: #000;
}
.mbsc-material-dark.mbsc-calendar-picker-slide {
  background: #303030;
}
.mbsc-material-dark.mbsc-calendar-week-day {
  color: rgba(255, 255, 255, 0.7);
}
.mbsc-material-dark.mbsc-calendar-cell-text {
  color: #fff;
}
.mbsc-material-dark.mbsc-calendar-week-nr, .mbsc-material-dark.mbsc-calendar-today {
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
}
.mbsc-material-dark.mbsc-hover .mbsc-calendar-cell-text {
  background: rgba(255, 255, 255, 0.1);
}
.mbsc-material-dark.mbsc-range-hover::before {
  border-color: #1a1a1a;
}
.mbsc-material-dark.mbsc-range-day::after {
  background-color: rgba(135, 176, 243, 0.25);
}
.mbsc-material-dark.mbsc-selected .mbsc-calendar-cell-text {
  background: #87b0f3;
  border-color: #87b0f3;
  color: #000;
}
.mbsc-material-dark.mbsc-calendar-mark {
  background: #87b0f3;
}
.mbsc-material-dark.mbsc-calendar-label {
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-calendar-label-inner {
  color: #000;
}
.mbsc-material-dark.mbsc-calendar-label.mbsc-calendar-label-active, .mbsc-material-dark.mbsc-calendar-label.mbsc-calendar-label-dragging {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.mbsc-material-dark .mbsc-calendar-label.mbsc-calendar-label-active .mbsc-calendar-label-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.mbsc-material-dark.mbsc-calendar-text-more {
  box-shadow: none;
}
.mbsc-material-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #fff;
}
.mbsc-material-dark.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-material-dark.mbsc-calendar-popup .mbsc-popup-body {
  background: #303030;
}
.mbsc-material-dark.mbsc-calendar-height-md .mbsc-calendar-week-day,
.mbsc-material-dark.mbsc-calendar-height-md .mbsc-calendar-day,
.mbsc-material-dark.mbsc-calendar-height-md .mbsc-calendar-day:after {
  border-color: #2b2b2b;
}
.mbsc-material-dark.mbsc-calendar-month-title {
  color: #87b0f3;
}

.mbsc-windows {
  /* Marks */
}
.mbsc-windows.mbsc-calendar-header {
  margin-bottom: -1px;
}
.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-font {
  margin: 1px;
}
.mbsc-windows.mbsc-calendar-title-wrapper .mbsc-calendar-button {
  padding: 0;
}
.mbsc-windows.mbsc-calendar-controls {
  padding: 0.5em;
  min-height: 2.125em;
}
.mbsc-windows.mbsc-calendar-week-day {
  height: 2.5em;
  font-size: 0.75em;
  line-height: 2.5em;
}
.mbsc-windows.mbsc-calendar-body .mbsc-calendar-week-day {
  border: 0;
}
.mbsc-windows.mbsc-calendar-week-nr {
  width: 2em;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 3em;
}
.mbsc-windows.mbsc-calendar-picker-slide {
  padding: 0.25em;
}
.mbsc-windows.mbsc-calendar-cell {
  border-width: 0;
  border-style: solid;
  border-top-width: 1px;
  border-color: transparent;
  background-clip: padding-box;
  padding: 0;
}
.mbsc-windows.mbsc-calendar-cell:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.mbsc-windows.mbsc-calendar-cell-inner {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.mbsc-windows.mbsc-calendar-cell-text {
  display: table-cell;
  vertical-align: middle;
  min-width: 0;
}
.mbsc-windows.mbsc-calendar-month-name {
  font-size: 0.875em;
  vertical-align: middle;
}
.mbsc-windows.mbsc-calendar-month-name.mbsc-ltr {
  margin-left: 0.5em;
}
.mbsc-windows.mbsc-calendar-month-name.mbsc-rtl {
  margin-right: 0.5em;
}
.mbsc-windows.mbsc-calendar-day-inner {
  display: block;
}
.mbsc-windows.mbsc-calendar-day-empty:after {
  display: none;
}
.mbsc-windows.mbsc-calendar-day-text {
  display: inline-block;
  font-size: 0.875em;
  line-height: 2.285715em;
  border-radius: 2em;
  margin: 0 0.5em;
}
.mbsc-windows.mbsc-calendar-marks {
  bottom: 0.25em;
}
.mbsc-windows.mbsc-calendar-label-background {
  background: currentColor;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-title {
  font-size: 1.625em;
  font-weight: 300;
  line-height: 1.461538em;
  padding: 0 0.307693em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day {
  height: 2.142858em;
  padding: 0 0.5em;
  font-size: 0.875em;
  line-height: 2.142858em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-nr {
  height: auto;
  padding: 0;
  font-size: 0.75em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-left-width: 1px;
  border-left-style: solid;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-inner {
  min-height: 4em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-text {
  text-align: center;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
  min-height: 4.75em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks {
  bottom: 0.5em;
  padding: 0 0.625em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-text {
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 0.6em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-label-text {
  font-size: 1.2em;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr {
  text-align: left;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl {
  text-align: right;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-calendar-day-labels {
  text-align: center;
}
.mbsc-windows.mbsc-calendar-grid-view .mbsc-calendar-title {
  font-size: 1.625em;
  font-weight: 300;
  line-height: 1.461538em;
  padding: 0 0.307693em;
}

.mbsc-windows {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Multi month grid view */
}
.mbsc-windows.mbsc-calendar {
  color: #333333;
}
.mbsc-windows.mbsc-calendar-button.mbsc-button {
  color: #333333;
}
.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-active {
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333333;
}
.mbsc-windows.mbsc-calendar-wrapper-fixed {
  border-bottom: 1px solid #e6e6e6;
}
.mbsc-windows.mbsc-calendar-slide {
  background: #ffffff;
  color: #333333;
}
.mbsc-windows.mbsc-calendar-week-day {
  color: #666666;
}
.mbsc-windows.mbsc-calendar-week-nr, .mbsc-windows.mbsc-calendar-today {
  color: #0078d7;
}
.mbsc-windows.mbsc-range-day {
  border-left-color: rgba(0, 120, 215, 0.25);
}
.mbsc-windows.mbsc-range-day-start.mbsc-ltr, .mbsc-windows.mbsc-range-day-end.mbsc-rtl {
  border-left-color: transparent;
}
.mbsc-windows.mbsc-range-hover .mbsc-calendar-cell-inner {
  border-top-color: rgba(51, 51, 51, 0.1);
  border-bottom-color: rgba(51, 51, 51, 0.1);
  border-style: dashed;
}
.mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner, .mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner {
  background: rgba(0, 120, 215, 0.25);
}
.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner {
  background-color: #0078d7;
}
.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}
.mbsc-windows.mbsc-calendar-day-colors.mbsc-selected:after {
  border: 2px solid #0078d7;
}
.mbsc-windows.mbsc-calendar-cell.mbsc-focus:after {
  border: 1px solid #333333;
}
.mbsc-windows.mbsc-calendar-cell.mbsc-hover:after {
  background: rgba(51, 51, 51, 0.1);
}
.mbsc-windows.mbsc-calendar-mark {
  background: rgba(51, 51, 51, 0.5);
}
.mbsc-windows.mbsc-calendar-label {
  color: #0078d7;
}
.mbsc-windows.mbsc-calendar-label-inner {
  color: #fff;
}
.mbsc-windows.mbsc-calendar-label.mbsc-calendar-label-active {
  outline: 1px solid #333333;
}
.mbsc-windows.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #333333;
}
.mbsc-windows.mbsc-calendar-height-md .mbsc-calendar-week-day {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-windows.mbsc-calendar-popup .mbsc-popup {
  background: #ffffff;
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-calendar-month-title {
  color: #0078d7;
}

.mbsc-windows-dark {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Multi month grid view */
}
.mbsc-windows-dark.mbsc-calendar {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-calendar-button.mbsc-button {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-active {
  background: #676767;
  border-color: #676767;
}
.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #ffffff;
}
.mbsc-windows-dark.mbsc-calendar-wrapper-fixed {
  border-bottom: 1px solid #343434;
}
.mbsc-windows-dark.mbsc-calendar-slide {
  background: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-calendar-week-day {
  color: #cccccc;
}
.mbsc-windows-dark.mbsc-calendar-week-nr, .mbsc-windows-dark.mbsc-calendar-today {
  color: #0078d7;
}
.mbsc-windows-dark.mbsc-range-day {
  border-left-color: rgba(0, 120, 215, 0.25);
}
.mbsc-windows-dark.mbsc-range-day-start.mbsc-ltr, .mbsc-windows-dark.mbsc-range-day-end.mbsc-rtl {
  border-left-color: transparent;
}
.mbsc-windows-dark.mbsc-range-hover .mbsc-calendar-cell-inner {
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(255, 255, 255, 0.22);
  border-style: dashed;
}
.mbsc-windows-dark.mbsc-selected .mbsc-calendar-cell-inner, .mbsc-windows-dark.mbsc-range-day .mbsc-calendar-cell-inner {
  background: rgba(0, 120, 215, 0.25);
}
.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner {
  background-color: #0078d7;
}
.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}
.mbsc-windows-dark.mbsc-calendar-day-colors.mbsc-selected:after {
  border: 2px solid #0078d7;
}
.mbsc-windows-dark.mbsc-calendar-cell.mbsc-focus:after {
  border: 1px solid #ffffff;
}
.mbsc-windows-dark.mbsc-calendar-cell.mbsc-hover:after {
  background: rgba(255, 255, 255, 0.22);
}
.mbsc-windows-dark.mbsc-calendar-mark {
  background: rgba(255, 255, 255, 0.5);
}
.mbsc-windows-dark.mbsc-calendar-label {
  color: #0078d7;
}
.mbsc-windows-dark.mbsc-calendar-label-inner {
  color: #fff;
}
.mbsc-windows-dark.mbsc-calendar-label.mbsc-calendar-label-active {
  outline: 1px solid #ffffff;
}
.mbsc-windows-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-calendar-height-md .mbsc-calendar-week-day {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-calendar-width-md .mbsc-calendar-day,
.mbsc-windows-dark.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup {
  background: #1a1a1a;
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-calendar-month-title {
  color: #0078d7;
}

@keyframes mbsc-zoom-in-up {
  from {
    opacity: 0;
    transform: scale(2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mbsc-zoom-in-down {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mbsc-zoom-out-up {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes mbsc-zoom-out-down {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
.mbsc-calendar {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  position: relative;
}

.mbsc-calendar-wrapper {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}

/* Header */
.mbsc-calendar-header {
  position: relative;
  z-index: 1;
  will-change: opacity;
}
.mbsc-calendar-header .mbsc-calendar-week-days {
  margin-left: -1px;
}

.mbsc-calendar-controls {
  align-items: center;
  box-sizing: content-box;
  min-height: 2.5em;
}

.mbsc-calendar-button.mbsc-button.mbsc-reset {
  margin: 0;
}

.mbsc-calendar-button-prev-multi {
  order: -1;
}

.mbsc-calendar-button-next-multi {
  order: 1;
}

.mbsc-calendar-body {
  box-sizing: border-box;
  overflow: hidden;
}

.mbsc-calendar-body-inner {
  position: relative;
  overflow: hidden;
  margin-left: -1px;
}

.mbsc-calendar-wrapper-fixed {
  height: auto;
  overflow: visible;
}

.mbsc-calendar-title-wrapper {
  align-items: center;
  overflow: hidden;
}

.mbsc-calendar-title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.125em;
  padding: 0 0.25em;
  display: inline-block;
  vertical-align: middle;
}

/* Scrollview */
.mbsc-calendar-scroll-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%;
}

.mbsc-calendar-picker-wrapper {
  position: relative;
  width: 16em;
  height: 16em;
  overflow: hidden;
}

.mbsc-calendar-picker {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.mbsc-calendar-picker-main {
  position: relative;
  z-index: 0;
}

.mbsc-calendar-picker-in-up {
  opacity: 0;
  animation: mbsc-zoom-in-up 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mbsc-calendar-picker-in-down {
  opacity: 0;
  animation: mbsc-zoom-in-down 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mbsc-calendar-picker-out-up {
  opacity: 0;
  animation: mbsc-zoom-out-up 200ms cubic-bezier(0.4, 0, 1, 1) forwards;
}

.mbsc-calendar-picker-out-down {
  opacity: 0;
  animation: mbsc-zoom-out-down 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mbsc-calendar-scroll-wrapper > div {
  height: 100%;
}

.mbsc-calendar-scroll-wrapper > div > div {
  height: 100%;
  transform: translate3d(0, 0, 0);
}

.mbsc-calendar-slide {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.mbsc-calendar-slide.mbsc-calendar-picker {
  position: relative;
}

.mbsc-calendar-slide.mbsc-ltr {
  left: 0;
}

.mbsc-calendar-slide.mbsc-rtl {
  right: 0;
}

.mbsc-calendar-table {
  height: 100%;
  transform: translateZ(0);
}

.mbsc-calendar-cell {
  position: relative;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.mbsc-calendar-cell-text:focus {
  outline: 0;
}

.mbsc-calendar-cell-inner {
  display: inline-block;
  padding: 0 0.25em;
  vertical-align: middle;
}

.mbsc-calendar-cell.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-calendar-week-day {
  height: 2em;
  font-size: 0.6875em;
  line-height: 2em;
  text-align: center;
  border-bottom: 1px solid transparent;
}

.mbsc-calendar-year,
.mbsc-calendar-month {
  vertical-align: middle;
}

.mbsc-calendar-year-text,
.mbsc-calendar-month-text {
  margin: 0.875em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 4.5em;
  box-sizing: border-box;
}

.mbsc-calendar-day {
  min-width: 0;
  text-align: center;
}

.mbsc-calendar-day-empty {
  cursor: default;
}

.mbsc-calendar-day-text {
  display: inline-block;
  text-align: center;
}

.mbsc-calendar-day-text.mbsc-calendar-cell-text {
  box-sizing: content-box;
}

.mbsc-calendar-day-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.mbsc-calendar-day-hidden {
  visibility: hidden;
}

.mbsc-calendar-month-name {
  display: none;
}

.mbsc-calendar-width-md .mbsc-calendar-month-name {
  display: inline-block;
  font-weight: bold;
}

.mbsc-calendar-popup .mbsc-calendar-month-name {
  display: none;
}

.mbsc-calendar-day-outer .mbsc-calendar-day-text,
.mbsc-calendar-day-outer .mbsc-calendar-month-name {
  opacity: 0.5;
}

.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-day-text,
.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-month-name {
  opacity: 1;
}

.mbsc-disabled .mbsc-calendar-cell-text,
.mbsc-disabled .mbsc-calendar-month-name {
  opacity: 0.2;
}

/* Day highlight */
.mbsc-calendar-day-highlight:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

/* Marks */
.mbsc-calendar-day-marked {
  padding-bottom: 0.25em;
}

.mbsc-calendar-marks {
  position: absolute;
  left: 0;
  right: 0;
  height: 0.375em;
  margin-top: -0.125em;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.mbsc-calendar-mark {
  display: inline-block;
  vertical-align: top;
  width: 0.25em;
  height: 0.25em;
  margin: 0.0625em;
  border-radius: 0.25em;
}

/* Labels */
.mbsc-calendar-labels {
  position: absolute;
  left: -1px;
  right: -1px;
}

.mbsc-calendar-labels-row {
  position: relative;
}

.mbsc-calendar-label-wrapper {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
}

.mbsc-calendar-label-wrapper:first-child {
  position: relative;
}

.mbsc-calendar-label-wrapper:focus {
  outline: 0;
}

.mbsc-calendar-label {
  padding: 0 0.3em;
}

.mbsc-calendar-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
}

.mbsc-calendar-text:before,
.mbsc-calendar-label-background {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.2s;
}

.mbsc-calendar-label.mbsc-calendar-label-hover:before {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.mbsc-calendar-text-more {
  padding: 0 0.3em;
}

.mbsc-calendar-text-more.mbsc-calendar-label-active:before,
.mbsc-calendar-text-more.mbsc-calendar-label-hover:before {
  background-color: rgba(0, 0, 0, 0.1);
}

.mbsc-calendar-text {
  display: block;
  position: relative;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.625em;
  white-space: nowrap;
  margin: 0 0.1em 0.2em 0.2em;
}

.mbsc-calendar-text-placeholder {
  z-index: -1;
}

.mbsc-calendar-text.mbsc-ltr {
  text-align: left;
}

.mbsc-calendar-text.mbsc-rtl {
  text-align: right;
}

/* Label drag & drop */
.mbsc-calendar-label-resize {
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.5em;
  z-index: 2;
  cursor: ew-resize;
}

.mbsc-calendar-label-resize:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  width: 0.8em;
  height: 0.8em;
  margin-top: -0.4em;
  background: #fff;
  border-radius: 0.8em;
  border: 1px solid currentColor;
  box-sizing: border-box;
}

.mbsc-calendar-label-resize-start.mbsc-ltr,
.mbsc-calendar-label-resize-end.mbsc-rtl {
  left: 0;
}

.mbsc-calendar-label-resize-start.mbsc-rtl,
.mbsc-calendar-label-resize-end.mbsc-ltr {
  right: 0;
}

.mbsc-calendar-label-resize-start.mbsc-ltr:after,
.mbsc-calendar-label-resize-end.mbsc-rtl:after {
  left: -0.4em;
}

.mbsc-calendar-label-resize-end.mbsc-ltr:after,
.mbsc-calendar-label-resize-start.mbsc-rtl:after {
  right: -0.4em;
}

.mbsc-calendar-label-resize-start-touch:before,
.mbsc-calendar-label-resize-end-touch:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1em;
  width: 2em;
  height: 2em;
}

.mbsc-calendar-label-resize-start-touch:before {
  left: -1em;
}

.mbsc-calendar-label-resize-end-touch:before {
  right: -1em;
}

.mbsc-calendar-label-hover .mbsc-calendar-label-resize:after,
.mbsc-calendar-label-dragging .mbsc-calendar-label-resize:after {
  display: block;
}

.mbsc-calendar-label-inactive {
  opacity: 0.4;
}

.mbsc-calendar-label-hidden {
  visibility: hidden;
}

.mbsc-calendar-labels-dragging {
  z-index: 3;
}

/* Multi month grid view */
.mbsc-calendar-grid {
  overflow: auto;
  padding: 0 2%;
}
.mbsc-calendar-grid .mbsc-calendar-table {
  margin: 0 5%;
  width: 90%;
}

.mbsc-calendar-grid-item {
  margin: 1em 0;
  padding-top: 2.5em;
}

.mbsc-calendar-month-title {
  padding-bottom: 0.8em;
  margin: 0 10%;
  margin-top: -2em;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.2em;
}

/* Variable row */
.mbsc-calendar-body-inner-variable {
  overflow-y: auto;
}
.mbsc-calendar-body-inner-variable .mbsc-calendar-table {
  min-height: 20em;
}

.mbsc-material {
  /* Checkmark styling */
  /* Desktop styling */
}
.mbsc-material.mbsc-scroller-wheel-wrapper {
  margin: 0 0.25em;
  padding: 0.5em 0;
}
.mbsc-material.mbsc-scroller-wheel-cont::after, .mbsc-material.mbsc-scroller-wheel-cont::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-width: 2px;
  border-top-style: solid;
  z-index: 1;
}
.mbsc-material.mbsc-scroller-wheel-cont::after {
  bottom: -2px;
}
.mbsc-material.mbsc-scroller-wheel-cont::before {
  top: -2px;
}
.mbsc-material.mbsc-scroller-wheel-group {
  padding: 2em 0.25em;
}
.mbsc-material.mbsc-scroller-wheel-item {
  padding: 0 0.272727em;
  font-size: 1.375em;
  text-align: center;
}
.mbsc-material.mbsc-wheel-item-multi {
  padding: 0 2em;
}
.mbsc-material.mbsc-scroller-wheel-header {
  font-weight: bold;
  font-size: 1.125em;
}
.mbsc-material.mbsc-wheel-checkmark {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: none;
  border-radius: 0.1875em;
  width: 1.3em;
  height: 1.3em;
  margin-top: -0.55em;
}
.mbsc-material.mbsc-wheel-checkmark::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  top: 0.27273em;
  left: 0.27273em;
  width: 0.8125em;
  height: 0.4375em;
  opacity: 0;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
  transform: scale(0) rotate(-45deg);
  transition: transform 0.1s ease-out;
}
.mbsc-material.mbsc-wheel-checkmark.mbsc-selected::after {
  opacity: 1;
  transform: scale(1) rotate(-45deg);
}
.mbsc-material.mbsc-wheel-checkmark.mbsc-ltr {
  left: 0.25em;
}
.mbsc-material.mbsc-wheel-checkmark.mbsc-rtl {
  right: 0.25em;
}
.mbsc-material.mbsc-wheel-item-multi .mbsc-material.mbsc-wheel-checkmark {
  display: block;
}
.mbsc-material.mbsc-scroller-pointer .mbsc-scroller-wheel-group {
  padding: 0;
}
.mbsc-material.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper {
  margin: 0;
  padding: 0;
}
.mbsc-material.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  font-size: 1em;
  padding: 0 1.25em;
}
.mbsc-material.mbsc-scroller-pointer .mbsc-wheel-item-multi {
  padding: 0 2em;
}
.mbsc-material.mbsc-scroller-pointer .mbsc-wheel-item-multi.mbsc-ltr {
  text-align: left;
}
.mbsc-material.mbsc-scroller-pointer .mbsc-wheel-item-multi.mbsc-rtl {
  text-align: right;
}

.mbsc-material.mbsc-scroller-wheel-cont::after, .mbsc-material.mbsc-scroller-wheel-cont::before {
  border-color: #668281;
}
.mbsc-material.mbsc-scroller-wheel-multi::after, .mbsc-material.mbsc-scroller-wheel-multi::before {
  border-color: transparent;
}
.mbsc-material.mbsc-scroller-wheel-item.mbsc-active, .mbsc-material.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-material.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-material.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(0, 0, 0, 0.05);
}
.mbsc-material.mbsc-wheel-checkmark::after {
  border-color: #668281;
}

.mbsc-material-dark.mbsc-scroller-wheel-cont::after, .mbsc-material-dark.mbsc-scroller-wheel-cont::before {
  border-color: #87b0f3;
}
.mbsc-material-dark.mbsc-scroller-wheel-multi::after, .mbsc-material-dark.mbsc-scroller-wheel-multi::before {
  border-color: transparent;
}
.mbsc-material-dark.mbsc-scroller-wheel-item.mbsc-active, .mbsc-material-dark.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-material-dark.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-material-dark.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(0, 0, 0, 0.05);
}
.mbsc-material-dark.mbsc-wheel-checkmark::after {
  border-color: #87b0f3;
}

.mbsc-ios {
  /* checkmark */
  /* Desktop styling */
}
.mbsc-ios.mbsc-scroller-wheel-multi.mbsc-scroller-wheel-cont-3d {
  visibility: hidden;
}
.mbsc-ios.mbsc-scroller-wheel-group-cont {
  padding: 0 0.625em;
}
.mbsc-ios.mbsc-scroller-wheel-group {
  padding: 0.625em;
}
.mbsc-ios.mbsc-wheel-group-checkmark {
  padding: 0.625em 0;
}
.mbsc-ios.mbsc-scroller-wheel-3d {
  overflow: visible;
}
.mbsc-ios.mbsc-scroller-wheel-line {
  display: block;
  z-index: 1;
  border-radius: 0.5em;
  margin: 0 0.625em;
}
.mbsc-ios.mbsc-scroller-wheel-overlay {
  display: block;
}
.mbsc-ios.mbsc-scroller-wheel-item {
  padding: 0 0.5em;
  font-size: 1.25em;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0.5em;
}
.mbsc-ios.mbsc-scroller-wheel-item-3d {
  font-size: 1.125em;
}
.mbsc-ios.mbsc-wheel-item-checkmark {
  padding-left: 1.75em;
  padding-right: 1.75em;
}
.mbsc-ios.mbsc-scroller-wheel-header {
  font-size: 0.875em;
}
.mbsc-ios.mbsc-wheel-checkmark {
  display: none;
  position: absolute;
  width: 1.75em;
  height: 1.75em;
  top: 50%;
  margin-top: -0.875em;
}
.mbsc-ios.mbsc-wheel-checkmark::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(-45deg);
  top: 32%;
  left: 26%;
  width: 0.75em;
  height: 0.375em;
  border: 0.125em solid currentColor;
  border-top: 0;
  border-right: 0;
  transition: opacity 0.2s ease-in-out;
}
.mbsc-ios.mbsc-wheel-checkmark.mbsc-selected::after {
  opacity: 1;
}
.mbsc-ios.mbsc-wheel-checkmark.mbsc-ltr {
  left: 0;
}
.mbsc-ios.mbsc-wheel-checkmark.mbsc-rtl {
  right: 0;
}
.mbsc-ios.mbsc-wheel-item-multi .mbsc-ios.mbsc-wheel-checkmark, .mbsc-ios.mbsc-scroller-pointer .mbsc-ios.mbsc-wheel-item-checkmark .mbsc-wheel-checkmark {
  display: block;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-group-cont,
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-group {
  padding: 0;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper {
  padding: 0.1875em 0;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-overlay {
  display: none;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  font-size: 1em;
  padding: 0 0.75em;
  margin: 0 0.1875em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-line {
  margin: 0 0.1875em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-wheel-item-checkmark.mbsc-ltr {
  text-align: left;
  padding-left: 1.75em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-wheel-item-checkmark.mbsc-rtl {
  text-align: right;
  padding-right: 1.75em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-header {
  font-size: 0.75em;
  font-weight: 700;
}

.mbsc-ios {
  /* 3D */
  /* Desktop style */
}
.mbsc-ios.mbsc-scroller {
  background: white;
}
.mbsc-ios.mbsc-scroller-top, .mbsc-ios.mbsc-scroller-bottom {
  background: #d1d5db;
}
.mbsc-ios.mbsc-scroller-wheel-overlay {
  background: linear-gradient(white, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, white);
}
.mbsc-ios.mbsc-scroller-wheel-overlay-top, .mbsc-ios.mbsc-scroller-wheel-overlay-bottom {
  background: linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db);
}
.mbsc-ios.mbsc-scroller-wheel-line {
  background: rgba(0, 0, 0, 0.1);
}
.mbsc-ios.mbsc-scroller-wheel-item {
  color: #9e9e9e;
}
.mbsc-ios.mbsc-scroller-wheel-item.mbsc-active, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-ios.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(0, 122, 255, 0.15);
}
.mbsc-ios.mbsc-scroller-wheel-item-2d, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-selected {
  color: #000000;
}
.mbsc-ios.mbsc-scroller-wheel-cont-3d {
  background: white;
}
.mbsc-ios.mbsc-scroller-wheel-item-3d {
  color: #a3a3a3;
}
.mbsc-ios.mbsc-scroller-wheel-header, .mbsc-ios.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi {
  color: #000000;
}
.mbsc-ios.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi.mbsc-selected-3d {
  color: #007aff;
}
.mbsc-ios.mbsc-scroller-wheel-cont-top.mbsc-scroller-wheel-cont-3d, .mbsc-ios.mbsc-scroller-wheel-cont-bottom.mbsc-scroller-wheel-cont-3d {
  background: #d1d5db;
}
.mbsc-ios.mbsc-scroller-wheel-cont-inline.mbsc-scroller-wheel-cont-3d {
  background: white;
}
.mbsc-ios.mbsc-scroller-pointer.mbsc-scroller {
  background: white;
}
.mbsc-ios.mbsc-scroller-pointer.mbsc-scroller-inline {
  background: white;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  color: #000000;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #007aff;
}

.mbsc-ios-dark {
  /* 3D */
  /* Desktop style */
}
.mbsc-ios-dark.mbsc-scroller {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-scroller-top, .mbsc-ios-dark.mbsc-scroller-bottom {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-scroller-wheel-overlay {
  background: linear-gradient(#1c1c1c, rgba(28, 28, 28, 0) 52%, rgba(28, 28, 28, 0) 48%, #1c1c1c);
}
.mbsc-ios-dark.mbsc-scroller-wheel-overlay-top, .mbsc-ios-dark.mbsc-scroller-wheel-overlay-bottom {
  background: linear-gradient(#1c1c1c, rgba(28, 28, 28, 0) 52%, rgba(28, 28, 28, 0) 48%, #1c1c1c);
}
.mbsc-ios-dark.mbsc-scroller-wheel-line {
  background: rgba(255, 255, 255, 0.1);
}
.mbsc-ios-dark.mbsc-scroller-wheel-item {
  color: #9e9e9e;
}
.mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-active, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-ios-dark.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(255, 159, 10, 0.15);
}
.mbsc-ios-dark.mbsc-scroller-wheel-item-2d, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-selected {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-scroller-wheel-cont-3d {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-scroller-wheel-item-3d {
  color: #666666;
}
.mbsc-ios-dark.mbsc-scroller-wheel-header, .mbsc-ios-dark.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi.mbsc-selected-3d {
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-scroller-wheel-cont-top.mbsc-scroller-wheel-cont-3d, .mbsc-ios-dark.mbsc-scroller-wheel-cont-bottom.mbsc-scroller-wheel-cont-3d {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-scroller-wheel-cont-inline.mbsc-scroller-wheel-cont-3d {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-scroller-pointer.mbsc-scroller {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-scroller-pointer.mbsc-scroller-inline {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #ff9f0a;
}

.mbsc-windows {
  /* Checkmark styling */
  /* Desktop styling */
}
.mbsc-windows.mbsc-scroller {
  position: relative;
}
.mbsc-windows.mbsc-scroller-wheel-wrapper.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
}
.mbsc-windows.mbsc-scroller-wheel-wrapper-0.mbsc-ltr {
  border-left: 0;
}
.mbsc-windows.mbsc-scroller-wheel-wrapper.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
}
.mbsc-windows.mbsc-scroller-wheel-wrapper-0.mbsc-rtl {
  border-right: 0;
}
.mbsc-windows.mbsc-scroller-wheel-item {
  padding: 0 0.5em;
  box-sizing: border-box;
  text-align: center;
}
.mbsc-windows.mbsc-wheel-item-multi {
  padding: 0 2.0625em;
}
.mbsc-windows.mbsc-wheel-item-multi.mbsc-ltr {
  text-align: left;
}
.mbsc-windows.mbsc-wheel-item-multi.mbsc-rtl {
  text-align: right;
}
.mbsc-windows.mbsc-scroller-wheel-line {
  display: block;
  z-index: 1;
}
.mbsc-windows.mbsc-scroller-wheel-header {
  font-size: 1.375em;
}
.mbsc-windows.mbsc-wheel-checkmark {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: none;
  margin-top: -0.8125em;
  width: 1.5625em;
  height: 1.5625em;
}
.mbsc-windows.mbsc-wheel-checkmark::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(-45deg);
  top: 28%;
  left: 21%;
  width: 0.875em;
  height: 0.475em;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
}
.mbsc-windows.mbsc-wheel-checkmark.mbsc-selected::after {
  opacity: 1;
}
.mbsc-windows.mbsc-wheel-checkmark.mbsc-ltr {
  left: 0.25em;
}
.mbsc-windows.mbsc-wheel-checkmark.mbsc-rtl {
  right: 0.25em;
}
.mbsc-windows.mbsc-wheel-item-multi .mbsc-windows.mbsc-wheel-checkmark {
  display: block;
}
.mbsc-windows.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  padding: 0 1.25em;
}
.mbsc-windows.mbsc-scroller-pointer .mbsc-wheel-item-multi {
  padding: 0 2.0625em;
}
.mbsc-windows.mbsc-scroller-bar::after {
  border-radius: 0;
}

.mbsc-windows.mbsc-scroller-wheel-wrapper {
  color: #333333;
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-scroller-wheel-line {
  background: rgba(0, 120, 215, 0.4);
}
.mbsc-windows.mbsc-scroller-wheel-item.mbsc-active, .mbsc-windows.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-windows.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-windows.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(51, 51, 51, 0.1);
}
.mbsc-windows.mbsc-wheel-checkmark::after {
  border-color: #0078d7;
}

.mbsc-windows-dark.mbsc-scroller-wheel-wrapper {
  color: #ffffff;
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-scroller-wheel-line {
  background: rgba(0, 120, 215, 0.4);
}
.mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-active, .mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-windows-dark.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(255, 255, 255, 0.1);
}
.mbsc-windows-dark.mbsc-wheel-checkmark::after {
  border-color: #0078d7;
}

.mbsc-scroller {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-scroller-wheel-group-cont {
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
}

.mbsc-scroller-wheel-group-cont:first-child:last-child {
  display: block;
}

.mbsc-scroller-wheel-group {
  margin: 0 auto;
  position: relative;
  justify-content: center;
}

.mbsc-scroller-wheel-group-3d {
  perspective: 100em;
}

.mbsc-scroller-wheel-wrapper {
  display: block;
  max-width: 100%;
  position: relative;
  touch-action: none;
  /* Temp */
  min-width: 80px;
}

.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper-0:last-child {
  flex: 1 1 auto;
}

.mbsc-scroller-wheel-line {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

.mbsc-scroller-wheel-overlay {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.mbsc-scroller-wheel {
  display: block;
  overflow: hidden;
  /* Fixes Firefox rendering issues */
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin: -1px 0;
}

.mbsc-scroller-wheel-cont {
  position: relative;
  z-index: 1;
  top: 50%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: translateY(-50%);
}

.mbsc-scroller-wheel-cont-3d {
  overflow: hidden;
  border: 0;
}

.mbsc-scroller-wheel-cont-3d > div {
  position: relative;
  top: -1px;
}

.mbsc-scroller-wheel-wrapper-3d,
.mbsc-scroller-wheel-3d {
  transform-style: preserve-3d;
}

.mbsc-scroller-items-3d {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform-style: preserve-3d;
  transform: translateY(-50%);
}

.mbsc-scroller .mbsc-scroller-wheel,
.mbsc-scroller .mbsc-scroller-wheel-cont {
  box-sizing: content-box;
}

.mbsc-scroller-wheel-item {
  display: block;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-scroller-wheel-item:focus,
.mbsc-scroller-wheel-header:focus {
  outline: 0;
}

.mbsc-scroller-wheel-item-3d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  backface-visibility: hidden;
}

.mbsc-scroller-wheel-item.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-scroller-wheel-header {
  display: block;
  padding: 0 0.5em;
}
.mbsc-scroller-wheel-header.mbsc-ltr {
  text-align: left;
}
.mbsc-scroller-wheel-header.mbsc-rtl {
  text-align: right;
}

.mbsc-scroller-bar-cont {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  width: 10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.05);
  transform: translateZ(0);
  transition: opacity 0.2s;
}
.mbsc-scroller-bar-cont.mbsc-ltr {
  right: 0;
}
.mbsc-scroller-bar-cont.mbsc-rtl {
  left: 0;
}

.mbsc-scroller-bar-hidden {
  display: none;
}

.mbsc-scroller-bar-hover,
.mbsc-scroller-bar-started {
  opacity: 1;
}

.mbsc-scroller-bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
.mbsc-scroller-bar::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.mbsc-ios.mbsc-datetime-year-wheel .mbsc-scroller-wheel-item {
  min-width: 3.8em;
}
.mbsc-ios.mbsc-datetime-month-wheel .mbsc-scroller-wheel-item {
  text-align: left;
}
.mbsc-ios.mbsc-datetime-day-wheel .mbsc-scroller-wheel-item, .mbsc-ios.mbsc-datetime-hour-wheel .mbsc-scroller-wheel-item, .mbsc-ios.mbsc-datetime-date-wheel .mbsc-scroller-wheel-item {
  text-align: right;
}

.mbsc-windows.mbsc-datetime-date-wheel.mbsc-scroller-wheel-wrapper {
  min-width: 120px;
}
.mbsc-windows.mbsc-datetime-month-wheel .mbsc-scroller-wheel-item, .mbsc-windows.mbsc-datetime-date-wheel .mbsc-scroller-wheel-item {
  text-align: left;
}
.mbsc-windows.mbsc-datetime-month-wheel.mbsc-rtl .mbsc-scroller-wheel-item, .mbsc-windows.mbsc-datetime-date-wheel.mbsc-rtl .mbsc-scroller-wheel-item {
  text-align: right;
}

.mbsc-ios.mbsc-segmented {
  margin: 0.75em;
  padding: 0.0625em;
  position: relative;
  border-radius: 0.5625em;
}
.mbsc-ios.mbsc-segmented-item:before {
  content: "";
  position: absolute;
  border-left: 1px solid;
  top: 0.3125em;
  bottom: 0.3125em;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.mbsc-ios.mbsc-segmented-item.mbsc-ltr:before {
  left: 0;
}
.mbsc-ios.mbsc-segmented-item.mbsc-rtl:before {
  right: 0;
}
.mbsc-ios.mbsc-segmented-item:first-child:before, .mbsc-ios.mbsc-segmented-item-selected:before, .mbsc-ios.mbsc-segmented-item-selected + .mbsc-segmented-item:before {
  opacity: 0;
}
.mbsc-ios.mbsc-segmented-selectbox {
  position: absolute;
  padding: 0.0625em;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.4375em;
  display: none;
}
.mbsc-ios.mbsc-segmented-selectbox.mbsc-selected {
  display: block;
}
.mbsc-ios.mbsc-segmented-selectbox-animate {
  transition: transform 0.2s ease-in-out;
}
.mbsc-ios.mbsc-segmented-selectbox-inner {
  height: 100%;
  border-radius: 0.4375em;
  transition: transform 0.1s ease-in-out;
  visibility: hidden;
}
.mbsc-ios.mbsc-segmented-selectbox-inner-visible {
  visibility: visible;
}
.mbsc-ios.mbsc-segmented-item:first-child .mbsc-segmented-selectbox-inner {
  transform-origin: left;
}
.mbsc-ios.mbsc-segmented-item:last-child .mbsc-segmented-selectbox-inner {
  transform-origin: right;
}
.mbsc-ios.mbsc-segmented-dragging {
  cursor: pointer;
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item-selected {
  z-index: 2;
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item-selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: -4px;
  left: -4px;
  bottom: 0;
  cursor: pointer;
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-selectbox-inner {
  transform: scale(0.97, 0.95);
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item:first-child .mbsc-segmented-selectbox-inner {
  transform: scale(0.97, 0.95) translateX(0.0625em);
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item:last-child .mbsc-segmented-selectbox-inner {
  transform: scale(0.97, 0.95) translateX(-0.0625em);
}
.mbsc-ios.mbsc-segmented-button.mbsc-icon-button {
  height: 2.307693em;
}
.mbsc-ios.mbsc-segmented-button.mbsc-button {
  margin: 0;
  padding: 0 0.615385em;
  border-radius: 0;
  font-size: 0.8125em;
  line-height: 2.307693em;
  transition: opacity 0.1s ease-out, background-color 0.1s ease-out, transform 0.1s ease-in-out;
  -webkit-font-smoothing: subpixel-antialiased;
}
.mbsc-ios.mbsc-segmented-button.mbsc-button.mbsc-active, .mbsc-ios.mbsc-segmented-button.mbsc-button.mbsc-hover {
  opacity: 1;
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item-selected .mbsc-segmented-button {
  transform: scale(0.97, 0.95);
}
.mbsc-ios.mbsc-segmented-item-selected:first-child .mbsc-segmented-button {
  transform-origin: left;
}
.mbsc-ios.mbsc-segmented-item-selected:last-child .mbsc-segmented-button {
  transform-origin: right;
}

.mbsc-ios {
  /* Inside popup and calendar header */
  /* Color presets */
}
.mbsc-ios.mbsc-segmented {
  background: #dedede;
}
.mbsc-ios.mbsc-segmented-item:before {
  border-color: rgba(0, 0, 0, 0.2);
}
.mbsc-ios.mbsc-segmented-item.mbsc-focus .mbsc-segmented-selectbox {
  box-shadow: 0 0 0 0.0625em rgba(0, 0, 0, 0.5) inset;
}
.mbsc-ios.mbsc-segmented-selectbox-inner {
  background: #fff;
}
.mbsc-ios.mbsc-segmented-selectbox-inner.mbsc-selected {
  box-shadow: #bababa 3px 3px 8px -4px;
}
.mbsc-ios.mbsc-segmented-button.mbsc-button {
  background: transparent;
  color: #000;
}
.mbsc-ios.mbsc-segmented-primary {
  background: #3f97f6;
}
.mbsc-ios.mbsc-segmented-secondary {
  background: #90979e;
}
.mbsc-ios.mbsc-segmented-success {
  background: #43be5f;
}
.mbsc-ios.mbsc-segmented-warning {
  background: #f8b042;
}
.mbsc-ios.mbsc-segmented-danger {
  background: #f5504e;
}
.mbsc-ios.mbsc-segmented-info {
  background: #5bb7c5;
}
.mbsc-ios.mbsc-segmented-light {
  background: #fff;
}
.mbsc-ios.mbsc-segmented-dark {
  background: #47494a;
}

.mbsc-ios-dark {
  /* Inside popup and calendar header */
  /* Color presets */
}
.mbsc-ios-dark.mbsc-segmented {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-segmented-item:before {
  border-color: rgba(255, 255, 255, 0.2);
}
.mbsc-ios-dark.mbsc-segmented-item.mbsc-focus .mbsc-segmented-selectbox {
  box-shadow: 0 0 0 0.0625em rgba(255, 255, 255, 0.5) inset;
}
.mbsc-ios-dark.mbsc-segmented-selectbox-inner {
  background: #5a5a5a;
}
.mbsc-ios-dark.mbsc-segmented-selectbox-inner.mbsc-selected {
  box-shadow: #000000 3px 3px 8px -4px;
}
.mbsc-ios-dark.mbsc-segmented-button.mbsc-button {
  background: transparent;
  color: #fff;
}
.mbsc-ios-dark.mbsc-datepicker .mbsc-segmented, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-segmented, .mbsc-ios-dark.mbsc-calendar-header .mbsc-ios-dark.mbsc-segmented {
  background: #2b2b2b;
}
.mbsc-ios-dark.mbsc-segmented-primary {
  background: #3f97f6;
}
.mbsc-ios-dark.mbsc-segmented-secondary {
  background: #90979e;
}
.mbsc-ios-dark.mbsc-segmented-success {
  background: #43be5f;
}
.mbsc-ios-dark.mbsc-segmented-warning {
  background: #f8b042;
}
.mbsc-ios-dark.mbsc-segmented-danger {
  background: #f5504e;
}
.mbsc-ios-dark.mbsc-segmented-info {
  background: #5bb7c5;
}
.mbsc-ios-dark.mbsc-segmented-light {
  background: #fff;
}
.mbsc-ios-dark.mbsc-segmented-dark {
  background: #47494a;
}

.mbsc-material.mbsc-segmented {
  padding: 0.75em;
}
.mbsc-material.mbsc-segmented-selectbox {
  display: none;
}
.mbsc-material.mbsc-segmented-item:first-child .mbsc-segmented-button {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.mbsc-material.mbsc-segmented-item:first-child .mbsc-segmented-button.mbsc-rtl {
  border-radius: 0 0.25em 0.25em 0;
  border-right-width: 0.142858em;
}
.mbsc-material.mbsc-segmented-item:last-child .mbsc-segmented-button {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border-right-width: 0.142858em;
}
.mbsc-material.mbsc-segmented-item:last-child .mbsc-segmented-button.mbsc-rtl {
  border-radius: 0.25em 0 0 0.25em;
  border-right-width: 0;
}
.mbsc-material.mbsc-segmented-button.mbsc-button {
  margin: 0;
  padding: 0.285715em 1.142858em;
  border: 0.142858em solid transparent;
  border-right-width: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  min-width: auto;
  font-size: 0.875em;
  /* Color presets */
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-active {
  box-shadow: none;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-focus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary {
  color: #3f97f6;
  border-color: #3f97f6;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-selected {
  background: #3f97f6;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary {
  color: #90979e;
  border-color: #90979e;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-selected {
  background: #90979e;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success {
  color: #43be5f;
  border-color: #43be5f;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-selected {
  background: #43be5f;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger {
  color: #f5504e;
  border-color: #f5504e;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-selected {
  background: #f5504e;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning {
  color: #f8b042;
  border-color: #f8b042;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-selected {
  background: #f8b042;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info {
  color: #5bb7c5;
  border-color: #5bb7c5;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-selected {
  background: #5bb7c5;
}

.mbsc-material.mbsc-segmented-button.mbsc-button {
  border-color: #668281;
  color: black;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: rgba(0, 0, 0, 0.2);
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #668281;
  color: #fff;
}
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-focus::after {
  background: rgba(0, 0, 0, 0.2);
}

.mbsc-material-dark.mbsc-segmented-button.mbsc-button {
  border-color: #87b0f3;
  color: white;
}
.mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-hover, .mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #87b0f3;
  color: #000;
}
.mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-focus::after {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-windows.mbsc-segmented {
  padding: 0.75em;
}
.mbsc-windows.mbsc-segmented-selectbox {
  display: none;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button {
  margin: 0;
  border-color: transparent;
  /* Color presets */
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-hover {
  border-color: transparent;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-focus {
  z-index: 2;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-selected {
  background: #3f97f6;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-selected {
  background: #90979e;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-selected {
  background: #43be5f;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-selected {
  background: #f5504e;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-selected {
  background: #f8b042;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-selected {
  background: #5bb7c5;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button {
  background: #cccccc;
  color: #333333;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-hover {
  background: #d4d4d4;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: #d4d4d4;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #7a7a7a;
  color: white;
}

.mbsc-windows-dark.mbsc-segmented-button.mbsc-button {
  background: #404040;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-hover {
  background: #454545;
}
.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: #454545;
}
.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #ababab;
  color: black;
}

.mbsc-segmented {
  overflow: hidden;
}

.mbsc-segmented-item {
  margin: 0;
  position: relative;
  text-align: center;
  font-size: 1em;
  flex: 1 1 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 0;
}

.mbsc-segmented-label {
  display: block;
  margin: 0;
  padding: 0;
}

.mbsc-segmented-input {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
}

.mbsc-segmented-button.mbsc-button {
  width: 100%;
}

.mbsc-ios.mbsc-timegrid-item {
  line-height: 2em;
  margin: 0.5em 0.625em;
  border-radius: 2em;
  font-size: 0.875em;
}
.mbsc-ios.mbsc-timegrid-item.mbsc-selected, .mbsc-ios.mbsc-timegrid-item:hover, .mbsc-ios.mbsc-timegrid-item:focus {
  font-size: 1em;
  margin: 0 0.25em;
  outline: none;
}

.mbsc-ios.mbsc-timegrid-item:hover, .mbsc-ios.mbsc-timegrid-item:focus {
  background: rgba(0, 122, 255, 0.3);
}
.mbsc-ios.mbsc-timegrid-item.mbsc-selected {
  background: #007aff;
  color: white;
}

.mbsc-ios-dark.mbsc-timegrid-item:hover, .mbsc-ios-dark.mbsc-timegrid-item:focus {
  background: rgba(255, 159, 10, 0.3);
}
.mbsc-ios-dark.mbsc-timegrid-item.mbsc-selected {
  background: #ff9f0a;
  color: white;
}

.mbsc-material.mbsc-timegrid-item {
  line-height: 2em;
  margin: 0.5em 0.625em;
  border-radius: 2em;
  font-size: 0.875em;
}
.mbsc-material.mbsc-timegrid-item.mbsc-selected, .mbsc-material.mbsc-timegrid-item:hover, .mbsc-material.mbsc-timegrid-item:focus {
  margin: 0 0.25em;
  outline: none;
}

.mbsc-material.mbsc-timegrid-item:hover, .mbsc-material.mbsc-timegrid-item:focus {
  background: rgba(48, 48, 48, 0.1);
}
.mbsc-material.mbsc-timegrid-item.mbsc-selected {
  background: #668281;
  color: white;
}

.mbsc-material-dark.mbsc-timegrid-item:hover, .mbsc-material-dark.mbsc-timegrid-item:focus {
  background: rgba(255, 255, 255, 0.1);
}
.mbsc-material-dark.mbsc-timegrid-item.mbsc-selected {
  background: #87b0f3;
  color: black;
}

.mbsc-windows.mbsc-timegrid-item {
  padding: 1.3125em 0;
  margin: 0.0625em;
  font-size: 14px;
}
.mbsc-windows.mbsc-timegrid-item:focus {
  outline: none;
}

.mbsc-windows.mbsc-timegrid-item.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
  color: #333333;
}
.mbsc-windows.mbsc-timegrid-item:hover, .mbsc-windows.mbsc-timegrid-item:focus {
  background: rgba(51, 51, 51, 0.1);
}
.mbsc-windows.mbsc-timegrid-item.mbsc-selected:hover, .mbsc-windows.mbsc-timegrid-item.mbsc-selected:focus {
  background: rgba(18, 96, 158, 0.35);
}

.mbsc-windows-dark.mbsc-timegrid-item.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-timegrid-item:hover, .mbsc-windows-dark.mbsc-timegrid-item:focus {
  background: rgba(255, 255, 255, 0.1);
}
.mbsc-windows-dark.mbsc-timegrid-item.mbsc-selected:hover, .mbsc-windows-dark.mbsc-timegrid-item.mbsc-selected:focus {
  background: rgba(89, 167, 229, 0.35);
}

.mbsc-datepicker-control-calendar .mbsc-datepicker-tab-timegrid {
  min-height: 10em;
}

.mbsc-datepicker-tab-timegrid {
  min-height: 19em;
}

.mbsc-timegrid-item.mbsc-disabled {
  pointer-events: none;
  opacity: 0.2;
}

.mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab {
  position: relative;
  overflow: auto;
  align-items: flex-start;
  width: 18.5em;
}

.mbsc-timegrid-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mbsc-timegrid-row {
  display: table-row;
}

.mbsc-timegrid-cell {
  display: table-cell;
  position: relative;
}
.mbsc-timegrid-cell.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-timegrid-item {
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-ios.mbsc-form-control-wrapper {
  margin-top: -1px;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-error {
  z-index: 2;
}
.mbsc-ios.mbsc-form-control-wrapper:before, .mbsc-ios.mbsc-form-control-wrapper:after {
  content: "";
  position: absolute;
  border-top: 1px solid transparent;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before {
  right: 0;
  left: 1em;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before {
  left: 0;
  right: 1em;
}
.mbsc-ios.mbsc-form-control-wrapper:before {
  top: 0;
}
.mbsc-ios.mbsc-form-control-wrapper:after {
  bottom: 0;
}
.mbsc-block-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-form-group-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:first-child:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:last-child:after {
  left: 0;
}
.mbsc-block-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before, .mbsc-form-group-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:first-child:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:last-child:after {
  right: 0;
}
.mbsc-ios.mbsc-form-control-label.mbsc-disabled, .mbsc-ios.mbsc-description.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-form-control-wrapper,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:first-child {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:last-child {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-form-control-wrapper:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:first-child:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:last-child:after {
  border-width: 0;
}

.mbsc-ios {
  /* Wrapper */
  /* Inside popup */
}
.mbsc-ios.mbsc-form-control-wrapper {
  background: white;
}
.mbsc-ios.mbsc-form-control-wrapper:before, .mbsc-ios.mbsc-form-control-wrapper:after {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-error:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-error + .mbsc-form-control-wrapper:before {
  border-color: #d8332a;
}

.mbsc-ios-dark {
  /* Wrapper */
  /* Inside popup */
}
.mbsc-ios-dark.mbsc-form-control-wrapper {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-form-control-wrapper:before, .mbsc-ios-dark.mbsc-form-control-wrapper:after {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-form-control-wrapper.mbsc-error:after, .mbsc-ios-dark.mbsc-form-control-wrapper.mbsc-error + .mbsc-form-control-wrapper:before {
  border-color: #d8332a;
}
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-form-control-wrapper {
  background: #2b2b2b;
}

.mbsc-material.mbsc-form-control-label.mbsc-disabled, .mbsc-material.mbsc-description.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-windows.mbsc-form-control-label.mbsc-disabled, .mbsc-windows.mbsc-description.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-form-control-label {
  display: block;
}

.mbsc-form-control-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
  opacity: 0;
  margin: 0;
  z-index: 3;
}

.mbsc-ios {
  /* Wrapper */
  /* Inner element */
  /* Form element */
  /* Icons */
  /* Label */
  /* Error message */
  /* Underline input --------------------------------------------------------------------------- */
  /* Form element*/
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Box & outline input common styles --------------------------------------------------------- */
  /* Wrapper */
  /* Form element */
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Select */
  /* Select icon */
  /* Textarea */
  /* Input tags */
}
.mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr {
  z-index: 1;
}
.mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr:before, .mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr:after {
  left: 3.375em;
}
.mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl:after, .mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl:before {
  right: 3.375em;
}
.mbsc-ios.mbsc-textfield-inner {
  position: static;
  flex: 1 auto;
  z-index: -1;
}
.mbsc-ios.mbsc-textfield-inner.mbsc-disabled {
  opacity: 0.5;
}
.mbsc-ios.mbsc-textfield {
  display: flex;
  padding: 0 1em;
  background: transparent;
  height: 2.75em;
}
.mbsc-ios.mbsc-textfield-has-icon-left {
  padding-left: 3.375em;
}
.mbsc-ios.mbsc-textfield-has-icon-right {
  padding-right: 3.375em;
}
.mbsc-ios.mbsc-textfield-stacked, .mbsc-ios.mbsc-textfield-floating {
  height: 3.5em;
  padding-top: 1.25em;
}
.mbsc-ios.mbsc-textfield-icon {
  top: 0.625em;
  z-index: 1;
}
.mbsc-ios.mbsc-textfield-icon-left {
  left: 0.9375em;
}
.mbsc-ios.mbsc-textfield-icon-right {
  right: 0.9375em;
}
.mbsc-ios.mbsc-textfield-icon-floating, .mbsc-ios.mbsc-textfield-icon-stacked {
  top: 1em;
}
.mbsc-ios.mbsc-label-inline {
  line-height: 2.75em;
}
.mbsc-ios.mbsc-label-inline.mbsc-ltr {
  padding-left: 1em;
}
.mbsc-ios.mbsc-label-inline.mbsc-rtl {
  padding-right: 1em;
}
.mbsc-ios.mbsc-label-stacked {
  top: 0.666667em;
  font-size: 0.75em;
  line-height: 1em;
}
.mbsc-ios.mbsc-label-stacked.mbsc-ltr {
  left: 1.333334em;
}
.mbsc-ios.mbsc-label-stacked.mbsc-rtl {
  right: 1.333334em;
}
.mbsc-ios.mbsc-label-floating {
  top: 0.875em;
  line-height: 2em;
}
.mbsc-ios.mbsc-label-floating.mbsc-ltr {
  left: 1em;
}
.mbsc-ios.mbsc-label-floating.mbsc-rtl {
  right: 1em;
}
.mbsc-ios.mbsc-label-floating-active.mbsc-label {
  transform: translateY(-0.75em) scale(0.75);
}
.mbsc-ios.mbsc-label.mbsc-disabled {
  opacity: 0.5;
}
.mbsc-ios.mbsc-error-message {
  display: block;
  padding: 0 1.333334em;
  line-height: 1.666667em;
}
.mbsc-ios.mbsc-error-message-underline {
  position: static;
}
.mbsc-ios.mbsc-error-message-has-icon-left.mbsc-ltr {
  padding-left: 4.5em;
}
.mbsc-ios.mbsc-error-message-has-icon-right.mbsc-rtl {
  padding-right: 4.5em;
}
.mbsc-ios .mbsc-textfield-wrapper-underline {
  overflow: hidden;
}
.mbsc-ios.mbsc-textfield-underline-inline-has-icon-left.mbsc-ltr {
  padding-left: 1em;
}
.mbsc-ios.mbsc-textfield-underline-inline-has-icon-right.mbsc-rtl {
  padding-right: 1em;
}
.mbsc-ios.mbsc-label-underline {
  margin: 0;
}
.mbsc-ios.mbsc-label-underline-stacked-has-icon-left.mbsc-ltr {
  left: 4.5em;
}
.mbsc-ios.mbsc-label-underline-stacked-has-icon-right.mbsc-rtl {
  right: 4.5em;
}
.mbsc-ios.mbsc-label-underline-inline-has-icon-left.mbsc-ltr {
  padding-left: 3.375em;
}
.mbsc-ios.mbsc-label-underline-inline-has-icon-right.mbsc-rtl {
  padding-right: 3.375em;
}
.mbsc-ios.mbsc-label-underline-floating-has-icon-left.mbsc-ltr {
  left: 3.375em;
}
.mbsc-ios.mbsc-label-underline-floating-has-icon-right.mbsc-rtl {
  right: 3.375em;
}
.mbsc-ios.mbsc-error-message-underline.mbsc-error-message-inline.mbsc-ltr {
  padding-left: 1.333334em;
}
.mbsc-ios.mbsc-error-message-underline.mbsc-error-message-inline.mbsc-rtl {
  padding-right: 1.333334em;
}
.mbsc-ios.mbsc-textfield-wrapper-outline, .mbsc-ios.mbsc-textfield-wrapper-box {
  margin: 1.5em 1em;
}
.mbsc-ios.mbsc-textfield-wrapper-outline.mbsc-font::after, .mbsc-ios.mbsc-textfield-wrapper-outline.mbsc-font::before, .mbsc-ios.mbsc-textfield-wrapper-box.mbsc-font::after, .mbsc-ios.mbsc-textfield-wrapper-box.mbsc-font::before {
  border: none;
}
.mbsc-ios.mbsc-textfield-box, .mbsc-ios.mbsc-textfield-outline {
  border-radius: 0.5em;
  border: 1px solid transparent;
}
.mbsc-ios.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textfield-inner-outline {
  position: relative;
}
.mbsc-ios.mbsc-label-box-stacked-has-icon-left.mbsc-ltr, .mbsc-ios.mbsc-label-outline-stacked-has-icon-left.mbsc-ltr {
  left: 4.5em;
}
.mbsc-ios.mbsc-label-outline-stacked-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-label-box-stacked-has-icon-right.mbsc-rtl {
  right: 4.5em;
}
.mbsc-ios.mbsc-label-box-stacked, .mbsc-ios.mbsc-label-outline-stacked, .mbsc-ios.mbsc-label-box-floating, .mbsc-ios.mbsc-label-outline-floating {
  margin: 0 1px;
}
.mbsc-ios.mbsc-label-outline-floating-has-icon-left.mbsc-ltr, .mbsc-ios.mbsc-label-box-floating-has-icon-left.mbsc-ltr {
  left: 3.375em;
}
.mbsc-ios.mbsc-label-outline-floating-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-label-box-floating-has-icon-right.mbsc-rtl {
  right: 3.375em;
}
.mbsc-ios.mbsc-error-message-outline, .mbsc-ios.mbsc-error-message-box {
  margin: 0 1px;
}
.mbsc-ios.mbsc-select.mbsc-ltr {
  padding-right: 3.375em;
}
.mbsc-ios.mbsc-select.mbsc-rtl {
  padding-left: 3.375em;
}
.mbsc-ios.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr {
  padding-right: 4.875em;
}
.mbsc-ios.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl {
  padding-left: 4.875em;
}
.mbsc-ios.mbsc-select-icon {
  top: 0.625em;
}
.mbsc-ios.mbsc-select-icon-stacked, .mbsc-ios.mbsc-select-icon-floating {
  top: 1em;
}
.mbsc-ios.mbsc-select-icon.mbsc-ltr {
  right: 0.9375em;
}
.mbsc-ios.mbsc-select-icon.mbsc-rtl {
  left: 0.9375em;
}
.mbsc-ios.mbsc-select-icon-right.mbsc-ltr {
  right: 3.375em;
}
.mbsc-ios.mbsc-select-icon-left.mbsc-rtl {
  left: 3.375em;
}
.mbsc-ios.mbsc-textarea {
  height: 3em;
  border: 0;
}
.mbsc-ios.mbsc-textarea.mbsc-textfield-stacked, .mbsc-ios.mbsc-textarea.mbsc-textfield-floating {
  padding-top: 0;
}
.mbsc-ios.mbsc-textarea-inner {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  border: 1px solid transparent;
  border-radius: 0.5em;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-stacked, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 1.375em;
}
.mbsc-ios.mbsc-textfield-tags-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.mbsc-ios.mbsc-textfield.mbsc-textfield-tags {
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
  min-height: 2.75em;
}
.mbsc-ios.mbsc-textfield-tags.mbsc-textfield-stacked, .mbsc-ios.mbsc-textfield-tags.mbsc-textfield-floating {
  min-height: 2.125em;
  padding-top: 0;
  padding-bottom: 0;
}
.mbsc-ios.mbsc-textfield-tag {
  border-radius: 1em;
}

.mbsc-ios {
  /* Wrapper */
  /* Form element */
  /* Icon */
  /* Error */
  /* Select */
  /* Textarea */
  /* Inside popup */
  /* Input tags */
}
.mbsc-ios.mbsc-textfield-wrapper {
  background: none;
}
.mbsc-ios.mbsc-textfield-wrapper-underline {
  background: white;
}
.mbsc-ios.mbsc-label, .mbsc-ios.mbsc-textfield {
  color: #000000;
}
.mbsc-ios.mbsc-textfield-box, .mbsc-ios.mbsc-textfield-outline {
  background: white;
}
.mbsc-ios.mbsc-textfield-outline {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-textfield-icon, .mbsc-ios.mbsc-select-icon {
  color: #8c8c8c;
}
.mbsc-ios.mbsc-textfield-outline.mbsc-error, .mbsc-ios.mbsc-textfield-box.mbsc-error {
  border-color: #d8332a;
}
.mbsc-ios.mbsc-error-message {
  color: #d8332a;
}
.mbsc-ios.mbsc-select {
  background: white;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: white;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-error {
  border-color: #d8332a;
}
.mbsc-ios.mbsc-textfield-tag {
  background: #dedede;
}
.mbsc-ios.mbsc-textfield-tag-clear {
  color: #8c8c8c;
}

.mbsc-ios-dark {
  /* Wrapper */
  /* Form element */
  /* Icon */
  /* Error */
  /* Select */
  /* Textarea */
  /* Inside popup */
  /* Input tags */
}
.mbsc-ios-dark.mbsc-textfield-wrapper {
  background: none;
}
.mbsc-ios-dark.mbsc-textfield-wrapper-underline {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-label, .mbsc-ios-dark.mbsc-textfield {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-textfield-box, .mbsc-ios-dark.mbsc-textfield-outline {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-textfield-outline {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-textfield-icon, .mbsc-ios-dark.mbsc-select-icon {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-textfield-outline.mbsc-error, .mbsc-ios-dark.mbsc-textfield-box.mbsc-error {
  border-color: #d8332a;
}
.mbsc-ios-dark.mbsc-error-message {
  color: #d8332a;
}
.mbsc-ios-dark.mbsc-select {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-textarea-inner.mbsc-error {
  border-color: #d8332a;
}
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-wrapper {
  background: none;
}
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-select, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-wrapper-underline, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-box, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-outline, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: #2b2b2b;
}
.mbsc-ios-dark.mbsc-textfield-tag {
  background: #3b3b3b;
}
.mbsc-ios-dark.mbsc-textfield-tag-clear {
  color: #ffffff;
}

.mbsc-material {
  /* Wrapper */
  /* Inner wrapper */
  /* Form element */
  /* Icon */
  /* Ripple */
  /* Label */
  /* Error message */
  /* Underline input --------------------------------------------------------------------------- */
  /* Form element */
  /* Icon */
  /* Label */
  /* ------------------------------------------------------------------------------------------- */
  /* Box input --------------------------------------------------------------------------------- */
  /* Inner wrapper */
  /* Form element */
  /* Label */
  /* ------------------------------------------------------------------------------------------- */
  /* Outline input ----------------------------------------------------------------------------- */
  /* Inner wrapper */
  /* Form element */
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Box & outline input common styles --------------------------------------------------------- */
  /* Form element */
  /* Icon */
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Select */
  /* Select icon */
  /* Textarea */
  /* Input tags */
}
.mbsc-material.mbsc-textfield-wrapper {
  margin: 1.5em 1em;
  box-sizing: border-box;
}
.mbsc-material.mbsc-textfield-inner.mbsc-disabled {
  opacity: 0.5;
}
.mbsc-material.mbsc-textfield {
  display: block;
  width: 100%;
  height: 2.25em;
  background-color: transparent;
  border-bottom: 1px solid;
  font-size: 1em;
  transition: border-color 0.2s;
}
.mbsc-material.mbsc-textfield-has-icon-left {
  padding-left: 2em;
}
.mbsc-material.mbsc-textfield-has-icon-right {
  padding-right: 2em;
}
.mbsc-material.mbsc-textfield-icon {
  top: 0.375em;
}
.mbsc-material.mbsc-textfield-icon-floating, .mbsc-material.mbsc-textfield-icon-stacked, .mbsc-material.mbsc-textfield-icon-outline {
  top: 1em;
}
.mbsc-material .mbsc-textfield-ripple {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}
.mbsc-material .mbsc-textfield-ripple-active {
  transform: scaleX(1);
}
.mbsc-material.mbsc-label {
  font-size: 0.75em;
}
.mbsc-material.mbsc-label-inline {
  line-height: 2em;
  font-size: 1em;
}
.mbsc-material.mbsc-label-inline.mbsc-ltr {
  padding-right: 0.5em;
}
.mbsc-material.mbsc-label-inline.mbsc-rtl {
  padding-left: 0.5em;
}
.mbsc-material.mbsc-label-floating {
  font-size: 1em;
  line-height: 1.5em;
  top: 1.125em;
}
.mbsc-material.mbsc-label-floating-active {
  transform: translateY(-1.125em) scale(0.75);
}
.mbsc-material.mbsc-label.mbsc-disabled {
  opacity: 0.5;
}
.mbsc-material.mbsc-error-message.mbsc-ltr {
  left: 0;
}
.mbsc-material.mbsc-error-message.mbsc-rtl {
  right: 0;
}
.mbsc-material.mbsc-error-message-has-icon-left.mbsc-ltr {
  left: 2.66667em;
}
.mbsc-material.mbsc-error-message-has-icon-right.mbsc-rtl {
  right: 2.66667em;
}
.mbsc-material.mbsc-textfield-underline-stacked, .mbsc-material.mbsc-textfield-underline-floating {
  height: 3em;
  padding-top: 0.875em;
}
.mbsc-material.mbsc-textfield-icon-underline {
  top: 0.25em;
}
.mbsc-material.mbsc-textfield-icon-underline.mbsc-textfield-icon-floating, .mbsc-material.mbsc-textfield-icon-underline.mbsc-textfield-icon-stacked {
  top: 1.125em;
}
.mbsc-material.mbsc-label-underline-inline {
  padding-top: 1px;
}
.mbsc-material.mbsc-label-underline-stacked-has-icon-left.mbsc-ltr {
  left: 2.66667em;
}
.mbsc-material.mbsc-label-underline-stacked-has-icon-right.mbsc-rtl {
  right: 2.66667em;
}
.mbsc-material.mbsc-label-underline-floating-has-icon-left.mbsc-ltr {
  left: 2em;
}
.mbsc-material.mbsc-label-underline-floating-has-icon-right.mbsc-rtl {
  right: 2em;
}
.mbsc-material.mbsc-textfield-box, .mbsc-material.mbsc-textfield-inner-box {
  border-radius: 0.25em 0.25em 0 0;
}
.mbsc-material.mbsc-textfield-box {
  padding: 0 1em;
}
.mbsc-material.mbsc-textfield-box-stacked, .mbsc-material.mbsc-textfield-box-floating {
  height: 3.5em;
  padding-top: 1.25em;
}
.mbsc-material.mbsc-textfield-underline.mbsc-disabled {
  border-style: dotted;
}
.mbsc-material.mbsc-label-box-inline {
  padding-top: 1px;
}
.mbsc-material.mbsc-label-box-stacked {
  top: 0.666667em;
}
.mbsc-material.mbsc-label-box-floating {
  top: 1em;
}
.mbsc-material.mbsc-label-box-floating.mbsc-label-floating-active {
  transform: translateY(-0.625em) scale(0.75);
}
.mbsc-material.mbsc-textfield-inner-outline {
  padding: 0 2px;
}
.mbsc-material.mbsc-textfield-outline {
  height: 3.5em;
  padding: 2px 1em;
  border: 0;
  border-radius: 4px;
}
.mbsc-material.mbsc-textfield-fieldset {
  top: -0.5em;
  border: 1px solid;
  border-radius: 4px;
  transition: border-color 0.2s;
}
.mbsc-material.mbsc-textfield-fieldset-has-icon-left {
  padding-left: 3em;
}
.mbsc-material.mbsc-textfield-fieldset-has-icon-right {
  padding-right: 3em;
}
.mbsc-material.mbsc-textfield-fieldset.mbsc-focus {
  border-width: 2px;
}
.mbsc-material.mbsc-textfield-legend {
  padding: 0;
  margin: 0;
  font-size: 0.75em;
  color: transparent;
  width: 0.01px;
  white-space: nowrap;
}
.mbsc-material.mbsc-textfield-legend-active {
  width: auto;
  padding: 0 0.333334em;
  margin: 0 -0.333334em;
}
.mbsc-material.mbsc-label-outline-inline {
  line-height: 3.375em;
}
.mbsc-material.mbsc-label-outline-stacked {
  top: -0.5em;
  margin: 0 2px;
}
.mbsc-material.mbsc-label-outline-floating {
  top: 1em;
  margin: 0 2px;
}
.mbsc-material.mbsc-label-outline-floating.mbsc-label-floating-active {
  margin-top: -1px;
  transform: translateY(-1.5em) scale(0.75);
}
.mbsc-material.mbsc-error-message-outline {
  margin: 0 2px;
}
.mbsc-material.mbsc-textfield-outline-has-icon-left, .mbsc-material.mbsc-textfield-box-has-icon-left {
  padding-left: 3em;
}
.mbsc-material.mbsc-textfield-outline-has-icon-right, .mbsc-material.mbsc-textfield-box-has-icon-right {
  padding-right: 3em;
}
.mbsc-material.mbsc-textfield-icon-outline-left, .mbsc-material.mbsc-textfield-icon-box-left {
  left: 0.75em;
}
.mbsc-material.mbsc-textfield-icon-outline-right, .mbsc-material.mbsc-textfield-icon-box-right {
  right: 0.75em;
}
.mbsc-material.mbsc-label-box-stacked.mbsc-ltr, .mbsc-material.mbsc-label-outline-stacked.mbsc-ltr {
  left: 1.333334em;
}
.mbsc-material.mbsc-label-box-stacked.mbsc-rtl, .mbsc-material.mbsc-label-outline-stacked.mbsc-rtl {
  right: 1.333334em;
}
.mbsc-material.mbsc-label-outline-stacked-has-icon-left.mbsc-ltr, .mbsc-material.mbsc-label-box-stacked-has-icon-left.mbsc-ltr {
  left: 4em;
}
.mbsc-material.mbsc-label-box-stacked-has-icon-right.mbsc-rtl, .mbsc-material.mbsc-label-outline-stacked-has-icon-right.mbsc-rtl {
  right: 4em;
}
.mbsc-material.mbsc-label-box-floating.mbsc-ltr, .mbsc-material.mbsc-label-outline-floating.mbsc-ltr {
  left: 1em;
}
.mbsc-material.mbsc-label-box-floating.mbsc-rtl, .mbsc-material.mbsc-label-outline-floating.mbsc-rtl {
  right: 1em;
}
.mbsc-material.mbsc-label-outline-floating-has-icon-left.mbsc-ltr, .mbsc-material.mbsc-label-box-floating-has-icon-left.mbsc-ltr {
  left: 3em;
}
.mbsc-material.mbsc-label-outline-floating-has-icon-left.mbsc-rtl, .mbsc-material.mbsc-label-box-floating-has-icon-left.mbsc-rtl {
  right: 1em;
}
.mbsc-material.mbsc-label-outline-floating-has-icon-right.mbsc-rtl, .mbsc-material.mbsc-label-box-floating-has-icon-right.mbsc-rtl {
  right: 3em;
}
.mbsc-material.mbsc-error-message-box.mbsc-ltr, .mbsc-material.mbsc-error-message-outline.mbsc-ltr {
  left: 1.333334em;
}
.mbsc-material.mbsc-error-message-box.mbsc-rtl, .mbsc-material.mbsc-error-message-outline.mbsc-rtl {
  right: 1.333334em;
}
.mbsc-material.mbsc-error-message-box.mbsc-error-message-has-icon-left.mbsc-ltr, .mbsc-material.mbsc-error-message-outline.mbsc-error-message-has-icon-left.mbsc-ltr {
  left: 4em;
}
.mbsc-material.mbsc-error-message-box.mbsc-error-message-has-icon-right.mbsc-rtl, .mbsc-material.mbsc-error-message-outline.mbsc-error-message-has-icon-right.mbsc-rtl {
  right: 4em;
}
.mbsc-material.mbsc-select.mbsc-ltr {
  padding-right: 3em;
}
.mbsc-material.mbsc-select.mbsc-rtl {
  padding-left: 3em;
}
.mbsc-material.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr {
  padding-right: 4.5em;
}
.mbsc-material.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl {
  padding-left: 4.5em;
}
.mbsc-material.mbsc-select.mbsc-textfield-underline-has-icon-right.mbsc-ltr {
  padding-right: 3.75em;
}
.mbsc-material.mbsc-select.mbsc-textfield-underline-has-icon-left.mbsc-rtl {
  padding-left: 3.75em;
}
.mbsc-material.mbsc-select-icon {
  top: 0.375em;
}
.mbsc-material.mbsc-select-icon.mbsc-ltr {
  right: 0.75em;
}
.mbsc-material.mbsc-select-icon.mbsc-rtl {
  left: 0.75em;
}
.mbsc-material.mbsc-select-icon-right.mbsc-ltr {
  right: 3em;
}
.mbsc-material.mbsc-select-icon-left.mbsc-rtl {
  left: 3em;
}
.mbsc-material.mbsc-select-icon-stacked, .mbsc-material.mbsc-select-icon-floating, .mbsc-material.mbsc-select-icon-outline {
  top: 1em;
}
.mbsc-material.mbsc-select-icon-underline {
  top: 0.25em;
}
.mbsc-material.mbsc-select-icon-underline.mbsc-ltr {
  right: 0;
}
.mbsc-material.mbsc-select-icon-underline.mbsc-rtl {
  left: 0;
}
.mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-right.mbsc-ltr {
  right: 2.25em;
}
.mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-left.mbsc-rtl {
  left: 2.25em;
}
.mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-floating, .mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-stacked {
  top: 1.125em;
}
.mbsc-material.mbsc-textarea {
  height: 1.875em;
  padding-bottom: 0.375em;
}
.mbsc-material.mbsc-textarea.mbsc-textfield-stacked, .mbsc-material.mbsc-textarea.mbsc-textfield-floating {
  padding-top: 0;
}
.mbsc-material.mbsc-textarea.mbsc-textfield-outline {
  height: 1.5em;
  padding-top: 0;
  padding-bottom: 0;
}
.mbsc-material.mbsc-textarea.mbsc-textfield-underline {
  padding-bottom: 0.3125em;
}
.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-box {
  padding-top: 0.375em;
}
.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-stacked, .mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 1.625em;
}
.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  padding-top: 1em;
  padding-bottom: 1em;
}
.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-underline {
  padding-top: 0.25em;
}
.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-underline.mbsc-textfield-inner-stacked, .mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-underline.mbsc-textfield-inner-floating {
  padding-top: 1.125em;
}
.mbsc-material.mbsc-textfield-tags-inner.mbsc-textfield-inner-underline, .mbsc-material.mbsc-textfield-tags-inner.mbsc-textfield-inner-inline {
  padding-top: 0;
}
.mbsc-material.mbsc-textfield-tags-inner.mbsc-textfield-inner-outline {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
.mbsc-material.mbsc-textfield-tags.mbsc-textfield {
  padding-bottom: 0;
  min-height: 2.25em;
}
.mbsc-material.mbsc-textfield-tags.mbsc-textfield-outline {
  padding-top: 1px;
  padding-bottom: 1px;
}
.mbsc-material.mbsc-textfield-tag {
  border-radius: 1em;
}

.mbsc-material {
  /* Form element */
  /* Icon */
  /* Ripple */
  /* Label */
  /* Error message */
  /* Select */
  /* Box input ------------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Outline input --------------------------------------------------------------------------- */
  /* Input tag */
  /* ----------------------------------------------------------------------------------------- */
}
.mbsc-material.mbsc-textfield {
  border-bottom-color: rgba(0, 0, 0, 0.42);
  color: rgba(0, 0, 0, 0.87);
}
.mbsc-material.mbsc-textfield.mbsc-hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.mbsc-material.mbsc-textfield.mbsc-error {
  border-color: #de3226;
}
.mbsc-material.mbsc-textfield-icon, .mbsc-material.mbsc-select-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mbsc-material.mbsc-textfield-ripple {
  background-color: #668281;
}
.mbsc-material.mbsc-textfield-ripple.mbsc-error {
  background-color: #de3226;
}
.mbsc-material.mbsc-label {
  color: rgba(0, 0, 0, 0.6);
}
.mbsc-material.mbsc-label-stacked.mbsc-focus, .mbsc-material.mbsc-label-floating.mbsc-focus {
  color: #668281;
}
.mbsc-material.mbsc-label.mbsc-error {
  color: #de3226;
}
.mbsc-material.mbsc-error-message {
  color: #de3226;
}
.mbsc-material.mbsc-select {
  background: #fff;
}
.mbsc-material.mbsc-textfield-box.mbsc-select, .mbsc-material.mbsc-textfield-inner-box {
  background: whitesmoke;
}
.mbsc-material.mbsc-textfield-box.mbsc-select.mbsc-hover, .mbsc-material.mbsc-textfield-inner-box.mbsc-hover {
  background: #ededed;
}
.mbsc-material.mbsc-textfield-box.mbsc-select.mbsc-focus, .mbsc-material.mbsc-textfield-inner-box.mbsc-focus {
  background: #e3e3e3;
}
.mbsc-material.mbsc-textfield-fieldset {
  border-color: rgba(0, 0, 0, 0.42);
}
.mbsc-material.mbsc-textfield-fieldset.mbsc-hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.mbsc-material.mbsc-textfield-fieldset.mbsc-focus {
  border-color: #668281;
}
.mbsc-material.mbsc-textfield-fieldset.mbsc-error {
  border-color: #de3226;
}
.mbsc-material.mbsc-textfield-fieldset.disabled {
  border-color: rgba(0, 0, 0, 0.87);
}
.mbsc-material.mbsc-textfield-tag {
  background: #d4d4d4;
}
.mbsc-material.mbsc-textfield-tag-clear {
  color: rgba(0, 0, 0, 0.54);
}

.mbsc-material-dark {
  /* Form element */
  /* Icon */
  /* Ripple */
  /* Label */
  /* Error message */
  /* Select */
  /* Box input ------------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Outline input --------------------------------------------------------------------------- */
  /* Input tag */
  /* ----------------------------------------------------------------------------------------- */
}
.mbsc-material-dark.mbsc-textfield {
  border-bottom-color: #fff;
  color: #fff;
}
.mbsc-material-dark.mbsc-textfield.mbsc-hover {
  border-color: #fff;
}
.mbsc-material-dark.mbsc-textfield.mbsc-error {
  border-color: #de3226;
}
.mbsc-material-dark.mbsc-textfield-icon, .mbsc-material-dark.mbsc-select-icon {
  color: #fff;
}
.mbsc-material-dark.mbsc-textfield-ripple {
  background-color: #87b0f3;
}
.mbsc-material-dark.mbsc-textfield-ripple.mbsc-error {
  background-color: #de3226;
}
.mbsc-material-dark.mbsc-label {
  color: rgba(255, 255, 255, 0.6);
}
.mbsc-material-dark.mbsc-label-stacked.mbsc-focus, .mbsc-material-dark.mbsc-label-floating.mbsc-focus {
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-label.mbsc-error {
  color: #de3226;
}
.mbsc-material-dark.mbsc-error-message {
  color: #de3226;
}
.mbsc-material-dark.mbsc-select {
  background: #000;
}
.mbsc-material-dark.mbsc-textfield-box.mbsc-select, .mbsc-material-dark.mbsc-textfield-inner-box {
  background: #0a0a0a;
}
.mbsc-material-dark.mbsc-textfield-box.mbsc-select.mbsc-hover, .mbsc-material-dark.mbsc-textfield-inner-box.mbsc-hover {
  background: #121212;
}
.mbsc-material-dark.mbsc-textfield-box.mbsc-select.mbsc-focus, .mbsc-material-dark.mbsc-textfield-inner-box.mbsc-focus {
  background: #1c1c1c;
}
.mbsc-material-dark.mbsc-textfield-fieldset {
  border-color: #fff;
}
.mbsc-material-dark.mbsc-textfield-fieldset.mbsc-hover {
  border-color: #fff;
}
.mbsc-material-dark.mbsc-textfield-fieldset.mbsc-focus {
  border-color: #87b0f3;
}
.mbsc-material-dark.mbsc-textfield-fieldset.mbsc-error {
  border-color: #de3226;
}
.mbsc-material-dark.mbsc-textfield-fieldset.disabled {
  border-color: #fff;
}
.mbsc-material-dark.mbsc-textfield-tag {
  background: #454545;
}
.mbsc-material-dark.mbsc-textfield-tag-clear {
  color: #fff;
}

.mbsc-windows {
  /* Wrapper */
  /* Form element */
  /* Icons */
  /* Error  */
  /* Label */
  /* Underline input --------------------------------------------------------------------------- */
  /* Wrapper */
  /* Form element */
  /* ------------------------------------------------------------------------------------------- */
  /* Select */
  /* Select icon */
  /* Textarea */
  /* Input tags */
}
.mbsc-windows.mbsc-textfield-wrapper {
  margin: 1em;
}
.mbsc-windows.mbsc-textfield-wrapper-inline {
  margin: 1.75em 1em;
}
.mbsc-windows.mbsc-textfield-wrapper-floating {
  padding-top: 1.75em;
}
.mbsc-windows.mbsc-textfield {
  height: 2em;
  padding: 0 0.5em;
  border: 1px solid;
  border-radius: 2px;
}
.mbsc-windows.mbsc-textfield-icon {
  top: 0.4375em;
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  margin: 0 1px;
}
.mbsc-windows.mbsc-textfield-has-icon-right {
  padding-right: 2em;
}
.mbsc-windows.mbsc-textfield-has-icon-left {
  padding-left: 2em;
}
.mbsc-windows.mbsc-textfield-icon-left {
  left: 0.4375em;
}
.mbsc-windows.mbsc-textfield-icon-right {
  right: 0.4375em;
}
.mbsc-windows.mbsc-error-message {
  font-size: 0.75em;
}
.mbsc-windows.mbsc-label {
  line-height: 2em;
  font-size: 0.875em;
  font-weight: 600;
}
.mbsc-windows.mbsc-label-inline {
  line-height: 2.285715em;
}
.mbsc-windows.mbsc-label-floating {
  top: 2.142858em;
}
.mbsc-windows.mbsc-label-stacked {
  position: static;
}
.mbsc-windows.mbsc-label-floating.mbsc-ltr {
  transform: translateX(0.571429em);
}
.mbsc-windows.mbsc-label-floating.mbsc-rtl {
  transform: translateX(-0.5em);
}
.mbsc-windows.mbsc-label-underline-floating-has-icon-left.mbsc-ltr, .mbsc-windows.mbsc-label-outline-floating-has-icon-left.mbsc-ltr, .mbsc-windows.mbsc-label-box-floating-has-icon-left.mbsc-ltr {
  transform: translateX(2.285715em);
}
.mbsc-windows.mbsc-label-underline-floating-has-icon-right.mbsc-rtl, .mbsc-windows.mbsc-label-outline-floating-has-icon-right.mbsc-rtl, .mbsc-windows.mbsc-label-box-floating-has-icon-right.mbsc-rtl {
  transform: translateX(-2.285715em);
}
.mbsc-windows.mbsc-label.mbsc-label-floating-active {
  transform: translate(0, -2.142858em);
}
.mbsc-windows.mbsc-textfield-wrapper-underline {
  border-bottom: 1px solid;
}
.mbsc-windows.mbsc-textfield-underline {
  border: 0;
  border-radius: 0;
}
.mbsc-windows.mbsc-select.mbsc-ltr {
  padding-right: 2em;
}
.mbsc-windows.mbsc-select.mbsc-rtl {
  padding-left: 2em;
}
.mbsc-windows.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr {
  padding-right: 3.125em;
}
.mbsc-windows.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl {
  padding-left: 3.125em;
}
.mbsc-windows.mbsc-select-icon {
  top: 0.4375em;
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  margin: 0 1px;
}
.mbsc-windows.mbsc-select-icon.mbsc-ltr {
  right: 0.4375em;
}
.mbsc-windows.mbsc-select-icon.mbsc-rtl {
  left: 0.4375em;
}
.mbsc-windows.mbsc-select-icon-right.mbsc-ltr {
  right: 2em;
}
.mbsc-windows.mbsc-select-icon-left.mbsc-rtl {
  left: 2em;
}
.mbsc-windows.mbsc-textarea {
  height: 3.5em;
  padding-top: 0.1875em;
  padding-bottom: 0.1875em;
}
.mbsc-windows.mbsc-textfield.mbsc-textfield-tags {
  padding: 0.125em;
  min-height: 2em;
}
.mbsc-windows.mbsc-textfield-tag {
  margin: 0.125em;
}
.mbsc-windows.mbsc-textfield-tag.mbsc-ltr {
  margin-right: 0.125em;
}
.mbsc-windows.mbsc-textfield-tag.mbsc-rtl {
  margin-left: 0.125em;
}
.mbsc-windows.mbsc-textfield-tag-text {
  line-height: 1.571429em;
}
.mbsc-windows.mbsc-textfield-tag-clear.mbsc-icon {
  width: 1.375em;
  height: 1.375em;
  border-width: 0.125em;
}
.mbsc-windows.mbsc-textfield-tags-placeholder {
  padding: 0 0.375em;
  line-height: 1.625em;
}

.mbsc-windows {
  /* Wrapper */
  /* Form element */
  /* Error message */
  /* Label */
  /* Underline input --------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Input tags */
}
.mbsc-windows.mbsc-textfield-wrapper {
  color: #333333;
}
.mbsc-windows.mbsc-textfield-wrapper.mbsc-disabled {
  color: #9e9e9e;
}
.mbsc-windows.mbsc-textfield {
  background: #ffffff;
  color: #333333;
}
.mbsc-windows.mbsc-textfield-box, .mbsc-windows.mbsc-textfield-outline {
  border-color: #878787;
}
.mbsc-windows.mbsc-textfield.mbsc-hover {
  border-color: #333333;
}
.mbsc-windows.mbsc-textfield-box.mbsc-focus, .mbsc-windows.mbsc-textfield-outline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 0 0 1px #0078d7 inset;
}
.mbsc-windows.mbsc-textfield.mbsc-disabled {
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.mbsc-windows.mbsc-textfield.mbsc-error {
  border-color: #a4262c;
}
.mbsc-windows.mbsc-textfield-box.mbsc-error.mbsc-focus, .mbsc-windows.mbsc-textfield-outline.mbsc-error.mbsc-focus {
  box-shadow: 0 0 0 1px #a4262c inset;
}
.mbsc-windows.mbsc-error-message {
  color: #a4262c;
}
.mbsc-windows.mbsc-label {
  color: #333333;
}
.mbsc-windows.mbsc-textfield-wrapper-underline {
  border-color: #878787;
}
.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-hover {
  border-color: #333333;
}
.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 1px 0 0 #0078d7;
}
.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-disabled {
  border-color: #f2f2f2;
}
.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-error {
  border-color: #a4262c;
}
.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-error.mbsc-focus {
  box-shadow: 0 1px 0 0 #a4262c;
}
.mbsc-windows.mbsc-textfield-tag {
  background: #e6e6e6;
}

.mbsc-windows-dark {
  /* Wrapper */
  /* Form element */
  /* Error message */
  /* Label */
  /* Underline input --------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Input tags */
}
.mbsc-windows-dark.mbsc-textfield-wrapper {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-textfield-wrapper.mbsc-disabled {
  color: #949494;
}
.mbsc-windows-dark.mbsc-textfield {
  background: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-textfield-box, .mbsc-windows-dark.mbsc-textfield-outline {
  border-color: #ababab;
}
.mbsc-windows-dark.mbsc-textfield.mbsc-hover {
  border-color: #ffffff;
}
.mbsc-windows-dark.mbsc-textfield-box.mbsc-focus, .mbsc-windows-dark.mbsc-textfield-outline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 0 0 1px #0078d7 inset;
}
.mbsc-windows-dark.mbsc-textfield.mbsc-disabled {
  background: #272727;
  border-color: #272727;
}
.mbsc-windows-dark.mbsc-textfield.mbsc-error {
  border-color: #a4262c;
}
.mbsc-windows-dark.mbsc-textfield-box.mbsc-error.mbsc-focus, .mbsc-windows-dark.mbsc-textfield-outline.mbsc-error.mbsc-focus {
  box-shadow: 0 0 0 1px #a4262c inset;
}
.mbsc-windows-dark.mbsc-error-message {
  color: #a4262c;
}
.mbsc-windows-dark.mbsc-label {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-textfield-wrapper-underline {
  border-color: #ababab;
}
.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-hover {
  border-color: #ffffff;
}
.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 1px 0 0 #0078d7;
}
.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-disabled {
  border-color: #272727;
}
.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-error {
  border-color: #a4262c;
}
.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-error.mbsc-focus {
  box-shadow: 0 1px 0 0 #a4262c;
}
.mbsc-windows-dark.mbsc-textfield-tag {
  background: #5f5f5f;
}

@keyframes autofill {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
/* Wrapper */
.mbsc-textfield-wrapper {
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-textfield-wrapper-inline {
  display: flex;
}

.mbsc-form-grid .mbsc-textfield-wrapper-box,
.mbsc-form-grid .mbsc-textfield-wrapper-outline {
  margin: 0.75em 1em;
}

/* Inner wrapper */
.mbsc-textfield-inner {
  box-sizing: border-box;
  position: relative;
  display: block;
}

.mbsc-textfield-inner-inline {
  flex: 1 auto;
}

/* Form element */
.mbsc-textfield {
  display: block;
  width: 100%;
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-family: inherit;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.mbsc-textfield:-webkit-autofill {
  animation-name: autofill;
}

.mbsc-textfield::-webkit-inner-spin-button {
  height: 2em;
  align-self: center;
}

.mbsc-textfield::-moz-placeholder {
  opacity: 0.5;
  color: inherit;
}

.mbsc-textfield::-webkit-input-placeholder {
  opacity: 0.5;
  color: inherit;
}

/* Floating label */
.mbsc-textfield-floating:-ms-input-placeholder {
  color: transparent;
}

.mbsc-textfield-floating::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-textfield-floating::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-textfield-floating::-webkit-datetime-edit {
  color: transparent;
}

.mbsc-textfield-floating-active:-ms-input-placeholder {
  color: inherit;
}

.mbsc-textfield-floating-active::-moz-placeholder {
  opacity: 0.5;
}

.mbsc-textfield-floating-active::-webkit-input-placeholder {
  opacity: 0.5;
}

.mbsc-textfield-floating-active::-webkit-datetime-edit {
  color: inherit;
}

.mbsc-textfield-floating .mbsc-textfield-tags-placeholder {
  opacity: 0;
  transition: opacity 0.2s;
}

.mbsc-textfield-floating-active .mbsc-textfield-tags-placeholder {
  opacity: 0.5;
}

.mbsc-textfield-fieldset {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 1em;
  pointer-events: none;
}

/* Icon */
.mbsc-textfield-icon {
  position: absolute;
  top: 0;
  text-align: center;
}

.mbsc-textfield-icon-left {
  left: 0;
}

.mbsc-textfield-icon-right {
  right: 0;
}

/* Label */
.mbsc-label {
  position: absolute;
  z-index: 1;
  top: 0;
  line-height: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.mbsc-label-inline {
  position: static;
  overflow: hidden;
  flex: 0 0 auto;
  width: 30%;
  max-width: 12.5em;
  box-sizing: border-box;
  pointer-events: auto;
}

.mbsc-label-floating-animate {
  transition: transform 0.2s;
}

.mbsc-label-floating.mbsc-ltr {
  transform-origin: top left;
}

.mbsc-label-floating.mbsc-rtl {
  transform-origin: top right;
}

/* Error message */
.mbsc-error-message {
  position: absolute;
  top: 100%;
  font-size: 0.75em;
  line-height: 1.5em;
}

/* File input */
.mbsc-textfield-file {
  position: absolute;
  left: 0;
  opacity: 0;
}

/* Select */
.mbsc-select {
  cursor: pointer;
}

.mbsc-select-icon {
  position: absolute;
  text-align: center;
  pointer-events: none;
}

/* Textarea */
.mbsc-textarea {
  resize: none;
  overflow: hidden;
  line-height: 1.5em;
}

/* Password toggle */
.mbsc-toggle-icon:hover {
  cursor: pointer;
}

/* Input tags */
.mbsc-textfield.mbsc-textfield-hidden.mbsc-textarea {
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
}

.mbsc-textfield.mbsc-textfield-tags.mbsc-textarea {
  display: block;
  overflow: auto;
  height: auto;
  max-height: 5.5em;
}

.mbsc-textfield-tag {
  display: inline-block;
  margin: 0.25em 0;
  line-height: normal;
}

.mbsc-textfield-tag.mbsc-ltr {
  margin-right: 0.5em;
  padding-left: 0.75em;
}

.mbsc-textfield-tag.mbsc-rtl {
  margin-left: 0.5em;
  padding-right: 0.75em;
}

.mbsc-textfield-tag-text {
  font-size: 0.875em;
  line-height: 1.857143em;
}

.mbsc-textfield-tag-clear.mbsc-icon {
  width: 1.625em;
  height: 1.625em;
  vertical-align: top;
  border: 0.25em solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}

.mbsc-textfield-tags-placeholder {
  opacity: 0.5;
  line-height: 2.125em;
}

.mbsc-ios {
  /* Range Controls */
}
.mbsc-ios.mbsc-picker .mbsc-popup-overlay-top,
.mbsc-ios.mbsc-picker .mbsc-popup-overlay-bottom {
  background: none;
}
.mbsc-ios.mbsc-datepicker-inline {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 2;
  position: relative;
}
.mbsc-ios.mbsc-datepicker .mbsc-calendar-grid, .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell, .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell-inner {
  border-color: transparent;
}
.mbsc-ios.mbsc-datepicker .mbsc-selected .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-highlighted .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-range-hover-start .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-range-hover-end .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-hover .mbsc-calendar-day-text {
  width: 1.444445em;
  height: 1.444445em;
  margin: 0.16667em;
  font-size: 1.125em;
  line-height: 1.444445em;
}
.mbsc-ios.mbsc-picker-header {
  line-height: 1.25em;
  padding: 0.75em 4.375em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-range-control-wrapper {
  padding: 0 0.75em;
  overflow: hidden;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-segmented {
  width: 17em;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  box-sizing: border-box;
}
.mbsc-ios.mbsc-datepicker-control-calendar.mbsc-datepicker-control-timegrid .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented {
  width: 25em;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-segmented-button {
  display: block;
  padding: 0 0.5em;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button {
  padding: 0 2.0625em 0 0.5em;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl {
  padding: 0 0.5em 0 2.0625em;
}
.mbsc-ios.mbsc-range-control-label, .mbsc-ios.mbsc-range-control-value {
  text-align: left;
  line-height: 1.538462em;
}
.mbsc-ios.mbsc-range-control-label.active, .mbsc-ios.mbsc-range-control-value.active {
  font-weight: 600;
}
.mbsc-ios.mbsc-range-control-label.mbsc-rtl, .mbsc-ios.mbsc-range-control-value.mbsc-rtl {
  text-align: right;
}
.mbsc-ios.mbsc-range-control-label {
  padding: 0.615385em 0.615385em 0 0.615385em;
}
.mbsc-ios.mbsc-range-control-value {
  padding: 0 0.615385em 0.615385em 0.615385em;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mbsc-ios.mbsc-range-control-value.active {
  padding: 0 0.571429em 0.571429em 0.571429em;
  font-size: 1.076923em;
  line-height: 1.428572em;
}
.mbsc-ios.mbsc-range-label-clear {
  margin-top: -0.692308em;
  width: 1.307693em;
  height: 1.307693em;
}
.mbsc-ios.mbsc-range-label-clear.mbsc-ltr {
  right: 1em;
}
.mbsc-ios.mbsc-range-label-clear.mbsc-rtl {
  left: 1em;
}

.mbsc-ios {
  /* Range Control */
}
.mbsc-ios.mbsc-picker .mbsc-popup-arrow,
.mbsc-ios.mbsc-picker .mbsc-popup-body {
  background: white;
}
.mbsc-ios.mbsc-picker-header {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-datepicker .mbsc-calendar,
.mbsc-ios.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-ios.mbsc-datepicker .mbsc-calendar-cell {
  background: white;
}
.mbsc-ios.mbsc-datepicker-top.mbsc-datepicker-control-date, .mbsc-ios.mbsc-datepicker-bottom.mbsc-datepicker-control-date {
  background: #d1d5db;
}
.mbsc-ios.mbsc-datepicker-inline {
  background: white;
  border-color: #cccccc;
  color: #000000;
}
.mbsc-ios.mbsc-range-control-value.active {
  color: #007aff;
}
.mbsc-ios.mbsc-range-control-text-empty, .mbsc-ios.mbsc-range-control-text-empty.active {
  color: rgba(0, 0, 0, 0.4);
}
.mbsc-ios.mbsc-range-label-clear {
  color: #cccccc;
}
.mbsc-ios.mbsc-range-label-clear:hover {
  color: #b2b2b2;
}

.mbsc-ios-dark {
  /* Range Control */
}
.mbsc-ios-dark.mbsc-picker .mbsc-popup-arrow,
.mbsc-ios-dark.mbsc-picker .mbsc-popup-body {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-picker-header {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-cell {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-datepicker-top.mbsc-datepicker-control-date, .mbsc-ios-dark.mbsc-datepicker-bottom.mbsc-datepicker-control-date {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-datepicker-inline {
  background: #1c1c1c;
  border-color: #333333;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-range-control-value.active {
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-range-control-text-empty, .mbsc-ios-dark.mbsc-range-control-text-empty.active {
  color: rgba(255, 255, 255, 0.4);
}
.mbsc-ios-dark.mbsc-range-label-clear {
  color: #333333;
}
.mbsc-ios-dark.mbsc-range-label-clear:hover {
  color: #4d4d4d;
}

.mbsc-material {
  /* Range Control */
}
.mbsc-material.mbsc-picker-header {
  font-size: 1.25em;
  font-weight: 500;
  padding: 0.8em 0.8em 0 0.8em;
  line-height: 1.4em;
  text-align: center;
}
.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented {
  padding: 0;
  max-width: 100%;
  width: 18.5em;
}
.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-button.mbsc-font {
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 0.8571422em 1.142857em;
  display: block;
}
.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-ltr {
  text-align: left;
}
.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-rtl {
  text-align: right;
}
.mbsc-material.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-ltr {
  padding-right: 2.642857em;
}
.mbsc-material.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl {
  padding-left: 2.642857em;
}
.mbsc-material.mbsc-datepicker-control-calendar.mbsc-datepicker-control-timegrid .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-material.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-material.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-material.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented {
  width: 25em;
}
.mbsc-material.mbsc-range-control-label {
  text-transform: uppercase;
}
.mbsc-material.mbsc-range-control-value {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mbsc-material.mbsc-range-label-clear {
  margin-top: -0.625em;
  right: 0.75em;
  width: 1.3125em;
  height: 1.3125em;
}
.mbsc-material.mbsc-range-label-clear.mbsc-ltr {
  right: 0.75em;
}
.mbsc-material.mbsc-range-label-clear.mbsc-rtl {
  left: 0.75em;
}
.mbsc-material.mbsc-datepicker .mbsc-calendar-title {
  font-size: 1.142858em;
  line-height: 1.75em;
}
.mbsc-material.mbsc-calendar-grid .mbsc-calendar-title {
  font-size: 1.428572em;
  line-height: 1.4em;
}

.mbsc-material {
  /* Range Controls */
}
.mbsc-material.mbsc-datepicker .mbsc-calendar-slide {
  background: #fff;
}
.mbsc-material.mbsc-datepicker-inline {
  background: #fff;
  color: #303030;
}
.mbsc-material.mbsc-datepicker-inline .mbsc-calendar-slide {
  background: #fff;
}
.mbsc-material.mbsc-range-control-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.mbsc-material.mbsc-range-control-wrapper .mbsc-material.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #668281;
}
.mbsc-material.mbsc-range-control-value.active, .mbsc-material.mbsc-range-control-label.active {
  color: #668281;
}
.mbsc-material.mbsc-range-control-text-empty, .mbsc-material.mbsc-range-control-text-empty.active {
  color: rgba(48, 48, 48, 0.4);
}
.mbsc-material.mbsc-range-label-clear {
  color: #b0b0b0;
}
.mbsc-material.mbsc-range-label-clear:hover {
  color: #7d7d7d;
}

.mbsc-material-dark {
  /* Range Controls */
}
.mbsc-material-dark.mbsc-datepicker .mbsc-calendar-slide {
  background: #303030;
}
.mbsc-material-dark.mbsc-datepicker-inline {
  background: #000;
  color: #fff;
}
.mbsc-material-dark.mbsc-datepicker-inline .mbsc-calendar-slide {
  background: #000;
}
.mbsc-material-dark.mbsc-range-control-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mbsc-material-dark.mbsc-range-control-wrapper .mbsc-material-dark.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #87b0f3;
}
.mbsc-material-dark.mbsc-range-control-value.active, .mbsc-material-dark.mbsc-range-control-label.active {
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-range-control-text-empty, .mbsc-material-dark.mbsc-range-control-text-empty.active {
  color: rgba(255, 255, 255, 0.4);
}
.mbsc-material-dark.mbsc-range-label-clear {
  color: gray;
}
.mbsc-material-dark.mbsc-range-label-clear:hover {
  color: #b3b3b3;
}

.mbsc-windows {
  /* Range Control */
}
.mbsc-windows.mbsc-picker-header {
  padding: 0.5em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
}
.mbsc-windows.mbsc-datepicker-tab {
  border-top: 1px solid;
  margin-top: -1px;
}
.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented {
  padding: 0;
  max-width: 100%;
  width: 18.5em;
}
.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-button.mbsc-font {
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0.625em 1em;
  line-height: 1.25em;
  display: block;
  text-align: left;
}
.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-rtl {
  text-align: right;
}
.mbsc-windows.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-ltr {
  padding-right: 1.875em;
}
.mbsc-windows.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl {
  padding-left: 1.875em;
}
.mbsc-windows.mbsc-datepicker-control-calendar.mbsc-datepicker-control-timegrid .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-windows.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-windows.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-windows.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented {
  width: 26.25em;
}
.mbsc-windows.mbsc-range-control-label {
  font-size: 0.9375em;
  line-height: 1.6em;
}
.mbsc-windows.mbsc-range-control-value {
  font-size: 1.0625em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mbsc-windows.mbsc-range-label-clear {
  width: 1em;
  height: 1em;
  right: 0.4375em;
  margin-top: -0.5em;
}
.mbsc-windows.mbsc-range-label-clear.mbsc-ltr {
  right: 0.4375em;
}
.mbsc-windows.mbsc-range-label-clear.mbsc-rtl {
  left: 0.4375em;
}

.mbsc-windows.mbsc-datepicker-inline {
  background: #ffffff;
  color: #333333;
}
.mbsc-windows.mbsc-picker-header {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-datepicker-tab {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-range-control-wrapper {
  border-bottom: 1px solid #e6e6e6;
}
.mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #0078d7;
}
.mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333333 inset;
}
.mbsc-windows.mbsc-range-control-value.active, .mbsc-windows.mbsc-range-control-label.active {
  color: #0078d7;
}
.mbsc-windows.mbsc-range-control-text-empty, .mbsc-windows.mbsc-range-control-text-empty.active {
  color: rgba(51, 51, 51, 0.4);
}
.mbsc-windows.mbsc-range-label-clear {
  color: rgba(51, 51, 51, 0.6);
}
.mbsc-windows.mbsc-range-label-clear:hover {
  color: #333333;
}

.mbsc-windows-dark.mbsc-datepicker-inline {
  background: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-picker-header {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-datepicker-tab {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-range-control-wrapper {
  border-bottom: 1px solid #343434;
}
.mbsc-windows-dark.mbsc-range-control-wrapper .mbsc-windows-dark.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #0078d7;
}
.mbsc-windows-dark.mbsc-range-control-wrapper .mbsc-windows-dark.mbsc-segmented-button.mbsc-focus {
  box-shadow: 0 0 0 1px #ffffff inset;
}
.mbsc-windows-dark.mbsc-range-control-value.active, .mbsc-windows-dark.mbsc-range-control-label.active {
  color: #0078d7;
}
.mbsc-windows-dark.mbsc-range-control-text-empty, .mbsc-windows-dark.mbsc-range-control-text-empty.active {
  color: rgba(255, 255, 255, 0.4);
}
.mbsc-windows-dark.mbsc-range-label-clear {
  color: rgba(255, 255, 255, 0.6);
}
.mbsc-windows-dark.mbsc-range-label-clear:hover {
  color: #ffffff;
}

/* Needed for angular */
mbsc-datetime,
mbsc-date,
mbsc-time {
  display: block;
  width: 100%;
}

.mbsc-datepicker-inline {
  height: 100%;
}

.mbsc-datepicker .mbsc-calendar {
  height: 100%;
  max-width: 100%;
  padding-bottom: 0.5em;
  box-sizing: border-box;
  display: block;
}

.mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-week-days {
  padding: 0 0.5em;
}

/* Start/end controls */
.mbsc-range-control-wrapper .mbsc-segmented-input {
  width: 1px;
}

.mbsc-range-label-clear {
  position: absolute;
  top: 50%;
}

/* Tabs */
.mbsc-datepicker-tab-wrapper {
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}

.mbsc-datepicker-tab {
  visibility: hidden;
  max-width: 100%;
  align-items: center;
  justify-content: center;
}

.mbsc-datepicker-tab-expand {
  height: 100%;
}

.mbsc-datepicker-tab-active {
  visibility: visible;
}

.mbsc-datepicker-time-modal {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  max-width: none;
  height: 100%;
}

.mbsc-datepicker .mbsc-calendar-slide {
  padding: 0 0.5em;
}

.mbsc-ios.mbsc-select-scroller-inline {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: -1px;
  margin-bottom: -1px;
}
.mbsc-ios.mbsc-select-group-wheel-multi .mbsc-scroller-wheel-cont-3d {
  visibility: hidden;
}
.mbsc-ios.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-select-group-wheel.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}
.mbsc-ios.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-select-group-wheel.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}
.mbsc-ios.mbsc-select-filter-cont {
  padding: 0.5em;
}
.mbsc-ios.mbsc-select-filter {
  margin: 0;
}
.mbsc-ios.mbsc-select-filter-input {
  height: 2em;
}
.mbsc-ios.mbsc-select-empty-text {
  font-size: 1.25em;
}

.mbsc-ios.mbsc-select-scroller-inline {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-select-filter-cont {
  background-color: #f2f2f7;
}
.mbsc-ios.mbsc-select-filter-clear {
  color: #cccccc;
}
.mbsc-ios.mbsc-select-filter-clear:hover {
  color: #b2b2b2;
}
.mbsc-ios.mbsc-select-empty-text {
  color: #9e9e9e;
}
.mbsc-ios.mbsc-select-group-wheel {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-select-group-wheel-multi .mbsc-scroller-wheel-item-3d {
  color: #000000;
}
.mbsc-ios.mbsc-select-group-wheel-multi .mbsc-selected-3d {
  color: #007aff;
}

.mbsc-ios-dark.mbsc-select-scroller-inline {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-select-filter-cont {
  background-color: #1c1c1c;
}
.mbsc-ios-dark.mbsc-select-filter-clear {
  color: #404040;
}
.mbsc-ios-dark.mbsc-select-filter-clear:hover {
  color: #4d4d4d;
}
.mbsc-ios-dark.mbsc-select-empty-text {
  color: #9e9e9e;
}
.mbsc-ios-dark.mbsc-select-group-wheel {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-select-group-wheel-multi .mbsc-scroller-wheel-item-3d {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-select-group-wheel-multi .mbsc-selected-3d {
  color: #ff9f0a;
}

.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-cont::after,
.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-cont::before {
  display: none;
}
.mbsc-material.mbsc-select-filter {
  margin: 0;
}
.mbsc-material.mbsc-select-empty-text {
  font-size: 1.375em;
  opacity: 0.5;
}

.mbsc-material.mbsc-select-scroller-inline {
  background-color: #fff;
  color: #303030;
}
.mbsc-material.mbsc-select-filter-clear {
  color: #b0b0b0;
}
.mbsc-material.mbsc-select-filter-clear:hover {
  color: #7d7d7d;
}
.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #668281;
  background: rgba(0, 0, 0, 0.15);
}
.mbsc-material.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #668281;
}

.mbsc-material-dark.mbsc-select-scroller-inline {
  background-color: #000;
  color: #fff;
}
.mbsc-material-dark.mbsc-select-filter-clear {
  color: gray;
}
.mbsc-material-dark.mbsc-select-filter-clear:hover {
  color: #b3b3b3;
}
.mbsc-material-dark.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #87b0f3;
  background: rgba(0, 0, 0, 0.15);
}
.mbsc-material-dark.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #87b0f3;
}

.mbsc-windows.mbsc-select-filter {
  margin: 0.5em;
}
.mbsc-windows.mbsc-select-empty-text {
  font-size: 1.5em;
  opacity: 0.6;
}

.mbsc-windows.mbsc-select-scroller-inline {
  background-color: #ffffff;
  color: #333333;
}
.mbsc-windows.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected, .mbsc-windows.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-select-scroller-inline {
  background-color: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected, .mbsc-windows-dark.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #0078d7;
}

.mbsc-select-scroller .mbsc-scroller-wheel-wrapper {
  flex: 1 1 auto;
}

.mbsc-select-filter-cont {
  position: relative;
}

.mbsc-select-filter-clear {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  margin-top: -1em;
  padding: 0.5em;
  cursor: pointer;
  box-sizing: content-box;
}
.mbsc-select-filter-clear.mbsc-rtl {
  left: 0.5em;
  right: auto;
}
.mbsc-select-filter-clear.mbsc-ltr {
  right: 0.5em;
  left: auto;
}

.mbsc-select-empty .mbsc-scroller-wheel-group-cont {
  visibility: hidden;
}

.mbsc-select-empty-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
}

.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-ltr {
  text-align: left;
}
.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-rtl {
  text-align: right;
}

.mbsc-ios.mbsc-list-item {
  margin-top: -1px;
  padding: 1em;
}
.mbsc-ios.mbsc-list-item:before, .mbsc-ios.mbsc-list-item:after {
  content: "";
  position: absolute;
  right: 0;
  left: 1em;
}
.mbsc-ios.mbsc-list-item.mbsc-rtl:before, .mbsc-ios.mbsc-list-item.mbsc-rtl:after {
  left: 0;
  right: 1em;
}
.mbsc-ios.mbsc-list-item:before {
  top: 0;
  transition: none;
}
.mbsc-ios.mbsc-list-item:after {
  bottom: 0;
}
.mbsc-ios.mbsc-list-item:first-child:before, .mbsc-ios.mbsc-list-item:last-child:after {
  left: 0;
  right: 0;
}
.mbsc-ios.mbsc-list-item.mbsc-hover, .mbsc-ios.mbsc-list-item.mbsc-active {
  z-index: 3;
}
.mbsc-ios.mbsc-list-item.mbsc-focus, .mbsc-ios.mbsc-list-item.mbsc-selected {
  z-index: 5;
}
.mbsc-ios.mbsc-list-item.mbsc-focus:before, .mbsc-ios.mbsc-list-item.mbsc-focus:after, .mbsc-ios.mbsc-list-item.mbsc-hover:before, .mbsc-ios.mbsc-list-item.mbsc-hover:after, .mbsc-ios.mbsc-list-item.mbsc-active:before, .mbsc-ios.mbsc-list-item.mbsc-active:after, .mbsc-ios.mbsc-list-item.mbsc-selected:before, .mbsc-ios.mbsc-list-item.mbsc-selected:after {
  left: 0;
  right: 0;
}
.mbsc-ios.mbsc-list-header {
  z-index: 4;
  margin-top: -1px;
  padding: 2.333334em 1.333334em 0.5em 1.333334em;
  font-size: 0.75em;
  line-height: 1.5em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  text-transform: uppercase;
}
.mbsc-ios.mbsc-list-header:first-child {
  border-top: 0;
  margin-top: 0;
}
.mbsc-ios.mbsc-list-item-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0.25em;
  border-radius: 0.5em;
  transition: background-color 0.15s ease-in-out;
  pointer-events: none;
}

.mbsc-ios.mbsc-list-item {
  background: white;
  border-color: #cccccc;
  color: #000000;
}
.mbsc-ios.mbsc-list-item:before, .mbsc-ios.mbsc-list-item:after {
  border-top: 1px solid #cccccc;
}
.mbsc-ios.mbsc-list-header {
  background: #efeff4;
  color: #6e6e72;
  border-color: #cccccc;
}
.mbsc-ios.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-ios-dark.mbsc-list-item {
  background: #000000;
  border-color: #333333;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-list-item:before, .mbsc-ios-dark.mbsc-list-item:after {
  border-top: 1px solid #333333;
}
.mbsc-ios-dark.mbsc-list-header {
  background: #1a1a1a;
  color: #8f8f8f;
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-material.mbsc-list-header {
  margin-top: -1px;
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.5714em 1.14285em;
  background: #fff;
  color: #668281;
}
.mbsc-material.mbsc-list-item {
  background: #fff;
  color: #303030;
}
.mbsc-material.mbsc-list-item.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.05);
}
.mbsc-material.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material-dark.mbsc-list-header {
  background: #000;
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-list-item {
  background: #000;
  color: #fff;
}
.mbsc-material-dark.mbsc-list-item.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.05);
}
.mbsc-material-dark.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-windows.mbsc-list-header {
  font-weight: 500;
  line-height: 1.25em;
}
.mbsc-windows.mbsc-list-item {
  padding: 0.5em;
  line-height: 1.25em;
}

.mbsc-windows.mbsc-list-header, .mbsc-windows.mbsc-list-item {
  background: #ffffff;
  color: #333333;
}
.mbsc-windows.mbsc-list-item.mbsc-hover:before {
  background: rgba(51, 51, 51, 0.1);
}
.mbsc-windows.mbsc-list-item.mbsc-active:before {
  background: rgba(51, 51, 51, 0.2);
}

.mbsc-windows-dark.mbsc-list-header, .mbsc-windows-dark.mbsc-list-item {
  background: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-list-item.mbsc-hover:before {
  background: rgba(255, 255, 255, 0.22);
}
.mbsc-windows-dark.mbsc-list-item.mbsc-active:before {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-list {
  display: block;
}

.mbsc-list-header {
  display: flex;
}

.mbsc-list-item {
  position: relative;
  z-index: 2;
  list-style: none;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1.25em;
}

.mbsc-list-item-actionable {
  cursor: pointer;
}

.mbsc-list-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: background-color 0.2s ease-out;
}

.mbsc-list-item:focus {
  outline: 0;
}

.mbsc-list-item::-moz-focus-inner {
  border: 0;
}

.mbsc-schedule-grid-wrapper {
  overflow: hidden;
  position: relative;
}

.mbsc-timeline-resource-col,
.mbsc-timeline-date-col,
.mbsc-timeline-sidebar-col,
.mbsc-schedule-time-col {
  flex: none;
  width: 4.25em;
  box-sizing: border-box;
}

/* Schedule grid */
.mbsc-timeline-grid-scroll,
.mbsc-schedule-grid-scroll {
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* Borders */
.mbsc-schedule-all-day-item::after,
.mbsc-timeline-day-border::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.mbsc-schedule-all-day-item.mbsc-ltr::after,
.mbsc-timeline-day-border.mbsc-ltr::after {
  left: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.mbsc-schedule-all-day-item.mbsc-rtl::after,
.mbsc-timeline-day-border.mbsc-rtl::after {
  right: 100%;
  border-left-style: solid;
  border-left-width: 1px;
}

.mbsc-schedule-column.mbsc-ltr,
.mbsc-timeline-slot-header.mbsc-rtl,
.mbsc-timeline-header-date.mbsc-rtl,
.mbsc-timeline-header-column.mbsc-rtl,
.mbsc-timeline-resource.mbsc-rtl,
.mbsc-timeline-resource-header-cont.mbsc-rtl,
.mbsc-timeline-resource-footer-cont.mbsc-rtl,
.mbsc-timeline-column.mbsc-rtl,
.mbsc-timeline-sidebar-resource.mbsc-ltr,
.mbsc-timeline-sidebar-header-cont.mbsc-ltr,
.mbsc-timeline-sidebar-footer-cont.mbsc-ltr,
.mbsc-timeline-footer-date.mbsc-rtl,
.mbsc-timeline-row-date.mbsc-rtl {
  border-left-style: solid;
  border-left-width: 1px;
}

.mbsc-schedule-column.mbsc-rtl,
.mbsc-timeline-slot-header.mbsc-ltr,
.mbsc-timeline-header-date.mbsc-ltr,
.mbsc-timeline-header-column.mbsc-ltr,
.mbsc-timeline-resource.mbsc-ltr,
.mbsc-timeline-resource-header-cont.mbsc-ltr,
.mbsc-timeline-resource-footer-cont.mbsc-ltr,
.mbsc-timeline-column.mbsc-ltr,
.mbsc-timeline-sidebar-resource.mbsc-rtl,
.mbsc-timeline-sidebar-header-cont.mbsc-rtl,
.mbsc-timeline-sidebar-footer-cont.mbsc-rtl,
.mbsc-timeline-footer-date.mbsc-ltr,
.mbsc-timeline-row-date.mbsc-ltr {
  border-right-style: solid;
  border-right-width: 1px;
}

/* Schedule event */
.mbsc-schedule-event:focus {
  outline: none;
}

.mbsc-schedule-event {
  position: absolute;
  padding: 1px 0;
  box-sizing: border-box;
  min-height: 0.75em;
  z-index: 1;
}

.mbsc-schedule-event.mbsc-ltr {
  left: 0;
}

.mbsc-schedule-event.mbsc-rtl {
  right: 0;
}

.mbsc-schedule-event-hover {
  cursor: pointer;
}

.mbsc-schedule-event-inner {
  position: relative;
  max-height: 100%;
  margin: 0 0.2em;
  line-height: 1.5em;
  font-size: 0.625em;
  padding: 0.5em;
  box-sizing: border-box;
  overflow: hidden;
}

.mbsc-schedule-event-more .mbsc-schedule-event-inner {
  padding: 0.5em 0.2em;
  text-align: center;
}

.mbsc-schedule-event-small-height.mbsc-schedule-event-inner {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.2em;
  margin-top: -1px;
}

.mbsc-schedule-event-small-height.mbsc-schedule-event-inner .mbsc-schedule-event-title {
  font-size: 1em;
}

.mbsc-schedule-event-background {
  position: absolute;
  top: -0.5em;
  left: 1px;
  right: 1px;
  bottom: -0.5em;
  background: currentColor;
}

.mbsc-schedule-event-start .mbsc-schedule-event-background {
  top: 1px;
}

.mbsc-schedule-event-end .mbsc-schedule-event-background {
  bottom: 1px;
}

.mbsc-schedule-event-range {
  font-size: 0.8em;
}

.mbsc-schedule-event-all-day {
  position: relative;
  display: block;
  padding: 0 0.25em;
  margin: 0.125em 0;
  min-height: 0;
  box-sizing: border-box;
  z-index: 2;
}

.mbsc-schedule-event-all-day-placeholder {
  z-index: -1;
}

.mbsc-schedule-event-all-day-inner {
  position: relative;
  height: 1.6em;
  line-height: 1.6em;
  margin: 0;
  padding: 0 0.3em;
  font-size: 0.625em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-schedule-event-all-day-background.mbsc-schedule-event-background {
  top: 0;
  bottom: 0;
}

/* Event Drag & drop */
.mbsc-schedule-event-dragging {
  position: absolute;
  top: 0;
  z-index: 3;
}

.mbsc-schedule-event-inactive {
  opacity: 0.5;
}

.mbsc-schedule-event-hidden {
  visibility: hidden;
}

/* Event resize handles */
.mbsc-schedule-event-resize {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  height: 0.25em;
  z-index: 1;
  cursor: ns-resize;
}

.mbsc-schedule-event-resize-start {
  top: 0;
}

.mbsc-schedule-event-resize-end {
  bottom: 0;
}

.mbsc-schedule-event-resize-start:after {
  top: -0.25em;
  right: 0.5em;
}

.mbsc-schedule-event-resize-end:after {
  bottom: -0.25em;
  left: 0.5em;
}

.mbsc-schedule-event-resize:after {
  content: "";
  position: absolute;
  margin: 1px 0;
  width: 0.5em;
  height: 0.5em;
  background: #fff;
  border-radius: 50%;
  border: 1px solid currentColor;
  box-sizing: border-box;
}

.mbsc-schedule-event-resize-start-touch:before,
.mbsc-schedule-event-resize-end-touch:before {
  content: "";
  position: absolute;
  margin: 1px 0;
  width: 1.5em;
  height: 1em;
}

.mbsc-schedule-event-resize-start-touch:before {
  top: -0.5em;
  right: 0;
}

.mbsc-schedule-event-resize-end-touch:before {
  bottom: -0.5em;
  left: 0;
}

.mbsc-schedule-event-dragging .mbsc-schedule-event-resize,
.mbsc-schedule-event-hover .mbsc-schedule-event-resize {
  display: block;
}

.mbsc-schedule-drag-clone {
  max-width: 200px;
  max-height: 200px;
  opacity: 1;
}
.mbsc-schedule-drag-clone .mbsc-schedule-event-resize {
  display: none;
}

/* Event buffer */
.mbsc-schedule-event-buffer-background {
  opacity: 0.3;
  background: currentColor;
}

/* Blocking and colored date styles */
.mbsc-schedule-invalid,
.mbsc-schedule-color {
  position: absolute;
  top: -0.5em;
  bottom: -0.5em;
  left: 0;
  right: 0;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
}

.mbsc-schedule-invalid-all-day,
.mbsc-schedule-color-all-day {
  top: 0;
  bottom: 0;
  z-index: -1;
}

.mbsc-schedule-invalid-start,
.mbsc-schedule-color-start {
  padding-top: 0.5em;
  margin-top: -0.5em;
}

.mbsc-schedule-invalid-end,
.mbsc-schedule-color-end {
  padding-bottom: 0.5em;
}

.mbsc-schedule-invalid-text,
.mbsc-schedule-color-text {
  padding: 0.375em;
  font-size: 0.75em;
}

.mbsc-schedule-color-text {
  opacity: 0.8;
}

/* Time indicator */
.mbsc-schedule-time-indicator {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.mbsc-schedule-time-indicator-x {
  border-bottom: 1px solid;
}

.mbsc-schedule-time-indicator-x.mbsc-ltr {
  left: 4.25em;
  right: 0;
}

.mbsc-schedule-time-indicator-x.mbsc-rtl {
  right: 4.25em;
  left: 0;
}

.mbsc-schedule-time-indicator-y {
  border-left: 1px solid;
  top: 2em;
  bottom: 0;
  margin-top: -0.25em;
}
.mbsc-schedule-time-indicator-y.mbsc-ltr {
  margin-left: -1px;
}
.mbsc-schedule-time-indicator-y.mbsc-rtl {
  margin-right: -1px;
}

.mbsc-schedule-time-indicator-day {
  position: absolute;
  width: 14.285714%;
}

.mbsc-schedule-time-indicator-day:before {
  content: "";
  position: absolute;
  width: 0.4375em;
  height: 0.4375em;
  margin-top: -0.1875em;
  margin-left: -0.1875em;
  margin-right: -0.1875em;
  border-radius: 50%;
  z-index: 1;
}

.mbsc-schedule-time-indicator-day.mbsc-ltr:before {
  left: 0;
}

.mbsc-schedule-time-indicator-day.mbsc-rtl:before {
  right: 0;
}

.mbsc-schedule-time-indicator-time {
  position: absolute;
  top: -1em;
  font-size: 0.625em;
  line-height: 2em;
  margin-top: 1px;
  padding: 0 0.8em;
  white-space: nowrap;
}

.mbsc-schedule-time-indicator-time-y {
  top: -1.8em;
  padding: 0 0.5em;
  margin-top: 0;
  margin-left: -0.5em;
  margin-right: -0.5em;
  line-height: 1.6em;
}

.mbsc-schedule-time-indicator-time-x.mbsc-ltr,
.mbsc-schedule-time-indicator-time-y.mbsc-rtl {
  right: 100%;
}

.mbsc-schedule-time-indicator-time-x.mbsc-rtl,
.mbsc-schedule-time-indicator-time-y.mbsc-ltr {
  left: 100%;
}

/* Cursor indicator */
.mbsc-schedule-cursor-time {
  position: absolute;
  z-index: 3;
  font-size: 0.625em;
  line-height: 2em;
  white-space: nowrap;
  box-sizing: border-box;
}

.mbsc-schedule-cursor-time-x {
  margin-top: -1em;
}
.mbsc-schedule-cursor-time-x.mbsc-ltr {
  text-align: right;
}
.mbsc-schedule-cursor-time-x.mbsc-rtl {
  text-align: left;
}

.mbsc-schedule-cursor-time-y {
  padding: 0 0.5em;
  top: 0.8em;
}

@supports (overflow: clip) {
  .mbsc-schedule-event-inner {
    position: sticky;
    top: 0;
  }
}
.mbsc-schedule-wrapper {
  overflow: auto;
}

.mbsc-schedule-grid {
  height: 100%;
}

/* Resource groups */
.mbsc-schedule-resource-group {
  min-width: 16em;
  box-sizing: border-box;
}

.mbsc-schedule-resource-group:first-child:last-child {
  flex-basis: 0;
}

.mbsc-schedule-resource-group.mbsc-ltr {
  border-left-width: 2px;
  border-left-style: solid;
}

.mbsc-schedule-resource-group.mbsc-rtl {
  border-right-width: 2px;
  border-right-style: solid;
}

.mbsc-schedule-resource-group:first-child {
  border: 0;
}

/* Schedule header */
.mbsc-schedule-date-header-text {
  line-height: 1.5em;
  text-align: center;
}

.mbsc-schedule-header {
  overflow: hidden;
}

.mbsc-schedule-all-day-group-wrapper,
.mbsc-schedule-header-wrapper {
  min-width: 0;
  overflow: hidden;
}

.mbsc-schedule-header-item {
  display: block;
  position: relative;
  text-align: center;
  line-height: 1.25em;
}

.mbsc-schedule-header-item.mbsc-hover {
  cursor: pointer;
}

.mbsc-schedule-header-dayname {
  font-size: 0.75em;
}

.mbsc-schedule-header-day {
  font-size: 1.125em;
}

/* Schedule column width for: header item, header resource, all-day item, schedule column  */
.mbsc-schedule-col-width {
  box-sizing: border-box;
  width: 2.5em;
}

.mbsc-schedule-col-width-multi {
  width: 6.25em;
}

/* Resource title */
.mbsc-schedule-resource {
  overflow: hidden;
}

.mbsc-schedule-resource-title {
  padding: 0.5em;
  font-size: 0.875em;
  font-weight: 600;
  text-align: center;
}

/* Schedule all day event container */
.mbsc-schedule-all-day-cont {
  position: relative;
}

.mbsc-schedule-all-day-wrapper {
  position: relative;
  max-height: 7.8125em;
  overflow-x: hidden;
  overflow-y: scroll;
}

.mbsc-schedule-all-day-wrapper-shadow:after {
  content: "";
  box-shadow: inset 0 0.5em 0.25em -0.5em rgba(48, 48, 48, 0.5);
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  z-index: 4;
  pointer-events: none;
}

.mbsc-schedule-all-day-item {
  position: relative;
}

.mbsc-schedule-all-day-item:first-child,
.mbsc-schedule-column:first-child {
  border: 0;
}

.mbsc-schedule-timezone-labels {
  position: absolute;
  bottom: 0;
  z-index: 1;
  font-weight: bold;
}

.mbsc-schedule-timezone-label {
  font-size: 0.75em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-schedule-time-indicator-tz {
  width: 5.666667em;
}

.mbsc-schedule-time-indicator-tz.mbsc-ltr,
.mbsc-schedule-timezone-label.mbsc-ltr {
  text-align: right;
}

.mbsc-schedule-time-indicator-tz.mbsc-rtl,
.mbsc-schedule-timezone-label.mbsc-rtl {
  text-align: left;
}

/* Time section */
.mbsc-schedule-time-wrapper {
  position: relative;
  width: 4.25em;
  height: 3.125em;
  box-sizing: border-box;
  pointer-events: auto;
}

.mbsc-schedule-time {
  position: relative;
  line-height: 2em;
  top: -1em;
  font-size: 0.75em;
}

.mbsc-schedule-time-end {
  position: absolute;
  top: auto;
  bottom: -1em;
  left: 0;
  right: 0;
}

.mbsc-schedule-time-col.mbsc-ltr {
  text-align: right;
}

.mbsc-schedule-time-col.mbsc-rtl {
  text-align: left;
}

.mbsc-schedule-time-cont-pos {
  position: relative;
}

/* Grid */
.mbsc-schedule-time-cont-inner {
  position: absolute;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  height: 100%;
  box-sizing: border-box;
  padding: 0.5em 0;
}

.mbsc-schedule-column {
  padding: 0.5em 0;
}

.mbsc-schedule-column-inner {
  position: relative;
}

.mbsc-schedule-all-day-item,
.mbsc-schedule-item {
  box-sizing: border-box;
}

.mbsc-schedule-item {
  height: 3.125em;
  position: relative;
  border-top: 1px solid;
}

.mbsc-schedule-item-last {
  border-bottom: 1px solid;
}

/* Event spacing */
.mbsc-schedule-events {
  position: absolute;
  height: 100%;
}

.mbsc-schedule-events.mbsc-ltr {
  left: 0;
  right: 0.5em;
}

.mbsc-schedule-events-more.mbsc-ltr {
  right: 1.875em;
}

.mbsc-schedule-events.mbsc-rtl {
  right: 0;
  left: 0.5em;
}

.mbsc-schedule-events-more.mbsc-rtl {
  left: 1.875em;
}

/* All day events */
.mbsc-schedule-event-all-day {
  /* Increase touch area for resize dots */
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize {
  width: 0.25em;
  height: 100%;
  cursor: ew-resize;
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize:after {
  top: 50%;
  right: auto;
  left: auto;
  margin-top: -0.25em;
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-ltr,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-rtl {
  right: auto;
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-ltr,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-rtl {
  left: auto;
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-ltr:after,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-rtl:after {
  right: -0.25em;
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-ltr:after,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-rtl:after {
  left: -0.25em;
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start-touch:before {
  height: 1.5em;
  top: 50%;
  left: -0.75em;
  right: auto;
  margin-top: -0.75em;
}
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end-touch:before {
  height: 1.5em;
  top: 50%;
  left: auto;
  right: -0.75em;
  margin-top: -0.75em;
}

/* Event buffer */
.mbsc-schedule-event-buffer {
  position: absolute;
  left: 1px;
  right: 1px;
  box-sizing: content-box;
  z-index: -1;
}

.mbsc-schedule-event-buffer-before {
  bottom: 100%;
  margin-bottom: -0.25em;
  padding-bottom: 0.25em;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}

.mbsc-schedule-event-buffer-after {
  top: 100%;
  margin-top: -0.25em;
  padding-top: 0.25em;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

/* Large screen */
.mbsc-calendar-width-md .mbsc-schedule-event-title {
  font-size: 1.2em;
}
.mbsc-calendar-width-md .mbsc-schedule-event-range {
  font-size: 1em;
}
.mbsc-calendar-width-md .mbsc-schedule-event-all-day-title {
  font-size: 1em;
}
.mbsc-calendar-width-md .mbsc-schedule-event-all-day-inner {
  font-size: 0.75em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.333334em;
}

.mbsc-timeline {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mbsc-timeline-empty-day {
  width: 0;
}

/* Column widths */
.mbsc-timeline-column-xxs {
  width: 1.5em;
}

.mbsc-timeline-column-xs {
  width: 3em;
}

.mbsc-timeline-column-s {
  width: 4.5em;
}

.mbsc-timeline-column-m {
  width: 6em;
}

.mbsc-timeline-column-l {
  width: 7.5em;
}

.mbsc-timeline-column-xl {
  width: 9em;
}

.mbsc-timeline-column-xxl {
  width: 10.5em;
}

.mbsc-timeline-column-xxxl {
  width: 12em;
}

/* Resource column */
.mbsc-timeline-resource-col,
.mbsc-timeline-sidebar-col {
  width: 12em;
}

.mbsc-timeline-resource-depth-step {
  width: 1.75em;
}

.mbsc-timeline-resources,
.mbsc-timeline-sidebar {
  position: absolute;
  top: 0;
  bottom: 15px;
  z-index: 5;
  overflow: hidden;
}

.mbsc-timeline-resources.mbsc-ltr,
.mbsc-timeline-sidebar.mbsc-rtl {
  left: 0;
}

.mbsc-timeline-resources.mbsc-rtl,
.mbsc-timeline-sidebar.mbsc-ltr {
  right: 0;
}

.mbsc-timeline-resource-header-cont,
.mbsc-timeline-resource-footer-cont,
.mbsc-timeline-sidebar-header-cont,
.mbsc-timeline-sidebar-footer-cont {
  position: relative;
  z-index: 5;
  overflow: hidden;
  pointer-events: auto;
}

.mbsc-timeline-resource,
.mbsc-timeline-sidebar-resource {
  box-sizing: border-box;
  overflow: hidden;
}

/* Hierarchy */
.mbsc-timeline-resource-icon {
  font-size: 0.875em;
  font-weight: 600;
  margin: 0.357143em 0;
  cursor: pointer;
  box-sizing: content-box;
}

.mbsc-timeline-resource-icon.mbsc-ltr {
  margin-left: 0.5em;
}

.mbsc-timeline-resource-icon.mbsc-rtl {
  margin-right: 0.5em;
}

.mbsc-timeline-resource-header,
.mbsc-timeline-resource-footer,
.mbsc-timeline-resource-title,
.mbsc-timeline-sidebar-header,
.mbsc-timeline-sidebar-resource-title,
.mbsc-timeline-sidebar-footer {
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.5em;
}

/* Header and footer */
.mbsc-timeline-header,
.mbsc-timeline-footer {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5;
  overflow: hidden;
}

.mbsc-timeline-header {
  top: 0;
}

.mbsc-timeline-footer {
  bottom: 0;
  margin-top: -1px;
}

.mbsc-timeline-footer-ph {
  margin-top: -1px;
}

.mbsc-timeline-header-bg,
.mbsc-timeline-footer-bg {
  position: relative;
  width: 0;
}

.mbsc-timeline-day {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
}

.mbsc-timeline-day:last-child.mbsc-timeline-column,
.mbsc-timeline-day:last-child .mbsc-flex:last-child .mbsc-timeline-column:last-child,
.mbsc-timeline-day:last-child .mbsc-timeline-header-column:last-child,
.mbsc-timeline-day:last-child .mbsc-timeline-footer-column:last-child,
.mbsc-timeline-day:last-child .mbsc-timeline-slot-header:last-child,
.mbsc-timeline-day:last-child .mbsc-timeline-header-date,
.mbsc-timeline-day:last-child .mbsc-timeline-header-week,
.mbsc-timeline-day:last-child .mbsc-timeline-footer-date,
.mbsc-timeline-day:last-child .mbsc-timeline-footer-week {
  border-left-color: transparent;
  border-right-color: transparent;
}

.mbsc-timeline-header-column.mbsc-timeline-no-border,
.mbsc-timeline-column.mbsc-timeline-no-border {
  border-left: 0;
  border-right: 0;
}

.mbsc-timeline-month {
  position: relative;
  min-width: 0;
}

.mbsc-timeline-header-month,
.mbsc-timeline-header-week {
  min-height: 1.625em;
  box-sizing: border-box;
}

.mbsc-timeline-footer-date,
.mbsc-timeline-header-date {
  min-height: 1.625em;
  box-sizing: border-box;
  overflow: hidden;
}

.mbsc-timeline-header-month-last.mbsc-ltr,
.mbsc-timeline-header-week-last.mbsc-ltr,
.mbsc-timeline-footer-week-last.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-timeline-header-month-last.mbsc-rtl,
.mbsc-timeline-header-week-last.mbsc-rtl,
.mbsc-timeline-footer-week-last.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-timeline-header-month-text,
.mbsc-timeline-header-date-text,
.mbsc-timeline-header-week-text,
.mbsc-timeline-footer-month-text,
.mbsc-timeline-footer-week-text {
  font-size: 0.875em;
  padding: 0 0.285714em;
  line-height: 1.785715em;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mbsc-timeline-header-month-text {
  font-weight: bold;
}

.mbsc-timeline-header-date-cont,
.mbsc-timeline-header-week-cont,
.mbsc-timeline-header-month-cont,
.mbsc-timeline-header-year-cont,
.mbsc-timeline-header-date-text,
.mbsc-timeline-header-month-text-last,
.mbsc-timeline-header-week-text-last {
  max-width: 100%;
  overflow: hidden;
}

.mbsc-timeline-header-month-cont,
.mbsc-timeline-header-week-cont {
  white-space: nowrap;
}

.mbsc-timeline-header-active {
  position: relative;
  z-index: 0;
  padding: 0 0.714286em;
}
.mbsc-timeline-header-active::after {
  content: "";
  position: absolute;
  top: 0.142857em;
  left: 0.142857em;
  right: 0.142857em;
  bottom: 0.142857em;
  border-radius: 0.75em;
  z-index: -1;
}

.mbsc-timeline-header-column,
.mbsc-timeline-footer-column {
  min-height: 1.625em;
  overflow: hidden;
}

.mbsc-timeline-header-time,
.mbsc-timeline-footer-time {
  padding: 0 0.5em;
  font-size: 0.625em;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2.6em;
}

.mbsc-timeline .mbsc-timeline-time-indicator-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  overflow: hidden;
  padding-top: 2em;
  margin-top: -2em;
  pointer-events: none;
  box-sizing: content-box;
}

/* Sticky header */
.mbsc-timeline-header-sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  pointer-events: none;
}
.mbsc-timeline-header-sticky .mbsc-timeline-header-date {
  border-left: 0;
  border-right: 0;
}

/* Sticky footer */
.mbsc-timeline-footer-sticky {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  pointer-events: none;
}

/* Grid */
.mbsc-timeline-column,
.mbsc-timeline-header-column {
  box-sizing: border-box;
  position: relative;
}

.mbsc-timeline-grid-scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
}

.mbsc-timeline-grid {
  position: relative;
  overflow: hidden;
}

.mbsc-timeline-row {
  height: 3.25em;
  position: relative;
  box-sizing: border-box;
  transition: background-color 150ms ease-out;
}

.mbsc-timeline-row-size {
  position: absolute;
  visibility: hidden;
}

.mbsc-timeline-row-fixed {
  position: sticky;
  z-index: 3;
}

.mbsc-timeline-hidden {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
}

.mbsc-timeline-row-group {
  position: relative;
}

.mbsc-timeline-row-group::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
}

.mbsc-timeline-row-group:last-child::after {
  display: none;
}

.mbsc-timeline-row-date {
  box-sizing: border-box;
}
.mbsc-timeline-row-date .mbsc-timeline-header-date-text {
  white-space: normal;
  line-height: 1.285715em;
  padding-top: 0.285715em;
  padding-bottom: 0.285715em;
}

.mbsc-timeline-row-resource-col {
  overflow: hidden;
}

.mbsc-timeline-row-date-col {
  width: 5.5em;
}

.mbsc-timeline-date-col {
  width: 8.75em;
}

.mbsc-timeline-row-gutter {
  height: 1em;
}

.mbsc-timeline-resource,
.mbsc-timeline-resource-header-cont,
.mbsc-timeline-sidebar-resource,
.mbsc-timeline-sidebar-header-cont,
.mbsc-timeline-header-date,
.mbsc-timeline-header-month,
.mbsc-timeline-header-week,
.mbsc-timeline-header-column,
.mbsc-timeline-row,
.mbsc-timeline-row-date,
.mbsc-timeline-row-group::after {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.mbsc-timeline-footer-date,
.mbsc-timeline-footer-week,
.mbsc-timeline-footer-column,
.mbsc-timeline-resource-footer-cont,
.mbsc-timeline-sidebar-footer-cont {
  border-top-style: solid;
  border-top-width: 1px;
}

/* Resource drag & drop */
.mbsc-timeline-resource-dragged {
  position: absolute;
  left: 0.625em;
  right: 0;
  z-index: 7;
  opacity: 0.7;
  pointer-events: none;
  visibility: hidden;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.mbsc-timeline-resource-dragged .mbsc-timeline-row {
  border-top-width: 1px;
  border-top-style: solid;
}

.mbsc-timeline-resource-drop {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 6;
  margin-top: -1px;
  pointer-events: none;
  visibility: hidden;
}

.mbsc-timeline-resource-sort svg {
  pointer-events: none;
}

.mbsc-timeline-resource-drag-clone {
  position: fixed;
  z-index: 99998;
  margin: 15px 0 0 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  cursor: move;
}
.mbsc-timeline-resource-drag-clone .mbsc-timeline-resource-sort {
  display: none;
}

/* Events */
.mbsc-timeline-events {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 1em;
}

.mbsc-timeline-events-variable .mbsc-timeline-events {
  bottom: auto;
}
.mbsc-timeline-events-variable .mbsc-timeline-events-track {
  position: relative;
  line-height: 0;
}
.mbsc-timeline-events-variable .mbsc-timeline-event {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: normal;
}
.mbsc-timeline-events-variable .mbsc-timeline-event-slot {
  display: block;
}

.mbsc-timeline-event {
  z-index: 2;
  min-width: 0.75em;
  padding: 6px 0 0 0;
}
.mbsc-timeline-event.mbsc-timeline-event-dragging {
  position: absolute;
}
.mbsc-timeline-event.mbsc-schedule-event-all-day {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.mbsc-timeline-event .mbsc-schedule-event-all-day-inner {
  font-size: 0.75em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.333334em;
}
.mbsc-timeline-event .mbsc-schedule-event-title,
.mbsc-timeline-event .mbsc-schedule-event-range {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-timeline-event-background {
  margin-top: 6px;
  top: 0;
  bottom: 0;
}

.mbsc-timeline-event-resize {
  width: 0.25em;
  top: 6px;
  bottom: 0;
  right: auto;
  left: auto;
  cursor: ew-resize;
}
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-start.mbsc-ltr, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-end.mbsc-rtl {
  height: auto;
  left: 0;
}
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end.mbsc-ltr, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start.mbsc-rtl {
  height: auto;
  right: 0;
}
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end:after, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start:after {
  top: 50%;
  margin-top: -0.25em;
}
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end:after {
  left: -0.125em;
}
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-start:after {
  right: -0.125em;
}
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-start-touch:before, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-end-touch:before {
  height: 1.5em;
  top: 50%;
  left: 50%;
  margin: -0.75em 0 0 -0.75em;
}

.mbsc-timeline-event-listing {
  position: absolute;
  margin: 0;
}

.mbsc-timeline-event-slot {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 2px;
}

/* Event buffer */
.mbsc-timeline-event-buffer {
  position: absolute;
  margin-top: 6px;
  top: 0;
  bottom: 0;
  box-sizing: content-box;
  z-index: -1;
}

.mbsc-timeline-event-buffer-after.mbsc-rtl,
.mbsc-timeline-event-buffer-before.mbsc-ltr {
  right: 100%;
  margin-right: -0.25em;
  padding-right: 0.25em;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}

.mbsc-timeline-event-buffer-before.mbsc-rtl,
.mbsc-timeline-event-buffer-after.mbsc-ltr {
  left: 100%;
  margin-left: -0.25em;
  padding-left: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

/* Invalid, color */
.mbsc-timeline-color,
.mbsc-timeline-invalid {
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
}

/* No time displayed */
.mbsc-timeline-header-column.mbsc-timeline-no-height,
.mbsc-timeline-footer-column.mbsc-timeline-no-height {
  border: 0;
  height: 0;
  min-height: 0;
}

/* Connections */
.mbsc-connections {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.mbsc-connection {
  stroke-width: 1.5px;
  fill: none;
  pointer-events: visibleStroke;
}

/* Slots */
.mbsc-timeline-slots {
  height: 1.625em;
  box-sizing: border-box;
  border-bottom: 1px solid;
}

.mbsc-timeline-slot {
  position: relative;
  box-sizing: border-box;
}

.mbsc-timeline-slot-title {
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.785715em;
  padding: 0 0.285714em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sticky positioning */
.mbsc-has-sticky {
  /* Needed for Safari, otherwise the scrollbar appears behind the sticky elements */
}
.mbsc-has-sticky .mbsc-timeline-grid-scroll.mbsc-ltr {
  position: relative;
}
.mbsc-has-sticky .mbsc-timeline-header,
.mbsc-has-sticky .mbsc-timeline-footer {
  position: sticky;
  left: auto;
  right: auto;
  overflow: visible;
}
.mbsc-has-sticky .mbsc-timeline-resources.mbsc-ltr,
.mbsc-has-sticky .mbsc-timeline-sidebar.mbsc-ltr {
  position: sticky;
  top: auto;
  bottom: auto;
  overflow: visible;
}

@supports (overflow: clip) {
  .mbsc-timeline-grid {
    overflow: clip;
  }

  .mbsc-timeline .mbsc-schedule-event-inner {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
  }

  .mbsc-timeline-event-slot .mbsc-schedule-event-inner {
    position: relative;
    display: block;
  }
}
.mbsc-ios {
  /* Schedule view */
  /* TODO: refactor this without cascade */
  /* Header */
  /* Timezone labels, indicators */
  /* Grid & All-day row */
  /* Schedule event style */
  /* Schedule event all-day style */
  /* Timeline resources */
  /* Large screen styles */
}
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header-vertical {
  margin-bottom: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-wrapper {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.mbsc-ios.mbsc-popover-list .mbsc-event:last-child:after {
  display: none;
}
.mbsc-ios.mbsc-event-day.mbsc-list-header {
  font-weight: bold;
  padding: 0.5em 1em;
  line-height: 1.5em;
  text-transform: none;
}
.mbsc-ios.mbsc-event-time {
  width: 6em;
  font-size: 0.875em;
  line-height: 1.428572em;
}
.mbsc-ios.mbsc-event-date {
  width: 10.5em;
}
.mbsc-ios.mbsc-event-color {
  width: 0.25em;
  border-radius: 0.125em;
  margin: 0 0.5em 0 -0.5em;
}
.mbsc-ios.mbsc-event-color.mbsc-rtl {
  margin: 0 -0.5em 0 0.5em;
}
.mbsc-ios.mbsc-event-time.mbsc-ltr {
  text-align: right;
}
.mbsc-ios.mbsc-event-time.mbsc-rtl {
  text-align: left;
}
.mbsc-ios.mbsc-event-end {
  opacity: 0.7;
}
.mbsc-ios.mbsc-event-text {
  font-weight: 500;
}
.mbsc-ios.mbsc-event-sep {
  display: none;
}
.mbsc-ios.mbsc-calendar-button-today {
  font-weight: 500;
  padding: 0;
}
.mbsc-ios.mbsc-eventcalendar-schedule .mbsc-calendar-day, .mbsc-ios.mbsc-eventcalendar-schedule .mbsc-calendar-wrapper {
  border: 0;
}
.mbsc-ios.mbsc-schedule-wrapper {
  position: relative;
  margin-top: -1px;
  z-index: 2;
}
.mbsc-ios.mbsc-schedule-header {
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-schedule-header-item {
  padding: 0.4375em 0;
  line-height: 1.75em;
}
.mbsc-ios.mbsc-schedule-header-item.mbsc-ltr {
  border-left-style: solid;
  border-left-width: 1px;
}
.mbsc-ios.mbsc-schedule-header-item.mbsc-rtl {
  border-right-style: solid;
  border-right-width: 1px;
}
.mbsc-ios.mbsc-schedule-header-item:first-child {
  border: 0;
}
.mbsc-ios.mbsc-schedule-header-dayname {
  font-size: 1em;
  font-weight: 400;
}
.mbsc-ios.mbsc-schedule-header-day {
  display: inline-block;
  height: 1.625em;
  width: 1.625em;
  line-height: 1.625em;
  border-radius: 50%;
  text-align: center;
  font-size: 1em;
  font-weight: 400;
}
.mbsc-ios.mbsc-schedule-header-item-large {
  padding: 0.1875em 0;
}
.mbsc-ios.mbsc-schedule-header-item-large.mbsc-schedule-header-item {
  border-color: transparent;
}
.mbsc-ios.mbsc-schedule-header-item-large .mbsc-schedule-header-dayname {
  display: inline-block;
  padding: 0 0.375em;
  font-size: 1em;
  font-weight: 400;
}
.mbsc-ios.mbsc-schedule-all-day-wrapper {
  max-height: 3.125em;
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-schedule-all-day-text {
  padding: 0.5em 0.666667em;
  font-size: 0.75em;
  text-transform: lowercase;
}
.mbsc-ios.mbsc-schedule-timezone-label {
  line-height: 2.5em;
  padding: 0 0.666667em;
}
.mbsc-ios.mbsc-schedule-date-header {
  position: relative;
  z-index: 3;
  will-change: opacity;
  border-bottom: 1px solid;
}
.mbsc-ios.mbsc-schedule-date-header-text {
  padding: 0.5em;
  font-size: 0.75em;
  font-weight: bold;
}
.mbsc-ios.mbsc-schedule-resource.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
}
.mbsc-ios.mbsc-schedule-resource.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
}
.mbsc-ios.mbsc-schedule-resource:first-child {
  border: 0;
}
.mbsc-ios.mbsc-schedule-all-day-item {
  padding: 0.25em 0;
  min-height: 1.875em;
}
.mbsc-ios.mbsc-schedule-time {
  font-size: 0.625em;
  padding: 0 0.8em;
}
.mbsc-ios.mbsc-schedule-cursor-time-x {
  width: 6.8em;
  padding: 0 0.8em;
}
.mbsc-ios.mbsc-schedule-event:after {
  content: "";
  position: absolute;
  top: -0.5em;
  right: 1px;
  bottom: -0.5em;
  left: 1px;
  z-index: -1;
}
.mbsc-ios.mbsc-schedule-event-start:after {
  top: 1px;
}
.mbsc-ios.mbsc-schedule-event-end:after {
  bottom: 1px;
}
.mbsc-ios.mbsc-schedule-event-custom:after {
  display: none;
}
.mbsc-ios.mbsc-schedule-event-background {
  opacity: 0.3;
  transition: opacity 0.15s ease-in-out;
}
.mbsc-ios.mbsc-schedule-event-start:after,
.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-background {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.mbsc-ios.mbsc-schedule-event-end:after,
.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.mbsc-ios.mbsc-timeline-event:after {
  margin-top: 6px;
  top: 0;
  bottom: 0;
}
.mbsc-ios.mbsc-timeline-event-start.mbsc-ltr:after,
.mbsc-ios.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-background, .mbsc-ios.mbsc-timeline-event-end.mbsc-rtl:after,
.mbsc-ios.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.25em;
  border-top-left-radius: 0.25em;
}
.mbsc-ios.mbsc-timeline-event-end.mbsc-ltr:after,
.mbsc-ios.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-background, .mbsc-ios.mbsc-timeline-event-start.mbsc-rtl:after,
.mbsc-ios.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-right-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.mbsc-ios.mbsc-schedule-event-hover .mbsc-schedule-event-background {
  opacity: 0.6;
}
.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  opacity: 0.9;
}
.mbsc-ios.mbsc-schedule-event-dragging {
  top: 0.25em;
}
.mbsc-ios.mbsc-timeline-event-dragging {
  top: 0;
}
.mbsc-ios.mbsc-schedule-event-bar {
  position: absolute;
  top: -0.5em;
  bottom: -0.5em;
  width: 0.1875em;
  background: currentColor;
}
.mbsc-ios.mbsc-schedule-event-bar.mbsc-ltr {
  left: 1px;
}
.mbsc-ios.mbsc-schedule-event-bar.mbsc-rtl {
  right: 1px;
}
.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-bar {
  top: 1px;
}
.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-bar.mbsc-ltr {
  border-top-left-radius: 0.1875em;
}
.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-bar.mbsc-rtl {
  border-top-left-radius: 0.1875em;
}
.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-bar {
  bottom: 1px;
}
.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-bar.mbsc-ltr {
  border-bottom-left-radius: 0.1875em;
}
.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-bar.mbsc-rtl {
  border-bottom-left-radius: 0.1875em;
}
.mbsc-ios.mbsc-schedule-event-title {
  font-weight: 600;
}
.mbsc-ios.mbsc-schedule-event-buffer-background {
  opacity: 0.15;
}
.mbsc-ios.mbsc-schedule-event-all-day:after {
  top: 0;
  bottom: 0;
}
.mbsc-ios.mbsc-schedule-event-all-day-background.mbsc-schedule-event-background {
  border-radius: 0;
}
.mbsc-ios.mbsc-timeline-event-start.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-timeline-event-end.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-start.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-schedule-event-end.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-schedule-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background {
  left: 0.25em;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.mbsc-ios.mbsc-timeline-event-end.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-timeline-event-start.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-end.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-schedule-event-start.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-schedule-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background {
  right: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.mbsc-ios.mbsc-timeline-resource-icon {
  width: 1.214286em;
  padding: 0 0.142858em;
  box-sizing: content-box;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-all-day-wrapper {
  max-height: 3.5em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-time,
.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-time-indicator-time-x {
  font-size: 0.75em;
  padding: 0 0.666667em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-cursor-time-x {
  font-size: 0.75em;
  width: 5.666667em;
  padding: 0 0.666667em;
}

.mbsc-ios {
  /* Calendar view */
  /* Agenda view */
  /* Popover events */
  /* Schedule view */
  /* TODO: refactor this without cascade */
  /* Header */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
  /* Resource drag & drop */
}
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-week-days {
  background: #f7f7f7;
}
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #efefef;
}
.mbsc-ios.mbsc-event-list-empty {
  color: #6e6e72;
}
.mbsc-ios.mbsc-event-day.mbsc-list-header {
  background: white;
  border-color: #cccccc;
  color: #000000;
}
.mbsc-ios.mbsc-event.mbsc-list-item {
  background: white;
  color: #000000;
}
.mbsc-ios.mbsc-event.mbsc-list-item:before, .mbsc-ios.mbsc-event.mbsc-list-item:after {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-event.mbsc-list-item.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.05);
}
.mbsc-ios.mbsc-event.mbsc-list-item.mbsc-focus .mbsc-list-item-background, .mbsc-ios.mbsc-event.mbsc-list-item.mbsc-selected .mbsc-list-item-background {
  background: rgba(0, 0, 0, 0.15);
}
.mbsc-ios.mbsc-event-color {
  background: #5ac8fa;
}
.mbsc-ios.mbsc-eventcalendar-schedule .mbsc-calendar-day {
  background: #f7f7f7;
}
.mbsc-ios.mbsc-schedule-wrapper {
  background: #f7f7f7;
}
.mbsc-ios.mbsc-schedule-header, .mbsc-ios.mbsc-schedule-header-item {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-schedule-header-day-today {
  color: #007aff;
}
.mbsc-ios.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(0, 122, 255, 0.3);
}
.mbsc-ios.mbsc-schedule-header-dayname-curr, .mbsc-ios.mbsc-schedule-header-day.mbsc-selected {
  color: #007aff;
}
.mbsc-ios.mbsc-schedule-header-day.mbsc-selected {
  background: #007aff;
  color: white;
}
.mbsc-ios.mbsc-schedule-header-dayname-curr {
  color: #000000;
}
.mbsc-ios.mbsc-schedule-date-header {
  background: #f7f7f7;
  border-color: #cccccc;
}
.mbsc-ios.mbsc-schedule-grid-wrapper {
  background: white;
}
.mbsc-ios.mbsc-schedule-all-day-wrapper {
  border-color: #cccccc;
  background: white;
}
.mbsc-ios.mbsc-schedule-all-day-text, .mbsc-ios.mbsc-schedule-timezone-label {
  color: #8c8c8c;
}
.mbsc-ios.mbsc-timeline-day::after, .mbsc-ios.mbsc-timeline-slots, .mbsc-ios.mbsc-timeline-slot-header, .mbsc-ios.mbsc-timeline-header-month, .mbsc-ios.mbsc-timeline-header-week, .mbsc-ios.mbsc-timeline-footer-week, .mbsc-ios.mbsc-timeline-header-date, .mbsc-ios.mbsc-timeline-header-column, .mbsc-ios.mbsc-timeline-header, .mbsc-ios.mbsc-timeline-footer-date, .mbsc-ios.mbsc-timeline-footer, .mbsc-ios.mbsc-timeline-footer-column, .mbsc-ios.mbsc-timeline-resource, .mbsc-ios.mbsc-timeline-resource-header-cont, .mbsc-ios.mbsc-timeline-resource-footer-cont, .mbsc-ios.mbsc-timeline-sidebar-resource, .mbsc-ios.mbsc-timeline-sidebar-header-cont, .mbsc-ios.mbsc-timeline-sidebar-footer-cont, .mbsc-ios.mbsc-timeline-column, .mbsc-ios.mbsc-timeline-row, .mbsc-ios.mbsc-schedule-resource-group, .mbsc-ios.mbsc-schedule-resource, .mbsc-ios.mbsc-schedule-all-day-item::after, .mbsc-ios.mbsc-schedule-column, .mbsc-ios.mbsc-schedule-item, .mbsc-ios.mbsc-timeline-row-group::after, .mbsc-ios.mbsc-timeline-row-date {
  border-color: #cccccc;
}
.mbsc-ios.mbsc-timeline-row-fixed {
  box-shadow: 0 1px 0 0 #cccccc;
}
.mbsc-ios.mbsc-timeline-header-column, .mbsc-ios.mbsc-schedule-cursor-time, .mbsc-ios.mbsc-schedule-time {
  color: #8c8c8c;
}
.mbsc-ios.mbsc-schedule-event {
  color: #5ac8fa;
}
.mbsc-ios.mbsc-schedule-event:after {
  background: rgba(255, 255, 255, 0.9);
}
.mbsc-ios.mbsc-schedule-event-title, .mbsc-ios.mbsc-schedule-event-range {
  color: #000;
}
.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-inner, .mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-inner {
  color: #fff;
}
.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-title,
.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-range, .mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-title,
.mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-range {
  color: inherit;
}
.mbsc-ios.mbsc-schedule-time-indicator {
  border-color: #007aff;
}
.mbsc-ios.mbsc-schedule-time-indicator-day:before {
  background: #007aff;
}
.mbsc-ios.mbsc-schedule-time-indicator-time {
  background: rgba(255, 255, 255, 0.8);
  color: #007aff;
}
.mbsc-ios.mbsc-schedule-cursor-time {
  background: rgba(255, 255, 255, 0.8);
  color: #007aff;
}
.mbsc-ios.mbsc-schedule-invalid {
  background: rgba(239, 239, 239, 0.75);
  color: #888888;
}
.mbsc-ios.mbsc-timeline-header-bg, .mbsc-ios.mbsc-timeline-header-text, .mbsc-ios.mbsc-timeline-footer-bg, .mbsc-ios.mbsc-timeline-resource-bg, .mbsc-ios.mbsc-timeline-resource-header-cont, .mbsc-ios.mbsc-timeline-resource-footer-cont, .mbsc-ios.mbsc-timeline-resource-dragged, .mbsc-ios.mbsc-timeline-row-fixed, .mbsc-ios.mbsc-timeline-sidebar-header-cont, .mbsc-ios.mbsc-timeline-sidebar-footer-cont {
  background: white;
}
.mbsc-ios.mbsc-timeline-resource {
  background: white;
  color: #000000;
}
.mbsc-ios.mbsc-timeline-header-active {
  color: #fff;
}
.mbsc-ios.mbsc-timeline-header-active::after {
  background-color: #007aff;
}
.mbsc-ios.mbsc-timeline-parent {
  background: rgba(0, 0, 0, 0.028);
}
.mbsc-ios.mbsc-timeline-parent-hover {
  background: rgba(0, 0, 0, 0.1);
}
.mbsc-ios.mbsc-connection {
  stroke: rgba(0, 0, 0, 0.7);
}
.mbsc-ios.mbsc-connection-arrow {
  fill: #000000;
}
.mbsc-ios.mbsc-timeline-resource-drop {
  background-color: #43be5f;
}
.mbsc-ios.mbsc-timeline-resource-drop-invalid {
  background-color: #d8332a;
}

.mbsc-ios-dark {
  /* Calendar view */
  /* Agenda view */
  /* Popover events */
  /* Schedule view */
  /* TODO: refactor this without cascade */
  /* Header */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
  /* Resource drag & drop */
}
.mbsc-ios-dark.mbsc-eventcalendar .mbsc-calendar-header,
.mbsc-ios-dark.mbsc-eventcalendar .mbsc-calendar-week-days {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #1a1a1a;
}
.mbsc-ios-dark.mbsc-event-list-empty {
  color: #8f8f8f;
}
.mbsc-ios-dark.mbsc-event-day.mbsc-list-header {
  background: #000000;
  border-color: #333333;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-event.mbsc-list-item {
  background: #000000;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-event.mbsc-list-item:before, .mbsc-ios-dark.mbsc-event.mbsc-list-item:after {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-event.mbsc-list-item.mbsc-hover:before {
  background: rgba(255, 255, 255, 0.05);
}
.mbsc-ios-dark.mbsc-event.mbsc-list-item.mbsc-focus .mbsc-list-item-background, .mbsc-ios-dark.mbsc-event.mbsc-list-item.mbsc-selected .mbsc-list-item-background {
  background: rgba(255, 255, 255, 0.15);
}
.mbsc-ios-dark.mbsc-event-color {
  background: #5ac8fa;
}
.mbsc-ios-dark.mbsc-popover-list .mbsc-ios-dark.mbsc-event {
  background: #2b2b2b;
}
.mbsc-ios-dark.mbsc-eventcalendar-schedule .mbsc-calendar-day {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-schedule-wrapper {
  background: #1c1c1c;
}
.mbsc-ios-dark.mbsc-schedule-header, .mbsc-ios-dark.mbsc-schedule-header-item {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-schedule-header-day-today {
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(255, 159, 10, 0.3);
}
.mbsc-ios-dark.mbsc-schedule-header-dayname-curr, .mbsc-ios-dark.mbsc-schedule-header-day.mbsc-selected {
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-schedule-header-day.mbsc-selected {
  background: #ff9f0a;
  color: #000000;
}
.mbsc-ios-dark.mbsc-schedule-header-dayname-curr {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-schedule-date-header {
  background: #1c1c1c;
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-schedule-grid-wrapper {
  background: #000000;
}
.mbsc-ios-dark.mbsc-schedule-all-day-wrapper {
  border-color: #333333;
  background: #000000;
}
.mbsc-ios-dark.mbsc-schedule-all-day-text, .mbsc-ios-dark.mbsc-schedule-timezone-label {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-timeline-day::after, .mbsc-ios-dark.mbsc-timeline-slots, .mbsc-ios-dark.mbsc-timeline-slot-header, .mbsc-ios-dark.mbsc-timeline-header-month, .mbsc-ios-dark.mbsc-timeline-header-week, .mbsc-ios-dark.mbsc-timeline-footer-week, .mbsc-ios-dark.mbsc-timeline-header-date, .mbsc-ios-dark.mbsc-timeline-header-column, .mbsc-ios-dark.mbsc-timeline-header, .mbsc-ios-dark.mbsc-timeline-footer-date, .mbsc-ios-dark.mbsc-timeline-footer, .mbsc-ios-dark.mbsc-timeline-footer-column, .mbsc-ios-dark.mbsc-timeline-resource, .mbsc-ios-dark.mbsc-timeline-resource-header-cont, .mbsc-ios-dark.mbsc-timeline-resource-footer-cont, .mbsc-ios-dark.mbsc-timeline-sidebar-resource, .mbsc-ios-dark.mbsc-timeline-sidebar-header-cont, .mbsc-ios-dark.mbsc-timeline-sidebar-footer-cont, .mbsc-ios-dark.mbsc-timeline-column, .mbsc-ios-dark.mbsc-timeline-row, .mbsc-ios-dark.mbsc-schedule-resource-group, .mbsc-ios-dark.mbsc-schedule-resource, .mbsc-ios-dark.mbsc-schedule-all-day-item::after, .mbsc-ios-dark.mbsc-schedule-column, .mbsc-ios-dark.mbsc-schedule-item, .mbsc-ios-dark.mbsc-timeline-row-group::after, .mbsc-ios-dark.mbsc-timeline-row-date {
  border-color: #333333;
}
.mbsc-ios-dark.mbsc-timeline-row-fixed {
  box-shadow: 0 1px 0 0 #333333;
}
.mbsc-ios-dark.mbsc-timeline-header-column, .mbsc-ios-dark.mbsc-schedule-cursor-time, .mbsc-ios-dark.mbsc-schedule-time {
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-schedule-event {
  color: #5ac8fa;
}
.mbsc-ios-dark.mbsc-schedule-event:after {
  background: rgba(0, 0, 0, 0.9);
}
.mbsc-ios-dark.mbsc-schedule-event-title, .mbsc-ios-dark.mbsc-schedule-event-range {
  color: #fff;
}
.mbsc-ios-dark.mbsc-schedule-event-active .mbsc-schedule-event-inner, .mbsc-ios-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-inner {
  color: #fff;
}
.mbsc-ios-dark.mbsc-schedule-event-active .mbsc-schedule-event-title,
.mbsc-ios-dark.mbsc-schedule-event-active .mbsc-schedule-event-range, .mbsc-ios-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-title,
.mbsc-ios-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-range {
  color: inherit;
}
.mbsc-ios-dark.mbsc-schedule-time-indicator {
  border-color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-schedule-time-indicator-day:before {
  background: #ff9f0a;
}
.mbsc-ios-dark.mbsc-schedule-time-indicator-time {
  background: rgba(0, 0, 0, 0.8);
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-schedule-cursor-time {
  background: rgba(0, 0, 0, 0.8);
  color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-schedule-invalid {
  background: rgba(26, 26, 26, 0.75);
  color: #787878;
}
.mbsc-ios-dark.mbsc-timeline-header-bg, .mbsc-ios-dark.mbsc-timeline-header-text, .mbsc-ios-dark.mbsc-timeline-footer-bg, .mbsc-ios-dark.mbsc-timeline-resource-bg, .mbsc-ios-dark.mbsc-timeline-resource-header-cont, .mbsc-ios-dark.mbsc-timeline-resource-footer-cont, .mbsc-ios-dark.mbsc-timeline-resource-dragged, .mbsc-ios-dark.mbsc-timeline-row-fixed, .mbsc-ios-dark.mbsc-timeline-sidebar-header-cont, .mbsc-ios-dark.mbsc-timeline-sidebar-footer-cont {
  background: #000000;
}
.mbsc-ios-dark.mbsc-timeline-resource {
  background: #000000;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-timeline-header-active {
  color: #fff;
}
.mbsc-ios-dark.mbsc-timeline-header-active::after {
  background-color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-timeline-parent {
  background: rgba(255, 255, 255, 0.1);
}
.mbsc-ios-dark.mbsc-timeline-parent-hover {
  background: rgba(255, 255, 255, 0.15);
}
.mbsc-ios-dark.mbsc-connection {
  stroke: rgba(255, 255, 255, 0.7);
}
.mbsc-ios-dark.mbsc-connection-arrow {
  fill: #ffffff;
}
.mbsc-ios-dark.mbsc-timeline-resource-drop {
  background-color: #43be5f;
}
.mbsc-ios-dark.mbsc-timeline-resource-drop-invalid {
  background-color: #d8332a;
}

.mbsc-material {
  /* Event list */
  /* Popover list */
  /* Schedule */
  /* Header */
  /* Grid & All-day cont */
  /* Timezone labels, indicators */
  /* Time & cursor indicator */
  /* Event style */
}
.mbsc-material.mbsc-eventcalendar-schedule .mbsc-calendar-wrapper:after {
  display: none;
}
.mbsc-material.mbsc-event.mbsc-list-item {
  margin: 0.625em 1em;
  padding: 0.5em 0.625em;
  flex-direction: column;
  border-radius: 0.25em;
  transition: box-shadow 0.2s ease-out;
}
.mbsc-material.mbsc-event-text, .mbsc-material.mbsc-event-time {
  font-size: 0.8125em;
  line-height: 1.384616em;
}
.mbsc-material.mbsc-event-time {
  display: flex;
  font-weight: 300;
}
.mbsc-material.mbsc-event-text {
  font-weight: 600;
}
.mbsc-material.mbsc-event-all-day {
  display: none;
}
.mbsc-material.mbsc-event-sep {
  padding: 0 0.25em;
}
.mbsc-material.mbsc-event-until {
  padding-right: 0.25em;
}
.mbsc-material.mbsc-popover-list {
  width: 18em;
  padding: 0.5em 0.125em;
}
.mbsc-material.mbsc-popover-list .mbsc-event {
  margin: 0.125em 0.5em;
  padding: 0.25em 0.5em;
}
.mbsc-material.mbsc-popover-list .mbsc-event-time, .mbsc-material.mbsc-popover-list .mbsc-event-text {
  font-size: 0.75em;
}
.mbsc-material.mbsc-schedule-header-item {
  padding-bottom: 0.25em;
}
.mbsc-material.mbsc-schedule-header-dayname {
  position: relative;
  line-height: 2.8em;
  font-size: 0.625em;
  font-weight: 500;
  text-transform: uppercase;
}
.mbsc-material.mbsc-schedule-header-day {
  height: 1.8em;
  width: 1.8em;
  margin-top: -0.3em;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8em;
  font-size: 1.25em;
  border-radius: 50%;
}
.mbsc-material.mbsc-schedule-date-header-text {
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.5714em 1.14285em;
}
.mbsc-material.mbsc-schedule-resource.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
}
.mbsc-material.mbsc-schedule-resource.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
}
.mbsc-material.mbsc-schedule-resource:first-child {
  border: 0;
}
.mbsc-material.mbsc-schedule-all-day-text {
  padding: 0.4em;
  font-size: 0.625em;
  line-height: 1.6em;
  text-transform: uppercase;
}
.mbsc-material.mbsc-schedule-all-day-text.mbsc-ltr {
  padding-right: 1.6em;
}
.mbsc-material.mbsc-schedule-all-day-text.mbsc-rtl {
  padding-left: 1.6em;
}
.mbsc-material.mbsc-schedule-all-day-item {
  padding: 1px 0;
  min-height: 1.5em;
}
.mbsc-material.mbsc-schedule-time-col.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}
.mbsc-material.mbsc-schedule-time-col.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}
.mbsc-material.mbsc-schedule-time-col.mbsc-schedule-time-col-empty {
  border: 0;
}
.mbsc-material.mbsc-schedule-time-wrapper.mbsc-ltr {
  padding-right: 1em;
}
.mbsc-material.mbsc-schedule-time-wrapper.mbsc-rtl {
  padding-left: 1em;
}
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 9px;
}
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper-end:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 9px;
}
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper-end.mbsc-ltr:before,
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper.mbsc-ltr:after {
  right: 0;
}
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper-end.mbsc-rtl:before,
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper.mbsc-rtl:after {
  left: 0;
}
.mbsc-material.mbsc-schedule-time {
  font-size: 0.625em;
}
.mbsc-material.mbsc-schedule-time-end.mbsc-ltr {
  right: 1.6em;
}
.mbsc-material.mbsc-schedule-time-end.mbsc-rtl {
  left: 1.6em;
}
.mbsc-material.mbsc-schedule-timezone-label {
  font-size: 0.625em;
  line-height: 2.4em;
}
.mbsc-material.mbsc-schedule-timezone-label.mbsc-ltr {
  padding-right: 1.6em;
}
.mbsc-material.mbsc-schedule-timezone-label.mbsc-rtl {
  padding-left: 1.6em;
}
.mbsc-material.mbsc-schedule-time-indicator-tz {
  width: 6.8em;
}
.mbsc-material.mbsc-schedule-time-indicator-x:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0.5625em;
  border-bottom: 1px solid;
  border-color: inherit;
}
.mbsc-material.mbsc-schedule-time-indicator.mbsc-ltr:after {
  left: -0.5625em;
}
.mbsc-material.mbsc-schedule-time-indicator.mbsc-rtl:after {
  right: -0.5625em;
}
.mbsc-material.mbsc-schedule-time-indicator-time-x {
  padding: 0 1.6em;
  margin: 0 1px;
}
.mbsc-material.mbsc-schedule-cursor-time-x {
  width: 5.2em;
}
.mbsc-material.mbsc-schedule-event-inner {
  border-radius: 0.333334em;
}
.mbsc-material.mbsc-schedule-event-start .mbsc-schedule-event-background {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.mbsc-material.mbsc-schedule-event-end .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.mbsc-material.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-background, .mbsc-material.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.25em;
  border-top-left-radius: 0.25em;
}
.mbsc-material.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-background, .mbsc-material.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-right-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.mbsc-material.mbsc-schedule-event-active .mbsc-schedule-event-background:after, .mbsc-material.mbsc-schedule-event-hover .mbsc-schedule-event-background:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.mbsc-material.mbsc-schedule-event-title {
  font-weight: 500;
}
.mbsc-material.mbsc-schedule-event-all-day-background.mbsc-schedule-event-background {
  border-radius: 0;
}
.mbsc-material.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background {
  left: 0.25em;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.mbsc-material.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background {
  right: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.mbsc-material.mbsc-schedule-header-item-large .mbsc-schedule-header-dayname {
  line-height: 2.909091em;
  font-size: 0.6875em;
  text-transform: uppercase;
}
.mbsc-material.mbsc-schedule-header-item-large .mbsc-schedule-header-day {
  height: 1.769231em;
  width: 1.769231em;
  line-height: 1.769231em;
  font-size: 1.625em;
  margin-top: -0.307693em;
}

.mbsc-material {
  /* Schedule */
  /* Header */
  /* Grid & All-day cont */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
  /* Resource drag & drop */
}
.mbsc-material.mbsc-eventcalendar {
  background: #fff;
  color: #303030;
}
.mbsc-material.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #f0f0f0;
}
.mbsc-material.mbsc-event-list-empty {
  color: rgba(48, 48, 48, 0.7);
}
.mbsc-material.mbsc-schedule-date-header, .mbsc-material.mbsc-event-day.mbsc-list-header {
  background: #fff;
  color: rgba(48, 48, 48, 0.7);
}
.mbsc-material.mbsc-colored-event.mbsc-list-item {
  background: #668281;
  color: #fff;
}
.mbsc-material.mbsc-event.mbsc-list-item.mbsc-focus, .mbsc-material.mbsc-event.mbsc-list-item.mbsc-selected {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.4);
}
.mbsc-material.mbsc-event.mbsc-list-item.mbsc-focus::before, .mbsc-material.mbsc-event.mbsc-list-item.mbsc-selected::before {
  border-radius: 0.25em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.mbsc-material.mbsc-event-color {
  background: #668281;
}
.mbsc-material.mbsc-schedule-header-dayname {
  color: #70757a;
}
.mbsc-material.mbsc-schedule-header-day {
  color: #303030;
}
.mbsc-material.mbsc-schedule-header-dayname-curr {
  color: #668281;
}
.mbsc-material.mbsc-schedule-header-day-today {
  color: #668281;
}
.mbsc-material.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(102, 130, 129, 0.3);
}
.mbsc-material.mbsc-schedule-header-day.mbsc-selected {
  background-color: #668281;
  color: #fff;
}
.mbsc-material.mbsc-timeline-day::after, .mbsc-material.mbsc-timeline-slots, .mbsc-material.mbsc-timeline-slot-header, .mbsc-material.mbsc-timeline-header-month, .mbsc-material.mbsc-timeline-header-week, .mbsc-material.mbsc-timeline-footer-week, .mbsc-material.mbsc-timeline-header-date, .mbsc-material.mbsc-timeline-header-column, .mbsc-material.mbsc-timeline-header, .mbsc-material.mbsc-timeline-footer-date, .mbsc-material.mbsc-timeline-footer-column, .mbsc-material.mbsc-timeline-footer, .mbsc-material.mbsc-timeline-resource, .mbsc-material.mbsc-timeline-resource-header-cont, .mbsc-material.mbsc-timeline-resource-footer-cont, .mbsc-material.mbsc-timeline-sidebar-resource, .mbsc-material.mbsc-timeline-sidebar-header-cont, .mbsc-material.mbsc-timeline-sidebar-footer-cont, .mbsc-material.mbsc-timeline-column, .mbsc-material.mbsc-timeline-row, .mbsc-material.mbsc-schedule-resource-group, .mbsc-material.mbsc-schedule-resource, .mbsc-material.mbsc-schedule-time-col, .mbsc-material.mbsc-schedule-all-day-item::after, .mbsc-material.mbsc-schedule-column, .mbsc-material.mbsc-schedule-item, .mbsc-material.mbsc-timeline-row-group::after, .mbsc-material.mbsc-timeline-row-date {
  border-color: #cfcfcf;
}
.mbsc-material.mbsc-timeline-row-fixed {
  box-shadow: 0 1px 0 0 #cfcfcf;
}
.mbsc-material.mbsc-schedule-time-wrapper-end:before, .mbsc-material.mbsc-schedule-time-wrapper:after {
  border-bottom: 1px solid #cfcfcf;
}
.mbsc-material.mbsc-schedule-all-day-text, .mbsc-material.mbsc-schedule-timezone-label, .mbsc-material.mbsc-schedule-time {
  color: #70757a;
}
.mbsc-material.mbsc-schedule-time-indicator {
  border-color: #668281;
}
.mbsc-material.mbsc-schedule-time-indicator-day:before {
  background: #668281;
}
.mbsc-material.mbsc-schedule-time-indicator-time {
  background: rgba(255, 255, 255, 0.8);
  color: #668281;
}
.mbsc-material.mbsc-schedule-cursor-time {
  background: rgba(255, 255, 255, 0.8);
  color: #668281;
}
.mbsc-material.mbsc-schedule-event {
  color: #668281;
}
.mbsc-material.mbsc-schedule-event-inner {
  color: #fff;
}
.mbsc-material.mbsc-schedule-invalid {
  background: rgba(240, 240, 240, 0.75);
  color: #8a8a8a;
}
.mbsc-material.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-material.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.mbsc-material.mbsc-schedule-event-active .mbsc-schedule-event-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.mbsc-material.mbsc-timeline-header-bg, .mbsc-material.mbsc-timeline-header-text, .mbsc-material.mbsc-timeline-footer-bg, .mbsc-material.mbsc-timeline-resource-bg, .mbsc-material.mbsc-timeline-resource-header-cont, .mbsc-material.mbsc-timeline-resource-footer-cont, .mbsc-material.mbsc-timeline-resource-dragged, .mbsc-material.mbsc-timeline-row-fixed, .mbsc-material.mbsc-timeline-sidebar-header-cont, .mbsc-material.mbsc-timeline-sidebar-footer-cont {
  background: #fff;
}
.mbsc-material.mbsc-timeline-resource {
  background: #fff;
  color: #303030;
}
.mbsc-material.mbsc-timeline-header-active {
  color: #fff;
}
.mbsc-material.mbsc-timeline-header-active::after {
  background-color: #668281;
}
.mbsc-material.mbsc-timeline-parent {
  background: rgba(0, 0, 0, 0.028);
}
.mbsc-material.mbsc-timeline-parent-hover {
  background: rgba(0, 0, 0, 0.1);
}
.mbsc-material.mbsc-connection {
  stroke: rgba(48, 48, 48, 0.7);
}
.mbsc-material.mbsc-connection-arrow {
  fill: #303030;
}
.mbsc-material.mbsc-timeline-resource-drop {
  background-color: #43be5f;
}
.mbsc-material.mbsc-timeline-resource-drop-invalid {
  background-color: #de3226;
}

.mbsc-material-dark {
  /* Schedule */
  /* Header */
  /* Grid & All-day cont */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
  /* Resource drag & drop */
}
.mbsc-material-dark.mbsc-eventcalendar {
  background: #000;
  color: #fff;
}
.mbsc-material-dark.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #1a1a1a;
}
.mbsc-material-dark.mbsc-event-list-empty {
  color: rgba(255, 255, 255, 0.7);
}
.mbsc-material-dark.mbsc-schedule-date-header, .mbsc-material-dark.mbsc-event-day.mbsc-list-header {
  background: #000;
  color: rgba(255, 255, 255, 0.7);
}
.mbsc-material-dark.mbsc-colored-event.mbsc-list-item {
  background: #87b0f3;
  color: #000;
}
.mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-focus, .mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-selected {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.4);
}
.mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-focus::before, .mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-selected::before {
  border-radius: 0.25em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.mbsc-material-dark.mbsc-event-color {
  background: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-header-dayname {
  color: #dbdddf;
}
.mbsc-material-dark.mbsc-schedule-header-day {
  color: #fff;
}
.mbsc-material-dark.mbsc-schedule-header-dayname-curr {
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-header-day-today {
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(135, 176, 243, 0.3);
}
.mbsc-material-dark.mbsc-schedule-header-day.mbsc-selected {
  background-color: #87b0f3;
  color: #000;
}
.mbsc-material-dark.mbsc-timeline-day::after, .mbsc-material-dark.mbsc-timeline-slots, .mbsc-material-dark.mbsc-timeline-slot-header, .mbsc-material-dark.mbsc-timeline-header-month, .mbsc-material-dark.mbsc-timeline-header-week, .mbsc-material-dark.mbsc-timeline-footer-week, .mbsc-material-dark.mbsc-timeline-header-date, .mbsc-material-dark.mbsc-timeline-header-column, .mbsc-material-dark.mbsc-timeline-header, .mbsc-material-dark.mbsc-timeline-footer-date, .mbsc-material-dark.mbsc-timeline-footer-column, .mbsc-material-dark.mbsc-timeline-footer, .mbsc-material-dark.mbsc-timeline-resource, .mbsc-material-dark.mbsc-timeline-resource-header-cont, .mbsc-material-dark.mbsc-timeline-resource-footer-cont, .mbsc-material-dark.mbsc-timeline-sidebar-resource, .mbsc-material-dark.mbsc-timeline-sidebar-header-cont, .mbsc-material-dark.mbsc-timeline-sidebar-footer-cont, .mbsc-material-dark.mbsc-timeline-column, .mbsc-material-dark.mbsc-timeline-row, .mbsc-material-dark.mbsc-schedule-resource-group, .mbsc-material-dark.mbsc-schedule-resource, .mbsc-material-dark.mbsc-schedule-time-col, .mbsc-material-dark.mbsc-schedule-all-day-item::after, .mbsc-material-dark.mbsc-schedule-column, .mbsc-material-dark.mbsc-schedule-item, .mbsc-material-dark.mbsc-timeline-row-group::after, .mbsc-material-dark.mbsc-timeline-row-date {
  border-color: #2b2b2b;
}
.mbsc-material-dark.mbsc-timeline-row-fixed {
  box-shadow: 0 1px 0 0 #2b2b2b;
}
.mbsc-material-dark.mbsc-schedule-time-wrapper-end:before, .mbsc-material-dark.mbsc-schedule-time-wrapper:after {
  border-bottom: 1px solid #2b2b2b;
}
.mbsc-material-dark.mbsc-schedule-all-day-text, .mbsc-material-dark.mbsc-schedule-timezone-label, .mbsc-material-dark.mbsc-schedule-time {
  color: #dbdddf;
}
.mbsc-material-dark.mbsc-schedule-time-indicator {
  border-color: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-time-indicator-day:before {
  background: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-time-indicator-time {
  background: rgba(0, 0, 0, 0.8);
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-cursor-time {
  background: rgba(0, 0, 0, 0.8);
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-event {
  color: #87b0f3;
}
.mbsc-material-dark.mbsc-schedule-event-inner {
  color: #000;
}
.mbsc-material-dark.mbsc-schedule-invalid {
  background: rgba(26, 26, 26, 0.75);
  color: #787878;
}
.mbsc-material-dark.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-material-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.14), 0 1px 8px 0 rgba(255, 255, 255, 0.12), 0 1px 3px -1px rgba(255, 255, 255, 0.2);
}
.mbsc-material-dark.mbsc-schedule-event-active .mbsc-schedule-event-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.mbsc-material-dark.mbsc-timeline-header-bg, .mbsc-material-dark.mbsc-timeline-header-text, .mbsc-material-dark.mbsc-timeline-footer-bg, .mbsc-material-dark.mbsc-timeline-resource-bg, .mbsc-material-dark.mbsc-timeline-resource-header-cont, .mbsc-material-dark.mbsc-timeline-resource-footer-cont, .mbsc-material-dark.mbsc-timeline-resource-dragged, .mbsc-material-dark.mbsc-timeline-row-fixed, .mbsc-material-dark.mbsc-timeline-sidebar-header-cont, .mbsc-material-dark.mbsc-timeline-sidebar-footer-cont {
  background: #000;
}
.mbsc-material-dark.mbsc-timeline-resource {
  background: #000;
  color: #fff;
}
.mbsc-material-dark.mbsc-timeline-header-active {
  color: #000;
}
.mbsc-material-dark.mbsc-timeline-header-active::after {
  background-color: #87b0f3;
}
.mbsc-material-dark.mbsc-timeline-parent {
  background: rgba(255, 255, 255, 0.1);
}
.mbsc-material-dark.mbsc-timeline-parent-hover {
  background: rgba(255, 255, 255, 0.15);
}
.mbsc-material-dark.mbsc-connection {
  stroke: rgba(255, 255, 255, 0.7);
}
.mbsc-material-dark.mbsc-connection-arrow {
  fill: #fff;
}
.mbsc-material-dark.mbsc-timeline-resource-drop {
  background-color: #43be5f;
}
.mbsc-material-dark.mbsc-timeline-resource-drop-invalid {
  background-color: #de3226;
}

.mbsc-windows {
  /* Schedule view */
  /* Header */
  /* Timezone labels, indicators */
  /* Time & cursor indicator */
  /* Grid & All-day row */
  /* Event style */
  /* Timeline */
}
.mbsc-windows.mbsc-popover-list {
  margin: 0.25em 0;
}
.mbsc-windows.mbsc-event-group {
  border-bottom: 1px solid;
}
.mbsc-windows.mbsc-event-group-empty {
  border: 0;
}
.mbsc-windows.mbsc-event-day.mbsc-list-header {
  padding: 1em 1.5em 0.25em 1.5em;
}
.mbsc-windows.mbsc-event.mbsc-list-item {
  margin-bottom: 0.25em;
  align-items: center;
}
.mbsc-windows.mbsc-event-content {
  order: 1;
}
.mbsc-windows.mbsc-event-time {
  width: 7em;
  padding: 0 1.333334em;
  font-size: 0.75em;
  box-sizing: border-box;
}
.mbsc-windows.mbsc-event-date {
  width: 13em;
}
.mbsc-windows.mbsc-event-color {
  width: 0.5em;
  margin: -0.5em 0 -0.5em -0.5em;
  align-self: stretch;
}
.mbsc-windows.mbsc-event-sep {
  display: none;
}
.mbsc-windows.mbsc-schedule-wrapper {
  position: relative;
  min-height: 1.5em;
  z-index: 2;
}
.mbsc-windows.mbsc-schedule-header-day {
  font-size: 1em;
  text-align: left;
  padding: 0.5em 0.5em 1.5em 0.5em;
  border-top: 1px solid;
}
.mbsc-windows.mbsc-schedule-header-day.mbsc-ltr {
  border-left-style: solid;
  border-left-width: 1px;
  margin-left: -1px;
}
.mbsc-windows.mbsc-schedule-header-day.mbsc-rtl {
  border-right-style: solid;
  border-right-width: 1px;
  margin-right: -1px;
}
.mbsc-windows.mbsc-schedule-header-item.mbsc-ltr {
  border-left: 1px solid transparent;
}
.mbsc-windows.mbsc-schedule-header-item.mbsc-rtl {
  border-right: 1px solid transparent;
}
.mbsc-windows.mbsc-schedule-header-item:first-child {
  border: 0;
}
.mbsc-windows.mbsc-schedule-header-item:first-child .mbsc-schedule-header-day {
  border-left: 0;
  border-right: 0;
  margin: 0;
}
.mbsc-windows.mbsc-schedule-header-dayname {
  padding: 0.571429em;
  font-size: 0.875em;
  text-align: left;
}
.mbsc-windows.mbsc-schedule-all-day-item {
  min-height: 1.375em;
}
.mbsc-windows.mbsc-schedule-all-day-text {
  padding: 0 0.333334em;
  font-size: 0.75em;
  line-height: 1.833334em;
}
.mbsc-windows.mbsc-schedule-timezone-label {
  font-size: 0.75em;
  line-height: 1.833334em;
  padding: 0 0.333334em;
}
.mbsc-windows.mbsc-schedule-header-dayname {
  position: relative;
}
.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.285715em;
}
.mbsc-windows.mbsc-schedule-date-header {
  border-bottom: 1px solid;
}
.mbsc-windows.mbsc-schedule-date-header-text {
  font-weight: 500;
  line-height: 1.25em;
  padding: 0.5em 0;
}
.mbsc-windows.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(0, 0, 0, 0.1);
}
.mbsc-windows.mbsc-schedule-resource {
  border-top: 1px solid;
  margin-top: -1px;
}
.mbsc-windows.mbsc-schedule-resource.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
  text-align: left;
}
.mbsc-windows.mbsc-schedule-resource.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
  text-align: right;
}
.mbsc-windows.mbsc-schedule-resource:first-child {
  border-left: 0;
  border-right: 0;
}
.mbsc-windows.mbsc-schedule-time-indicator-x {
  border-bottom: 1px dashed;
}
.mbsc-windows.mbsc-schedule-time-indicator-time-x {
  padding: 0 0.333334em;
  font-size: 0.75em;
  text-transform: lowercase;
}
.mbsc-windows.mbsc-schedule-time-indicator-day {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.mbsc-windows.mbsc-schedule-time-indicator-day:before {
  display: none;
}
.mbsc-windows.mbsc-schedule-cursor-time-x {
  font-size: 0.75em;
  width: 5.666667em;
  padding: 0 0.333334em;
}
.mbsc-windows.mbsc-schedule-all-day-wrapper {
  max-height: 4em;
}
.mbsc-windows.mbsc-schedule-time-col.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}
.mbsc-windows.mbsc-schedule-time-col.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}
.mbsc-windows.mbsc-schedule-time {
  top: 0;
  padding: 0 0.333334em;
  text-transform: lowercase;
}
.mbsc-windows.mbsc-schedule-time-end {
  display: none;
}
.mbsc-windows.mbsc-schedule-event-hover .mbsc-schedule-event-background:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.mbsc-windows.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-schedule-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-schedule-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background {
  left: 0.25em;
}
.mbsc-windows.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-schedule-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-schedule-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background {
  right: 0.25em;
}
.mbsc-windows.mbsc-timeline-resource-icon {
  width: 1.071429em;
  padding: 0 0.214286em;
  box-sizing: content-box;
}
.mbsc-windows.mbsc-timeline-header-sticky .mbsc-timeline-header-date-text {
  position: relative;
}
.mbsc-windows.mbsc-timeline-header-active {
  position: static;
}
.mbsc-windows.mbsc-timeline-header-active::after {
  top: 0;
  left: 0;
  right: 0;
  height: 0.142857em;
  z-index: 1;
  border-radius: 0;
}

.mbsc-windows {
  /* Event listing */
  /* Schedule view */
  /* Header */
  /* Time indicator */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
  /* Resource drag & drop */
}
.mbsc-windows.mbsc-eventcalendar {
  background: #ffffff;
}
.mbsc-windows.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #f0f0f0;
}
.mbsc-windows.mbsc-event-list-empty {
  color: rgba(51, 51, 51, 0.7);
}
.mbsc-windows.mbsc-event-group {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-event-day.mbsc-list-header, .mbsc-windows.mbsc-event.mbsc-list-item {
  background: #ffffff;
  color: #333333;
}
.mbsc-windows.mbsc-event.mbsc-focus, .mbsc-windows.mbsc-event.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
}
.mbsc-windows.mbsc-event-color {
  background: #0078d7;
}
.mbsc-windows.mbsc-schedule-wrapper {
  background: #ffffff;
}
.mbsc-windows.mbsc-schedule-header-day {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-schedule-header-item {
  color: #333333;
}
.mbsc-windows.mbsc-schedule-header-day-today {
  color: #0078d7;
}
.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
  background: #0078d7;
}
.mbsc-windows.mbsc-schedule-date-header {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-schedule-time-indicator, .mbsc-windows.mbsc-schedule-time-indicator-day {
  border-color: #0078d7;
}
.mbsc-windows.mbsc-schedule-cursor-time, .mbsc-windows.mbsc-schedule-time-indicator-time {
  background: rgba(255, 255, 255, 0.8);
  color: #0078d7;
}
.mbsc-windows.mbsc-schedule-time-indicator-time {
  color: #0078d7;
}
.mbsc-windows.mbsc-timeline-day::after, .mbsc-windows.mbsc-timeline-slots, .mbsc-windows.mbsc-timeline-slot-header, .mbsc-windows.mbsc-timeline-header-month, .mbsc-windows.mbsc-timeline-header-week, .mbsc-windows.mbsc-timeline-footer-week, .mbsc-windows.mbsc-timeline-header-date, .mbsc-windows.mbsc-timeline-header-column, .mbsc-windows.mbsc-timeline-header, .mbsc-windows.mbsc-timeline-footer-date, .mbsc-windows.mbsc-timeline-footer-column, .mbsc-windows.mbsc-timeline-footer, .mbsc-windows.mbsc-timeline-resource, .mbsc-windows.mbsc-timeline-resource-header-cont, .mbsc-windows.mbsc-timeline-resource-footer-cont, .mbsc-windows.mbsc-timeline-sidebar-resource, .mbsc-windows.mbsc-timeline-sidebar-header-cont, .mbsc-windows.mbsc-timeline-sidebar-footer-cont, .mbsc-windows.mbsc-timeline-column, .mbsc-windows.mbsc-timeline-row, .mbsc-windows.mbsc-schedule-resource-group, .mbsc-windows.mbsc-schedule-resource, .mbsc-windows.mbsc-schedule-time-col, .mbsc-windows.mbsc-schedule-all-day-item::after, .mbsc-windows.mbsc-schedule-column, .mbsc-windows.mbsc-schedule-item, .mbsc-windows.mbsc-timeline-row-group::after, .mbsc-windows.mbsc-timeline-row-date {
  border-color: #e6e6e6;
}
.mbsc-windows.mbsc-timeline-row-fixed {
  box-shadow: 0 1px 0 0 #e6e6e6;
}
.mbsc-windows.mbsc-schedule-time-wrapper {
  border-top: 1px solid #e6e6e6;
  color: #333333;
}
.mbsc-windows.mbsc-schedule-time-wrapper-end {
  border-bottom: 1px solid #e6e6e6;
  color: #333333;
}
.mbsc-windows.mbsc-schedule-all-day-text, .mbsc-windows.mbsc-schedule-timezone-label, .mbsc-windows.mbsc-schedule-time-cont {
  color: #333333;
}
.mbsc-windows.mbsc-schedule-event {
  color: #0078d7;
}
.mbsc-windows.mbsc-schedule-event-inner {
  color: #fff;
}
.mbsc-windows.mbsc-schedule-event-dragging .mbsc-schedule-event-background, .mbsc-windows.mbsc-schedule-event-active .mbsc-schedule-event-background {
  outline: 1px solid #333333;
}
.mbsc-windows.mbsc-schedule-invalid {
  background: rgba(240, 240, 240, 0.75);
  color: #8a8a8a;
}
.mbsc-windows.mbsc-timeline-header-bg, .mbsc-windows.mbsc-timeline-header-text, .mbsc-windows.mbsc-timeline-footer-bg, .mbsc-windows.mbsc-timeline-resource-bg, .mbsc-windows.mbsc-timeline-resource-header-cont, .mbsc-windows.mbsc-timeline-resource-footer-cont, .mbsc-windows.mbsc-timeline-resource-dragged, .mbsc-windows.mbsc-timeline-row-fixed, .mbsc-windows.mbsc-timeline-sidebar-header-cont, .mbsc-windows.mbsc-timeline-sidebar-footer-cont {
  background: #ffffff;
}
.mbsc-windows.mbsc-timeline-resource {
  background: #ffffff;
  color: #333333;
}
.mbsc-windows .mbsc-timeline-header-active::after {
  background-color: #0078d7;
}
.mbsc-windows.mbsc-timeline-parent {
  background: rgba(0, 0, 0, 0.028);
}
.mbsc-windows.mbsc-timeline-parent-hover {
  background: rgba(0, 0, 0, 0.084);
}
.mbsc-windows.mbsc-connection {
  stroke: rgba(51, 51, 51, 0.7);
}
.mbsc-windows.mbsc-connection-arrow {
  fill: #333333;
}
.mbsc-windows.mbsc-timeline-resource-drop {
  background-color: #43be5f;
}
.mbsc-windows.mbsc-timeline-resource-drop-invalid {
  background-color: #a4262c;
}

.mbsc-windows-dark {
  /* Event listing */
  /* Schedule view */
  /* Header */
  /* Time indicator */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
  /* Resource drag & drop */
}
.mbsc-windows-dark.mbsc-eventcalendar {
  background: #1a1a1a;
}
.mbsc-windows-dark.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #343434;
}
.mbsc-windows-dark.mbsc-event-list-empty {
  color: rgba(255, 255, 255, 0.7);
}
.mbsc-windows-dark.mbsc-event-group {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-event-day.mbsc-list-header, .mbsc-windows-dark.mbsc-event.mbsc-list-item {
  background: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-event.mbsc-focus, .mbsc-windows-dark.mbsc-event.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
}
.mbsc-windows-dark.mbsc-event-color {
  background: #0078d7;
}
.mbsc-windows-dark.mbsc-schedule-wrapper {
  background: #1a1a1a;
}
.mbsc-windows-dark.mbsc-schedule-header-day {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-schedule-header-item {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-schedule-header-day-today {
  color: #0078d7;
}
.mbsc-windows-dark.mbsc-schedule-header-dayname.mbsc-selected:after {
  background: #0078d7;
}
.mbsc-windows-dark.mbsc-schedule-date-header {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-schedule-time-indicator, .mbsc-windows-dark.mbsc-schedule-time-indicator-day {
  border-color: #0078d7;
}
.mbsc-windows-dark.mbsc-schedule-cursor-time, .mbsc-windows-dark.mbsc-schedule-time-indicator-time {
  background: rgba(26, 26, 26, 0.8);
  color: #0078d7;
}
.mbsc-windows-dark.mbsc-schedule-time-indicator-time {
  color: #0078d7;
}
.mbsc-windows-dark.mbsc-timeline-day::after, .mbsc-windows-dark.mbsc-timeline-slots, .mbsc-windows-dark.mbsc-timeline-slot-header, .mbsc-windows-dark.mbsc-timeline-header-month, .mbsc-windows-dark.mbsc-timeline-header-week, .mbsc-windows-dark.mbsc-timeline-footer-week, .mbsc-windows-dark.mbsc-timeline-header-date, .mbsc-windows-dark.mbsc-timeline-header-column, .mbsc-windows-dark.mbsc-timeline-header, .mbsc-windows-dark.mbsc-timeline-footer-date, .mbsc-windows-dark.mbsc-timeline-footer-column, .mbsc-windows-dark.mbsc-timeline-footer, .mbsc-windows-dark.mbsc-timeline-resource, .mbsc-windows-dark.mbsc-timeline-resource-header-cont, .mbsc-windows-dark.mbsc-timeline-resource-footer-cont, .mbsc-windows-dark.mbsc-timeline-sidebar-resource, .mbsc-windows-dark.mbsc-timeline-sidebar-header-cont, .mbsc-windows-dark.mbsc-timeline-sidebar-footer-cont, .mbsc-windows-dark.mbsc-timeline-column, .mbsc-windows-dark.mbsc-timeline-row, .mbsc-windows-dark.mbsc-schedule-resource-group, .mbsc-windows-dark.mbsc-schedule-resource, .mbsc-windows-dark.mbsc-schedule-time-col, .mbsc-windows-dark.mbsc-schedule-all-day-item::after, .mbsc-windows-dark.mbsc-schedule-column, .mbsc-windows-dark.mbsc-schedule-item, .mbsc-windows-dark.mbsc-timeline-row-group::after, .mbsc-windows-dark.mbsc-timeline-row-date {
  border-color: #343434;
}
.mbsc-windows-dark.mbsc-timeline-row-fixed {
  box-shadow: 0 1px 0 0 #343434;
}
.mbsc-windows-dark.mbsc-schedule-time-wrapper {
  border-top: 1px solid #343434;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-schedule-time-wrapper-end {
  border-bottom: 1px solid #343434;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-schedule-all-day-text, .mbsc-windows-dark.mbsc-schedule-timezone-label, .mbsc-windows-dark.mbsc-schedule-time-cont {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-schedule-event {
  color: #0078d7;
}
.mbsc-windows-dark.mbsc-schedule-event-inner {
  color: #fff;
}
.mbsc-windows-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-background, .mbsc-windows-dark.mbsc-schedule-event-active .mbsc-schedule-event-background {
  outline: 1px solid #ffffff;
}
.mbsc-windows-dark.mbsc-schedule-invalid {
  background: rgba(52, 52, 52, 0.75);
  color: #929292;
}
.mbsc-windows-dark.mbsc-timeline-header-bg, .mbsc-windows-dark.mbsc-timeline-header-text, .mbsc-windows-dark.mbsc-timeline-footer-bg, .mbsc-windows-dark.mbsc-timeline-resource-bg, .mbsc-windows-dark.mbsc-timeline-resource-header-cont, .mbsc-windows-dark.mbsc-timeline-resource-footer-cont, .mbsc-windows-dark.mbsc-timeline-resource-dragged, .mbsc-windows-dark.mbsc-timeline-row-fixed, .mbsc-windows-dark.mbsc-timeline-sidebar-header-cont, .mbsc-windows-dark.mbsc-timeline-sidebar-footer-cont {
  background: #1a1a1a;
}
.mbsc-windows-dark.mbsc-timeline-resource {
  background: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark .mbsc-timeline-header-active::after {
  background-color: #0078d7;
}
.mbsc-windows-dark.mbsc-timeline-parent {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-windows-dark.mbsc-timeline-parent-hover {
  background: rgba(255, 255, 255, 0.3);
}
.mbsc-windows-dark.mbsc-connection {
  stroke: rgba(255, 255, 255, 0.7);
}
.mbsc-windows-dark.mbsc-connection-arrow {
  fill: #ffffff;
}
.mbsc-windows-dark.mbsc-timeline-resource-drop {
  background-color: #43be5f;
}
.mbsc-windows-dark.mbsc-timeline-resource-drop-invalid {
  background-color: #a4262c;
}

.mbsc-eventcalendar {
  height: 100%;
  overflow: hidden;
}

/* Event list */
.mbsc-event-list {
  position: relative;
  z-index: 0;
  margin-top: -1px;
}

.mbsc-event-list-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mbsc-event-list-empty {
  text-align: center;
  margin: 3em;
  font-size: 1.5em;
}

.mbsc-event-day {
  position: sticky;
  top: 0;
  z-index: 3;
}

.mbsc-event-color,
.mbsc-event-time {
  flex: 0 0 auto;
}

.mbsc-event-content {
  overflow: hidden;
}

.mbsc-event-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Popover list */
.mbsc-calendar-popup .mbsc-popup-content {
  overscroll-behavior: contain;
}

.mbsc-popover-list {
  width: 24em;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.mbsc-popover-hidden {
  visibility: hidden;
}

.mbsc-calendar-dragging {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  cursor: move;
}

/* External drag element */
.mbsc-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-drag-clone {
  position: fixed;
  display: table;
  z-index: 99998;
  margin: 15px 0 0 0 !important;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  cursor: move;
}
.mbsc-drag-clone:after {
  content: "";
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: -50px;
  right: -50px;
}
.mbsc-drag-clone.mbsc-list-item {
  display: flex;
  min-width: 200px;
}
.mbsc-drag-clone .mbsc-calendar-text {
  margin: 0;
}
.mbsc-drag-clone .mbsc-calendar-label-resize {
  display: none;
}

/* Fake scroll rules */
.mbsc-schedule-fake-scroll-x,
.mbsc-schedule-fake-scroll-y {
  visibility: hidden;
  flex: none;
}

.mbsc-schedule-fake-scroll-x {
  overflow-x: scroll;
  width: 0;
}

.mbsc-schedule-fake-scroll-y {
  overflow-y: scroll;
  max-height: 20px;
}

.mbsc-ios {
  /* Color presets */
}
.mbsc-ios.mbsc-checkbox-right {
  padding: 0.875em 3.75em 0.875em 1em;
}
.mbsc-ios.mbsc-checkbox-left {
  padding: 0.875em 1em 0.875em 3.75em;
}
.mbsc-ios.mbsc-checkbox-box {
  width: 1.75em;
  height: 1.75em;
  margin-top: -0.875em;
  border: 0.125em solid currentColor;
  border-radius: 2em;
}
.mbsc-ios.mbsc-checkbox-box-right {
  right: 1em;
}
.mbsc-ios.mbsc-checkbox-box-left {
  left: 1em;
}
.mbsc-ios.mbsc-checkbox-box:after {
  top: 32%;
  left: 26%;
  width: 0.75em;
  height: 0.375em;
  border: 0.125em solid currentColor;
  border-top: 0;
  border-right: 0;
  transition: opacity 0.2s ease-in-out;
}
.mbsc-ios.mbsc-checkbox-box:before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  background: #ccc;
  transition: opacity 0.2s ease-in-out;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-focus:before {
  opacity: 0.12;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-primary {
  color: #3f97f6;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-secondary {
  color: #90979e;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-success {
  color: #43be5f;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-danger {
  color: #f5504e;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-warning {
  color: #f8b042;
}
.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-info {
  color: #5bb7c5;
}

.mbsc-ios.mbsc-checkbox-box {
  color: #1273de;
}

.mbsc-ios-dark.mbsc-checkbox-box {
  color: #ffa519;
}

.mbsc-material {
  /* Color presets */
}
.mbsc-material.mbsc-checkbox-right {
  padding: 0.9375em 3.5em 0.9375em 1em;
}
.mbsc-material.mbsc-checkbox-left {
  padding: 0.9375em 1em 0.9375em 3.5em;
}
.mbsc-material.mbsc-checkbox-box {
  border-radius: 0.1875em;
  width: 1.125em;
  height: 1.125em;
  margin-top: -0.5625em;
  border: 0.125em solid;
  transition: background-color 0.1s ease-out;
}
.mbsc-material.mbsc-checkbox-box-right {
  right: 1.25em;
}
.mbsc-material.mbsc-checkbox-box-left {
  left: 1.25em;
}
.mbsc-material.mbsc-checkbox-box:after {
  top: 0.125em;
  left: 0.0625em;
  width: 0.8125em;
  height: 0.4375em;
  opacity: 1;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
  transform: scale(0) rotate(-45deg);
  transition: transform 0.1s ease-out;
}
.mbsc-material.mbsc-checkbox-box:before {
  content: "";
  position: absolute;
  top: -0.8125em;
  left: -0.8125em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  background: currentColor;
  transition: opacity 0.2s ease-in-out;
}
.mbsc-material.mbsc-checkbox-box.mbsc-focus:before {
  opacity: 0.12;
}
.mbsc-material.mbsc-checkbox-box.mbsc-active:before {
  opacity: 0.2;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checked {
  background: currentColor;
  border-color: currentColor;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checked:after {
  transform: scale(1) rotate(-45deg);
}
.mbsc-material.mbsc-checkbox-box.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-primary {
  color: #3f97f6;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-secondary {
  color: #90979e;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-success {
  color: #43be5f;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-danger {
  color: #f5504e;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-warning {
  color: #f8b042;
}
.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-info {
  color: #5bb7c5;
}

.mbsc-material.mbsc-checkbox-box {
  color: #668281;
  border-color: #303030;
}
.mbsc-material.mbsc-checkbox-box:after {
  border-color: white;
}

.mbsc-material-dark.mbsc-checkbox-box {
  color: #87b0f3;
  border-color: #fff;
}
.mbsc-material-dark.mbsc-checkbox-box:after {
  border-color: #000;
}

.mbsc-windows {
  /* Color presets */
}
.mbsc-windows.mbsc-checkbox-left {
  padding: 1.125em 1em 1.125em 2.875em;
}
.mbsc-windows.mbsc-checkbox-right {
  padding: 1.125em 2.875em 1.125em 1em;
}
.mbsc-windows.mbsc-checkbox-box {
  margin-top: -0.6875em;
  width: 1.3125em;
  height: 1.3125em;
  border: 0.125em solid;
}
.mbsc-windows.mbsc-checkbox-box-left {
  left: 1em;
}
.mbsc-windows.mbsc-checkbox-box-right {
  right: 1em;
}
.mbsc-windows.mbsc-checkbox-box:after {
  top: 16%;
  left: 10%;
  width: 0.875em;
  height: 0.475em;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
}
.mbsc-windows.mbsc-checkbox-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-focus:before {
  opacity: 0.12;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-checked {
  background: currentColor;
  border-color: currentColor;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-primary {
  color: #3f97f6;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-secondary {
  color: #90979e;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-success {
  color: #43be5f;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-danger {
  color: #f5504e;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-warning {
  color: #f8b042;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-info {
  color: #5bb7c5;
}

.mbsc-windows.mbsc-checkbox-box {
  color: #0078d7;
  border-color: #333333;
}
.mbsc-windows.mbsc-checkbox-box:after {
  border-color: #e5f1fb;
}
.mbsc-windows.mbsc-checkbox-box:before {
  background: #737373;
}
.mbsc-windows.mbsc-checkbox-box.mbsc-active {
  border-color: #737373;
  background: #737373;
}

.mbsc-windows-dark.mbsc-checkbox-box {
  color: #0078d7;
  border-color: #ffffff;
}
.mbsc-windows-dark.mbsc-checkbox-box:after {
  border-color: black;
}
.mbsc-windows-dark.mbsc-checkbox-box:before {
  background: #a6a6a6;
}
.mbsc-windows-dark.mbsc-checkbox-box.mbsc-active {
  border-color: #a6a6a6;
  background: #a6a6a6;
}

.mbsc-checkbox {
  line-height: 1.25em;
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-checkbox-box {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: block;
  width: 1.375em;
  height: 1.375em;
}

.mbsc-checkbox-box:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(-45deg);
}

.mbsc-checkbox-box.mbsc-checked:after {
  opacity: 1;
}

.mbsc-description {
  display: block;
  font-size: 0.75em;
  opacity: 0.6;
}

.mbsc-ios .mbsc-block-title,
.mbsc-ios .mbsc-form-group-title {
  padding: 0.5em 1.333334em;
  font-size: 0.75em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.mbsc-ios.mbsc-page {
  background: #f2f2f7;
  color: #000000;
}
.mbsc-ios.mbsc-page a {
  color: #007aff;
}
.mbsc-ios .mbsc-block-title,
.mbsc-ios .mbsc-form-group-title {
  color: #6e6e6e;
}

.mbsc-ios-dark.mbsc-page {
  background: #000000;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-page a {
  color: #ff9f0a;
}
.mbsc-ios-dark .mbsc-block-title,
.mbsc-ios-dark .mbsc-form-group-title {
  color: #919191;
}

.mbsc-material .mbsc-block-title,
.mbsc-material .mbsc-form-group-title {
  padding: 0.666667em 1.333334em;
  font-size: 0.75em;
  text-transform: uppercase;
}

.mbsc-material.mbsc-page {
  background-color: #fff;
  color: #303030;
}
.mbsc-material.mbsc-page a {
  color: #668281;
}
.mbsc-material .mbsc-block-title,
.mbsc-material .mbsc-form-group-title {
  color: #668281;
}

.mbsc-material-dark.mbsc-page {
  background-color: #000;
  color: #fff;
}
.mbsc-material-dark.mbsc-page a {
  color: #87b0f3;
}
.mbsc-material-dark .mbsc-block-title,
.mbsc-material-dark .mbsc-form-group-title {
  color: #87b0f3;
}

.mbsc-windows .mbsc-block-title,
.mbsc-windows .mbsc-form-group-title {
  font-size: 1.5em;
  padding: 0 0.666667em;
  line-height: 2em;
}

.mbsc-windows.mbsc-page {
  background-color: #ffffff;
  color: #333333;
}
.mbsc-windows.mbsc-page a {
  color: #0078d7;
}
.mbsc-windows .mbsc-block-title,
.mbsc-windows .mbsc-form-group-title {
  color: #333333;
}

.mbsc-windows-dark.mbsc-page {
  background-color: #1a1a1a;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-page a {
  color: #0078d7;
}
.mbsc-windows-dark .mbsc-block-title,
.mbsc-windows-dark .mbsc-form-group-title {
  color: #ffffff;
}

.mbsc-page {
  display: block;
  min-height: 100%;
  padding: 0 0 0 0;
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)){

  .mbsc-page{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@supports (top: constant(safe-area-inset-top)){

  .mbsc-page{
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
}

.mbsc-page:before,
.mbsc-page:after {
  content: "";
  display: table;
}

/* Block */
.mbsc-block,
.mbsc-form-group {
  margin: 1.5em 0;
}

.mbsc-form-group-inset {
  margin: 2em 1.5em;
}

.mbsc-form-grid .mbsc-form-group-title {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Typography */
.mbsc-page h1,
.mbsc-page h2,
.mbsc-page h3,
.mbsc-page h4,
.mbsc-page h5,
.mbsc-page h6,
.mbsc-h1,
.mbsc-h2,
.mbsc-h3,
.mbsc-h4,
.mbsc-h5,
.mbsc-h6 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-weight: normal;
  font-family: inherit;
}

.mbsc-page p,
.mbsc-p {
  margin: 1em 0;
  padding: 0;
  line-height: 1.5;
}

.mbsc-page a,
.mbsc-a {
  text-decoration: none;
}

.mbsc-page a:hover,
.mbsc-a:hover {
  text-decoration: underline;
}

.mbsc-page a.mbsc-btn:hover,
.mbsc-a.mbsc-btn:hover {
  text-decoration: none;
}

.mbsc-page h1,
.mbsc-h1 {
  margin: 0.347826em 0;
  font-size: 2.875em;
}

.mbsc-page h2,
.mbsc-h2 {
  margin: 0.470588em 0;
  font-size: 2.125em;
}

.mbsc-page h3,
.mbsc-h3 {
  margin: 0.666666em 0;
  font-size: 1.5em;
}

.mbsc-page h4,
.mbsc-h4 {
  margin: 0.8em 0;
  font-size: 1.25em;
}

.mbsc-page h5,
.mbsc-h5 {
  margin: 1.066666em 0;
  font-size: 0.9375em;
}

.mbsc-page h6,
.mbsc-h6 {
  margin: 1.333333em 0;
  font-size: 0.75em;
}

/* Padding, margin */
.mbsc-padding {
  padding: 1em;
}

.mbsc-padding > p:first-child {
  margin-top: 0;
}

.mbsc-padding > p:last-child {
  margin-bottom: 0;
}

.mbsc-margin {
  margin: 1em 0;
}

.mbsc-margin:first-child {
  margin-top: 0;
}

.mbsc-margin:last-child {
  margin-bottom: 0;
}

/* Lists */
.mbsc-page ul,
.mbsc-page ol,
.mbsc-ul,
.mbsc-ol {
  padding: 0;
  margin: 1em 0 1em 1.25em;
  line-height: 1.5;
}

.mbsc-page ul ul,
.mbsc-page ol ol,
.mbsc-ul .mbsc-ul,
.mbsc-ol .mbsc-ol {
  margin: 0 0 0 1.25em;
}

/* Font sizes */
.mbsc-txt-xs {
  font-size: 0.625em;
}

.mbsc-txt-s {
  font-size: 0.75em;
}

.mbsc-txt-m {
  font-size: 1.25em;
}

.mbsc-txt-l {
  font-size: 1.5em;
}

.mbsc-txt-xl {
  font-size: 2em;
}

.mbsc-txt-muted {
  opacity: 0.6;
}

/* Line heights */
.mbsc-line-height-xs {
  line-height: 1;
}

.mbsc-line-height-s {
  line-height: 1.25;
}

.mbsc-line-height-m {
  line-height: 1.5;
}

.mbsc-line-height-l {
  line-height: 1.75;
}

.mbsc-line-height-xl {
  line-height: 2;
}

/* Font weights */
.mbsc-ultra-bold {
  font-weight: 900;
}

.mbsc-bold {
  font-weight: bold;
}

.mbsc-medium {
  font-weight: 500;
}

.mbsc-light {
  font-weight: 300;
}

.mbsc-thin {
  font-weight: 100;
}

.mbsc-italic {
  font-style: italic;
}

/* Text align */
.mbsc-align-left {
  text-align: left;
}

.mbsc-align-right {
  text-align: right;
}

.mbsc-align-center {
  text-align: center;
}

.mbsc-align-justify {
  text-align: justify;
}

/* Float */
.mbsc-pull-right {
  float: right;
}

.mbsc-pull-left {
  float: left;
}

/* Image section */
.mbsc-media-fluid {
  display: block;
  width: 100%;
}

.mbsc-img-thumbnail {
  width: 6em;
  height: 6em;
  margin: 1em;
}

/* Avatar image */
.mbsc-avatar {
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  border-radius: 1.25em;
}

/* Note */
.mbsc-note {
  position: relative;
  padding: 0.75em 1.25em;
  margin: 1em;
  border: 1px solid transparent;
  font-size: 0.875em;
}

@media (max-width: 600px) {
  .mbsc-note {
    text-align: center;
  }
}
.mbsc-ios {
  /* Color presets */
}
.mbsc-ios.mbsc-radio-left {
  padding: 0.875em 1em 0.875em 3.75em;
}
.mbsc-ios.mbsc-radio-right {
  padding: 0.875em 3.75em 0.875em 1em;
}
.mbsc-ios.mbsc-radio-box:after {
  top: 44%;
  left: 23%;
  width: 0.875em;
  height: 0.375em;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  transform: rotate(-45deg);
  transition: opacity 0.2s ease-in-out;
}
.mbsc-ios.mbsc-radio-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
  background: #ccc;
}
.mbsc-ios.mbsc-radio-box.mbsc-focus:before {
  opacity: 0.12;
}
.mbsc-ios.mbsc-radio-box-left {
  left: 1.125em;
}
.mbsc-ios.mbsc-radio-box-right {
  right: 1.125em;
}
.mbsc-ios.mbsc-radio-box.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-ios.mbsc-radio-box.mbsc-radio-box-primary:after {
  border-color: #3f97f6;
}
.mbsc-ios.mbsc-radio-box.mbsc-radio-box-secondary:after {
  border-color: #90979e;
}
.mbsc-ios.mbsc-radio-box.mbsc-radio-box-success:after {
  border-color: #43be5f;
}
.mbsc-ios.mbsc-radio-box.mbsc-radio-box-danger:after {
  border-color: #f5504e;
}
.mbsc-ios.mbsc-radio-box.mbsc-radio-box-warning:after {
  border-color: #f8b042;
}
.mbsc-ios.mbsc-radio-box.mbsc-radio-box-info:after {
  border-color: #5bb7c5;
}

.mbsc-ios.mbsc-radio-box:after {
  border-color: #1273de;
}
.mbsc-ios.mbsc-radio-label.mbsc-disabled {
  color: #c4c4c4;
}

.mbsc-ios-dark.mbsc-radio-box:after {
  border-color: #ffa519;
}
.mbsc-ios-dark.mbsc-radio-label.mbsc-disabled {
  color: #3b3b3b;
}

.mbsc-material {
  /* Color presets */
}
.mbsc-material.mbsc-radio-left {
  padding: 0.9375em 1em 0.9375em 3.5em;
}
.mbsc-material.mbsc-radio-right {
  padding: 0.9375em 3.5em 0.9375em 1em;
}
.mbsc-material.mbsc-radio-box {
  border: 0.125em solid;
  transition: background-color 0.1s ease-out;
}
.mbsc-material.mbsc-radio-box-left {
  left: 1.125em;
}
.mbsc-material.mbsc-radio-box-right {
  right: 1.125em;
}
.mbsc-material.mbsc-radio-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
  background: currentColor;
}
.mbsc-material.mbsc-radio-box.mbsc-focus:before {
  opacity: 0.12;
}
.mbsc-material.mbsc-radio-box.mbsc-active:before {
  opacity: 0.2;
}
.mbsc-material.mbsc-radio-box:after {
  background: currentColor;
  transform: scale(0);
  transition: transform 0.1s ease-out;
}
.mbsc-material.mbsc-radio-box.mbsc-checked {
  border-color: currentColor;
}
.mbsc-material.mbsc-radio-box.mbsc-checked:after {
  transform: scale(1);
}
.mbsc-material.mbsc-radio-box.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-material.mbsc-radio-box.mbsc-radio-box-primary {
  color: #3f97f6;
}
.mbsc-material.mbsc-radio-box.mbsc-radio-box-secondary {
  color: #90979e;
}
.mbsc-material.mbsc-radio-box.mbsc-radio-box-success {
  color: #43be5f;
}
.mbsc-material.mbsc-radio-box.mbsc-radio-box-danger {
  color: #f5504e;
}
.mbsc-material.mbsc-radio-box.mbsc-radio-box-warning {
  color: #f8b042;
}
.mbsc-material.mbsc-radio-box.mbsc-radio-box-info {
  color: #5bb7c5;
}

.mbsc-material.mbsc-radio-box {
  color: #668281;
  border-color: #303030;
}

.mbsc-material-dark.mbsc-radio-box {
  color: #87b0f3;
  border-color: #fff;
}

.mbsc-windows {
  /* Color presets */
}
.mbsc-windows.mbsc-radio-left {
  padding: 1.125em 1em 1.125em 3.25em;
}
.mbsc-windows.mbsc-radio-right {
  padding: 1.125em 3.25em 1.125em 1em;
}
.mbsc-windows.mbsc-radio-box-left {
  left: 1em;
}
.mbsc-windows.mbsc-radio-box-right {
  right: 1em;
}
.mbsc-windows.mbsc-radio-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
  background: #ccc;
}
.mbsc-windows.mbsc-radio-box.mbsc-focus:before {
  opacity: 0.12;
}
.mbsc-windows.mbsc-radio-box.mbsc-radio-box-primary.mbsc-checked {
  border-color: #3f97f6;
}
.mbsc-windows.mbsc-radio-box.mbsc-radio-box-secondary.mbsc-checked {
  border-color: #90979e;
}
.mbsc-windows.mbsc-radio-box.mbsc-radio-box-success.mbsc-checked {
  border-color: #43be5f;
}
.mbsc-windows.mbsc-radio-box.mbsc-radio-box-danger.mbsc-checked {
  border-color: #f5504e;
}
.mbsc-windows.mbsc-radio-box.mbsc-radio-box-warning.mbsc-checked {
  border-color: #f8b042;
}
.mbsc-windows.mbsc-radio-box.mbsc-radio-box-info.mbsc-checked {
  border-color: #5bb7c5;
}

.mbsc-windows.mbsc-radio-box {
  border: 0.125em solid #333333;
}
.mbsc-windows.mbsc-radio-box:after {
  background: #333333;
}
.mbsc-windows.mbsc-radio-box.mbsc-checked {
  border-color: #0078d7;
}
.mbsc-windows.mbsc-radio-box.mbsc-active {
  border-color: rgba(51, 51, 51, 0.6);
}
.mbsc-windows.mbsc-radio-box.mbsc-active:after {
  background: rgba(51, 51, 51, 0.6);
}

.mbsc-windows-dark.mbsc-radio-box {
  border: 0.125em solid #ffffff;
}
.mbsc-windows-dark.mbsc-radio-box:after {
  background: #ffffff;
}
.mbsc-windows-dark.mbsc-radio-box.mbsc-checked {
  border-color: #0078d7;
}
.mbsc-windows-dark.mbsc-radio-box.mbsc-active {
  border-color: rgba(255, 255, 255, 0.6);
}
.mbsc-windows-dark.mbsc-radio-box.mbsc-active:after {
  background: rgba(255, 255, 255, 0.6);
}

.mbsc-radio {
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  line-height: 1.25em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-radio-box {
  position: absolute;
  top: 50%;
  display: block;
  width: 1.25em;
  height: 1.25em;
  margin-top: -0.625em;
  border-radius: 1.25em;
  box-sizing: border-box;
}

.mbsc-radio-box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.625em;
  height: 0.625em;
  margin-top: -0.3125em;
  margin-left: -0.3125em;
  border-radius: 0.625em;
  opacity: 0;
}

.mbsc-radio-box.mbsc-checked:after {
  opacity: 1;
}

.mbsc-ios.mbsc-stepper-input {
  margin-left: -1px;
  margin-right: -1px;
  z-index: 1;
  border: 1px solid;
}
.mbsc-ios.mbsc-stepper-button.mbsc-button {
  line-height: 1.625em;
}
.mbsc-ios.mbsc-stepper-button.mbsc-disabled {
  opacity: 1;
}
.mbsc-ios.mbsc-stepper-inner {
  font-weight: normal;
}
.mbsc-ios.mbsc-disabled .mbsc-stepper-inner {
  opacity: 0.2;
}
.mbsc-ios.mbsc-stepper-plus:before {
  content: "";
  position: absolute;
  border-left: 1px solid;
  top: 0.4125em;
  bottom: 0.4125em;
}
.mbsc-ios.mbsc-stepper-plus.mbsc-ltr:before {
  left: 0;
}
.mbsc-ios.mbsc-stepper-plus.mbsc-rtl:before {
  right: 0;
}
.mbsc-ios.mbsc-stepper-center .mbsc-stepper-plus:before {
  display: none;
}
.mbsc-ios.mbsc-primary .mbsc-stepper-button {
  color: #3f97f6;
}
.mbsc-ios.mbsc-secondary .mbsc-stepper-button {
  color: #90979e;
}
.mbsc-ios.mbsc-success .mbsc-stepper-button {
  color: #43be5f;
}
.mbsc-ios.mbsc-danger .mbsc-stepper-button {
  color: #f5504e;
}
.mbsc-ios.mbsc-warning .mbsc-stepper-button {
  color: #f8b042;
}
.mbsc-ios.mbsc-info .mbsc-stepper-button {
  color: #5bb7c5;
}

.mbsc-ios.mbsc-stepper-input {
  border-color: #dedede;
  color: #000000;
}
.mbsc-ios.mbsc-stepper-input.mbsc-disabled {
  color: rgba(0, 0, 0, 0.2);
}
.mbsc-ios.mbsc-stepper-button {
  background: #dedede;
  color: #000000;
}
.mbsc-ios.mbsc-stepper-plus:before {
  border-color: rgba(0, 0, 0, 0.2);
}

.mbsc-ios-dark.mbsc-stepper-input {
  border-color: #2b2b2b;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-stepper-input.mbsc-disabled {
  color: rgba(255, 255, 255, 0.2);
}
.mbsc-ios-dark.mbsc-stepper-button {
  background: #2b2b2b;
  color: #ffffff;
}
.mbsc-ios-dark.mbsc-stepper-plus:before {
  border-color: rgba(255, 255, 255, 0.2);
}

.mbsc-material.mbsc-stepper-control {
  height: 2.25em;
}
.mbsc-material.mbsc-stepper-inner {
  font-size: 2.142857em;
  font-weight: 750;
}
.mbsc-material.mbsc-stepper-button.mbsc-button {
  line-height: 1em;
  box-shadow: none;
  border: 2px solid currentColor;
}
.mbsc-material.mbsc-stepper-minus.mbsc-ltr, .mbsc-material.mbsc-stepper-plus.mbsc-rtl {
  border-right: 0;
}
.mbsc-material.mbsc-stepper-minus.mbsc-rtl, .mbsc-material.mbsc-stepper-plus.mbsc-ltr {
  border-left: 0;
}
.mbsc-material.mbsc-stepper-button.mbsc-disabled {
  opacity: 1;
}
.mbsc-material.mbsc-stepper-input {
  z-index: 1;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: 0;
  border-right: 0;
  width: 4em;
}
.mbsc-material.mbsc-primary .mbsc-stepper-button {
  background: #3f97f6;
  border-color: #3f97f6;
}
.mbsc-material.mbsc-secondary .mbsc-stepper-button {
  background: #90979e;
  border-color: #90979e;
}
.mbsc-material.mbsc-success .mbsc-stepper-button {
  background: #43be5f;
  border-color: #43be5f;
}
.mbsc-material.mbsc-danger .mbsc-stepper-button {
  background: #f5504e;
  border-color: #f5504e;
}
.mbsc-material.mbsc-warning .mbsc-stepper-button {
  background: #f8b042;
  border-color: #f8b042;
}
.mbsc-material.mbsc-info .mbsc-stepper-button {
  background: #5bb7c5;
  border-color: #5bb7c5;
}
.mbsc-material.mbsc-primary .mbsc-stepper-input {
  border-color: #3f97f6;
}
.mbsc-material.mbsc-secondary .mbsc-stepper-input {
  border-color: #90979e;
}
.mbsc-material.mbsc-success .mbsc-stepper-input {
  border-color: #43be5f;
}
.mbsc-material.mbsc-danger .mbsc-stepper-input {
  border-color: #f5504e;
}
.mbsc-material.mbsc-warning .mbsc-stepper-input {
  border-color: #f8b042;
}
.mbsc-material.mbsc-info .mbsc-stepper-input {
  border-color: #5bb7c5;
}

.mbsc-material.mbsc-stepper-input {
  border-color: #d6d6d6;
  color: #5b5b5b;
}
.mbsc-material.mbsc-stepper-input.mbsc-disabled {
  color: #b3b3b3;
}
.mbsc-material.mbsc-stepper-button {
  background: #d6d6d6;
  color: #d6d6d6;
}
.mbsc-material.mbsc-stepper-inner {
  color: #fff;
}
.mbsc-material.mbsc-color-none .mbsc-stepper-inner {
  color: #303030;
}
.mbsc-material.mbsc-stepper-button.mbsc-disabled {
  background: #d6d6d6;
}
.mbsc-material.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: #b3b3b3;
}

.mbsc-material-dark.mbsc-stepper-input {
  border-color: #595959;
  color: #c2c2c2;
}
.mbsc-material-dark.mbsc-stepper-input.mbsc-disabled {
  color: #737373;
}
.mbsc-material-dark.mbsc-stepper-button {
  background: #595959;
  color: #595959;
}
.mbsc-material-dark.mbsc-stepper-inner {
  color: #000;
}
.mbsc-material-dark.mbsc-color-none .mbsc-stepper-inner {
  color: #fff;
}
.mbsc-material-dark.mbsc-stepper-button.mbsc-disabled {
  background: #595959;
}
.mbsc-material-dark.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: #737373;
}

.mbsc-windows.mbsc-stepper-button.mbsc-button {
  width: 3.625em;
  line-height: 1.5em;
  border-color: currentColor;
}
.mbsc-windows.mbsc-stepper-button.mbsc-hover:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mbsc-windows.mbsc-stepper-button.mbsc-disabled {
  opacity: 1;
}
.mbsc-windows.mbsc-stepper-minus.mbsc-ltr, .mbsc-windows.mbsc-stepper-plus.mbsc-rtl {
  border-right: 0;
}
.mbsc-windows.mbsc-stepper-minus.mbsc-rtl, .mbsc-windows.mbsc-stepper-plus.mbsc-ltr {
  border-left: 0;
}
.mbsc-windows.mbsc-stepper-inner {
  font-size: 1.75em;
  font-weight: 800;
}
.mbsc-windows.mbsc-stepper-input {
  z-index: 1;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: 0;
  border-right: 0;
  width: 4em;
}
.mbsc-windows.mbsc-primary .mbsc-stepper-button {
  background: #3f97f6;
  border-color: #3f97f6;
}
.mbsc-windows.mbsc-secondary .mbsc-stepper-button {
  background: #90979e;
  border-color: #90979e;
}
.mbsc-windows.mbsc-success .mbsc-stepper-button {
  background: #43be5f;
  border-color: #43be5f;
}
.mbsc-windows.mbsc-danger .mbsc-stepper-button {
  background: #f5504e;
  border-color: #f5504e;
}
.mbsc-windows.mbsc-warning .mbsc-stepper-button {
  background: #f8b042;
  border-color: #f8b042;
}
.mbsc-windows.mbsc-info .mbsc-stepper-button {
  background: #5bb7c5;
  border-color: #5bb7c5;
}
.mbsc-windows.mbsc-primary .mbsc-stepper-input {
  border-color: #3f97f6;
}
.mbsc-windows.mbsc-secondary .mbsc-stepper-input {
  border-color: #90979e;
}
.mbsc-windows.mbsc-success .mbsc-stepper-input {
  border-color: #43be5f;
}
.mbsc-windows.mbsc-danger .mbsc-stepper-input {
  border-color: #f5504e;
}
.mbsc-windows.mbsc-warning .mbsc-stepper-input {
  border-color: #f8b042;
}
.mbsc-windows.mbsc-info .mbsc-stepper-input {
  border-color: #5bb7c5;
}

.mbsc-windows.mbsc-stepper-input {
  border-color: #cccccc;
  color: #333333;
}
.mbsc-windows.mbsc-stepper-input.mbsc-disabled {
  color: #b3b3b3;
}
.mbsc-windows.mbsc-stepper-button {
  color: #cccccc;
}
.mbsc-windows.mbsc-stepper-button.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.2);
}
.mbsc-windows.mbsc-stepper-button.mbsc-disabled {
  background: #cccccc;
}
.mbsc-windows.mbsc-stepper-inner {
  color: #333333;
}
.mbsc-windows.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: #b3b3b3;
}

.mbsc-windows-dark.mbsc-stepper-input {
  border-color: #404040;
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-stepper-input.mbsc-disabled {
  color: gray;
}
.mbsc-windows-dark.mbsc-stepper-button {
  color: #404040;
}
.mbsc-windows-dark.mbsc-stepper-button.mbsc-hover:before {
  background: rgba(255, 255, 255, 0.2);
}
.mbsc-windows-dark.mbsc-stepper-button.mbsc-disabled {
  background: #404040;
}
.mbsc-windows-dark.mbsc-stepper-inner {
  color: #ffffff;
}
.mbsc-windows-dark.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: gray;
}

.mbsc-stepper {
  line-height: 1.25em;
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  padding: 1.5em 11.75em 1.5em 1em;
}

.mbsc-stepper.mbsc-rtl {
  padding: 1.5em 1em 1.5em 11.75em;
}

.mbsc-stepper-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-stepper-input {
  width: 3.571429em;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  font-size: 0.875em;
  text-align: center;
  opacity: 1;
  z-index: 3;
  background: transparent;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.mbsc-stepper-input::-webkit-outer-spin-button,
.mbsc-stepper-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mbsc-stepper-input:focus {
  outline-width: 0;
}

.mbsc-stepper-input.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-stepper-control {
  position: absolute;
  z-index: 2;
  margin-top: -1em;
  top: 50%;
  height: 2em;
}

.mbsc-stepper-control.mbsc-ltr {
  right: 1em;
}

.mbsc-stepper-control.mbsc-rtl {
  left: 1em;
}

.mbsc-stepper-start .mbsc-stepper-input {
  border: none;
  order: -1;
}

.mbsc-stepper-start.mbsc-ltr .mbsc-stepper-minus.mbsc-button {
  margin-right: -1px;
}

.mbsc-stepper-start.mbsc-rtl .mbsc-stepper-minus.mbsc-button {
  margin-left: -1px;
}

.mbsc-stepper-end .mbsc-stepper-input {
  border: none;
  order: 2;
}

.mbsc-stepper-end.mbsc-ltr .mbsc-stepper-minus.mbsc-button {
  margin-right: -1px;
}

.mbsc-stepper-end.mbsc-rtl .mbsc-stepper-minus.mbsc-button {
  margin-left: -1px;
}

.mbsc-stepper-button.mbsc-button.mbsc-font {
  width: 3.25em;
  margin: 0;
  display: inline-block;
}

.mbsc-stepper-inner {
  font-size: 2em;
  font-weight: bold;
}

.mbsc-stepper-minus.mbsc-button.mbsc-ltr {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mbsc-stepper-plus.mbsc-button.mbsc-ltr {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mbsc-stepper-minus.mbsc-button.mbsc-rtl {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mbsc-stepper-plus.mbsc-button.mbsc-rtl {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mbsc-ios.mbsc-switch-right {
  padding: 0.875em 5em 0.875em 1em;
}
.mbsc-ios.mbsc-switch-left {
  padding: 0.875em 1em 0.875em 5em;
}
.mbsc-ios.mbsc-switch-track {
  width: 1.25em;
  height: 2em;
  padding: 0;
  margin: -0.96875em 0.875em 0 0.875em;
  border-radius: 1.25em;
}
.mbsc-ios.mbsc-switch-track-right {
  right: 1em;
}
.mbsc-ios.mbsc-switch-track-left {
  left: 1em;
}
.mbsc-ios.mbsc-switch-track:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: -1em;
  bottom: 0;
  left: -1em;
  border-radius: 1.25em;
  transition: background-color 0.2s ease-out;
}
.mbsc-ios.mbsc-switch-track.mbsc-disabled {
  opacity: 0.3;
}
.mbsc-ios.mbsc-switch-handle {
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 1.75em;
  height: 1.75em;
  margin: -0.875em 0 0 -0.875em;
  border-radius: 1.75em;
  box-shadow: 0 0.1875em 0.75em rgba(0, 0, 0, 0.16), 0 0.1875em 0.0625em rgba(0, 0, 0, 0.1);
  background: #fff;
}
.mbsc-ios.mbsc-switch-track.mbsc-switch-primary.mbsc-checked:after {
  background: #3f97f6;
}
.mbsc-ios.mbsc-switch-track.mbsc-switch-secondary.mbsc-checked:after {
  background: #90979e;
}
.mbsc-ios.mbsc-switch-track.mbsc-switch-success.mbsc-checked:after {
  background: #43be5f;
}
.mbsc-ios.mbsc-switch-track.mbsc-switch-danger.mbsc-checked:after {
  background: #f5504e;
}
.mbsc-ios.mbsc-switch-track.mbsc-switch-warning.mbsc-checked:after {
  background: #f8b042;
}
.mbsc-ios.mbsc-switch-track.mbsc-switch-info.mbsc-checked:after {
  background: #5bb7c5;
}

.mbsc-ios.mbsc-switch-track:after {
  background: #e5e5e5;
}
.mbsc-ios.mbsc-switch-track.mbsc-focus:after {
  box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.5);
}
.mbsc-ios.mbsc-switch-track.mbsc-checked:after {
  background: #4cd764;
}

.mbsc-ios-dark.mbsc-switch-track:after {
  background: #383838;
}
.mbsc-ios-dark.mbsc-switch-track.mbsc-focus:after {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.5);
}
.mbsc-ios-dark.mbsc-switch-track.mbsc-checked:after {
  background: #4cd764;
}

.mbsc-material {
  /* Color presets */
}
.mbsc-material.mbsc-switch-right {
  padding: 0.9375em 4em 0.9375em 1em;
}
.mbsc-material.mbsc-switch-left {
  padding: 0.9375em 1em 0.9375em 4em;
}
.mbsc-material.mbsc-switch-track {
  width: 1.75em;
  height: 0.875em;
  padding: 0 0.25em;
  margin-top: -0.4375em;
  border-radius: 1.25em;
}
.mbsc-material.mbsc-switch-track-left {
  left: 1.25em;
}
.mbsc-material.mbsc-switch-track-right {
  right: 1.25em;
}
.mbsc-material.mbsc-switch-handle {
  width: 1.25em;
  height: 1.25em;
  border-radius: 1.25em;
  top: 50%;
  margin-left: -0.625em;
  margin-top: -0.625em;
}
.mbsc-material.mbsc-switch-handle:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  border-radius: 2.875em;
  top: -0.625em;
  left: -0.625em;
  width: 2.5em;
  height: 2.5em;
}
.mbsc-material.mbsc-switch-handle.mbsc-focus:before {
  opacity: 0.5;
}
.mbsc-material.mbsc-switch-handle.mbsc-active:before {
  opacity: 1;
}
.mbsc-material.mbsc-switch-handle.mbsc-switch-primary.mbsc-checked {
  background: #3f97f6;
}
.mbsc-material.mbsc-switch-track.mbsc-switch-primary.mbsc-checked {
  background: #a0ccfb;
}
.mbsc-material.mbsc-switch-handle.mbsc-switch-secondary.mbsc-checked {
  background: #90979e;
}
.mbsc-material.mbsc-switch-track.mbsc-switch-secondary.mbsc-checked {
  background: #c6cace;
}
.mbsc-material.mbsc-switch-handle.mbsc-switch-success.mbsc-checked {
  background: #43be5f;
}
.mbsc-material.mbsc-switch-track.mbsc-switch-success.mbsc-checked {
  background: #8fd8a0;
}
.mbsc-material.mbsc-switch-handle.mbsc-switch-danger.mbsc-checked {
  background: #f5504e;
}
.mbsc-material.mbsc-switch-track.mbsc-switch-danger.mbsc-checked {
  background: #faafaf;
}
.mbsc-material.mbsc-switch-handle.mbsc-switch-warning.mbsc-checked {
  background: #f8b042;
}
.mbsc-material.mbsc-switch-track.mbsc-switch-warning.mbsc-checked {
  background: #fcd9a4;
}
.mbsc-material.mbsc-switch-handle.mbsc-switch-info.mbsc-checked {
  background: #5bb7c5;
}
.mbsc-material.mbsc-switch-track.mbsc-switch-info.mbsc-checked {
  background: #a6d8e0;
}

.mbsc-material.mbsc-switch-track {
  background: #c4c4c4;
}
.mbsc-material.mbsc-switch-track.mbsc-checked {
  background: rgba(102, 130, 129, 0.3);
}
.mbsc-material.mbsc-switch-track.mbsc-disabled {
  background: #e8e8e8;
}
.mbsc-material.mbsc-switch-handle {
  background: white;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mbsc-material.mbsc-switch-handle.mbsc-checked {
  background: #668281;
}
.mbsc-material.mbsc-switch-handle.mbsc-disabled {
  background: #cccccc;
}
.mbsc-material.mbsc-switch-handle:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material-dark.mbsc-switch-track {
  background: #2b2b2b;
}
.mbsc-material-dark.mbsc-switch-track.mbsc-checked {
  background: rgba(135, 176, 243, 0.3);
}
.mbsc-material-dark.mbsc-switch-track.mbsc-disabled {
  background: #2b2b2b;
}
.mbsc-material-dark.mbsc-switch-handle {
  background: #878787;
  box-shadow: 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12);
}
.mbsc-material-dark.mbsc-switch-handle.mbsc-checked {
  background: #87b0f3;
}
.mbsc-material-dark.mbsc-switch-handle.mbsc-disabled {
  background: #292929;
}
.mbsc-material-dark.mbsc-switch-handle:before {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-windows.mbsc-switch-right {
  padding: 1.125em 5.25em 1.125em 1em;
}
.mbsc-windows.mbsc-switch-left {
  padding: 1.125em 1em 1.125em 5.25em;
}
.mbsc-windows.mbsc-switch-track {
  width: 1.5em;
  height: 1em;
  margin-top: -0.5em;
}
.mbsc-windows.mbsc-switch-track-right {
  right: 1.75em;
}
.mbsc-windows.mbsc-switch-track-left {
  left: 1.75em;
}
.mbsc-windows.mbsc-switch-track:before, .mbsc-windows.mbsc-switch-track:after {
  content: "";
  position: absolute;
  z-index: 1;
  border: 0.125em solid transparent;
}
.mbsc-windows.mbsc-switch-track:before {
  top: -0.125em;
  bottom: -0.125em;
  left: -0.625em;
  right: -0.625em;
  border-radius: 0.625em;
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;
}
.mbsc-windows.mbsc-switch-track:after {
  top: -0.25em;
  bottom: -0.25em;
  left: -0.75em;
  right: -0.75em;
  border-radius: 0.75em;
}
.mbsc-windows.mbsc-switch-track.mbsc-disabled {
  opacity: 0.2;
}
.mbsc-windows.mbsc-switch-handle {
  z-index: 2;
  top: 50%;
  left: 50%;
  right: auto;
  height: 0.625em;
  width: 0.625em;
  border-radius: 10px;
  margin: -0.3125em 0 0 -0.3125em;
}
.mbsc-windows.mbsc-switch-track.mbsc-switch-primary.mbsc-checked:before {
  border-color: #3f97f6;
  background: #3f97f6;
}
.mbsc-windows.mbsc-switch-track.mbsc-switch-secondary.mbsc-checked:before {
  border-color: #90979e;
  background: #90979e;
}
.mbsc-windows.mbsc-switch-track.mbsc-switch-success.mbsc-checked:before {
  border-color: #43be5f;
  background: #43be5f;
}
.mbsc-windows.mbsc-switch-track.mbsc-switch-danger.mbsc-checked:before {
  border-color: #f5504e;
  background: #f5504e;
}
.mbsc-windows.mbsc-switch-track.mbsc-switch-warning.mbsc-checked:before {
  border-color: #f8b042;
  background: #f8b042;
}
.mbsc-windows.mbsc-switch-track.mbsc-switch-info.mbsc-checked:before {
  border-color: #5bb7c5;
  background: #5bb7c5;
}

.mbsc-windows.mbsc-switch-track.mbsc-checked:before {
  border-color: #0078d7;
  background: #0078d7;
}
.mbsc-windows.mbsc-switch-track:before, .mbsc-windows.mbsc-switch-track.mbsc-disabled:before {
  border-color: #333333;
  background: none;
}
.mbsc-windows.mbsc-switch-track.mbsc-active:before {
  border-color: #737373;
  background: #737373;
}
.mbsc-windows.mbsc-switch-track.mbsc-focus:after {
  border-color: #a6a6a6;
}
.mbsc-windows.mbsc-switch-handle {
  background: #333333;
}
.mbsc-windows.mbsc-switch-handle.mbsc-checked {
  background: #ffffff;
}
.mbsc-windows.mbsc-switch-handle.mbsc-disabled {
  background: #333333;
}

.mbsc-windows-dark.mbsc-switch-track.mbsc-checked:before {
  border-color: #0078d7;
  background: #0078d7;
}
.mbsc-windows-dark.mbsc-switch-track:before, .mbsc-windows-dark.mbsc-switch-track.mbsc-disabled:before {
  border-color: #ffffff;
  background: none;
}
.mbsc-windows-dark.mbsc-switch-track.mbsc-active:before {
  border-color: #a6a6a6;
  background: #a6a6a6;
}
.mbsc-windows-dark.mbsc-switch-track.mbsc-focus:after {
  border-color: #8c8c8c;
}
.mbsc-windows-dark.mbsc-switch-handle {
  background: #ffffff;
}
.mbsc-windows-dark.mbsc-switch-handle.mbsc-checked {
  background: #1a1a1a;
}
.mbsc-windows-dark.mbsc-switch-handle.mbsc-disabled {
  background: #ffffff;
}

.mbsc-switch {
  position: relative;
  display: block;
  margin: 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  line-height: 1.25em;
}

.mbsc-switch-track {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: block;
  box-sizing: border-box;
}

.mbsc-switch-handle {
  display: block;
  position: absolute;
  cursor: pointer;
}
.mbsc-switch-handle.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-switch-handle-animate {
  transition: left 0.1s ease-in-out;
}

.mbsc-description {
  display: block;
  font-size: 0.75em;
  opacity: 0.6;
}

.save-message {
  font-size: 0;
  background: transparent;
  color: transparent;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.75rem;
  margin-bottom: 0.25rem;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 0.25rem;
  display: flex;
  height: 48px;
  position: absolute;
  right: 26%;
  top: -48px;
}
.save-message.show {
  font-size: 0.875rem;
  color: #0c5460;
  background: #d1ecf1;
  border: 1px solid #bee5eb;
}

#ajaxnav .component-edit-page .alert {
  align-items: center;
  border: 0;
  display: flex;
  margin: 0;
  overflow: hidden;
  padding: 0;
  transition: 0.2s;
  height: 0;
}
#ajaxnav .component-edit-page .alert.show {
  margin-bottom: 1rem;
  padding: 1.25rem;
  transition: 0.2s;
}
#ajaxnav .component-edit-page p {
  color: #526c6b;
}
#ajaxnav .component-edit-page .layouts-wrapper {
  margin-top: -6.55rem;
  position: fixed;
  right: 0;
  width: 21%;
}
#ajaxnav .component-edit-page .layouts-wrapper .layouts-header {
  height: 105px;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available {
  max-height: calc(100vh - 288px);
  overflow-y: auto;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item {
  background: transparent;
  box-shadow: 0 3px 6px #0000004D;
  border: 1px solid #e9f0f4;
  border-radius: 5px;
  margin: 1rem 0.25rem;
  padding: 1rem 0;
  cursor: grab;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item:first-of-type {
  margin-top: 0;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item.layout-hover {
  background: #ECF4F4;
  border-color: #cce1e1;
  transition: 0.2s;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item .alert {
  display: none;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item > div {
  color: #668281;
  font-size: 0.875rem;
  font-weight: bold;
  margin-left: 1rem;
  margin-bottom: 0.75rem;
  padding-right: 2.25rem;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item .layout {
  background-color: #e8e8e8;
  border: 0;
  height: 2rem;
  display: block;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item ul.row li.col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item ul.row li.col:nth-of-type(1) {
  padding-left: 15px;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item ul.row li.col:nth-last-of-type(1) {
  padding-right: 15px;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item:after {
  content: "";
  -webkit-mask-image: url(../images/icons/component/move.svg);
          mask-image: url(../images/icons/component/move.svg);
  background-color: #010202;
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  right: 1rem;
  top: 1.2rem;
  height: 16px;
  width: 16px;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available li.layout-item:hover:after {
  background-color: #668281;
}
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available .layout-actions,
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available .delete-layout,
#ajaxnav .component-edit-page .layouts-wrapper ul.layout-available .actions {
  display: none !important;
}
#ajaxnav .component-edit-page .layout-grid {
  background-color: #FFFFFF;
  height: calc(100vh - 288px);
  overflow-y: auto;
  padding: 1rem;
}
#ajaxnav .component-edit-page .layout-grid .layout-item {
  background: #FBFBFB;
  border: 1px solid #e9f0f4;
  border-radius: 0.25rem;
  cursor: grab;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #668281;
  font-weight: normal;
  flex-wrap: wrap;
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-title {
  font-weight: bold;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li.col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li.col:nth-of-type(1) {
  padding-left: 15px;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li.col:nth-last-of-type(1) {
  padding-right: 15px;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li {
  position: relative;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout {
  border: 1px solid #e9f0f4;
  height: 3.5rem;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  font-weight: normal;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  background-color: #e8e8e8;
  cursor: default;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout:hover {
  background: #ECF4F4;
  border-color: #cce1e1;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout:hover .component-title:not(.typeless):before {
  background-color: #668281;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout:hover .actions {
  background: #ECF4F4;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout .component-title {
  padding: 1rem 1rem 1rem 2.5rem;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout .component-title:not(.typeless):before {
  content: "";
  background-color: #333333;
  position: absolute;
  height: 25px;
  width: 25px !important;
  left: 0.5rem;
  top: 0.9rem;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout .component-title.card {
  background: transparent;
  border: none;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .layout .component-title.usp:before {
  top: 0.75rem;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .add-component {
  -webkit-mask-image: url(../images/icons/component/add.svg);
          mask-image: url(../images/icons/component/add.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-position: center center;
          mask-position: center center;
  background-color: #7C7C7C;
  border: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .add-component:hover {
  background-color: #668281;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .add-component.hide {
  display: none;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .add-component.show {
  display: flex;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 5px;
  top: 0;
  margin: 0;
  z-index: 1;
  background: #e8e8e8;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions button {
  background-color: #010202;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px;
  -webkit-mask-position: center center;
          mask-position: center center;
  border: 0;
  display: flex;
  justify-content: flex-end;
  width: 28px;
  height: 3.5rem;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions button:hover {
  background-color: #668281;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions button.hide {
  display: none;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions button.show {
  display: flex;
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions .edit-component {
  -webkit-mask-image: url(../images/icons/edit.svg);
          mask-image: url(../images/icons/edit.svg);
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions .change-component {
  -webkit-mask-image: url(../images/icons/component/change.svg);
          mask-image: url(../images/icons/component/change.svg);
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions .setting-component {
  -webkit-mask-image: url(../images/icons/component/options.svg);
          mask-image: url(../images/icons/component/options.svg);
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row li .actions .delete-component {
  -webkit-mask-image: url(../images/icons/cross.svg);
          mask-image: url(../images/icons/cross.svg);
}
#ajaxnav .component-edit-page .layout-grid .layout-item.disabled {
  opacity: 0.6;
}
#ajaxnav .component-edit-page .layout-grid .layout-item.disabled .actions {
  display: none;
}
#ajaxnav .component-edit-page .layout-grid .layout-item.layout-hover:not(.disabled) {
  background: #ECF4F4;
  border-color: #cce1e1;
  transition: 0.2s;
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
  overflow: hidden;
  transition: 0.2s;
  z-index: 1;
  margin-left: auto;
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions button {
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: right center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 1rem;
  position: relative;
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions button:hover {
  color: #668281;
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .content-layout {
  background-image: url("../images/icons/dropdown-black.svg");
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .content-layout:hover {
  background-image: url("../images/icons/dropdown-primary.svg");
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .move-layout:after,
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .setting-layout:after,
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .delete-layout:after {
  content: "";
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #010202;
  position: absolute;
  right: 0;
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .move-layout:hover:after,
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .setting-layout:hover:after,
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .delete-layout:hover:after {
  background-color: #668281;
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .move-layout:after {
  -webkit-mask-image: url(../images/icons/component/move.svg);
          mask-image: url(../images/icons/component/move.svg);
  -webkit-mask-size: 13px 13px;
          mask-size: 13px 13px;
  height: 13px;
  width: 13px;
  top: calc(1rem + 5px);
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .setting-layout:after {
  -webkit-mask-image: url(../images/icons/component/options.svg);
          mask-image: url(../images/icons/component/options.svg);
  -webkit-mask-size: 13px 13px;
          mask-size: 13px 13px;
  height: 13px;
  width: 13px;
  top: calc(1rem + 5px);
}
#ajaxnav .component-edit-page .layout-grid .layout-item .layout-actions .delete-layout:after {
  -webkit-mask-image: url(../images/icons/cross.svg);
          mask-image: url(../images/icons/cross.svg);
  -webkit-mask-size: 11px 11px;
          mask-size: 11px 11px;
  height: 11px;
  width: 11px;
  top: calc(1rem + 5px);
}
#ajaxnav .component-edit-page .layout-grid .layout-item ul.row {
  flex: 0 0 calc(100% + 30px);
  margin-left: -15px;
  margin-top: 1rem;
}
#ajaxnav .component-edit-page .layout-grid.no-layouts:before {
  content: "Er zijn nog geen layouts toegevoegd aan deze pagina.";
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 1.4rem;
  width: 100%;
  padding: 2rem;
}
#ajaxnav .component-edit-page ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ph-class {
  background: #FBFBFB 0 0 no-repeat padding-box;
  box-shadow: 0 3px 6px #0000004D;
  border: 1px solid #e9f0f4;
  border-radius: 5px;
  cursor: grab;
  height: 92px !important;
  margin: 0.5rem;
  padding: 0.5rem;
  width: calc(100% - 1rem) !important;
}

.body .page-edit-wrapper h2 {
  font-size: 1.9rem !important;
  color: #668281 !important;
}
.body .page-edit-wrapper h2:first-letter {
  text-transform: uppercase !important;
}
.body .page-edit-wrapper #ajaxnav {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.body .page-edit-wrapper #ajaxnav .ui-tabs-panel {
  padding-top: 0.25rem !important;
  padding-bottom: 0 !important;
}
.body .page-edit-wrapper #ajaxnav .nav {
  padding-left: 0;
}

.page-manage {
  position: fixed;
  left: 0;
}
.page-manage h2 {
  font-size: 1.9rem;
  color: #668281;
  text-transform: capitalize;
}
.page-manage .page-order-options {
  overflow: hidden;
  margin-bottom: 1rem;
}
.page-manage .page-order-options .pageOrderButton {
  border: 1px solid #668281;
  background: transparent;
  border-radius: 0.25rem;
  float: right;
  align-items: center;
  display: none;
  overflow: hidden;
  padding: 0.25rem 0.5rem;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.page-manage .page-order-options .pageOrderButton.show {
  display: flex;
}
.page-manage .page-order-options .pageOrderButton:hover {
  cursor: pointer;
  color: #668281;
}
.page-manage .page-order-options .pageOrderButton:hover:after {
  background-color: #668281;
}
.page-manage .page-order-options .pageOrderButton:after {
  content: "";
  -webkit-mask-image: url(../images/icons/component/move.svg);
          mask-image: url(../images/icons/component/move.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  background-color: #010202;
  -webkit-mask-position: left center;
          mask-position: left center;
  margin-left: 0.5rem;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.page-manage .page-order-options .pageOrderButton.pageOrderSave {
  background-color: #d88d44;
  border-color: #d88d44;
  margin-left: 0.25rem;
  color: white;
}
.page-manage .page-order-options .pageOrderButton.pageOrderSave:after {
  display: none;
}
.page-manage .page-order-options .pageOrderButton.pageOrderSave:hover {
  background-color: #c17328;
  border-color: #c17328;
}
.page-manage .page-order-options .pageOrderButton.pageOrderCancel {
  background-color: #668281;
  border-color: #668281;
  color: #B8D0D0;
}
.page-manage .page-order-options .pageOrderButton.pageOrderCancel:after {
  display: none;
}
.page-manage .page-order-options .pageOrderButton.pageOrderCancel:hover {
  border-color: #526c6b;
  background-color: #526c6b;
}
.page-manage .website-menu {
  background: #e8e8e8;
  border: 1px solid #e9f0f4;
  border-radius: 0.25rem;
  list-style: none;
  margin: 0;
  max-height: calc(100vh - 320px);
  overflow-y: auto;
  margin-bottom: 1rem;
}
.page-manage .website-menu.editable {
  box-shadow: 0 3px 6px #0000004D;
}
.page-manage .website-menu.editable a {
  position: relative;
}
.page-manage .website-menu.editable a:after {
  content: "";
  background-image: url(../images/icons/component/move.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0.5rem;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 12px;
  height: 12px;
}
.page-manage .website-menu > li:first-child {
  border-top: 0;
}
.page-manage .website-menu li {
  border-top: 1px solid #e9f0f4;
  position: relative;
}
.page-manage .website-menu li a {
  display: block;
  padding: 0.35rem 1rem;
  border: 1px solid #e8e8e8;
  color: #333333;
  height: auto;
  border-radius: unset;
  background: white;
  font-weight: normal;
  margin: 0;
}
.page-manage .website-menu li a:hover {
  text-decoration: none;
}
.page-manage .website-menu li:hover > a {
  color: #d88d44;
}
.page-manage .website-menu li.active > a {
  color: #d88d44;
  position: relative;
}
.page-manage .website-menu li.active > a:before {
  content: "";
  position: absolute;
  background-color: #d88d44;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
}
.page-manage .website-menu li.in-active > a {
  color: grey;
  opacity: 0.8;
}
.page-manage .website-menu li.in-active:before {
  background-color: #e8e8e8;
}
.page-manage .website-menu li.in-active:hover > a {
  color: #d88d44;
}
.page-manage .website-menu .website-sub-menu {
  list-style: none;
  margin: 0 0 0 1.5rem;
  position: relative;
  padding-left: 0;
}
.page-manage .website-menu .website-sub-menu li > a {
  position: relative;
  border: 1px solid 1px solid #e8e8e8;
}
.page-manage .website-menu .website-sub-menu li > a:hover:before {
  background-image: url(../images/icons/component/parent-arrow.svg);
}
.page-manage .website-menu .website-sub-menu li.active > a:before {
  background-image: url(../images/icons/component/parent-arrow.svg);
}

.component-block.book-now-button:before,
.component-title.book-now-button:before {
  -webkit-mask: url(../images/icons/component/book-now-button.svg) no-repeat center/contain;
          mask: url(../images/icons/component/book-now-button.svg) no-repeat center/contain;
}
.component-block.button:before,
.component-title.button:before {
  -webkit-mask: url(../images/icons/component/button.svg) no-repeat center/contain;
          mask: url(../images/icons/component/button.svg) no-repeat center/contain;
}
.component-block.card:before,
.component-title.card:before {
  -webkit-mask: url(../images/icons/component/card.svg) no-repeat center/contain;
          mask: url(../images/icons/component/card.svg) no-repeat center/contain;
}
.component-block.carousel:before,
.component-title.carousel:before {
  -webkit-mask: url(../images/icons/component/carousel.svg) no-repeat center/contain;
          mask: url(../images/icons/component/carousel.svg) no-repeat center/contain;
}
.component-block.condition:before,
.component-title.condition:before {
  -webkit-mask: url(../images/icons/component/condition.svg) no-repeat center/contain;
          mask: url(../images/icons/component/condition.svg) no-repeat center/contain;
}
.component-block.content:before,
.component-title.content:before {
  width: 50px !important;
  -webkit-mask: url(../images/icons/component/content.svg) no-repeat center/contain;
          mask: url(../images/icons/component/content.svg) no-repeat center/contain;
}
.component-block.form:before,
.component-title.form:before {
  -webkit-mask: url(../images/icons/component/form.svg) no-repeat center/contain;
          mask: url(../images/icons/component/form.svg) no-repeat center/contain;
}
.component-block.grid:before,
.component-title.grid:before {
  -webkit-mask: url(../images/icons/component/grid.svg) no-repeat center/contain;
          mask: url(../images/icons/component/grid.svg) no-repeat center/contain;
}
.component-block.heading:before,
.component-title.heading:before {
  -webkit-mask: url(../images/icons/component/heading.svg) no-repeat center/contain;
          mask: url(../images/icons/component/heading.svg) no-repeat center/contain;
}
.component-block.image:before,
.component-title.image:before {
  -webkit-mask: url(../images/icons/component/image.svg) no-repeat center/contain;
          mask: url(../images/icons/component/image.svg) no-repeat center/contain;
}
.component-block.language-picker:before,
.component-title.language-picker:before {
  -webkit-mask: url(../images/icons/component/language-picker.svg) no-repeat center/contain;
          mask: url(../images/icons/component/language-picker.svg) no-repeat center/contain;
}
.component-block.menu:before,
.component-title.menu:before {
  -webkit-mask: url(../images/icons/component/menu.svg) no-repeat center/contain;
          mask: url(../images/icons/component/menu.svg) no-repeat center/contain;
}
.component-block.news-overview:before, .component-block.news-details:before,
.component-title.news-overview:before,
.component-title.news-details:before {
  -webkit-mask: url(../images/icons/component/news-overview.svg) no-repeat center/contain;
          mask: url(../images/icons/component/news-overview.svg) no-repeat center/contain;
}
.component-block.newsletter:before,
.component-title.newsletter:before {
  -webkit-mask: url(../images/icons/component/newsletter.svg) no-repeat center/contain;
          mask: url(../images/icons/component/newsletter.svg) no-repeat center/contain;
}
.component-block.page-render:before, .component-block.render:before,
.component-title.page-render:before,
.component-title.render:before {
  -webkit-mask: url(../images/icons/component/page-render.svg) no-repeat center/contain;
          mask: url(../images/icons/component/page-render.svg) no-repeat center/contain;
}
.component-block.personalia:before,
.component-title.personalia:before {
  -webkit-mask: url(../images/icons/component/personalia.svg) no-repeat center/contain;
          mask: url(../images/icons/component/personalia.svg) no-repeat center/contain;
}
.component-block.recreation-composition:before,
.component-title.recreation-composition:before {
  -webkit-mask: url(../images/icons/component/recreation-composition.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-composition.svg) no-repeat center/contain;
}
.component-block.recreation-facility:before,
.component-title.recreation-facility:before {
  -webkit-mask: url(../images/icons/component/recreation-facility.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-facility.svg) no-repeat center/contain;
}
.component-block.recreation-filter:before,
.component-title.recreation-filter:before {
  -webkit-mask: url(../images/icons/component/recreation-filter.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-filter.svg) no-repeat center/contain;
}
.component-block.recreation-floormap:before,
.component-title.recreation-floormap:before {
  -webkit-mask: url(../images/icons/component/recreation-floormap.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-floormap.svg) no-repeat center/contain;
}
.component-block.recreation-object-highlight:before,
.component-title.recreation-object-highlight:before {
  -webkit-mask: url(../images/icons/component/recreation-object-highlight.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-highlight.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-calendar:before,
.component-title.recreation-object-type-calendar:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-calendar.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-calendar.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-checkinout:before,
.component-title.recreation-object-type-checkinout:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-checkinout.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-checkinout.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-description:before,
.component-title.recreation-object-type-description:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-description.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-description.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-favorite:before,
.component-title.recreation-object-type-favorite:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-favorite.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-favorite.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-feature:before,
.component-title.recreation-object-type-feature:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-feature.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-feature.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-highlight:before,
.component-title.recreation-object-type-highlight:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-highlight.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-highlight.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-image:before,
.component-title.recreation-object-type-image:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-image.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-image.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-overview:before,
.component-title.recreation-object-type-overview:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-overview.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-overview.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-rating:before,
.component-title.recreation-object-type-rating:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-rating.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-rating.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-review:before,
.component-title.recreation-object-type-review:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-review.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-review.svg) no-repeat center/contain;
}
.component-block.recreation-object-type-title:before,
.component-title.recreation-object-type-title:before {
  -webkit-mask: url(../images/icons/component/recreation-object-type-title.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-object-type-title.svg) no-repeat center/contain;
}
.component-block.recreation-pricesummary:before,
.component-title.recreation-pricesummary:before {
  -webkit-mask: url(../images/icons/component/recreation-pricesummary.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-pricesummary.svg) no-repeat center/contain;
}
.component-block.recreation-searchbar:before,
.component-title.recreation-searchbar:before {
  -webkit-mask: url(../images/icons/component/recreation-searchbar.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-searchbar.svg) no-repeat center/contain;
}
.component-block.recreation-thankyou:before,
.component-title.recreation-thankyou:before {
  -webkit-mask: url(../images/icons/component/recreation-thankyou.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-thankyou.svg) no-repeat center/contain;
}
.component-block.recreation-voucher:before,
.component-title.recreation-voucher:before {
  -webkit-mask: url(../images/icons/component/recreation-voucher.svg) no-repeat center/contain;
          mask: url(../images/icons/component/recreation-voucher.svg) no-repeat center/contain;
}
.component-block.register-form:before,
.component-title.register-form:before {
  -webkit-mask: url(../images/icons/component/register-form.svg) no-repeat center/contain;
          mask: url(../images/icons/component/register-form.svg) no-repeat center/contain;
}
.component-block.review:before,
.component-title.review:before {
  -webkit-mask: url(../images/icons/component/review.svg) no-repeat center/contain;
          mask: url(../images/icons/component/review.svg) no-repeat center/contain;
}
.component-block.share:before,
.component-title.share:before {
  -webkit-mask: url(../images/icons/component/share.svg) no-repeat center/contain;
          mask: url(../images/icons/component/share.svg) no-repeat center/contain;
}
.component-block.usp:before,
.component-title.usp:before {
  -webkit-mask: url(../images/icons/component/usp.svg) no-repeat center/contain;
          mask: url(../images/icons/component/usp.svg) no-repeat center/contain;
}

.components-overview {
  padding: 0 15px;
}
.components-overview .component-row {
  order: 1;
}
.components-overview .component-row.selected {
  order: 0;
}
.components-overview .component-block {
  border: 1px solid #e9f0f4;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  font-size: 1rem;
}
.components-overview .component-block img {
  margin: 0 0.25rem;
}
.components-overview .component-block:hover {
  border: 1px solid #CDEAE9;
  background: #CDEAE9;
  cursor: pointer;
}
.components-overview .component-block .action-buttons button {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center center;
  border: 0;
  display: flex;
  justify-content: flex-end;
  width: 25px;
  height: 25px;
  margin: 0 0.25rem;
  font-size: 0;
}
.components-overview .component-block .action-buttons button.componenteditbtn {
  background-image: url("../images/icons/edit.svg");
}
.components-overview .component-block .action-buttons button.componentcopybtn {
  background-image: url("../images/icons/copy.svg");
}
.components-overview .component-block.active {
  border: 1px solid #CDEAE9;
  background: #CDEAE9;
}
.components-overview .component-block.active .action-buttons button.componenteditbtn {
  background-image: url("../images/icons/edit-primary.svg");
}
.components-overview .component-block.active .action-buttons button.componentcopybtn {
  background-image: url("../images/icons/copy-primary.svg");
}
.components-overview .component-block.active:before {
  background-color: #668281;
}
.components-overview .component-block:before {
  content: "";
  background-color: #333333;
  display: block;
  height: 30px;
  width: 30px;
  margin: 0 auto 0.5rem;
}
.components-overview .component-block.card {
  background: revert;
  font-size: 1rem;
  padding: 1.5rem;
  border-color: #e9f0f4;
}

#pagesettings .form-group .select2-container {
  width: 100% !important;
}

.component-type-recreation-object-type-overview .card[draggable=true],
.component-type-recreation-object-type-highlight .card[draggable=true] {
  cursor: grab;
}
.component-type-recreation-object-type-overview .card[draggable=true]:after,
.component-type-recreation-object-type-highlight .card[draggable=true]:after {
  content: "";
  -webkit-mask-image: url(../images/icons/component/move.svg);
          mask-image: url(../images/icons/component/move.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px;
  background-color: #010202;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0.5rem;
  top: 0.7rem;
}

.drag-selected,
.drag-available {
  overflow: auto;
  height: 406px;
}

.compact-drag-selected .card-body,
.compact-drag-available .card-body {
  padding: 0;
}
.compact-drag-selected .card-body .card-title,
.compact-drag-available .card-body .card-title {
  margin-bottom: 0;
}
.compact-drag-selected .ph-class,
.compact-drag-available .ph-class {
  margin: 0.5rem;
  padding: 0.5rem;
  width: calc(100% - 1rem) !important;
  height: 40px !important;
}

div[draggable] {
  cursor: grab;
}
div[draggable]:active {
  cursor: grabbing;
}

.websitecomponentform .alert-info {
  position: absolute;
  margin-top: -0.5rem;
}
.websitecomponentform .body #ajaxnav .ui-tabs-panel {
  padding: 1rem 0 0 0 !important;
}

form .form-group .form-control {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  height: 30px;
}
form .form-group .form-control[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
form .form-group .form-control[readonly]:active, form .form-group .form-control[readonly]:focus, form .form-group .form-control[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
form .form-group .form-control[readonly].stockred:active, form .form-group .form-control[readonly].stockred:focus, form .form-group .form-control[readonly].stockred:hover {
  background-color: red;
}
form .form-group .form-control[readonly].stockorange:active, form .form-group .form-control[readonly].stockorange:focus, form .form-group .form-control[readonly].stockorange:hover {
  background-color: orange;
}
form .form-group .form-control:hover, form .form-group .form-control:focus, form .form-group .form-control:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
form .form-group .form-control.stockred {
  background-color: red;
  color: white;
}
form .form-group .form-control.stockorange {
  background-color: orange;
}
form .form-group .form-control.datepicker {
  border-radius: 0.25rem !important;
}
form .form-group img {
  bottom: 9px !important;
  left: unset !important;
  right: 22px !important;
  top: unset !important;
}
form .form-group textarea {
  min-height: 90px;
}
form .form-group .input-group-text {
  background-color: #e8e8e8;
  border-color: #dee2e6;
  height: 30px;
  padding: 0.35rem;
  transition: 0.2s;
}
@media (max-width: 992px) {
  form .form-group .input-group-text {
    padding: 0.75rem;
  }
}
form .form-group .input-group-text img {
  width: 12px;
}
form .form-group .input-group-text:hover {
  background-color: #cfcfcf;
  transition: 0.2s;
}

.select2-container .select2-results {
  max-height: 15em;
  overflow-y: auto;
}
.select2-container .select2-results ul li {
  font-size: 0.75rem;
  padding: 0.25rem;
}
.select2-container .select2-results ul li.select2-results__option--selected {
  background: transparent;
  text-decoration: underline;
}
.select2-container .select2-results ul li.select2-results__option--highlighted {
  background-color: #B8D0D0;
  color: initial;
}

table .select2-container {
  width: 100% !important;
}

#content table td.select2 .select2-container {
  width: auto !important;
}

.form-group .select2-container {
  flex-grow: 1;
}

.form-group .select2-container .select2-selection,
table .select2-container .select2-selection {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  min-height: 30px;
  overflow: hidden;
  padding: 0.25rem 0.75rem;
}
.form-group .select2-container .select2-selection[readonly],
table .select2-container .select2-selection[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.form-group .select2-container .select2-selection[readonly]:active, .form-group .select2-container .select2-selection[readonly]:focus, .form-group .select2-container .select2-selection[readonly]:hover,
table .select2-container .select2-selection[readonly]:active,
table .select2-container .select2-selection[readonly]:focus,
table .select2-container .select2-selection[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.form-group .select2-container .select2-selection[readonly].stockred:active, .form-group .select2-container .select2-selection[readonly].stockred:focus, .form-group .select2-container .select2-selection[readonly].stockred:hover,
table .select2-container .select2-selection[readonly].stockred:active,
table .select2-container .select2-selection[readonly].stockred:focus,
table .select2-container .select2-selection[readonly].stockred:hover {
  background-color: red;
}
.form-group .select2-container .select2-selection[readonly].stockorange:active, .form-group .select2-container .select2-selection[readonly].stockorange:focus, .form-group .select2-container .select2-selection[readonly].stockorange:hover,
table .select2-container .select2-selection[readonly].stockorange:active,
table .select2-container .select2-selection[readonly].stockorange:focus,
table .select2-container .select2-selection[readonly].stockorange:hover {
  background-color: orange;
}
.form-group .select2-container .select2-selection:hover, .form-group .select2-container .select2-selection:focus, .form-group .select2-container .select2-selection:focus-within,
table .select2-container .select2-selection:hover,
table .select2-container .select2-selection:focus,
table .select2-container .select2-selection:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
.form-group .select2-container .select2-selection.stockred,
table .select2-container .select2-selection.stockred {
  background-color: red;
  color: white;
}
.form-group .select2-container .select2-selection.stockorange,
table .select2-container .select2-selection.stockorange {
  background-color: orange;
}
.form-group .select2-container .select2-selection--multiple,
table .select2-container .select2-selection--multiple {
  max-height: 91px;
  overflow-y: auto;
}
.form-group .select2-container .select2-selection--multiple .select2-search--inline,
table .select2-container .select2-selection--multiple .select2-search--inline {
  line-height: 1.4;
}
.form-group .select2-container .select2-selection--multiple textarea,
table .select2-container .select2-selection--multiple textarea {
  box-shadow: unset !important;
  background: transparent !important;
  border: 0 !important;
  display: block;
  padding: 0 !important;
  min-height: unset;
  margin-top: 0 !important;
  margin-left: 0 !important;
  line-height: 1.5;
}
.form-group .select2-container .select2-selection--multiple .select2-selection__choice,
table .select2-container .select2-selection--multiple .select2-selection__choice {
  align-items: center;
  background-color: #FBFBFB;
  border-color: #859E9D;
  border-radius: 3px;
  display: flex;
  font-size: 0.75rem;
  float: left;
  min-height: 21px;
  margin: 0.2rem 0.2rem 0 0;
  padding: 0.1rem;
}
.form-group .select2-container .select2-selection--multiple .select2-selection__choice__remove,
table .select2-container .select2-selection--multiple .select2-selection__choice__remove {
  position: relative;
  border: 0;
}

.form-group.expanded-select .select2-container .select2-selection--multiple {
  max-height: 182px;
  overflow-y: auto;
}

.form-group .input-group .select2-container .select2-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-group .select2 .select2-selection,
#content .select2 .select2-selection {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  padding: 0.25rem 0.75rem;
}
.form-group .select2 .select2-selection[readonly],
#content .select2 .select2-selection[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.form-group .select2 .select2-selection[readonly]:active, .form-group .select2 .select2-selection[readonly]:focus, .form-group .select2 .select2-selection[readonly]:hover,
#content .select2 .select2-selection[readonly]:active,
#content .select2 .select2-selection[readonly]:focus,
#content .select2 .select2-selection[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.form-group .select2 .select2-selection[readonly].stockred:active, .form-group .select2 .select2-selection[readonly].stockred:focus, .form-group .select2 .select2-selection[readonly].stockred:hover,
#content .select2 .select2-selection[readonly].stockred:active,
#content .select2 .select2-selection[readonly].stockred:focus,
#content .select2 .select2-selection[readonly].stockred:hover {
  background-color: red;
}
.form-group .select2 .select2-selection[readonly].stockorange:active, .form-group .select2 .select2-selection[readonly].stockorange:focus, .form-group .select2 .select2-selection[readonly].stockorange:hover,
#content .select2 .select2-selection[readonly].stockorange:active,
#content .select2 .select2-selection[readonly].stockorange:focus,
#content .select2 .select2-selection[readonly].stockorange:hover {
  background-color: orange;
}
.form-group .select2 .select2-selection:hover, .form-group .select2 .select2-selection:focus, .form-group .select2 .select2-selection:focus-within,
#content .select2 .select2-selection:hover,
#content .select2 .select2-selection:focus,
#content .select2 .select2-selection:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
.form-group .select2 .select2-selection.stockred,
#content .select2 .select2-selection.stockred {
  background-color: red;
  color: white;
}
.form-group .select2 .select2-selection.stockorange,
#content .select2 .select2-selection.stockorange {
  background-color: orange;
}
.form-group .select2 .select2-selection .select2-selection__clear,
#content .select2 .select2-selection .select2-selection__clear {
  float: left;
  margin-right: 0.25rem;
}
.form-group .select2 .select2-selection .select2-selection__rendered,
#content .select2 .select2-selection .select2-selection__rendered {
  line-height: 1.4;
  padding-left: 0;
}
.form-group .select2 .select2-selection .select2-selection__placeholder,
#content .select2 .select2-selection .select2-selection__placeholder {
  line-height: 1.5;
  color: #757575;
  font-family: sans-serif;
}

button.btn-primary {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
}
button.btn-primary:active, button.btn-primary:focus, button.btn-primary:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}

.bootstrap-table .fixed-table-pagination {
  display: flex;
}
.bootstrap-table .fixed-table-pagination .pagination-detail {
  font-size: 0.75rem;
  flex-direction: column;
  width: 100%;
}
.bootstrap-table .fixed-table-pagination .pagination-detail .pagination-info {
  line-height: 1 !important;
}
@media (min-width: 992px) {
  .bootstrap-table .fixed-table-pagination .pagination-detail {
    align-items: center;
    display: flex;
    flex-direction: row;
  }
}
.bootstrap-table .fixed-table-pagination .pagination-detail .btn-group .btn {
  background: #668281;
  border-color: #668281;
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin: 0;
  padding: 0.25rem;
  transition: 0.2s;
}
.bootstrap-table .fixed-table-pagination .pagination-detail .btn-group .btn:active, .bootstrap-table .fixed-table-pagination .pagination-detail .btn-group .btn:focus, .bootstrap-table .fixed-table-pagination .pagination-detail .btn-group .btn:hover {
  background: #668281;
  border-color: #668281;
  box-shadow: unset;
  transition: 0.2s;
}
.bootstrap-table .fixed-table-pagination .pagination-detail .dropdown-menu {
  min-width: auto;
}
.bootstrap-table .fixed-table-pagination .pagination-detail .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  padding: 0.25rem 0.65rem;
}
@media (max-width: 767px) {
  .bootstrap-table .fixed-table-pagination {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .bootstrap-table .fixed-table-pagination .page-list {
    display: none !important;
  }
  .bootstrap-table .fixed-table-pagination .pagination {
    margin-left: auto;
  }
}
.bootstrap-table .table thead th {
  background: #FBFBFB !important;
  color: #668281 !important;
  vertical-align: middle !important;
}
.bootstrap-table .table thead th .th-inner {
  padding: 0.2rem 0.7rem !important;
}
.bootstrap-table .table thead th .th-inner.sortable {
  background-image: url("../images/icons/sort-up-and-down-arrows.svg") !important;
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: 100% center;
}
.bootstrap-table .table thead th .th-inner.desc, .bootstrap-table .table thead th .th-inner.asc {
  background-color: #ECF4F4;
}
.bootstrap-table .table tbody tr.info.group-by:not(:first-of-type) {
  border-top: 2px solid #c6c6c6;
}
.bootstrap-table .table tbody tr.info.group-by td {
  background-color: #e9f0f4 !important;
  color: #526c6b;
}
.bootstrap-table .table tbody tr.info.group-by td a {
  color: #526c6b;
}
@media (max-width: 562px) {
  .bootstrap-table .table tbody tr {
    border-left: 0 !important;
  }
  .bootstrap-table .table tbody tr .card-views {
    background-color: white;
    border: 1px solid #c6c6c6;
    border-radius: 0.25rem;
    padding: 0.2rem 0.7rem !important;
    margin-bottom: 1rem;
  }
  .bootstrap-table .table tbody td {
    padding: 0.2rem !important;
  }
}
.bootstrap-table .table tbody .btn-group {
  width: auto !important;
}
.bootstrap-table .table tbody .btn {
  background-color: #e8e8e8;
  font-size: 0.75rem;
}
@media (min-width: 767px) {
  .bootstrap-table .table tbody .btn {
    margin: 0 0.25rem;
  }
}
@media (min-width: 992px) {
  .bootstrap-table .table tbody .btn {
    background: transparent;
    padding: 0;
    margin: 0 0.25rem;
  }
}
.bootstrap-table .table tfoot th {
  padding: 0.2rem 0.3rem 0.2rem 0.7rem !important;
}
@media (min-width: 768px) {
  .bootstrap-table .table.fonts-xl td {
    font-size: 1.4rem;
  }
  .bootstrap-table .table.fonts-xl td .btn {
    padding: 0.375rem 0.75rem;
  }
  .bootstrap-table .table.fonts-xl td .btn img {
    width: 20px;
    height: 20px;
  }
}
.bootstrap-table .fixed-table-container {
  z-index: 1;
}
.bootstrap-table .fixed-table-container .table tbody tr .card-views .card-view .card-view-title,
.bootstrap-table .fixed-table-container .table tbody tr .card-views .card-view .card-view-value {
  padding: 0.25rem 0;
  border-bottom: 1px solid #B8D0D0;
}
.bootstrap-table .fixed-table-container .table tbody tr .card-views .card-view:last-of-type span {
  border: 0;
}
.bootstrap-table .fixed-table-body .fixed-table-loading.open {
  align-items: flex-start;
  padding-top: 1rem;
}
.bootstrap-table .fixed-table-container:not(.has-card-view) {
  min-width: -moz-min-content;
  min-width: min-content;
}

.page-item.active .page-link {
  z-index: unset;
}

@media (max-width: 992px) {
  .responsive-tbl thead {
    display: none;
  }
  .responsive-tbl tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: white;
    border: 1px solid #c6c6c6 !important;
    border-radius: 0.25rem;
    padding: 0.2rem 0.7rem !important;
    margin-top: 2rem !important;
  }
  .responsive-tbl tbody tr td {
    flex: 0 0 100%;
    border: transparent !important;
    background: transparent !important;
  }
  .responsive-tbl tbody tr td div:not(.btn) {
    padding-left: 0 !important;
  }
  .responsive-tbl tbody tr td .input-group .product-autocompl {
    flex: 1 1 auto;
    width: 1%;
  }
  .responsive-tbl tbody tr td .input-group-text {
    max-height: 30px;
    margin-top: auto;
  }
  .responsive-tbl tbody tr td label {
    font-weight: 600;
  }
  .responsive-tbl tbody tr td.button {
    flex: 0 0 auto;
  }
  .responsive-tbl tfoot {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: white;
    border: 1px solid #c6c6c6 !important;
    border-radius: 0.25rem;
    padding: 0.2rem 0.7rem !important;
    margin-top: 2rem !important;
  }
  .responsive-tbl tfoot tr {
    display: flex;
    justify-content: flex-end;
  }
  .responsive-tbl tfoot tr td:nth-child(1) {
    margin-right: 0.25rem;
  }
  .responsive-tbl .btn-group {
    width: auto !important;
    padding-left: 0 !important;
  }
  .responsive-tbl .btn-group .btn {
    background-color: #e8e8e8;
    font-size: 0.75rem;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  .responsive-tbl .btn-group .btn {
    margin: 0 0.25rem;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .responsive-tbl .btn-group .btn {
    background: transparent;
    padding: 0;
    margin: 0 0.25rem;
  }
}
@media (min-width: 992px) {
  .responsive-tbl tbody tr td label {
    display: none;
  }
  .responsive-tbl tbody tr td .form-group img {
    right: 9px !important;
  }
  .responsive-tbl tbody tr td .btn-group {
    padding-left: 0 !important;
  }
  .responsive-tbl .product-autocompl {
    width: 1%;
    flex: 1 1 auto;
    min-width: 175px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  html,
* {
    -webkit-font-smoothing: antialiased !important;
  }
}
html {
  min-height: 100%;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #668281;
}

progress::-webkit-progress-bar {
  background: #FFFFFF;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
  border-radius: 20px;
}

progress::-webkit-progress-value {
  background: #668281;
  border-radius: 20px;
}

body:not(.touchscreen):not(.login):not(.admin-page) {
  height: 100vh;
  overflow: auto !important;
  visibility: visible !important;
}
body:not(.touchscreen):not(.login):not(.admin-page).prevent-scrolling {
  overflow: hidden !important;
}
body:not(.touchscreen):not(.login):not(.admin-page).prevent-scrolling #container {
  overflow: hidden;
}
body:not(.touchscreen):not(.login):not(.admin-page) #container #header-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 110 !important;
}
body:not(.touchscreen):not(.login):not(.admin-page) #navbar {
  top: 52px;
  left: 0 !important;
  position: fixed !important;
  z-index: 109 !important;
}
body:not(.touchscreen):not(.login):not(.admin-page) .detailblock .body {
  height: 100%;
}
body:not(.touchscreen):not(.login):not(.admin-page) .header:not(:empty) {
  position: fixed;
  left: 0;
  top: 90px;
  z-index: 10;
}
body:not(.touchscreen):not(.login):not(.admin-page).framepage .header:not(:empty) {
  box-shadow: 2px 2px 4px 1px #cdcdcd;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
body:not(.touchscreen):not(.login):not(.admin-page).framepage .placeholder {
  margin-top: 3rem;
}
body:not(.touchscreen):not(.login):not(.admin-page) #container {
  height: auto !important;
}
body:not(.touchscreen):not(.login):not(.admin-page) #placeholder {
  height: 100% !important;
  padding-top: 91px !important;
  overflow: unset !important;
}
body:not(.touchscreen):not(.login):not(.admin-page) #content {
  height: 100%;
  margin-top: 0;
  overflow: unset;
  padding-top: 60px;
}
body:not(.touchscreen):not(.login):not(.admin-page).planbord {
  overflow-y: hidden !important;
}
body:not(.touchscreen):not(.login):not(.admin-page).planbord #content #blocks {
  height: calc(100vh - 148px) !important;
}
body:not(.touchscreen):not(.login):not(.admin-page).dashboard #content {
  padding-top: 0;
}
body:not(.touchscreen):not(.login):not(.admin-page).dashboard .wrapper .content {
  height: 100%;
  overflow-y: hidden;
}
body:not(.touchscreen):not(.login):not(.admin-page).dashboard:not(.overview) .wrapper .content {
  padding-top: 75px;
}
body:not(.touchscreen):not(.login):not(.admin-page) #detailblockbody {
  height: auto !important;
  overflow: unset !important;
}
body:not(.touchscreen):not(.login):not(.admin-page) #detailblockbody.overflow {
  overflow: auto !important;
}

@media (max-width: 767px) {
  body.hidden-header:not(.touchscreen):not(.login):not(.admin-page) #placeholder {
    padding-top: 60px !important;
  }
}
body.hidden-header:not(.touchscreen):not(.login):not(.admin-page) #placeholder #container {
  height: 100% !important;
}
body.hidden-header:not(.touchscreen):not(.login):not(.admin-page) #placeholder #container #content {
  padding-top: 0 !important;
}
body.hidden-header:not(.touchscreen):not(.login):not(.admin-page) #placeholder #container #content #detailblockbody {
  height: 100% !important;
}
body.hidden-header:not(.touchscreen):not(.login):not(.admin-page) #placeholder #container #content #detailblockbody .body {
  padding: 0 1rem 1rem 1rem;
}

body.scrum-planbord .detailblock .body {
  padding: 0;
}

body.fixed-scroll .detailblock .body {
  height: 84vh !important;
  overflow-y: scroll !important;
}

body.updated.framepage .searchrelationform table tbody tr {
  justify-content: flex-end !important;
}

body.planbord #container {
  height: 100% !important;
}

body {
  background: #f6f6f6;
  font-family: "Roboto", sans-serif !important;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: default;
  /*
     12px = 0.75rem
     14px = 0.875rem
     16px = 1rem
     18px = 1.125rem
     20px = 1.25rem
     24px = 1.5rem
     30px = 1.875rem
     36px = 2.25rem
     40px = 2.5rem
     48px = 3rem
     */
}
body.loading {
  cursor: wait;
}
body.font-size-fix {
  font-size: 12px;
}
body.font-size-fix #detailblockbody .body table input[type=text] {
  background: initial;
}
body a {
  color: black;
}
body .btn.btn-primary {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  display: inline-flex;
  margin-left: 0;
}
body .btn.btn-primary:active, body .btn.btn-primary:focus, body .btn.btn-primary:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
body .btn.btn-secondary {
  color: white;
}
body .btn.dropdown-toggle {
  margin-bottom: 0.5rem;
}

body.framepage {
  margin: 0;
}
body.framepage.no-buttons .header {
  display: none;
}
body.framepage h2 {
  color: #668281;
  font-size: 1.4rem;
}
body.framepage #messagebox {
  position: relative;
}
body.framepage .placeholder {
  background: #f6f6f6;
  height: auto !important;
  overflow: hidden;
}
body.framepage .tablesorter-sticky-wrapper {
  display: none !important;
}

a,
td,
th,
h1,
div,
select {
  text-transform: none !important;
}

select:before {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 15px;
}

.badge {
  color: #fff;
}

.textboxlist {
  background: #e8e8e8 !important;
  box-shadow: inset 0 2px 4px 2px rgba(206, 206, 206, 0.6);
}

.select2-item {
  display: inline-block;
  border-radius: 50%;
  height: 10px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 10px;
  border: 1px solid #000;
}

.double-input {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.double-input .input {
  flex: 0 0 44%;
  max-width: 44%;
  position: relative;
  margin-right: 2% !important;
}
.double-input .input:last-of-type {
  margin-left: 2% !important;
}

.half-width {
  max-width: calc(50% - 1rem);
}
@media (max-width: 992px) {
  .half-width {
    max-width: 100%;
  }
}

.index-fix {
  position: relative;
  z-index: 1;
}

.ui-datepicker-trigger {
  width: 14px;
}

.form-group .resetCurrentColor {
  top: unset;
  bottom: 4px;
  right: 22px;
}

.resetCurrentColor {
  background: #668281;
  border-radius: 0.25rem;
  cursor: pointer;
  height: 22px;
  position: absolute;
  right: 2px;
  top: 4px;
  width: 22px;
}
.resetCurrentColor:before {
  background-image: url("../images/icons/delete.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 4px center;
  content: "";
  display: block;
  height: 22px;
  width: 22px;
}

#detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td #cke_doc_content a {
  left: 0;
  position: relative;
  top: 0;
}

::-webkit-scrollbar {
  background: #e6e6e6;
  border-radius: 8px;
  height: 8px;
  width: 8px;
  margin-top: 10px;
}

::-webkit-scrollbar-track {
  margin: 0.2rem 0;
  padding: 0.2rem 0;
}

::-webkit-scrollbar-thumb {
  background: #668281;
  border-radius: 8px;
  width: 8px;
}

input[type=button].delRow, input[type=button].addRow {
  outline: none;
  color: red;
}

table span.infoIconOrange,
table input[type=text].infoProduct.opmerking {
  background-image: url("../images/icons/info-sign-orange.svg") !important;
  background-size: 14px;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}
table input[type=button].infoProduct.opmerking {
  background-image: url("../images/icons/info-sign-orange.svg") !important;
  background-size: 14px;
  background-color: unset !important;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}
table span.infoIcon,
table input[type=text].infoProduct:not(.opmerking) {
  background-image: url("../images/icons/info-icon.svg") !important;
  background-size: 15px;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}
table input[type=button].infoProduct:not(.opmerking) {
  background-image: url("../images/icons/info-icon.svg") !important;
  background-size: 15px;
  background-color: unset !important;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}

#detailblockbody .board * {
  box-sizing: unset;
}

.dropdown .dropdown-menu {
  background: #668281;
  box-shadow: 0 3px 4px 1px #668281;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: unset;
  color: #FFFFFF;
  margin-top: -3px;
  outline: 0;
  padding: 0;
  max-height: 60vh;
  overflow-y: auto;
}
.dropdown .dropdown-menu .dropdown-item {
  color: #D5E9E8;
  font-size: 1rem;
  padding: 0.25rem 1rem;
}
.dropdown .dropdown-menu .dropdown-item input {
  border: unset;
  background: transparent;
  color: #D5E9E8;
  font-size: 1rem;
  text-align: left;
}
.dropdown .dropdown-menu .dropdown-item:focus {
  background: transparent;
  outline: none;
}
.dropdown .dropdown-menu .dropdown-item:hover {
  background: #668281;
  color: white;
}
.dropdown .dropdown-menu .dropdown-item:hover input {
  color: #FFFFFF;
  cursor: pointer;
}

.header:not(:empty) {
  background: #e8e8e8;
  border-top: 2px solid #526c6b;
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.4rem 0.7rem;
  max-width: 100%;
  width: 100% !important;
}
.header:not(:empty) .breadcrumb {
  background: transparent;
  border-radius: unset;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
.header:not(:empty) .breadcrumb li {
  color: #668281;
  font-size: 0.75rem;
}
.header:not(:empty) .breadcrumb li + li:before {
  content: ">";
  padding-right: 0.4rem;
}
.header:not(:empty) .title-wrap h1 {
  color: #668281;
  display: inline-block;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: initial;
  margin: 0 0.5rem 0 0;
  padding: 0;
}
.header:not(:empty) .title-wrap h1:after {
  content: "";
  display: table;
  clear: both;
}
.header:not(:empty) .title-wrap .add-to-favorites {
  display: inline-block;
  top: -5px;
}
.header:not(:empty) .title-wrap .add-to-favorites button {
  background: transparent;
  border-radius: 0;
  border: 0;
  color: #668281;
  padding: 0;
  transition: 0.1s;
}
.header:not(:empty) .title-wrap .add-to-favorites button:after {
  display: none;
}
.header:not(:empty) .title-wrap .add-to-favorites button:hover {
  transform: scale(1.1);
  transition: 0.1s;
}
.header:not(:empty) .title-wrap .add-to-favorites button:focus {
  outline: none;
  box-shadow: unset;
}
.header:not(:empty) .title-wrap .add-to-favorites.active button {
  color: #d88d44;
}
.header:not(:empty) .buttons {
  align-items: center;
  bottom: 0;
  display: flex;
  height: auto;
  justify-content: center;
  margin-left: auto;
  position: relative;
  top: 0;
  width: auto;
}
.header:not(:empty) .buttons .button {
  margin-left: 0.45rem;
  order: 0;
  position: relative;
}
.header:not(:empty) .buttons .button.nieuw, .header:not(:empty) .buttons .button.versturen, .header:not(:empty) .buttons .button.opslaan {
  order: 100;
}
.header:not(:empty) .buttons .button .terug {
  display: flex;
}
.header:not(:empty) .buttons .button .terug:before {
  content: "";
  color: #B8D0D0;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-right: 0.3rem solid;
  position: absolute;
  left: 12px;
  pointer-events: none;
  top: 12px;
  z-index: 100;
}
.header:not(:empty) .buttons .button .terug .btn {
  background-color: #668281;
  padding-left: 1.5rem !important;
}
.header:not(:empty) .buttons .button .terug .btn:active, .header:not(:empty) .buttons .button .terug .btn:focus {
  background-color: #526c6b;
}
.header:not(:empty) .buttons .button .terug:hover .btn {
  background-color: #526c6b;
}
.header:not(:empty) .buttons .button.btn-nextpage {
  order: 99;
}
.header:not(:empty) .buttons .button.btn-prevpage {
  order: 98;
}
.header:not(:empty) .buttons .button.nieuwereservering .btn {
  background: #00c7ba;
  border-color: #00c7ba;
  color: white;
  padding-right: 2rem !important;
}
.header:not(:empty) .buttons .button.nieuwereservering:after {
  content: "";
  background-image: url("../images/icons/kalender-wit.svg");
  width: 14px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: 0 0;
  position: absolute;
  top: 8px;
  right: 10px;
}
.header:not(:empty) .buttons .button.nieuwefaciliteit .btn {
  background-color: #00b8ee;
  border-color: #00b8ee;
  color: white;
  padding-right: 2rem !important;
}
.header:not(:empty) .buttons .button.nieuwefaciliteit:after {
  content: "";
  background-image: url("../images/icons/faciliteiten-reserveren.svg");
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: 0 0;
  position: absolute;
  top: 7px;
  right: 10px;
}
.header:not(:empty) .buttons .button.schrijfinvooractiviteit .btn {
  background-color: #0086b0;
  border-color: #0086b0;
  color: white;
  padding-right: 2rem !important;
}
.header:not(:empty) .buttons .button.schrijfinvooractiviteit:after {
  content: "";
  background-image: url("../images/icons/activiteiten.svg");
  width: 19px;
  height: 29px;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: 0 0;
  position: absolute;
  top: 5px;
  right: 10px;
}
.header:not(:empty) .buttons .button.bestellingplaatsen .btn {
  background-color: #f39200;
  border-color: #f39200;
  color: white;
  padding-right: 2rem !important;
}
.header:not(:empty) .buttons .button.bestellingplaatsen:after {
  content: "";
  background-image: url("../images/icons/bestelling-plaatsen.svg");
  width: 21px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat !important;
  background-position: 0 0;
  position: absolute;
  top: 4px;
  right: 10px;
}
.header:not(:empty) .buttons .button.reserveerruimte .btn {
  background-color: #00c683;
  border-color: #00c683;
  color: white;
  padding-right: 2rem !important;
}
.header:not(:empty) .buttons .button.reserveerruimte:after {
  content: "";
  background-image: url("../images/icons/ruimte-reserveren.svg");
  width: 21px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat !important;
  background-position: 0 0;
  position: absolute;
  top: 4px;
  right: 7px;
}
.header:not(:empty) .buttons .button.selecteeralles {
  display: none;
}
.header:not(:empty) .buttons .button .dropdown-item {
  color: #D5E9E8;
  font-size: 1rem;
  padding: 0.25rem 1rem;
}
.header:not(:empty) .buttons .button .dropdown-item input {
  border: unset;
  background: transparent;
  color: #D5E9E8;
  font-size: 1rem;
  text-align: left;
}
.header:not(:empty) .buttons .button .dropdown-item:hover {
  background: #668281;
}
.header:not(:empty) .buttons .button .dropdown-item:hover div,
.header:not(:empty) .buttons .button .dropdown-item:hover input {
  color: #FFFFFF;
  cursor: pointer;
}
.header:not(:empty) .buttons .btn {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #D5E9E8;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin: 0;
}
.header:not(:empty) .buttons .btn:active, .header:not(:empty) .buttons .btn:focus, .header:not(:empty) .buttons .btn:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}
.header:not(:empty) .buttons .btn:focus {
  background: #668281;
  box-shadow: 0 0 4px 1px #668281;
}
.header:not(:empty) .buttons .btn.update, .header:not(:empty) .buttons .btn.versturen, .header:not(:empty) .buttons .btn.nieuw, .header:not(:empty) .buttons .btn.inlezen, .header:not(:empty) .buttons .btn.opslaan {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
}
.header:not(:empty) .buttons .btn.update:active, .header:not(:empty) .buttons .btn.update:focus, .header:not(:empty) .buttons .btn.update:hover, .header:not(:empty) .buttons .btn.versturen:active, .header:not(:empty) .buttons .btn.versturen:focus, .header:not(:empty) .buttons .btn.versturen:hover, .header:not(:empty) .buttons .btn.nieuw:active, .header:not(:empty) .buttons .btn.nieuw:focus, .header:not(:empty) .buttons .btn.nieuw:hover, .header:not(:empty) .buttons .btn.inlezen:active, .header:not(:empty) .buttons .btn.inlezen:focus, .header:not(:empty) .buttons .btn.inlezen:hover, .header:not(:empty) .buttons .btn.opslaan:active, .header:not(:empty) .buttons .btn.opslaan:focus, .header:not(:empty) .buttons .btn.opslaan:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
.header:not(:empty) .buttons .btn.update:hover, .header:not(:empty) .buttons .btn.versturen:hover, .header:not(:empty) .buttons .btn.nieuw:hover, .header:not(:empty) .buttons .btn.inlezen:hover, .header:not(:empty) .buttons .btn.opslaan:hover {
  background-color: #c17328;
}
.header:not(:empty) .buttons #backbutton {
  position: relative;
  top: 0;
  left: 0;
}
.header:not(:empty) .buttons #backbutton a {
  align-content: center;
}
.header:not(:empty) .buttons #backbutton a:before {
  content: "";
  margin-right: 0.6rem;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-right: 0.3rem solid;
}
.header:not(:empty) .buttons .buttonlist .button-wrapper:after {
  display: none;
  color: #CDEAE9;
  position: absolute;
  top: 1rem;
  right: 0;
}

button.html5-qrcode-element {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  display: block;
  margin: 0 auto;
}
button.html5-qrcode-element:active, button.html5-qrcode-element:focus, button.html5-qrcode-element:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
button.html5-qrcode-element:hover {
  background-color: #c17328;
}

#camera-reader > div:first-child > img {
  display: none;
}

.detailblock {
  left: 0;
  position: relative;
  top: 0;
}
.detailblock #loginForm tr {
  flex: 0 0 100% !important;
  max-width: 100%;
}
.detailblock #loginForm tr:last-of-type {
  border: unset !important;
  margin: 0 !important;
}
.detailblock .eoresultform .pager {
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.9rem;
  margin-top: 0.9rem;
}
.detailblock .eoresultform .pager select {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  display: inline-block;
  min-width: 65px;
  margin-right: 0.8rem;
  width: auto !important;
}
.detailblock .eoresultform .pager select[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.detailblock .eoresultform .pager select[readonly]:active, .detailblock .eoresultform .pager select[readonly]:focus, .detailblock .eoresultform .pager select[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.detailblock .eoresultform .pager select[readonly].stockred:active, .detailblock .eoresultform .pager select[readonly].stockred:focus, .detailblock .eoresultform .pager select[readonly].stockred:hover {
  background-color: red;
}
.detailblock .eoresultform .pager select[readonly].stockorange:active, .detailblock .eoresultform .pager select[readonly].stockorange:focus, .detailblock .eoresultform .pager select[readonly].stockorange:hover {
  background-color: orange;
}
.detailblock .eoresultform .pager select:hover, .detailblock .eoresultform .pager select:focus, .detailblock .eoresultform .pager select:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
.detailblock .eoresultform .pager select.stockred {
  background-color: red;
  color: white;
}
.detailblock .eoresultform .pager select.stockorange {
  background-color: orange;
}
.detailblock .eoresultform .pager select:last-of-type {
  margin-left: 0;
}
.detailblock .eoresultform .pager select:focus, .detailblock .eoresultform .pager select:hover {
  background-color: #e8e8e8;
  color: #333333;
}
.detailblock .body {
  background: #f6f6f6;
  border: unset;
  box-shadow: unset;
  margin: 0;
  padding: 1rem;
  width: 100% !important;
}

body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons),
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons),
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons),
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons),
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) {
  width: 100% !important;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr {
  display: flex;
  flex: 0 0 calc(25% - 1rem);
  flex-direction: column;
  margin-right: 1rem;
  margin-bottom: 0.7rem;
  max-width: calc(25% - 1rem);
}
@media (max-width: 767px) {
  body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    margin-right: 1rem;
    margin-bottom: 0.7rem;
    max-width: 100%;
  }
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr.full-width,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr.full-width,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr.full-width,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr.full-width,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr.full-width {
  flex: 0 0 100%;
  max-width: 100%;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr:only-child,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr:only-child,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr:only-child,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr:only-child,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr:only-child {
  max-width: 100%;
  flex: 0 0 100%;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th {
  text-align: left;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  padding: 0;
  position: relative;
  width: 100% !important;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th img {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
  margin-left: 0.25rem !important;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select {
  border: 1px solid #c6c6c6 !important;
  box-shadow: unset !important;
  background-position-y: 6px !important;
  background-color: unset !important;
  min-height: 22px !important;
  height: 22px !important;
  line-height: 1rem !important;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select th,
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select td,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select th,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select td,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select th,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select td,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select th,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select td,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select th,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr th > select td {
  margin-bottom: 0.4rem;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td {
  font-size: 0.875rem;
  position: relative;
  width: 100% !important;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > div > a img,
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > a img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > div > a img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > a img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > div > a img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > a img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > div > a img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > a img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > div > a img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td > a img {
  position: unset;
  left: unset;
  top: unset;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow,
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text),
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text),
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text),
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text),
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text) {
  position: absolute;
  top: 1px;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:first-of-type,
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):first-of-type,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:first-of-type,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):first-of-type,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:first-of-type,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):first-of-type,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:first-of-type,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):first-of-type,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:first-of-type,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):first-of-type {
  left: calc(100% - 29px);
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(2),
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(2),
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(2),
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(2),
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(2),
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(2),
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(2),
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(2),
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(2),
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(2) {
  left: calc(100% - 56px);
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(3),
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(3),
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(3),
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(3),
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(3),
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(3),
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(3),
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(3),
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow:nth-of-type(3),
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text):nth-of-type(3) {
  left: calc(100% - 84px);
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow img,
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text) img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text) img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text) img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text) img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autocompleterow img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:not(.ui-tabs-anchor):not(.input-group-text) img {
  position: unset;
  left: unset;
  top: unset;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a.input-group-text img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a.input-group-text img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a.input-group-text img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a.input-group-text img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a.input-group-text img {
  height: 12px;
  position: initial;
  width: 12px;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td img {
  height: 28px !important;
  margin: auto;
  position: absolute;
  left: calc(100% - 29px);
  top: 1px;
  width: 28px !important;
  background-color: #fafafa;
  padding: 7px;
  border-radius: 0.25rem;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a {
  background-color: #fafafa;
  border-radius: 0.25rem;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:hover,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:hover,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:hover,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:hover,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a:hover {
  text-decoration: none;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a span:not(.cke_dialog_ui_button):not(.cke_label),
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a span:not(.cke_dialog_ui_button):not(.cke_label),
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a span:not(.cke_dialog_ui_button):not(.cke_label),
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a span:not(.cke_dialog_ui_button):not(.cke_label),
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td a span:not(.cke_dialog_ui_button):not(.cke_label) {
  height: 28px !important;
  width: 28px !important;
  display: inline-block;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autosuggestbtn,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autosuggestbtn,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autosuggestbtn,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autosuggestbtn,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .autosuggestbtn {
  top: 6px;
  left: calc(100% - 25px);
  position: absolute;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a {
  border-radius: unset;
  background: #dee2e6;
}
body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a img,
body.updated .login-header form table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a img,
body.updated #loginForm table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a img,
body.updated #detailblockbody .body table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a img,
body.updated .eosearchform table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons) tbody tr td .input-group-append a img {
  border-radius: unset;
  padding: unset;
  height: 12px !important;
  width: 12px !important;
  background: #dee2e6;
}
body.updated.framepage table.skipped,
body.updated .login-header form table.skipped,
body.updated #loginForm table.skipped,
body.updated #detailblockbody .body table.skipped,
body.updated .eosearchform table.skipped {
  width: 100%;
}
body.updated.framepage select:not(#weekselector):not(#agendaselector),
body.updated .login-header form select:not(#weekselector):not(#agendaselector),
body.updated #loginForm select:not(#weekselector):not(#agendaselector),
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector),
body.updated .eosearchform select:not(#weekselector):not(#agendaselector) {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  background-image: url("../images/icons/arrow-icon-down-black.svg");
  background-size: 8px;
  background-position-y: 10px;
  background-position-x: calc(100% - 10px);
  background-repeat: no-repeat;
  display: inline-block;
  height: auto;
  min-height: 30px;
  padding: 0.229rem 1rem 0.219rem 0.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly],
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly],
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly],
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly],
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly]:active, body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly]:focus, body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly]:hover,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly]:active,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly]:focus,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly]:hover,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly]:active,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly]:focus,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly]:hover,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly]:active,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly]:focus,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly]:hover,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly]:active,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly]:focus,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly].stockred:active, body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly].stockred:focus, body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly].stockred:hover,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly].stockred:active,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly].stockred:focus,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly].stockred:hover,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly].stockred:active,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly].stockred:focus,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly].stockred:hover,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly].stockred:active,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly].stockred:focus,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly].stockred:hover,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly].stockred:active,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly].stockred:focus,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly].stockred:hover {
  background-color: red;
}
body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly].stockorange:active, body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly].stockorange:focus, body.updated.framepage select:not(#weekselector):not(#agendaselector)[readonly].stockorange:hover,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly].stockorange:active,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly].stockorange:focus,
body.updated .login-header form select:not(#weekselector):not(#agendaselector)[readonly].stockorange:hover,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly].stockorange:active,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly].stockorange:focus,
body.updated #loginForm select:not(#weekselector):not(#agendaselector)[readonly].stockorange:hover,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly].stockorange:active,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly].stockorange:focus,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector)[readonly].stockorange:hover,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly].stockorange:active,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly].stockorange:focus,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector)[readonly].stockorange:hover {
  background-color: orange;
}
body.updated.framepage select:not(#weekselector):not(#agendaselector):hover, body.updated.framepage select:not(#weekselector):not(#agendaselector):focus, body.updated.framepage select:not(#weekselector):not(#agendaselector):focus-within,
body.updated .login-header form select:not(#weekselector):not(#agendaselector):hover,
body.updated .login-header form select:not(#weekselector):not(#agendaselector):focus,
body.updated .login-header form select:not(#weekselector):not(#agendaselector):focus-within,
body.updated #loginForm select:not(#weekselector):not(#agendaselector):hover,
body.updated #loginForm select:not(#weekselector):not(#agendaselector):focus,
body.updated #loginForm select:not(#weekselector):not(#agendaselector):focus-within,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector):hover,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector):focus,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector):focus-within,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector):hover,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector):focus,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector):focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.updated.framepage select:not(#weekselector):not(#agendaselector).stockred,
body.updated .login-header form select:not(#weekselector):not(#agendaselector).stockred,
body.updated #loginForm select:not(#weekselector):not(#agendaselector).stockred,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector).stockred,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector).stockred {
  background-color: red;
  color: white;
}
body.updated.framepage select:not(#weekselector):not(#agendaselector).stockorange,
body.updated .login-header form select:not(#weekselector):not(#agendaselector).stockorange,
body.updated #loginForm select:not(#weekselector):not(#agendaselector).stockorange,
body.updated #detailblockbody .body select:not(#weekselector):not(#agendaselector).stockorange,
body.updated .eosearchform select:not(#weekselector):not(#agendaselector).stockorange {
  background-color: orange;
}
body.updated.framepage tr select,
body.updated.framepage tr textarea,
body.updated.framepage tr input[type=number],
body.updated.framepage tr input[type=password],
body.updated.framepage tr input[type=text],
body.updated .login-header form tr select,
body.updated .login-header form tr textarea,
body.updated .login-header form tr input[type=number],
body.updated .login-header form tr input[type=password],
body.updated .login-header form tr input[type=text],
body.updated #loginForm tr select,
body.updated #loginForm tr textarea,
body.updated #loginForm tr input[type=number],
body.updated #loginForm tr input[type=password],
body.updated #loginForm tr input[type=text],
body.updated #detailblockbody .body tr select,
body.updated #detailblockbody .body tr textarea,
body.updated #detailblockbody .body tr input[type=number],
body.updated #detailblockbody .body tr input[type=password],
body.updated #detailblockbody .body tr input[type=text],
body.updated .eosearchform tr select,
body.updated .eosearchform tr textarea,
body.updated .eosearchform tr input[type=number],
body.updated .eosearchform tr input[type=password],
body.updated .eosearchform tr input[type=text] {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  display: block;
  box-sizing: border-box !important;
  width: 100% !important;
}
body.updated.framepage tr select[readonly],
body.updated.framepage tr textarea[readonly],
body.updated.framepage tr input[type=number][readonly],
body.updated.framepage tr input[type=password][readonly],
body.updated.framepage tr input[type=text][readonly],
body.updated .login-header form tr select[readonly],
body.updated .login-header form tr textarea[readonly],
body.updated .login-header form tr input[type=number][readonly],
body.updated .login-header form tr input[type=password][readonly],
body.updated .login-header form tr input[type=text][readonly],
body.updated #loginForm tr select[readonly],
body.updated #loginForm tr textarea[readonly],
body.updated #loginForm tr input[type=number][readonly],
body.updated #loginForm tr input[type=password][readonly],
body.updated #loginForm tr input[type=text][readonly],
body.updated #detailblockbody .body tr select[readonly],
body.updated #detailblockbody .body tr textarea[readonly],
body.updated #detailblockbody .body tr input[type=number][readonly],
body.updated #detailblockbody .body tr input[type=password][readonly],
body.updated #detailblockbody .body tr input[type=text][readonly],
body.updated .eosearchform tr select[readonly],
body.updated .eosearchform tr textarea[readonly],
body.updated .eosearchform tr input[type=number][readonly],
body.updated .eosearchform tr input[type=password][readonly],
body.updated .eosearchform tr input[type=text][readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated.framepage tr select[readonly]:active, body.updated.framepage tr select[readonly]:focus, body.updated.framepage tr select[readonly]:hover,
body.updated.framepage tr textarea[readonly]:active,
body.updated.framepage tr textarea[readonly]:focus,
body.updated.framepage tr textarea[readonly]:hover,
body.updated.framepage tr input[type=number][readonly]:active,
body.updated.framepage tr input[type=number][readonly]:focus,
body.updated.framepage tr input[type=number][readonly]:hover,
body.updated.framepage tr input[type=password][readonly]:active,
body.updated.framepage tr input[type=password][readonly]:focus,
body.updated.framepage tr input[type=password][readonly]:hover,
body.updated.framepage tr input[type=text][readonly]:active,
body.updated.framepage tr input[type=text][readonly]:focus,
body.updated.framepage tr input[type=text][readonly]:hover,
body.updated .login-header form tr select[readonly]:active,
body.updated .login-header form tr select[readonly]:focus,
body.updated .login-header form tr select[readonly]:hover,
body.updated .login-header form tr textarea[readonly]:active,
body.updated .login-header form tr textarea[readonly]:focus,
body.updated .login-header form tr textarea[readonly]:hover,
body.updated .login-header form tr input[type=number][readonly]:active,
body.updated .login-header form tr input[type=number][readonly]:focus,
body.updated .login-header form tr input[type=number][readonly]:hover,
body.updated .login-header form tr input[type=password][readonly]:active,
body.updated .login-header form tr input[type=password][readonly]:focus,
body.updated .login-header form tr input[type=password][readonly]:hover,
body.updated .login-header form tr input[type=text][readonly]:active,
body.updated .login-header form tr input[type=text][readonly]:focus,
body.updated .login-header form tr input[type=text][readonly]:hover,
body.updated #loginForm tr select[readonly]:active,
body.updated #loginForm tr select[readonly]:focus,
body.updated #loginForm tr select[readonly]:hover,
body.updated #loginForm tr textarea[readonly]:active,
body.updated #loginForm tr textarea[readonly]:focus,
body.updated #loginForm tr textarea[readonly]:hover,
body.updated #loginForm tr input[type=number][readonly]:active,
body.updated #loginForm tr input[type=number][readonly]:focus,
body.updated #loginForm tr input[type=number][readonly]:hover,
body.updated #loginForm tr input[type=password][readonly]:active,
body.updated #loginForm tr input[type=password][readonly]:focus,
body.updated #loginForm tr input[type=password][readonly]:hover,
body.updated #loginForm tr input[type=text][readonly]:active,
body.updated #loginForm tr input[type=text][readonly]:focus,
body.updated #loginForm tr input[type=text][readonly]:hover,
body.updated #detailblockbody .body tr select[readonly]:active,
body.updated #detailblockbody .body tr select[readonly]:focus,
body.updated #detailblockbody .body tr select[readonly]:hover,
body.updated #detailblockbody .body tr textarea[readonly]:active,
body.updated #detailblockbody .body tr textarea[readonly]:focus,
body.updated #detailblockbody .body tr textarea[readonly]:hover,
body.updated #detailblockbody .body tr input[type=number][readonly]:active,
body.updated #detailblockbody .body tr input[type=number][readonly]:focus,
body.updated #detailblockbody .body tr input[type=number][readonly]:hover,
body.updated #detailblockbody .body tr input[type=password][readonly]:active,
body.updated #detailblockbody .body tr input[type=password][readonly]:focus,
body.updated #detailblockbody .body tr input[type=password][readonly]:hover,
body.updated #detailblockbody .body tr input[type=text][readonly]:active,
body.updated #detailblockbody .body tr input[type=text][readonly]:focus,
body.updated #detailblockbody .body tr input[type=text][readonly]:hover,
body.updated .eosearchform tr select[readonly]:active,
body.updated .eosearchform tr select[readonly]:focus,
body.updated .eosearchform tr select[readonly]:hover,
body.updated .eosearchform tr textarea[readonly]:active,
body.updated .eosearchform tr textarea[readonly]:focus,
body.updated .eosearchform tr textarea[readonly]:hover,
body.updated .eosearchform tr input[type=number][readonly]:active,
body.updated .eosearchform tr input[type=number][readonly]:focus,
body.updated .eosearchform tr input[type=number][readonly]:hover,
body.updated .eosearchform tr input[type=password][readonly]:active,
body.updated .eosearchform tr input[type=password][readonly]:focus,
body.updated .eosearchform tr input[type=password][readonly]:hover,
body.updated .eosearchform tr input[type=text][readonly]:active,
body.updated .eosearchform tr input[type=text][readonly]:focus,
body.updated .eosearchform tr input[type=text][readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated.framepage tr select[readonly].stockred:active, body.updated.framepage tr select[readonly].stockred:focus, body.updated.framepage tr select[readonly].stockred:hover,
body.updated.framepage tr textarea[readonly].stockred:active,
body.updated.framepage tr textarea[readonly].stockred:focus,
body.updated.framepage tr textarea[readonly].stockred:hover,
body.updated.framepage tr input[type=number][readonly].stockred:active,
body.updated.framepage tr input[type=number][readonly].stockred:focus,
body.updated.framepage tr input[type=number][readonly].stockred:hover,
body.updated.framepage tr input[type=password][readonly].stockred:active,
body.updated.framepage tr input[type=password][readonly].stockred:focus,
body.updated.framepage tr input[type=password][readonly].stockred:hover,
body.updated.framepage tr input[type=text][readonly].stockred:active,
body.updated.framepage tr input[type=text][readonly].stockred:focus,
body.updated.framepage tr input[type=text][readonly].stockred:hover,
body.updated .login-header form tr select[readonly].stockred:active,
body.updated .login-header form tr select[readonly].stockred:focus,
body.updated .login-header form tr select[readonly].stockred:hover,
body.updated .login-header form tr textarea[readonly].stockred:active,
body.updated .login-header form tr textarea[readonly].stockred:focus,
body.updated .login-header form tr textarea[readonly].stockred:hover,
body.updated .login-header form tr input[type=number][readonly].stockred:active,
body.updated .login-header form tr input[type=number][readonly].stockred:focus,
body.updated .login-header form tr input[type=number][readonly].stockred:hover,
body.updated .login-header form tr input[type=password][readonly].stockred:active,
body.updated .login-header form tr input[type=password][readonly].stockred:focus,
body.updated .login-header form tr input[type=password][readonly].stockred:hover,
body.updated .login-header form tr input[type=text][readonly].stockred:active,
body.updated .login-header form tr input[type=text][readonly].stockred:focus,
body.updated .login-header form tr input[type=text][readonly].stockred:hover,
body.updated #loginForm tr select[readonly].stockred:active,
body.updated #loginForm tr select[readonly].stockred:focus,
body.updated #loginForm tr select[readonly].stockred:hover,
body.updated #loginForm tr textarea[readonly].stockred:active,
body.updated #loginForm tr textarea[readonly].stockred:focus,
body.updated #loginForm tr textarea[readonly].stockred:hover,
body.updated #loginForm tr input[type=number][readonly].stockred:active,
body.updated #loginForm tr input[type=number][readonly].stockred:focus,
body.updated #loginForm tr input[type=number][readonly].stockred:hover,
body.updated #loginForm tr input[type=password][readonly].stockred:active,
body.updated #loginForm tr input[type=password][readonly].stockred:focus,
body.updated #loginForm tr input[type=password][readonly].stockred:hover,
body.updated #loginForm tr input[type=text][readonly].stockred:active,
body.updated #loginForm tr input[type=text][readonly].stockred:focus,
body.updated #loginForm tr input[type=text][readonly].stockred:hover,
body.updated #detailblockbody .body tr select[readonly].stockred:active,
body.updated #detailblockbody .body tr select[readonly].stockred:focus,
body.updated #detailblockbody .body tr select[readonly].stockred:hover,
body.updated #detailblockbody .body tr textarea[readonly].stockred:active,
body.updated #detailblockbody .body tr textarea[readonly].stockred:focus,
body.updated #detailblockbody .body tr textarea[readonly].stockred:hover,
body.updated #detailblockbody .body tr input[type=number][readonly].stockred:active,
body.updated #detailblockbody .body tr input[type=number][readonly].stockred:focus,
body.updated #detailblockbody .body tr input[type=number][readonly].stockred:hover,
body.updated #detailblockbody .body tr input[type=password][readonly].stockred:active,
body.updated #detailblockbody .body tr input[type=password][readonly].stockred:focus,
body.updated #detailblockbody .body tr input[type=password][readonly].stockred:hover,
body.updated #detailblockbody .body tr input[type=text][readonly].stockred:active,
body.updated #detailblockbody .body tr input[type=text][readonly].stockred:focus,
body.updated #detailblockbody .body tr input[type=text][readonly].stockred:hover,
body.updated .eosearchform tr select[readonly].stockred:active,
body.updated .eosearchform tr select[readonly].stockred:focus,
body.updated .eosearchform tr select[readonly].stockred:hover,
body.updated .eosearchform tr textarea[readonly].stockred:active,
body.updated .eosearchform tr textarea[readonly].stockred:focus,
body.updated .eosearchform tr textarea[readonly].stockred:hover,
body.updated .eosearchform tr input[type=number][readonly].stockred:active,
body.updated .eosearchform tr input[type=number][readonly].stockred:focus,
body.updated .eosearchform tr input[type=number][readonly].stockred:hover,
body.updated .eosearchform tr input[type=password][readonly].stockred:active,
body.updated .eosearchform tr input[type=password][readonly].stockred:focus,
body.updated .eosearchform tr input[type=password][readonly].stockred:hover,
body.updated .eosearchform tr input[type=text][readonly].stockred:active,
body.updated .eosearchform tr input[type=text][readonly].stockred:focus,
body.updated .eosearchform tr input[type=text][readonly].stockred:hover {
  background-color: red;
}
body.updated.framepage tr select[readonly].stockorange:active, body.updated.framepage tr select[readonly].stockorange:focus, body.updated.framepage tr select[readonly].stockorange:hover,
body.updated.framepage tr textarea[readonly].stockorange:active,
body.updated.framepage tr textarea[readonly].stockorange:focus,
body.updated.framepage tr textarea[readonly].stockorange:hover,
body.updated.framepage tr input[type=number][readonly].stockorange:active,
body.updated.framepage tr input[type=number][readonly].stockorange:focus,
body.updated.framepage tr input[type=number][readonly].stockorange:hover,
body.updated.framepage tr input[type=password][readonly].stockorange:active,
body.updated.framepage tr input[type=password][readonly].stockorange:focus,
body.updated.framepage tr input[type=password][readonly].stockorange:hover,
body.updated.framepage tr input[type=text][readonly].stockorange:active,
body.updated.framepage tr input[type=text][readonly].stockorange:focus,
body.updated.framepage tr input[type=text][readonly].stockorange:hover,
body.updated .login-header form tr select[readonly].stockorange:active,
body.updated .login-header form tr select[readonly].stockorange:focus,
body.updated .login-header form tr select[readonly].stockorange:hover,
body.updated .login-header form tr textarea[readonly].stockorange:active,
body.updated .login-header form tr textarea[readonly].stockorange:focus,
body.updated .login-header form tr textarea[readonly].stockorange:hover,
body.updated .login-header form tr input[type=number][readonly].stockorange:active,
body.updated .login-header form tr input[type=number][readonly].stockorange:focus,
body.updated .login-header form tr input[type=number][readonly].stockorange:hover,
body.updated .login-header form tr input[type=password][readonly].stockorange:active,
body.updated .login-header form tr input[type=password][readonly].stockorange:focus,
body.updated .login-header form tr input[type=password][readonly].stockorange:hover,
body.updated .login-header form tr input[type=text][readonly].stockorange:active,
body.updated .login-header form tr input[type=text][readonly].stockorange:focus,
body.updated .login-header form tr input[type=text][readonly].stockorange:hover,
body.updated #loginForm tr select[readonly].stockorange:active,
body.updated #loginForm tr select[readonly].stockorange:focus,
body.updated #loginForm tr select[readonly].stockorange:hover,
body.updated #loginForm tr textarea[readonly].stockorange:active,
body.updated #loginForm tr textarea[readonly].stockorange:focus,
body.updated #loginForm tr textarea[readonly].stockorange:hover,
body.updated #loginForm tr input[type=number][readonly].stockorange:active,
body.updated #loginForm tr input[type=number][readonly].stockorange:focus,
body.updated #loginForm tr input[type=number][readonly].stockorange:hover,
body.updated #loginForm tr input[type=password][readonly].stockorange:active,
body.updated #loginForm tr input[type=password][readonly].stockorange:focus,
body.updated #loginForm tr input[type=password][readonly].stockorange:hover,
body.updated #loginForm tr input[type=text][readonly].stockorange:active,
body.updated #loginForm tr input[type=text][readonly].stockorange:focus,
body.updated #loginForm tr input[type=text][readonly].stockorange:hover,
body.updated #detailblockbody .body tr select[readonly].stockorange:active,
body.updated #detailblockbody .body tr select[readonly].stockorange:focus,
body.updated #detailblockbody .body tr select[readonly].stockorange:hover,
body.updated #detailblockbody .body tr textarea[readonly].stockorange:active,
body.updated #detailblockbody .body tr textarea[readonly].stockorange:focus,
body.updated #detailblockbody .body tr textarea[readonly].stockorange:hover,
body.updated #detailblockbody .body tr input[type=number][readonly].stockorange:active,
body.updated #detailblockbody .body tr input[type=number][readonly].stockorange:focus,
body.updated #detailblockbody .body tr input[type=number][readonly].stockorange:hover,
body.updated #detailblockbody .body tr input[type=password][readonly].stockorange:active,
body.updated #detailblockbody .body tr input[type=password][readonly].stockorange:focus,
body.updated #detailblockbody .body tr input[type=password][readonly].stockorange:hover,
body.updated #detailblockbody .body tr input[type=text][readonly].stockorange:active,
body.updated #detailblockbody .body tr input[type=text][readonly].stockorange:focus,
body.updated #detailblockbody .body tr input[type=text][readonly].stockorange:hover,
body.updated .eosearchform tr select[readonly].stockorange:active,
body.updated .eosearchform tr select[readonly].stockorange:focus,
body.updated .eosearchform tr select[readonly].stockorange:hover,
body.updated .eosearchform tr textarea[readonly].stockorange:active,
body.updated .eosearchform tr textarea[readonly].stockorange:focus,
body.updated .eosearchform tr textarea[readonly].stockorange:hover,
body.updated .eosearchform tr input[type=number][readonly].stockorange:active,
body.updated .eosearchform tr input[type=number][readonly].stockorange:focus,
body.updated .eosearchform tr input[type=number][readonly].stockorange:hover,
body.updated .eosearchform tr input[type=password][readonly].stockorange:active,
body.updated .eosearchform tr input[type=password][readonly].stockorange:focus,
body.updated .eosearchform tr input[type=password][readonly].stockorange:hover,
body.updated .eosearchform tr input[type=text][readonly].stockorange:active,
body.updated .eosearchform tr input[type=text][readonly].stockorange:focus,
body.updated .eosearchform tr input[type=text][readonly].stockorange:hover {
  background-color: orange;
}
body.updated.framepage tr select:hover, body.updated.framepage tr select:focus, body.updated.framepage tr select:focus-within,
body.updated.framepage tr textarea:hover,
body.updated.framepage tr textarea:focus,
body.updated.framepage tr textarea:focus-within,
body.updated.framepage tr input[type=number]:hover,
body.updated.framepage tr input[type=number]:focus,
body.updated.framepage tr input[type=number]:focus-within,
body.updated.framepage tr input[type=password]:hover,
body.updated.framepage tr input[type=password]:focus,
body.updated.framepage tr input[type=password]:focus-within,
body.updated.framepage tr input[type=text]:hover,
body.updated.framepage tr input[type=text]:focus,
body.updated.framepage tr input[type=text]:focus-within,
body.updated .login-header form tr select:hover,
body.updated .login-header form tr select:focus,
body.updated .login-header form tr select:focus-within,
body.updated .login-header form tr textarea:hover,
body.updated .login-header form tr textarea:focus,
body.updated .login-header form tr textarea:focus-within,
body.updated .login-header form tr input[type=number]:hover,
body.updated .login-header form tr input[type=number]:focus,
body.updated .login-header form tr input[type=number]:focus-within,
body.updated .login-header form tr input[type=password]:hover,
body.updated .login-header form tr input[type=password]:focus,
body.updated .login-header form tr input[type=password]:focus-within,
body.updated .login-header form tr input[type=text]:hover,
body.updated .login-header form tr input[type=text]:focus,
body.updated .login-header form tr input[type=text]:focus-within,
body.updated #loginForm tr select:hover,
body.updated #loginForm tr select:focus,
body.updated #loginForm tr select:focus-within,
body.updated #loginForm tr textarea:hover,
body.updated #loginForm tr textarea:focus,
body.updated #loginForm tr textarea:focus-within,
body.updated #loginForm tr input[type=number]:hover,
body.updated #loginForm tr input[type=number]:focus,
body.updated #loginForm tr input[type=number]:focus-within,
body.updated #loginForm tr input[type=password]:hover,
body.updated #loginForm tr input[type=password]:focus,
body.updated #loginForm tr input[type=password]:focus-within,
body.updated #loginForm tr input[type=text]:hover,
body.updated #loginForm tr input[type=text]:focus,
body.updated #loginForm tr input[type=text]:focus-within,
body.updated #detailblockbody .body tr select:hover,
body.updated #detailblockbody .body tr select:focus,
body.updated #detailblockbody .body tr select:focus-within,
body.updated #detailblockbody .body tr textarea:hover,
body.updated #detailblockbody .body tr textarea:focus,
body.updated #detailblockbody .body tr textarea:focus-within,
body.updated #detailblockbody .body tr input[type=number]:hover,
body.updated #detailblockbody .body tr input[type=number]:focus,
body.updated #detailblockbody .body tr input[type=number]:focus-within,
body.updated #detailblockbody .body tr input[type=password]:hover,
body.updated #detailblockbody .body tr input[type=password]:focus,
body.updated #detailblockbody .body tr input[type=password]:focus-within,
body.updated #detailblockbody .body tr input[type=text]:hover,
body.updated #detailblockbody .body tr input[type=text]:focus,
body.updated #detailblockbody .body tr input[type=text]:focus-within,
body.updated .eosearchform tr select:hover,
body.updated .eosearchform tr select:focus,
body.updated .eosearchform tr select:focus-within,
body.updated .eosearchform tr textarea:hover,
body.updated .eosearchform tr textarea:focus,
body.updated .eosearchform tr textarea:focus-within,
body.updated .eosearchform tr input[type=number]:hover,
body.updated .eosearchform tr input[type=number]:focus,
body.updated .eosearchform tr input[type=number]:focus-within,
body.updated .eosearchform tr input[type=password]:hover,
body.updated .eosearchform tr input[type=password]:focus,
body.updated .eosearchform tr input[type=password]:focus-within,
body.updated .eosearchform tr input[type=text]:hover,
body.updated .eosearchform tr input[type=text]:focus,
body.updated .eosearchform tr input[type=text]:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.updated.framepage tr select.stockred,
body.updated.framepage tr textarea.stockred,
body.updated.framepage tr input[type=number].stockred,
body.updated.framepage tr input[type=password].stockred,
body.updated.framepage tr input[type=text].stockred,
body.updated .login-header form tr select.stockred,
body.updated .login-header form tr textarea.stockred,
body.updated .login-header form tr input[type=number].stockred,
body.updated .login-header form tr input[type=password].stockred,
body.updated .login-header form tr input[type=text].stockred,
body.updated #loginForm tr select.stockred,
body.updated #loginForm tr textarea.stockred,
body.updated #loginForm tr input[type=number].stockred,
body.updated #loginForm tr input[type=password].stockred,
body.updated #loginForm tr input[type=text].stockred,
body.updated #detailblockbody .body tr select.stockred,
body.updated #detailblockbody .body tr textarea.stockred,
body.updated #detailblockbody .body tr input[type=number].stockred,
body.updated #detailblockbody .body tr input[type=password].stockred,
body.updated #detailblockbody .body tr input[type=text].stockred,
body.updated .eosearchform tr select.stockred,
body.updated .eosearchform tr textarea.stockred,
body.updated .eosearchform tr input[type=number].stockred,
body.updated .eosearchform tr input[type=password].stockred,
body.updated .eosearchform tr input[type=text].stockred {
  background-color: red;
  color: white;
}
body.updated.framepage tr select.stockorange,
body.updated.framepage tr textarea.stockorange,
body.updated.framepage tr input[type=number].stockorange,
body.updated.framepage tr input[type=password].stockorange,
body.updated.framepage tr input[type=text].stockorange,
body.updated .login-header form tr select.stockorange,
body.updated .login-header form tr textarea.stockorange,
body.updated .login-header form tr input[type=number].stockorange,
body.updated .login-header form tr input[type=password].stockorange,
body.updated .login-header form tr input[type=text].stockorange,
body.updated #loginForm tr select.stockorange,
body.updated #loginForm tr textarea.stockorange,
body.updated #loginForm tr input[type=number].stockorange,
body.updated #loginForm tr input[type=password].stockorange,
body.updated #loginForm tr input[type=text].stockorange,
body.updated #detailblockbody .body tr select.stockorange,
body.updated #detailblockbody .body tr textarea.stockorange,
body.updated #detailblockbody .body tr input[type=number].stockorange,
body.updated #detailblockbody .body tr input[type=password].stockorange,
body.updated #detailblockbody .body tr input[type=text].stockorange,
body.updated .eosearchform tr select.stockorange,
body.updated .eosearchform tr textarea.stockorange,
body.updated .eosearchform tr input[type=number].stockorange,
body.updated .eosearchform tr input[type=password].stockorange,
body.updated .eosearchform tr input[type=text].stockorange {
  background-color: orange;
}
body.updated.framepage tr select.stockred,
body.updated.framepage tr textarea.stockred,
body.updated.framepage tr input[type=number].stockred,
body.updated.framepage tr input[type=password].stockred,
body.updated.framepage tr input[type=text].stockred,
body.updated .login-header form tr select.stockred,
body.updated .login-header form tr textarea.stockred,
body.updated .login-header form tr input[type=number].stockred,
body.updated .login-header form tr input[type=password].stockred,
body.updated .login-header form tr input[type=text].stockred,
body.updated #loginForm tr select.stockred,
body.updated #loginForm tr textarea.stockred,
body.updated #loginForm tr input[type=number].stockred,
body.updated #loginForm tr input[type=password].stockred,
body.updated #loginForm tr input[type=text].stockred,
body.updated #detailblockbody .body tr select.stockred,
body.updated #detailblockbody .body tr textarea.stockred,
body.updated #detailblockbody .body tr input[type=number].stockred,
body.updated #detailblockbody .body tr input[type=password].stockred,
body.updated #detailblockbody .body tr input[type=text].stockred,
body.updated .eosearchform tr select.stockred,
body.updated .eosearchform tr textarea.stockred,
body.updated .eosearchform tr input[type=number].stockred,
body.updated .eosearchform tr input[type=password].stockred,
body.updated .eosearchform tr input[type=text].stockred {
  background-color: red;
  color: white;
}
body.updated.framepage tr select.stockorange,
body.updated.framepage tr textarea.stockorange,
body.updated.framepage tr input[type=number].stockorange,
body.updated.framepage tr input[type=password].stockorange,
body.updated.framepage tr input[type=text].stockorange,
body.updated .login-header form tr select.stockorange,
body.updated .login-header form tr textarea.stockorange,
body.updated .login-header form tr input[type=number].stockorange,
body.updated .login-header form tr input[type=password].stockorange,
body.updated .login-header form tr input[type=text].stockorange,
body.updated #loginForm tr select.stockorange,
body.updated #loginForm tr textarea.stockorange,
body.updated #loginForm tr input[type=number].stockorange,
body.updated #loginForm tr input[type=password].stockorange,
body.updated #loginForm tr input[type=text].stockorange,
body.updated #detailblockbody .body tr select.stockorange,
body.updated #detailblockbody .body tr textarea.stockorange,
body.updated #detailblockbody .body tr input[type=number].stockorange,
body.updated #detailblockbody .body tr input[type=password].stockorange,
body.updated #detailblockbody .body tr input[type=text].stockorange,
body.updated .eosearchform tr select.stockorange,
body.updated .eosearchform tr textarea.stockorange,
body.updated .eosearchform tr input[type=number].stockorange,
body.updated .eosearchform tr input[type=password].stockorange,
body.updated .eosearchform tr input[type=text].stockorange {
  background-color: orange;
}
body.updated.framepage tr input[type=text]:-moz-read-only, body.updated .login-header form tr input[type=text]:-moz-read-only, body.updated #loginForm tr input[type=text]:-moz-read-only, body.updated #detailblockbody .body tr input[type=text]:-moz-read-only, body.updated .eosearchform tr input[type=text]:-moz-read-only {
  cursor: not-allowed;
}
body.updated.framepage tr input[type=text]:read-only,
body.updated .login-header form tr input[type=text]:read-only,
body.updated #loginForm tr input[type=text]:read-only,
body.updated #detailblockbody .body tr input[type=text]:read-only,
body.updated .eosearchform tr input[type=text]:read-only {
  cursor: not-allowed;
}
body.updated.framepage tr select,
body.updated .login-header form tr select,
body.updated #loginForm tr select,
body.updated #detailblockbody .body tr select,
body.updated .eosearchform tr select {
  background-image: url("../images/icons/arrow-icon-down-black.svg");
  background-size: 8px;
  background-position-y: center;
  background-position-x: calc(100% - 10px);
  background-repeat: no-repeat;
  height: calc(1.75rem + 2px);
  padding: 0 0.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 5px;
  text-overflow: "";
}
body.updated.framepage tr input[type=submit],
body.updated .login-header form tr input[type=submit],
body.updated #loginForm tr input[type=submit],
body.updated #detailblockbody .body tr input[type=submit],
body.updated .eosearchform tr input[type=submit] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
  padding: 0 1.5rem !important;
}
body.updated.framepage tr input[type=submit]:active, body.updated.framepage tr input[type=submit]:focus, body.updated.framepage tr input[type=submit]:hover,
body.updated .login-header form tr input[type=submit]:active,
body.updated .login-header form tr input[type=submit]:focus,
body.updated .login-header form tr input[type=submit]:hover,
body.updated #loginForm tr input[type=submit]:active,
body.updated #loginForm tr input[type=submit]:focus,
body.updated #loginForm tr input[type=submit]:hover,
body.updated #detailblockbody .body tr input[type=submit]:active,
body.updated #detailblockbody .body tr input[type=submit]:focus,
body.updated #detailblockbody .body tr input[type=submit]:hover,
body.updated .eosearchform tr input[type=submit]:active,
body.updated .eosearchform tr input[type=submit]:focus,
body.updated .eosearchform tr input[type=submit]:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
body.updated.framepage tr input[type=submit]:hover,
body.updated .login-header form tr input[type=submit]:hover,
body.updated #loginForm tr input[type=submit]:hover,
body.updated #detailblockbody .body tr input[type=submit]:hover,
body.updated .eosearchform tr input[type=submit]:hover {
  background-color: #c17328;
  color: #FFFFFF;
}
body.updated.framepage tr input[type=reset],
body.updated .login-header form tr input[type=reset],
body.updated #loginForm tr input[type=reset],
body.updated #detailblockbody .body tr input[type=reset],
body.updated .eosearchform tr input[type=reset] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #668281;
  color: #668281;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  padding: 0 1.5rem !important;
}
body.updated.framepage tr input[type=reset]:active, body.updated.framepage tr input[type=reset]:focus, body.updated.framepage tr input[type=reset]:hover,
body.updated .login-header form tr input[type=reset]:active,
body.updated .login-header form tr input[type=reset]:focus,
body.updated .login-header form tr input[type=reset]:hover,
body.updated #loginForm tr input[type=reset]:active,
body.updated #loginForm tr input[type=reset]:focus,
body.updated #loginForm tr input[type=reset]:hover,
body.updated #detailblockbody .body tr input[type=reset]:active,
body.updated #detailblockbody .body tr input[type=reset]:focus,
body.updated #detailblockbody .body tr input[type=reset]:hover,
body.updated .eosearchform tr input[type=reset]:active,
body.updated .eosearchform tr input[type=reset]:focus,
body.updated .eosearchform tr input[type=reset]:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: unset;
}
body.updated.framepage tr input[type=reset]:hover,
body.updated .login-header form tr input[type=reset]:hover,
body.updated #loginForm tr input[type=reset]:hover,
body.updated #detailblockbody .body tr input[type=reset]:hover,
body.updated .eosearchform tr input[type=reset]:hover {
  background: #668281;
  color: #FFFFFF;
}
body.updated.framepage tfoot th,
body.updated .login-header form tfoot th,
body.updated #loginForm tfoot th,
body.updated #detailblockbody .body tfoot th,
body.updated .eosearchform tfoot th {
  font-weight: bold;
}
body.updated.framepage #addrowtbl td,
body.updated.framepage .addrowtbl td,
body.updated .login-header form #addrowtbl td,
body.updated .login-header form .addrowtbl td,
body.updated #loginForm #addrowtbl td,
body.updated #loginForm .addrowtbl td,
body.updated #detailblockbody .body #addrowtbl td,
body.updated #detailblockbody .body .addrowtbl td,
body.updated .eosearchform #addrowtbl td,
body.updated .eosearchform .addrowtbl td {
  position: relative;
}
body.updated.framepage #addrowtbl td div:not(.linefiles) a,
body.updated.framepage #addrowtbl td span a,
body.updated.framepage .addrowtbl td div:not(.linefiles) a,
body.updated.framepage .addrowtbl td span a,
body.updated .login-header form #addrowtbl td div:not(.linefiles) a,
body.updated .login-header form #addrowtbl td span a,
body.updated .login-header form .addrowtbl td div:not(.linefiles) a,
body.updated .login-header form .addrowtbl td span a,
body.updated #loginForm #addrowtbl td div:not(.linefiles) a,
body.updated #loginForm #addrowtbl td span a,
body.updated #loginForm .addrowtbl td div:not(.linefiles) a,
body.updated #loginForm .addrowtbl td span a,
body.updated #detailblockbody .body #addrowtbl td div:not(.linefiles) a,
body.updated #detailblockbody .body #addrowtbl td span a,
body.updated #detailblockbody .body .addrowtbl td div:not(.linefiles) a,
body.updated #detailblockbody .body .addrowtbl td span a,
body.updated .eosearchform #addrowtbl td div:not(.linefiles) a,
body.updated .eosearchform #addrowtbl td span a,
body.updated .eosearchform .addrowtbl td div:not(.linefiles) a,
body.updated .eosearchform .addrowtbl td span a {
  position: absolute;
  top: 0;
}
body.updated.framepage #addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated.framepage #addrowtbl td span a:first-of-type,
body.updated.framepage .addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated.framepage .addrowtbl td span a:first-of-type,
body.updated .login-header form #addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated .login-header form #addrowtbl td span a:first-of-type,
body.updated .login-header form .addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated .login-header form .addrowtbl td span a:first-of-type,
body.updated #loginForm #addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated #loginForm #addrowtbl td span a:first-of-type,
body.updated #loginForm .addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated #loginForm .addrowtbl td span a:first-of-type,
body.updated #detailblockbody .body #addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated #detailblockbody .body #addrowtbl td span a:first-of-type,
body.updated #detailblockbody .body .addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated #detailblockbody .body .addrowtbl td span a:first-of-type,
body.updated .eosearchform #addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated .eosearchform #addrowtbl td span a:first-of-type,
body.updated .eosearchform .addrowtbl td div:not(.linefiles) a:first-of-type,
body.updated .eosearchform .addrowtbl td span a:first-of-type {
  left: calc(100% - 29px);
}
body.updated.framepage #addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated.framepage #addrowtbl td span a:nth-of-type(2),
body.updated.framepage .addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated.framepage .addrowtbl td span a:nth-of-type(2),
body.updated .login-header form #addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated .login-header form #addrowtbl td span a:nth-of-type(2),
body.updated .login-header form .addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated .login-header form .addrowtbl td span a:nth-of-type(2),
body.updated #loginForm #addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated #loginForm #addrowtbl td span a:nth-of-type(2),
body.updated #loginForm .addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated #loginForm .addrowtbl td span a:nth-of-type(2),
body.updated #detailblockbody .body #addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated #detailblockbody .body #addrowtbl td span a:nth-of-type(2),
body.updated #detailblockbody .body .addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated #detailblockbody .body .addrowtbl td span a:nth-of-type(2),
body.updated .eosearchform #addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated .eosearchform #addrowtbl td span a:nth-of-type(2),
body.updated .eosearchform .addrowtbl td div:not(.linefiles) a:nth-of-type(2),
body.updated .eosearchform .addrowtbl td span a:nth-of-type(2) {
  left: calc(100% - 56px);
}
body.updated.framepage #addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated.framepage #addrowtbl td span a:nth-of-type(3),
body.updated.framepage .addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated.framepage .addrowtbl td span a:nth-of-type(3),
body.updated .login-header form #addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated .login-header form #addrowtbl td span a:nth-of-type(3),
body.updated .login-header form .addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated .login-header form .addrowtbl td span a:nth-of-type(3),
body.updated #loginForm #addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated #loginForm #addrowtbl td span a:nth-of-type(3),
body.updated #loginForm .addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated #loginForm .addrowtbl td span a:nth-of-type(3),
body.updated #detailblockbody .body #addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated #detailblockbody .body #addrowtbl td span a:nth-of-type(3),
body.updated #detailblockbody .body .addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated #detailblockbody .body .addrowtbl td span a:nth-of-type(3),
body.updated .eosearchform #addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated .eosearchform #addrowtbl td span a:nth-of-type(3),
body.updated .eosearchform .addrowtbl td div:not(.linefiles) a:nth-of-type(3),
body.updated .eosearchform .addrowtbl td span a:nth-of-type(3) {
  left: calc(100% - 84px);
}
body.updated.framepage #addrowtbl td div:not(.linefiles) a img,
body.updated.framepage #addrowtbl td span a img,
body.updated.framepage .addrowtbl td div:not(.linefiles) a img,
body.updated.framepage .addrowtbl td span a img,
body.updated .login-header form #addrowtbl td div:not(.linefiles) a img,
body.updated .login-header form #addrowtbl td span a img,
body.updated .login-header form .addrowtbl td div:not(.linefiles) a img,
body.updated .login-header form .addrowtbl td span a img,
body.updated #loginForm #addrowtbl td div:not(.linefiles) a img,
body.updated #loginForm #addrowtbl td span a img,
body.updated #loginForm .addrowtbl td div:not(.linefiles) a img,
body.updated #loginForm .addrowtbl td span a img,
body.updated #detailblockbody .body #addrowtbl td div:not(.linefiles) a img,
body.updated #detailblockbody .body #addrowtbl td span a img,
body.updated #detailblockbody .body .addrowtbl td div:not(.linefiles) a img,
body.updated #detailblockbody .body .addrowtbl td span a img,
body.updated .eosearchform #addrowtbl td div:not(.linefiles) a img,
body.updated .eosearchform #addrowtbl td span a img,
body.updated .eosearchform .addrowtbl td div:not(.linefiles) a img,
body.updated .eosearchform .addrowtbl td span a img {
  height: 28px !important;
  margin: auto;
  position: absolute;
  left: 100%;
  top: 1px;
  width: 28px !important;
  background: #fafafa;
  padding: 7px;
  border-radius: 0.25rem;
}
body.updated.framepage #addrowtbl td > a,
body.updated.framepage .addrowtbl td > a,
body.updated .login-header form #addrowtbl td > a,
body.updated .login-header form .addrowtbl td > a,
body.updated #loginForm #addrowtbl td > a,
body.updated #loginForm .addrowtbl td > a,
body.updated #detailblockbody .body #addrowtbl td > a,
body.updated #detailblockbody .body .addrowtbl td > a,
body.updated .eosearchform #addrowtbl td > a,
body.updated .eosearchform .addrowtbl td > a {
  position: absolute;
  top: 0;
  background: #fafafa;
  border-radius: 0.25rem;
}
body.updated.framepage #addrowtbl td > a:first-of-type,
body.updated.framepage .addrowtbl td > a:first-of-type,
body.updated .login-header form #addrowtbl td > a:first-of-type,
body.updated .login-header form .addrowtbl td > a:first-of-type,
body.updated #loginForm #addrowtbl td > a:first-of-type,
body.updated #loginForm .addrowtbl td > a:first-of-type,
body.updated #detailblockbody .body #addrowtbl td > a:first-of-type,
body.updated #detailblockbody .body .addrowtbl td > a:first-of-type,
body.updated .eosearchform #addrowtbl td > a:first-of-type,
body.updated .eosearchform .addrowtbl td > a:first-of-type {
  left: calc(100% - 29px);
}
body.updated.framepage #addrowtbl td > a:nth-of-type(2),
body.updated.framepage .addrowtbl td > a:nth-of-type(2),
body.updated .login-header form #addrowtbl td > a:nth-of-type(2),
body.updated .login-header form .addrowtbl td > a:nth-of-type(2),
body.updated #loginForm #addrowtbl td > a:nth-of-type(2),
body.updated #loginForm .addrowtbl td > a:nth-of-type(2),
body.updated #detailblockbody .body #addrowtbl td > a:nth-of-type(2),
body.updated #detailblockbody .body .addrowtbl td > a:nth-of-type(2),
body.updated .eosearchform #addrowtbl td > a:nth-of-type(2),
body.updated .eosearchform .addrowtbl td > a:nth-of-type(2) {
  left: calc(100% - 56px);
}
body.updated.framepage #addrowtbl td > a:nth-of-type(3),
body.updated.framepage .addrowtbl td > a:nth-of-type(3),
body.updated .login-header form #addrowtbl td > a:nth-of-type(3),
body.updated .login-header form .addrowtbl td > a:nth-of-type(3),
body.updated #loginForm #addrowtbl td > a:nth-of-type(3),
body.updated #loginForm .addrowtbl td > a:nth-of-type(3),
body.updated #detailblockbody .body #addrowtbl td > a:nth-of-type(3),
body.updated #detailblockbody .body .addrowtbl td > a:nth-of-type(3),
body.updated .eosearchform #addrowtbl td > a:nth-of-type(3),
body.updated .eosearchform .addrowtbl td > a:nth-of-type(3) {
  left: calc(100% - 84px);
}
body.updated.framepage #addrowtbl td > a img,
body.updated.framepage .addrowtbl td > a img,
body.updated .login-header form #addrowtbl td > a img,
body.updated .login-header form .addrowtbl td > a img,
body.updated #loginForm #addrowtbl td > a img,
body.updated #loginForm .addrowtbl td > a img,
body.updated #detailblockbody .body #addrowtbl td > a img,
body.updated #detailblockbody .body .addrowtbl td > a img,
body.updated .eosearchform #addrowtbl td > a img,
body.updated .eosearchform .addrowtbl td > a img {
  height: 28px !important;
  margin: auto;
  position: absolute;
  left: 100%;
  top: 1px;
  width: 28px !important;
  background: #fafafa;
  padding: 7px;
  border-radius: 0.25rem;
}

body.updated.framepage table:not(.rosteroverview):not(.tablesorter):not(.guest):not(.interest):not(.guest-overview):not(.skipped):not(#addrowtbl):not(.addrowtbl):not(.jqplot-table-legend):not(.ui-datepicker-calendar):not(.cke_dialog_contents):not(.cke_dialog):not(.cke_dialog_footer_buttons).cke_dialog_ui_hbox tbody tr td {
  width: unset !important;
}

.cke_dialog_contents tbody {
  display: table-row-group !important;
}
.cke_dialog_contents tbody tr {
  display: table-row !important;
  flex: 0 0 100% !important;
  max-width: unset !important;
}
.cke_dialog_contents tbody tr td {
  position: static !important;
}
.cke_dialog_contents tbody tr td .cke_dialog_ui_input_text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cke_dialog_contents tbody tr td .cke_dialog_ui_input_text input {
  padding-left: 0.5rem !important;
}
.cke_dialog_contents tbody tr td a {
  position: relative !important;
  background-color: transparent !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
.cke_dialog_contents tbody tr td a span {
  width: auto !important;
  height: auto !important;
}

body.updated .body > form > div:not(.onoffswitch):not(.login-header):not(.row) {
  float: none !important;
  margin-right: 0 !important;
}
body.updated .body > input[type=text]#card_number {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  display: block;
  box-sizing: border-box !important;
  width: 100% !important;
}
body.updated .body > input[type=text]#card_number[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated .body > input[type=text]#card_number[readonly]:active, body.updated .body > input[type=text]#card_number[readonly]:focus, body.updated .body > input[type=text]#card_number[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated .body > input[type=text]#card_number[readonly].stockred:active, body.updated .body > input[type=text]#card_number[readonly].stockred:focus, body.updated .body > input[type=text]#card_number[readonly].stockred:hover {
  background-color: red;
}
body.updated .body > input[type=text]#card_number[readonly].stockorange:active, body.updated .body > input[type=text]#card_number[readonly].stockorange:focus, body.updated .body > input[type=text]#card_number[readonly].stockorange:hover {
  background-color: orange;
}
body.updated .body > input[type=text]#card_number:hover, body.updated .body > input[type=text]#card_number:focus, body.updated .body > input[type=text]#card_number:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.updated .body > input[type=text]#card_number.stockred {
  background-color: red;
  color: white;
}
body.updated .body > input[type=text]#card_number.stockorange {
  background-color: orange;
}
body.updated .body > input[type=text]#card_number:focus, body.updated .body > input[type=text]#card_number:hover {
  background-color: #e8e8e8;
  color: #333333;
}

body.framepage:not(.updated) .login-header form .select2 .selection,
body.framepage:not(.updated) #loginForm .select2 .selection,
body.framepage:not(.updated) .select2 .selection,
body.framepage:not(.updated) #detailblockbody .body table .select2 .selection,
body.framepage:not(.updated) #detailblockbody .body form:not(.eoresultform) .select2 .selection,
body:not(.updated) .login-header form .select2 .selection,
body:not(.updated) #loginForm .select2 .selection,
body:not(.updated) .select2 .selection,
body:not(.updated) #detailblockbody .body table .select2 .selection,
body:not(.updated) #detailblockbody .body form:not(.eoresultform) .select2 .selection {
  padding: 0;
  height: 0;
  min-height: calc(1.75rem + 6px) !important;
}
body.framepage:not(.updated) .login-header form .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body.framepage:not(.updated) #loginForm .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body.framepage:not(.updated) .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body.framepage:not(.updated) #detailblockbody .body table .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body.framepage:not(.updated) #detailblockbody .body form:not(.eoresultform) .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body:not(.updated) .login-header form .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body:not(.updated) #loginForm .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body:not(.updated) .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body:not(.updated) #detailblockbody .body table .select2 .selection span.select2-selection:not(.select2-selection--multiple),
body:not(.updated) #detailblockbody .body form:not(.eoresultform) .select2 .selection span.select2-selection:not(.select2-selection--multiple) {
  background-color: #e8e8e8;
  box-shadow: inset 0 2px 4px 2px rgba(206, 206, 206, 0.6);
  border-radius: 0.25rem;
  min-height: 30px;
  padding: 0 0 0 0.4rem;
}
body.framepage:not(.updated) form:not(.eoresultform) table:not(.tablesorter) td input[type=number],
body.framepage:not(.updated) form:not(.eoresultform) table:not(.tablesorter) td input[type=text],
body:not(.updated) form:not(.eoresultform) table:not(.tablesorter) td input[type=number],
body:not(.updated) form:not(.eoresultform) table:not(.tablesorter) td input[type=text] {
  padding: 0.219rem 0 0.219px 0.15rem;
  text-indent: 6px;
}

body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td {
  position: relative;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td select,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td textarea,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td select,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td textarea,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td input[type=time], body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td select,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td textarea,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td input[type=time], body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td select,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td textarea,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td select,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td textarea,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td select,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td textarea,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td input[type=time] {
  margin: 0 0 0.25rem 0;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td img:not(.thumbnailimg),
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td img:not(.thumbnailimg), body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td img:not(.thumbnailimg), body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td img:not(.thumbnailimg),
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td img:not(.thumbnailimg),
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td img:not(.thumbnailimg) {
  width: 16px;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td .autosuggestbtn,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td .autosuggestbtn, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td .autosuggestbtn, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td .autosuggestbtn,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td .autosuggestbtn,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td .autosuggestbtn {
  top: 6px;
  left: calc(100% - 25px);
  position: absolute;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td #signature_field_employee img,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td #signature_field img,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td #signature_field_employee img,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td #signature_field img, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td #signature_field_employee img,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td #signature_field img, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td #signature_field_employee img,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td #signature_field img,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td #signature_field_employee img,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td #signature_field img,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td #signature_field_employee img,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td #signature_field img {
  height: auto;
  width: 100%;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) td.employeename .autosuggestbtn,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) td.employeename .autosuggestbtn, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) td.employeename .autosuggestbtn, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) td.employeename .autosuggestbtn,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) td.employeename .autosuggestbtn,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) td.employeename .autosuggestbtn {
  position: relative;
  top: unset;
  left: unset;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck),
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck), body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck), body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck),
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck),
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck) {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  box-sizing: unset;
  padding: 0.219rem 0;
  text-indent: 6px;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly], body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly], body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly],
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly],
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly],
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly]:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly]:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly].stockred:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly].stockred:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly].stockred:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly].stockred:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly].stockred:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly].stockred:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockred:hover {
  background-color: red;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly].stockorange:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly].stockorange:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly].stockorange:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly].stockorange:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly].stockorange:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly].stockorange:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time][readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck)[readonly].stockorange:hover {
  background-color: orange;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea:hover, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):hover,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus-within, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus-within, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time]:hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time]:focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):hover,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time]:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck):focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea.stockred,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea.stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockred, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea.stockred,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number].stockred,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time].stockred,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockred, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea.stockred,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number].stockred,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time].stockred,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea.stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea.stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time].stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockred {
  background-color: red;
  color: white;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) textarea.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=number].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) textarea.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=number].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockorange, body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) textarea.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=number].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockorange, body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) textarea.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=number].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) textarea.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=number].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) textarea.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=number].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time].stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=text]:not(.employeenamefield):not(.rostercheck).stockorange {
  background-color: orange;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table:not(.tablesorter) input[type=time], body:not(.agenda):not(.updated):not(.touchscreen).framepage form table:not(.tablesorter) input[type=time], body:not(.agenda):not(.updated):not(.touchscreen).framepage table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table:not(.tablesorter) input[type=time],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table:not(.tablesorter) input[type=time] {
  text-indent: 3px;
  width: calc(100% - 2px);
  padding: 2.504px 0;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form table.rosteroverview input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm table.rosteroverview input[type=text], body:not(.agenda):not(.updated):not(.touchscreen).framepage form table.rosteroverview input[type=text], body:not(.agenda):not(.updated):not(.touchscreen).framepage table.rosteroverview input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table table.rosteroverview input[type=text],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) table.rosteroverview input[type=text] {
  background-color: #dedede;
  padding: 0;
  text-indent: 0;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form th,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm th, body:not(.agenda):not(.updated):not(.touchscreen).framepage form th, body:not(.agenda):not(.updated):not(.touchscreen).framepage th,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table th,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) th {
  vertical-align: baseline;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form tfoot th,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm tfoot th, body:not(.agenda):not(.updated):not(.touchscreen).framepage form tfoot th, body:not(.agenda):not(.updated):not(.touchscreen).framepage tfoot th,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table tfoot th,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) tfoot th {
  font-weight: bold;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form .ui-datepicker-trigger,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm .ui-datepicker-trigger, body:not(.agenda):not(.updated):not(.touchscreen).framepage form .ui-datepicker-trigger, body:not(.agenda):not(.updated):not(.touchscreen).framepage .ui-datepicker-trigger,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table .ui-datepicker-trigger,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) .ui-datepicker-trigger {
  top: 8px;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select, body:not(.agenda):not(.updated):not(.touchscreen).framepage select,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  background-image: url("../images/icons/arrow-icon-down-black.svg");
  background-size: 8px;
  background-position-y: center;
  background-position-x: calc(100% - 5px);
  background-repeat: no-repeat;
  height: calc(1.75rem + 2px);
  padding: 0 1.2rem 0 0.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: "";
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly], body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly], body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly]:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly]:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly].stockred:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly].stockred:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly].stockred:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly].stockred:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly].stockred:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly].stockred:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly].stockred:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly].stockred:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly].stockred:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly].stockred:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly].stockred:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly].stockred:hover {
  background-color: red;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly].stockorange:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly].stockorange:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[readonly].stockorange:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly].stockorange:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly].stockorange:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[readonly].stockorange:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly].stockorange:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly].stockorange:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage select[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[readonly].stockorange:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly].stockorange:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly].stockorange:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[readonly].stockorange:hover {
  background-color: orange;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select:hover, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select:focus-within, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select:focus-within, body:not(.agenda):not(.updated):not(.touchscreen).framepage select:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage select:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage select:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select:focus-within,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select.stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select.stockred, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select.stockred, body:not(.agenda):not(.updated):not(.touchscreen).framepage select.stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select.stockred,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select.stockred {
  background-color: red;
  color: white;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select.stockorange, body:not(.agenda):not(.updated):not(.touchscreen).framepage form select.stockorange, body:not(.agenda):not(.updated):not(.touchscreen).framepage select.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select.stockorange,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select.stockorange {
  background-color: orange;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[multiple=""],
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form select[multiple=multiple],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[multiple=""],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm select[multiple=multiple], body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[multiple=""],
body:not(.agenda):not(.updated):not(.touchscreen).framepage form select[multiple=multiple], body:not(.agenda):not(.updated):not(.touchscreen).framepage select[multiple=""],
body:not(.agenda):not(.updated):not(.touchscreen).framepage select[multiple=multiple],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[multiple=""],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table select[multiple=multiple],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[multiple=""],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) select[multiple=multiple] {
  background-image: unset;
  height: auto;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=submit],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=submit], body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=submit], body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=submit],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=submit],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=submit] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
  padding: 0 1.5rem !important;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=submit]:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=submit]:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=submit]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=submit]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=submit]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=submit]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=submit]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=submit]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=submit]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=submit]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=submit]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=submit]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=submit]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=submit]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=submit]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=submit]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=submit]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=submit]:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=submit]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=submit]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=submit]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=submit]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=submit]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=submit]:hover {
  background-color: #c17328;
  color: #FFFFFF;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=reset],
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=reset], body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=reset], body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=reset],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=reset],
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=reset] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #668281;
  color: #668281;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  padding: 0 1.5rem !important;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=reset]:active, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=reset]:focus, body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=reset]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=reset]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=reset]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=reset]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=reset]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=reset]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=reset]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=reset]:active, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=reset]:focus, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=reset]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=reset]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=reset]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=reset]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=reset]:active,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=reset]:focus,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=reset]:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: unset;
}
body:not(.agenda):not(.updated):not(.touchscreen) .login-header form input[type=reset]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #loginForm input[type=reset]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage form input[type=reset]:hover, body:not(.agenda):not(.updated):not(.touchscreen).framepage input[type=reset]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body table input[type=reset]:hover,
body:not(.agenda):not(.updated):not(.touchscreen) #detailblockbody .body form:not(.eoresultform) input[type=reset]:hover {
  background: #668281;
  color: #FFFFFF;
}

#ajaxnav .multiple-buttons,
table.default_tbl .multiple-buttons,
form.eosearchform .multiple-buttons {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
}
#ajaxnav .multiple-buttons input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow),
table.default_tbl .multiple-buttons input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow),
form.eosearchform .multiple-buttons input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow) {
  padding: 0 1rem !important;
  margin-right: 0.25rem;
}
#ajaxnav input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow),
table.default_tbl input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow),
form.eosearchform input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow) {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
  padding: 0 1.5rem !important;
}
#ajaxnav input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):active, #ajaxnav input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):focus, #ajaxnav input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):hover,
table.default_tbl input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):active,
table.default_tbl input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):focus,
table.default_tbl input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):hover,
form.eosearchform input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):active,
form.eosearchform input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):focus,
form.eosearchform input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
#ajaxnav input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):hover,
table.default_tbl input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):hover,
form.eosearchform input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):not(.infoProduct):not(.partsRow):hover {
  background-color: #c17328;
  color: #FFFFFF;
}

#artikelform table.default_tbl > tbody > tr {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

body.updated #detailblockbody > .body form.eosearchform table:not(.tablesorter):not(.guest):not(.interest):not(.guest-overview) tr:last-of-type:not(:first-of-type) {
  border-top: 1px solid #e8e8e8;
  flex: 0 0 100%;
  margin-top: 2rem;
  margin-left: 0;
  max-width: 100%;
  width: 100%;
  display: contents !important;
}
body.updated #detailblockbody > .body form.eosearchform table:not(.tablesorter):not(.guest):not(.interest):not(.guest-overview) tr:last-of-type:not(:first-of-type) td {
  display: flex;
}

/* Herstylen van tabellen */
body.framepage table.tablesorter thead th,
body.framepage table.zebratbl thead th,
.detailblock table.tablesorter thead th,
.detailblock table.zebratbl thead th,
.validreservation table.tablesorter thead th,
.jqimessage table.zebratbl thead th,
#reservation_overview thead th {
  background-color: #FBFBFB;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: 11px !important;
  border-color: #e9f0f4;
  border-top-color: #dde7ec;
  color: #668281;
  font-size: 0.75rem;
  margin: 0;
  padding: 0.2rem 0.7rem;
}
body.framepage table.tablesorter thead th.selectAll,
body.framepage table.zebratbl thead th.selectAll,
.detailblock table.tablesorter thead th.selectAll,
.detailblock table.zebratbl thead th.selectAll,
.validreservation table.tablesorter thead th.selectAll,
.jqimessage table.zebratbl thead th.selectAll,
#reservation_overview thead th.selectAll {
  background-image: none !important;
}
body.framepage table.tablesorter thead th.selectAll > div,
body.framepage table.zebratbl thead th.selectAll > div,
.detailblock table.tablesorter thead th.selectAll > div,
.detailblock table.zebratbl thead th.selectAll > div,
.validreservation table.tablesorter thead th.selectAll > div,
.jqimessage table.zebratbl thead th.selectAll > div,
#reservation_overview thead th.selectAll > div {
  text-align: center;
}
body.framepage table.tablesorter thead th:not(.tablesorter-headerUnSorted),
body.framepage table.zebratbl thead th:not(.tablesorter-headerUnSorted),
.detailblock table.tablesorter thead th:not(.tablesorter-headerUnSorted),
.detailblock table.zebratbl thead th:not(.tablesorter-headerUnSorted),
.validreservation table.tablesorter thead th:not(.tablesorter-headerUnSorted),
.jqimessage table.zebratbl thead th:not(.tablesorter-headerUnSorted),
#reservation_overview thead th:not(.tablesorter-headerUnSorted) {
  background: #ECF4F4;
}
body.framepage table.tablesorter thead th.bdr_r,
body.framepage table.zebratbl thead th.bdr_r,
.detailblock table.tablesorter thead th.bdr_r,
.detailblock table.zebratbl thead th.bdr_r,
.validreservation table.tablesorter thead th.bdr_r,
.jqimessage table.zebratbl thead th.bdr_r,
#reservation_overview thead th.bdr_r {
  border-right: 1px solid #668281;
}
body.framepage table.tablesorter thead th.tablesorter-headerDesc,
body.framepage table.tablesorter thead th.tablesorter-headerAsc,
body.framepage table.tablesorter thead th.tablesorter-headerUnSorted:not(.sorter-false),
body.framepage table.zebratbl thead th.tablesorter-headerDesc,
body.framepage table.zebratbl thead th.tablesorter-headerAsc,
body.framepage table.zebratbl thead th.tablesorter-headerUnSorted:not(.sorter-false),
.detailblock table.tablesorter thead th.tablesorter-headerDesc,
.detailblock table.tablesorter thead th.tablesorter-headerAsc,
.detailblock table.tablesorter thead th.tablesorter-headerUnSorted:not(.sorter-false),
.detailblock table.zebratbl thead th.tablesorter-headerDesc,
.detailblock table.zebratbl thead th.tablesorter-headerAsc,
.detailblock table.zebratbl thead th.tablesorter-headerUnSorted:not(.sorter-false),
.validreservation table.tablesorter thead th.tablesorter-headerDesc,
.validreservation table.tablesorter thead th.tablesorter-headerAsc,
.validreservation table.tablesorter thead th.tablesorter-headerUnSorted:not(.sorter-false),
.jqimessage table.zebratbl thead th.tablesorter-headerDesc,
.jqimessage table.zebratbl thead th.tablesorter-headerAsc,
.jqimessage table.zebratbl thead th.tablesorter-headerUnSorted:not(.sorter-false),
#reservation_overview thead th.tablesorter-headerDesc,
#reservation_overview thead th.tablesorter-headerAsc,
#reservation_overview thead th.tablesorter-headerUnSorted:not(.sorter-false) {
  background-image: url("../images/icons/sort-up-and-down-arrows.svg") !important;
}
body.framepage table.tablesorter tbody tr,
body.framepage table.zebratbl tbody tr,
.detailblock table.tablesorter tbody tr,
.detailblock table.zebratbl tbody tr,
.validreservation table.tablesorter tbody tr,
.jqimessage table.zebratbl tbody tr,
#reservation_overview tbody tr {
  border-left: 4px solid transparent;
}
body.framepage table.tablesorter tbody tr td,
body.framepage table.zebratbl tbody tr td,
.detailblock table.tablesorter tbody tr td,
.detailblock table.zebratbl tbody tr td,
.validreservation table.tablesorter tbody tr td,
.jqimessage table.zebratbl tbody tr td,
#reservation_overview tbody tr td {
  border-color: #e9f0f4;
  background: #f4f6f7;
  color: #333333;
  font-size: 0.75rem;
  padding: 0.3rem;
  vertical-align: middle;
}
body.framepage table.tablesorter tbody tr td > div,
body.framepage table.zebratbl tbody tr td > div,
.detailblock table.tablesorter tbody tr td > div,
.detailblock table.zebratbl tbody tr td > div,
.validreservation table.tablesorter tbody tr td > div,
.jqimessage table.zebratbl tbody tr td > div,
#reservation_overview tbody tr td > div {
  cursor: pointer;
  position: relative;
  padding-left: 1.95em;
}
body.framepage table.tablesorter tbody tr td > div p,
body.framepage table.zebratbl tbody tr td > div p,
.detailblock table.tablesorter tbody tr td > div p,
.detailblock table.zebratbl tbody tr td > div p,
.validreservation table.tablesorter tbody tr td > div p,
.jqimessage table.zebratbl tbody tr td > div p,
#reservation_overview tbody tr td > div p {
  margin: 0;
}
body.framepage table.tablesorter tbody tr td.bdr_r,
body.framepage table.zebratbl tbody tr td.bdr_r,
.detailblock table.tablesorter tbody tr td.bdr_r,
.detailblock table.zebratbl tbody tr td.bdr_r,
.validreservation table.tablesorter tbody tr td.bdr_r,
.jqimessage table.zebratbl tbody tr td.bdr_r,
#reservation_overview tbody tr td.bdr_r {
  border-right: 1px solid #668281;
}
body.framepage table.tablesorter tbody tr:hover,
body.framepage table.zebratbl tbody tr:hover,
.detailblock table.tablesorter tbody tr:hover,
.detailblock table.zebratbl tbody tr:hover,
.validreservation table.tablesorter tbody tr:hover,
.jqimessage table.zebratbl tbody tr:hover,
#reservation_overview tbody tr:hover {
  border-left: 4px solid #d88d44;
}
body.framepage table.tablesorter tbody tr.fontRed td,
body.framepage table.zebratbl tbody tr.fontRed td,
.detailblock table.tablesorter tbody tr.fontRed td,
.detailblock table.zebratbl tbody tr.fontRed td,
.validreservation table.tablesorter tbody tr.fontRed td,
.jqimessage table.zebratbl tbody tr.fontRed td,
#reservation_overview tbody tr.fontRed td {
  color: red;
}
body.framepage table.tablesorter tbody tr.fontOrange td,
body.framepage table.zebratbl tbody tr.fontOrange td,
.detailblock table.tablesorter tbody tr.fontOrange td,
.detailblock table.zebratbl tbody tr.fontOrange td,
.validreservation table.tablesorter tbody tr.fontOrange td,
.jqimessage table.zebratbl tbody tr.fontOrange td,
#reservation_overview tbody tr.fontOrange td {
  color: orange;
}
body.framepage table.tablesorter tbody tr.fontGrey td,
body.framepage table.zebratbl tbody tr.fontGrey td,
.detailblock table.tablesorter tbody tr.fontGrey td,
.detailblock table.zebratbl tbody tr.fontGrey td,
.validreservation table.tablesorter tbody tr.fontGrey td,
.jqimessage table.zebratbl tbody tr.fontGrey td,
#reservation_overview tbody tr.fontGrey td {
  color: grey;
}
body.framepage table.tablesorter tbody tr:nth-child(odd) td,
body.framepage table.tablesorter tbody tr.odd td,
body.framepage table.zebratbl tbody tr:nth-child(odd) td,
body.framepage table.zebratbl tbody tr.odd td,
.detailblock table.tablesorter tbody tr:nth-child(odd) td,
.detailblock table.tablesorter tbody tr.odd td,
.detailblock table.zebratbl tbody tr:nth-child(odd) td,
.detailblock table.zebratbl tbody tr.odd td,
.validreservation table.tablesorter tbody tr:nth-child(odd) td,
.validreservation table.tablesorter tbody tr.odd td,
.jqimessage table.zebratbl tbody tr:nth-child(odd) td,
.jqimessage table.zebratbl tbody tr.odd td,
#reservation_overview tbody tr:nth-child(odd) td,
#reservation_overview tbody tr.odd td {
  background-color: #FBFBFB;
}
body.framepage table.tablesorter tbody tr:hover td,
body.framepage table.zebratbl tbody tr:hover td,
.detailblock table.tablesorter tbody tr:hover td,
.detailblock table.zebratbl tbody tr:hover td,
.validreservation table.tablesorter tbody tr:hover td,
.jqimessage table.zebratbl tbody tr:hover td,
#reservation_overview tbody tr:hover td {
  background-color: #CDEAE9;
}
body.framepage table.tablesorter tfoot th,
body.framepage table.zebratbl tfoot th,
.detailblock table.tablesorter tfoot th,
.detailblock table.zebratbl tfoot th,
.validreservation table.tablesorter tfoot th,
.jqimessage table.zebratbl tfoot th,
#reservation_overview tfoot th {
  background-color: #FBFBFB;
  border-bottom: 1px solid #dde7ec;
  border-top: 1px solid #e9f0f4;
  font-size: 0.75rem;
  margin: 0;
  padding: 0.3rem 0.3rem 0.2rem 0.2rem;
}

table.tablesorter tbody td,
table.zebratbl tbody td {
  font-size: 14px;
}
table.tablesorter tbody td a,
table.zebratbl tbody td a {
  text-decoration: underline;
}

#support_info {
  display: none;
}

#placeholder {
  height: 100vh;
}

#content {
  margin-top: 39px;
  top: 0;
  transition: 0.3s;
  width: 100% !important;
}
#content.menu-active {
  padding-left: 80vw;
}
#content #blocks {
  height: calc(100% - 50px) !important;
  margin-top: 1.5rem;
  margin-left: 0 !important;
  width: 100% !important;
}

.block .header {
  background: #668281;
}

#container #header-wrapper {
  background: #668281;
  display: flex;
  flex-direction: row;
  height: auto;
  width: 100%;
}
#container #header-wrapper a {
  color: #B8D0D0;
  font-size: 1rem;
  transition: 0.3s;
  text-decoration: none;
  text-transform: capitalize;
}
#container #header-wrapper a:hover {
  color: #FFFFFF;
}
#container #shortcuts {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: space-between;
  margin-left: auto;
  position: relative;
  padding: 0 0.5rem;
  top: unset;
  right: unset;
}
#container #shortcuts .dropdown-divider {
  border-top: 1px solid #99bcbc;
}
#container #shortcuts .select2-selection {
  background: #526c6b !important;
  border-color: #526c6b !important;
  border-width: 2px !important;
  box-shadow: unset;
  transition: 0.1s;
  max-height: none !important;
  height: 28px !important;
  border-radius: 4px !important;
  border-style: solid !important;
  padding: 0;
  min-height: unset;
}
#container #shortcuts .select2-selection .select2-selection__rendered {
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif;
  line-height: 1.8 !important;
  text-align: left;
  padding-left: 8px !important;
}
#container #shortcuts .select2-selection .select2-selection__rendered .select2-selection__placeholder {
  color: #B8D0D0;
}
#container #shortcuts .select2-selection .select2-selection__rendered#select2-admin_switch_company-container {
  color: white !important;
}
#container #shortcuts .select2-selection .select2-selection__rendered .presentation {
  border-color: #B8D0D0 transparent transparent transparent;
}
#container #shortcuts .select2-selection::-moz-placeholder {
  color: #B8D0D0;
  opacity: 1;
}
#container #shortcuts .select2-selection::placeholder {
  color: #B8D0D0;
  opacity: 1;
}
#container #shortcuts .select2-selection:-ms-input-placeholder {
  color: #B8D0D0;
}
#container #shortcuts .select2-selection::-ms-input-placeholder {
  color: #B8D0D0;
}
#container #shortcuts .select2-selection:focus {
  border-color: #FFFFFF;
  border-width: 2px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.19);
}
#container #shortcuts .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px !important;
}
#container #shortcuts .select2.select2-container.select2-container--default {
  height: auto !important;
}
#container #shortcuts a {
  margin: 0 1rem;
}
#container #shortcuts .search-wrapper {
  order: 1;
  position: relative;
}
#container #shortcuts .search-wrapper .select2-container {
  width: 250px !important;
  height: auto !important;
}
#container #shortcuts .search-wrapper .select2-container .select2-selection__arrow {
  display: none;
}
#container #shortcuts .search-wrapper:after {
  content: url("../images/icons/zoeken.svg");
  height: 17px;
  position: absolute;
  margin: auto;
  top: 4px;
  right: 10px;
}
#container #shortcuts .dashboard {
  order: 2;
  padding-left: 0 !important;
}
#container #shortcuts .dashboard:before {
  background: unset;
  content: url("../images/icons/maatwerk.svg");
  left: 0;
  margin-right: 0.3rem;
  position: relative;
  top: 2px;
}
@media (min-width: 767px) {
  #container #shortcuts .dashboard:before {
    display: none;
  }
}
#container #shortcuts .portal {
  position: relative;
  order: 3;
}
#container #shortcuts .portal .notification {
  background: #007bff;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  font-size: 0.7rem;
  justify-content: center;
  position: absolute;
  right: -5px;
  height: 15px;
  top: -5px;
  width: 15px;
}
#container #shortcuts .manage {
  order: 5;
}
#container #shortcuts .manage td {
  width: 225px;
}
#container #shortcuts .help {
  position: relative;
  order: 4;
}
#container #shortcuts .help:before {
  bottom: 0;
  height: 17px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 10px;
}
#container #shortcuts .user-name {
  display: flex;
  flex-direction: column;
  line-height: 1.3rem;
  text-align: right;
  order: 6;
}
#container #shortcuts .user-name .dropdown-toggle:after {
  margin-left: 0.7rem;
  position: absolute;
  right: 0.4rem;
  top: 1.1rem;
}
#container #shortcuts .user-name a {
  background: transparent;
  box-shadow: unset;
  bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  max-width: 200px;
  padding-right: 1.5rem;
}
#container #shortcuts .user-name a.logout {
  color: #99bcbc;
}
#container #shortcuts .user-name a.logout:before {
  content: url("../images/icons/uitloggen.svg");
  margin-right: 0.3rem;
}
#container #shortcuts .user-name a.change-password {
  color: #99bcbc;
}
#container #shortcuts .user-name a.change-password:before {
  background-image: url("../images/icons/password.svg");
  background-position: center center;
  background-size: 12px;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 0.3rem;
  width: 10px;
}
#container #shortcuts .user-name a:hover.change-password, #container #shortcuts .user-name a:hover.logout {
  color: #FFFFFF;
}
#container #shortcuts .navbar-toggler {
  background: #ECF4F4;
  border-color: #ECF4F4;
  cursor: pointer;
  color: red;
}

@media (max-width: 991.98px) {
  #container #header-wrapper {
    align-items: center;
    flex-wrap: wrap;
    height: 55px;
  }
  #container #header-wrapper #shortcuts {
    background: #859E9D;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0.5rem 1.5rem 0 0.5rem;
    position: absolute;
    transition: 0.5s;
    right: -100%;
    top: 57px;
    width: 80vw;
  }
  #container #header-wrapper #shortcuts.show {
    box-shadow: -4px 0 5px 1px #4e4e4e33;
    right: 0;
    transition: 0.5s;
  }
  #container #header-wrapper #shortcuts > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
    text-align: left;
  }
  #container #header-wrapper #shortcuts > div.user-name {
    flex: 0 0 auto;
    max-width: unset;
  }
  #container #header-wrapper #shortcuts > div.user-name a {
    font-size: 0;
  }
  #container #header-wrapper #shortcuts > div.user-name a:before {
    background-image: url("../images/icons/user.svg");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
  }
  #container #header-wrapper #shortcuts > div.help {
    flex: 0 0 auto;
    max-width: unset;
  }
  #container #header-wrapper #shortcuts > div.help a {
    font-size: 0;
  }
  #container #header-wrapper #shortcuts > div.help a:before {
    background-image: url("../images/icons/help-web-button.svg");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
  }
  #container #header-wrapper #shortcuts > div.dashboard {
    flex: 0 0 auto;
    max-width: unset;
  }
  #container #header-wrapper #shortcuts > div.dashboard .dropdown-item {
    padding-left: 0 !important;
  }
  #container #header-wrapper #shortcuts > div.dashboard .dropdown-toggle {
    font-size: 0;
  }
  #container #header-wrapper #shortcuts > div.dashboard .dropdown-toggle:before {
    background-image: url("../images/icons/maatwerk.svg");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
  }
  #container #header-wrapper #shortcuts > div.dashboard::before {
    display: none;
  }
  #container #header-wrapper #shortcuts > div.portal .dropdown-toggle {
    font-size: 0;
  }
  #container #header-wrapper #shortcuts > div.portal .dropdown-toggle:before {
    background-image: url("../images/icons/customer-service.svg");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
  }
  #container #header-wrapper #shortcuts > div a {
    color: white;
    border: 0;
    text-align: left;
    max-width: -moz-max-content;
    max-width: max-content;
    overflow: visible;
    position: relative;
  }
  #container #header-wrapper #shortcuts > div a.dropdown-toggle:after {
    display: inline-block !important;
    top: calc(50% - 0.15rem);
  }
  #container #header-wrapper #shortcuts > div a:after {
    display: none;
    top: 1rem;
    right: -1.25rem;
  }
  #container #header-wrapper #shortcuts td {
    padding: 0;
    text-align: left;
  }
  #container #header-wrapper #shortcuts .manage table {
    width: 100%;
  }
  #container #header-wrapper #shortcuts .search-wrapper {
    order: 3;
  }
  #container #header-wrapper #shortcuts .search-wrapper:after {
    top: 6px;
  }
  #container #header-wrapper #shortcuts .portal,
#container #header-wrapper #shortcuts .help {
    order: 2;
    flex: 0 0 auto;
    max-width: unset;
  }
  #container #header-wrapper #shortcuts .user-name {
    order: 0;
    margin-bottom: 0.25rem;
  }
  #container #header-wrapper #shortcuts .user-name .dropdown-menu {
    position: absolute !important;
    padding: 0 0.5rem;
    left: 0.25rem;
    margin-top: 0.25rem;
    max-width: 250px;
    top: 100% !important;
    transform: unset !important;
  }
  #container #header-wrapper #shortcuts .user-name .dropdown-menu a {
    font-size: 0.875rem;
    padding: 0.25rem 0;
  }
  #container #header-wrapper #shortcuts .user-name .dropdown-menu a:before {
    display: none;
  }
  #container #header-wrapper #shortcuts .dropdown-menu {
    padding: 0 0.5rem;
  }
  #container #header-wrapper #shortcuts .dropdown-menu a {
    font-size: 0.875rem;
    padding: 0.25rem 0;
  }
  #container #header-wrapper #shortcuts .select2 {
    margin: 0 0.25rem;
    width: 100% !important;
  }
  #container #header-wrapper #shortcuts .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    color: white;
  }
  #container #header-wrapper #shortcuts a {
    margin: 0 0.25rem;
    color: #fff;
    padding: 0;
  }
  #container #header-wrapper .header-title {
    color: white;
    left: 55px;
    position: absolute;
  }
  #container #header-wrapper .header-title h1 {
    color: white;
    font-size: 1rem;
    margin: 0;
  }
  #container #navbar {
    align-items: flex-start;
    height: calc(100% - 168px);
    overflow: hidden;
    padding-bottom: 0 !important;
    left: unset !important;
    right: -100% !important;
    width: 80vw;
    transition: 0.5s;
  }
  #container #navbar.show {
    overflow-y: auto;
    transition: 0.5s;
    right: 0 !important;
    box-shadow: -4px 0 5px 1px #4e4e4e33;
  }
  #container #navbar > ul {
    flex-direction: column;
  }
  #container #navbar > ul > li > a {
    background: #668281;
    border-radius: 0.25rem;
    color: white;
    justify-content: flex-start;
    padding: 0.25rem 0.5rem;
  }
  #container #navbar > ul > li > a:after {
    background: url("../images/icons/minus.svg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    right: 20px;
    width: 20px;
    height: 4px;
  }
  #container #navbar > ul > li .submenu {
    background: #668281;
    box-shadow: unset;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
  }
  #container #navbar > ul > li .submenu .sub-level {
    flex: unset;
    max-width: unset;
    width: 100%;
  }
  #container #navbar > ul > li .submenu .sub-level li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: 0.5rem;
    padding: 0.5rem 0;
  }
  #container #navbar > ul > li .submenu .sub-level li a {
    color: white;
    font-size: 0.875rem;
    padding-left: 0.5rem;
  }
  #container #navbar > ul > li .submenu .sub-level li .newpage {
    background: #d88d44;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    padding: 0 0.25rem;
  }
  #container #navbar > ul > li .submenu .sub-level li:not(.parent) {
    border-bottom: 1px solid #668281;
  }
  #container #navbar > ul > li .submenu .sub-level li.parent {
    margin-left: 0;
    margin-top: 0.5rem;
    font-weight: bold;
    position: relative;
  }
  #container #navbar > ul > li:focus, #container #navbar > ul > li:active, #container #navbar > ul > li:hover {
    background: transparent;
  }
  #container #navbar > ul > li:focus a, #container #navbar > ul > li:active a, #container #navbar > ul > li:hover a {
    background: #526c6b;
  }
  #container #navbar > ul > li.active > a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #526c6b;
  }
  #container #navbar > ul > li.active > a:after {
    background-image: url("../images/icons/plus-icon.svg");
    height: 20px;
  }
  #container #navbar > ul > li.active .submenu {
    background-color: #526c6b;
    border-radius: 0 0 0.25rem 0.25rem;
    height: auto;
    padding: 0 0.25rem;
  }
  #container #content {
    padding-top: 0;
  }

  #container .header:not(:empty),
body.framepage.updated .header:not(:empty) {
    top: 55px;
    flex-direction: row;
  }
  #container .header:not(:empty) .title-wrap .add-to-favorites,
#container .header:not(:empty) .title-wrap nav,
#container .header:not(:empty) .title-wrap h1,
body.framepage.updated .header:not(:empty) .title-wrap .add-to-favorites,
body.framepage.updated .header:not(:empty) .title-wrap nav,
body.framepage.updated .header:not(:empty) .title-wrap h1 {
    display: none;
  }
  #container .header:not(:empty) .buttons,
body.framepage.updated .header:not(:empty) .buttons {
    flex-direction: row;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: unset;
    justify-content: flex-end;
    transition: 0.2s;
    padding: 0;
  }
  #container .header:not(:empty) .buttons .button,
body.framepage.updated .header:not(:empty) .buttons .button {
    margin-left: 0.25rem;
  }
  #container .header:not(:empty) .buttons #backbutton,
body.framepage.updated .header:not(:empty) .buttons #backbutton {
    margin-right: auto;
  }
  #container .header:not(:empty) .buttons #backbutton a,
body.framepage.updated .header:not(:empty) .buttons #backbutton a {
    font-size: 0;
  }
  #container .header:not(:empty) .buttons #backbutton a:before,
body.framepage.updated .header:not(:empty) .buttons #backbutton a:before {
    margin-right: 0;
    border-width: 0.5rem;
  }
  #container .header:not(:empty) .buttons #helpbutton a,
body.framepage.updated .header:not(:empty) .buttons #helpbutton a {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  #container .header:not(:empty) .buttons .buttonlist .dropdown-toggle,
body.framepage.updated .header:not(:empty) .buttons .buttonlist .dropdown-toggle {
    font-size: 0;
  }
  #container .header:not(:empty) .buttons .buttonlist .dropdown-toggle:after,
body.framepage.updated .header:not(:empty) .buttons .buttonlist .dropdown-toggle:after {
    display: none;
  }
  #container .header:not(:empty) .buttons .buttonlist.acties,
body.framepage.updated .header:not(:empty) .buttons .buttonlist.acties {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
  }
  #container .header:not(:empty) .buttons .buttonlist.acties:before,
body.framepage.updated .header:not(:empty) .buttons .buttonlist.acties:before {
    content: "";
    background-color: #ECF4F4;
    height: 15px;
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-image: url("../images/icons/actie.svg");
            mask-image: url("../images/icons/actie.svg");
    position: absolute;
    pointer-events: none;
    width: 15px;
    z-index: 1;
  }
  #container .header:not(:empty) .buttons .buttonlist.exporteren,
body.framepage.updated .header:not(:empty) .buttons .buttonlist.exporteren {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
  }
  #container .header:not(:empty) .buttons .buttonlist.exporteren:before,
body.framepage.updated .header:not(:empty) .buttons .buttonlist.exporteren:before {
    content: "";
    background-color: #ECF4F4;
    height: 15px;
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-image: url("../images/icons/export.svg");
            mask-image: url("../images/icons/export.svg");
    position: absolute;
    pointer-events: none;
    width: 18px;
    z-index: 1;
  }
  #container .header:not(:empty) .buttons .nieuw,
body.framepage.updated .header:not(:empty) .buttons .nieuw {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
  }
  #container .header:not(:empty) .buttons .nieuw:before,
body.framepage.updated .header:not(:empty) .buttons .nieuw:before {
    content: "";
    background-color: #ECF4F4;
    position: absolute;
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-image: url("../images/icons/plus-icon.svg");
            mask-image: url("../images/icons/plus-icon.svg");
    pointer-events: none;
    width: 15px;
    height: 15px;
    z-index: 1;
  }
  #container .header:not(:empty) .buttons .opslaan,
body.framepage.updated .header:not(:empty) .buttons .opslaan {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
  }
  #container .header:not(:empty) .buttons .opslaan:before,
body.framepage.updated .header:not(:empty) .buttons .opslaan:before {
    content: "";
    background-color: #ECF4F4;
    height: 15px;
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-image: url("../images/icons/floppy.svg");
            mask-image: url("../images/icons/floppy.svg");
    position: absolute;
    pointer-events: none;
    width: 15px;
    z-index: 1;
  }
  #container form,
body.framepage.updated form {
    padding: 0;
  }

  body.framepage.updated .header:not(:empty) {
    position: sticky !important;
  }
  body.framepage.updated .header:not(:empty) .buttons {
    flex: unset;
    max-width: unset;
    margin-left: auto;
  }

  body:not(.touchscreen):not(.login):not(.admin-page).framepage .header:not(:empty) .title-wrap h1:not(:empty) {
    display: block;
  }

  body:not(.touchscreen):not(.login):not(.admin-page) #placeholder {
    padding-top: 101px !important;
  }

  body.framepage.updated form {
    padding: 1rem !important;
    margin: 0;
  }
  body.framepage.updated .placeholder {
    margin-top: 0 !important;
  }

  #placeholder.navbar-open:before {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    position: fixed;
    left: 0;
    top: -34px;
    width: 100%;
    z-index: 99;
  }
}
#header {
  display: none;
}

#mainlogo {
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url("../images/styles/default/everyoffice-logo-svg.svg");
  background-size: 155px;
  flex: 0 0 40px;
  left: 0.35rem;
  height: 52px;
  margin-right: 1rem;
  position: relative;
  right: unset;
  top: 0.1rem;
  width: 170px;
}
@media (min-width: 767px) {
  #mainlogo {
    flex: unset;
    left: 15px;
  }
}

.togglemenu {
  background-image: url("../images/icons/menu.svg");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: 10px;
  background-color: #859E9D;
  border-radius: 0.25rem 0 0 0.25rem;
  display: none;
  cursor: pointer;
  display: block;
  flex: 0 0 40px;
  margin: 0;
  max-width: 40px;
  margin-left: auto;
  position: relative;
  width: 20px;
  height: 30px;
}
.togglemenu.menu-active {
  background-image: url("../images/icons/close-menu.svg");
}
@media (min-width: 992px) {
  .togglemenu {
    display: none;
  }
}

#navbar {
  background: #859E9D;
  position: absolute;
  width: 100%;
  height: auto;
  top: 52px;
  left: 0;
}
#navbar ul {
  list-style: none;
}
#navbar ul > li > a {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  font-size: 1rem;
  justify-content: center;
}
#navbar .level1 li:hover {
  background: transparent;
}
#navbar > ul {
  display: flex;
}
#navbar > ul li {
  background: unset;
  margin: 0;
  padding: 0.4rem 0.7rem;
  text-align: left;
  width: auto;
  height: auto;
}
#navbar > ul li a:before {
  margin-right: 0.5rem;
  position: relative;
  text-align: center;
  top: 0.1rem;
  width: auto;
}
#navbar > ul li a.financieel:before {
  content: url("../images/icons/financieel.svg");
}
#navbar > ul li a.fiattering:before {
  content: url("../images/icons/fiattering.svg");
}
#navbar > ul li a.dossier:before {
  content: url("../images/icons/dossier.svg");
}
#navbar > ul li a.handel:before {
  content: url("../images/icons/handel.svg");
}
#navbar > ul li a.kassa:before {
  content: url("../images/icons/kassa.svg");
}
#navbar > ul li a.crm:before {
  content: url("../images/icons/crm.svg");
}
#navbar > ul li a.projecten:before {
  content: url("../images/icons/projecten.svg");
}
#navbar > ul li a.personeel:before {
  content: url("../images/icons/personeel.svg");
}
#navbar > ul li a.website:before {
  content: url("../images/icons/website.svg");
}
#navbar > ul li a.agenda:before {
  content: url("../images/icons/agenda.svg");
}
#navbar > ul li a.autos:before {
  content: url("../images/icons/auto.svg");
}
#navbar > ul li a.vastgoed:before {
  content: url("../images/icons/vastgoed.svg");
}
#navbar > ul li a.recreatie:before {
  content: url("../images/icons/recreatie.svg");
}
#navbar > ul li a.domotica:before {
  content: url("../images/icons/domotica.svg");
}
#navbar > ul li a.sport:before {
  content: url("../images/icons/sport.svg");
}
#navbar > ul li a.relatie:before {
  content: url("../images/icons/relatie.svg");
}
#navbar > ul li a.werknemer:before {
  content: url("../images/icons/werknemer.svg");
}
#navbar > ul li a.marketing:before {
  content: url("../images/icons/marketing.svg");
}
#navbar > ul li a.maatwerk:before {
  content: url("../images/icons/maatwerk.svg");
}
#navbar > ul li a.instellingen:before {
  content: url("../images/icons/instellingen.svg");
}
#navbar > ul li a.support:before {
  content: url("../images/icons/support.svg");
}
#navbar > ul li ul {
  display: none;
}
#navbar > ul li:hover {
  background-color: #526c6b;
}
#navbar > ul li:hover a {
  color: white;
  text-decoration: none;
}
#navbar > ul li:hover > .level1 {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 0 #b1b1b18a;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  position: absolute;
  padding: 1rem;
  left: 0;
  top: 99%;
  width: 100vw;
  z-index: 999;
}
#navbar > ul li:hover > .level1 .sub-level {
  flex: 0 0 16.6%;
  max-width: 16.6%;
}
#navbar > ul li:hover > .level1 .sub-level li {
  padding: 0 0.35rem;
}
#navbar > ul li:hover > .level1 .sub-level li.parent {
  margin-top: 1rem;
}
#navbar > ul li:hover > .level1 .sub-level li.parent a {
  font-weight: bold;
  font-size: 0.875rem;
  color: #333333;
}
#navbar > ul li:hover > .level1 .sub-level li.parent:first-of-type {
  margin-top: 0;
}
#navbar > ul li:hover > .level1 .sub-level li.parent:hover a {
  text-decoration: none;
}
#navbar > ul li:hover > .level1 .sub-level li a {
  font-weight: 400;
  font-size: 0.75rem;
  color: #333333;
}
#navbar > ul li:hover > .level1 .sub-level li a.newpage {
  font-size: 0.625rem;
  color: #668281;
}
#navbar > ul li:hover > .level1 .sub-level li a:hover {
  text-decoration: underline;
}
#navbar > ul li:hover > .level1 li {
  margin-left: 0;
}
#navbar > ul li:hover > .level1 li a {
  font-size: 14px;
  font-weight: bold;
}
#navbar > ul li:hover > .level1 li ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#navbar > ul li:hover > .level1 li ul li {
  padding: 0;
}
#navbar > ul li:hover > .level1 li ul li a {
  font-weight: normal;
  font-size: 14px;
}
#navbar #btn-chooseMobileModal {
  align-items: center;
  background: #d88d44;
  color: white;
  display: flex;
  justify-content: center;
  margin: 0.4rem 0.7rem;
  width: 100% !important;
}

#chooseMobileModal .modal-body span {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
}
#chooseMobileModal .modal-body span:active, #chooseMobileModal .modal-body span:focus, #chooseMobileModal .modal-body span:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
#chooseMobileModal .modal-body a {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #859E9D;
  border: 1px solid #859E9D;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
  margin-right: 0;
}
#chooseMobileModal .modal-body a:active, #chooseMobileModal .modal-body a:focus, #chooseMobileModal .modal-body a:hover {
  background-color: #6a8685;
  border-color: #6a8685;
  box-shadow: unset;
}

body.save-absolute .alert {
  position: absolute;
  width: 100%;
  right: 1rem;
  z-index: 1;
}

.responsiveMessage {
  border-radius: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0.25rem 1.25rem 0.25rem 0.35rem;
  position: fixed;
  transition: 0.2s;
  width: 100%;
  z-index: 10;
}
.responsiveMessage .alert-close {
  align-items: center;
  display: flex;
  background: #d88d44;
  color: white;
  content: "";
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.responsiveMessage .alert-close:hover {
  cursor: pointer;
}
.responsiveMessage.hide-message {
  border: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  transition: 0.2s;
}

body.responsive .responsiveMessage {
  display: none;
}

body.not-mobile-ready .responsiveMessage {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

body .detailblock {
  height: 100% !important;
}
body .detailblock .body {
  width: 932px;
}
body #detailblockbody {
  width: 100% !important;
  height: auto;
}
body #detailblockbody form > input[type=submit]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow),
body #detailblockbody form > input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow) {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-top: 0.25rem;
  margin-left: 0;
}
body #detailblockbody form > input[type=submit]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):active, body #detailblockbody form > input[type=submit]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):focus, body #detailblockbody form > input[type=submit]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):hover,
body #detailblockbody form > input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):active,
body #detailblockbody form > input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):focus,
body #detailblockbody form > input[type=button]:not(.navbtn):not(.del-flat-icon):not(.delRow):not(.addRow):hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
body #detailblockbody input[type=button].navbtn {
  border: 1px solid #668281;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}
body #detailblockbody div.pager input[type=button] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #668281;
  color: #668281;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  display: inline-block;
  height: 25px !important;
  line-height: 1.2;
  padding: 0 0.45rem !important;
}
body #detailblockbody div.pager input[type=button]:active, body #detailblockbody div.pager input[type=button]:focus, body #detailblockbody div.pager input[type=button]:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: unset;
}
body #detailblockbody div.pager input[type=button].disabled {
  cursor: not-allowed;
  opacity: 0.8;
}
body #detailblockbody h2 {
  color: #668281;
  font-size: 1.4rem;
}
body #detailblockbody .onoffswitch {
  padding-left: 0 !important;
}
body.admin-page, body.login {
  background-color: #668281;
  background-image: url("../images/duinen-meppel.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  visibility: visible;
  position: relative !important;
  height: 100% !important;
}
body.admin-page #container, body.login #container {
  height: 100%;
}
body.admin-page #header-wrapper, body.login #header-wrapper {
  position: fixed;
}
body.admin-page #placeholder, body.login #placeholder {
  height: 100% !important;
}
body.admin-page #content, body.login #content {
  background: transparent;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
body.admin-page #detailblockbody, body.login #detailblockbody {
  height: 100%;
}
body.admin-page .detailblock .body, body.login .detailblock .body {
  background: transparent;
}
body.admin-page #messagebox, body.login #messagebox {
  top: 45px !important;
}
body.admin-page .header-title, body.login .header-title {
  display: none;
}
body.admin-page .header:not(:empty), body.login .header:not(:empty) {
  background: transparent;
  border: 0;
}
body.admin-page .header:not(:empty) .buttons,
body.admin-page .header:not(:empty) .title-wrap, body.login .header:not(:empty) .buttons,
body.login .header:not(:empty) .title-wrap {
  display: none;
}
body.admin-page #header,
body.admin-page div.header,
body.admin-page #navbar {
  display: none;
}
body.admin-page .admin-select {
  background: #FFFFFF;
  padding: 0.8rem 1.2rem;
}
body.admin-page .detailblock .body {
  background: transparent;
}
body.admin-page form tr {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
body.admin-page .select2-selection .select2-selection__rendered {
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.8;
  text-align: left;
}
body.admin-page .select2-selection .select2-selection__rendered .presentation {
  border-color: #B8D0D0 transparent transparent transparent;
}
body.admin-page #content {
  background: transparent;
  margin-left: unset;
  width: 100% !important;
}
body.admin-page tbody tr {
  border: unset;
  margin: unset !important;
}
body.planbord #content > .detailblock > div.header {
  display: none;
}
body.planbord #content #detailblockbody {
  overflow: hidden;
  height: inherit !important;
}
body.planbord .body {
  padding: 0;
}
body.planbord #blocks {
  padding: 0.4rem 0.57rem !important;
}
body.dashboard:not(.overview) #content {
  margin-top: 39px;
}
body.dashboard:not(.overview) .wrapper {
  margin-top: 0;
}
body.dashboard:not(.overview) .detailblock .body {
  overflow: hidden;
  padding: 0;
}
body.dashboard .wrapper #content {
  height: calc(100vh - 25px);
}

.eo-card {
  align-items: center;
  background: #f6f6f6;
  border-radius: 0.25rem;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  position: relative;
  top: 8rem;
  width: 350px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}
.eo-card .card-header {
  padding: 1.5rem 1.3rem;
  display: flex;
  flex-direction: row;
}
.eo-card .card-header h3 {
  color: #668281;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}
.eo-card .card-header h4 {
  color: #668281;
  font-size: 0.875rem;
  margin: 0;
}
.eo-card .card-body {
  background: #FFFFFF;
  padding: 1.1rem 1.2rem 0.4rem;
}
.eo-card .card-body tr {
  margin-bottom: 0.5rem !important;
  max-width: 100% !important;
}
.eo-card .card-body .btn {
  justify-content: center;
}
.eo-card .card-body .btn:not(.ok) {
  background: transparent;
  border-color: #333333;
  color: #333333;
  font-size: 0.75rem;
  padding: 0 0.6rem !important;
}
.eo-card .card-body .btn:not(.ok):focus, .eo-card .card-body .btn:not(.ok):active, .eo-card .card-body .btn:not(.ok):hover {
  background: #333333;
  border-color: #333333;
  color: #FFFFFF;
}
.eo-card .form-group {
  display: flex;
  flex-direction: column;
}
.eo-card .footer {
  background: #FFFFFF;
  display: flex;
  margin: 0 15px;
  justify-content: center;
  width: 100%;
}

.select2-search--dropdown .select2-search__field {
  box-shadow: inset 0 2px 4px 2px rgba(206, 206, 206, 0.6);
  border-radius: 0.25rem;
  border: unset;
  font-size: 0.875rem;
  outline: none;
  padding: 0.12rem 0.75rem;
}

/* Nieuwe reservering styling */
body.whiteframe {
  background: #f6f6f6;
  margin: 0;
}

body.framepage .placeholder {
  background: #f6f6f6;
  transform: unset;
  padding: 0;
}

body.framepage {
  overflow-y: scroll;
  background: #f6f6f6;
  height: 100% !important;
}

body.framepage h3,
.validreservation h3 {
  color: #668281;
  font-size: 0.938rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
body.framepage .content-wrapper,
.validreservation .content-wrapper {
  margin-bottom: 2rem;
}
body.framepage .content-wrapper h2,
.validreservation .content-wrapper h2 {
  border-top: 1px solid #d8d8d8;
  color: #333333;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-top: 2rem;
}
body.framepage .content-wrapper:first-of-type h2,
.validreservation .content-wrapper:first-of-type h2 {
  border: unset;
  padding: unset;
}
body.framepage .content-wrapper .tablesorter-sticky-wrapper,
.validreservation .content-wrapper .tablesorter-sticky-wrapper {
  display: none !important;
}
body.framepage .content-wrapper .btn-primary,
.validreservation .content-wrapper .btn-primary {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #D5E9E8;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  justify-content: center;
}
body.framepage .content-wrapper .btn-primary:active, body.framepage .content-wrapper .btn-primary:focus, body.framepage .content-wrapper .btn-primary:hover,
.validreservation .content-wrapper .btn-primary:active,
.validreservation .content-wrapper .btn-primary:focus,
.validreservation .content-wrapper .btn-primary:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}
body.framepage .subblock,
.validreservation .subblock {
  background-color: transparent !important;
  border-radius: 0.2rem;
  border: 0;
  margin: 0 0 0.5rem 0;
  padding-left: 0;
}
body.framepage .subblock h2,
.validreservation .subblock h2 {
  color: #668281;
  font-size: 1rem;
  border: 0;
  margin: 0;
  padding: 0;
}
body.framepage .fixed-block,
.validreservation .fixed-block {
  position: fixed;
  top: 1rem;
  right: 15px;
}
body.framepage .fixed-block .card,
.validreservation .fixed-block .card {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #f6f6f6;
  padding: 1.7rem 0 0 0;
}
body.framepage .fixed-block .card .wrapper,
.validreservation .fixed-block .card .wrapper {
  flex-direction: row;
  margin-bottom: 0.6rem;
  padding: 0 1rem;
}
body.framepage .fixed-block .card .wrapper .body,
body.framepage .fixed-block .card .wrapper .head,
.validreservation .fixed-block .card .wrapper .body,
.validreservation .fixed-block .card .wrapper .head {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}
body.framepage .fixed-block .card .wrapper .head,
.validreservation .fixed-block .card .wrapper .head {
  margin-bottom: 0;
  line-height: 1.1;
  text-align: left;
}
body.framepage .fixed-block .card .wrapper.object,
.validreservation .fixed-block .card .wrapper.object {
  margin-bottom: 0.35rem;
}
body.framepage .fixed-block .card .wrapper.object .body,
.validreservation .fixed-block .card .wrapper.object .body {
  border-bottom: 1px solid #d3d3d3;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 0.92rem;
  padding-bottom: 1.4rem;
  text-align: left;
}
body.framepage .fixed-block .card .wrapper.total .body,
body.framepage .fixed-block .card .wrapper.total .head,
.validreservation .fixed-block .card .wrapper.total .body,
.validreservation .fixed-block .card .wrapper.total .head {
  border-top: 1px solid #d3d3d3;
  margin-top: 0;
  padding-top: 0.7rem;
}
body.framepage .fixed-block .card .wrapper:last-of-type,
.validreservation .fixed-block .card .wrapper:last-of-type {
  margin-bottom: 0;
}
body.framepage .fixed-block .card .quicklinks,
.validreservation .fixed-block .card .quicklinks {
  background: #FFFFFF;
  border-radius: 0 0 6px 6px;
  margin-top: 0.5rem;
}
body.framepage .fixed-block .card .quicklinks ul,
.validreservation .fixed-block .card .quicklinks ul {
  list-style: none;
  margin-bottom: 0;
}
body.framepage .fixed-block .card .quicklinks ul li,
.validreservation .fixed-block .card .quicklinks ul li {
  border-top: 1px solid #d3d3d3;
  padding: 0.4rem 1rem;
  position: relative;
}
body.framepage .fixed-block .card .quicklinks ul li.active:before,
.validreservation .fixed-block .card .quicklinks ul li.active:before {
  background: #d88d44;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}
body.framepage .fixed-block .card .quicklinks ul li.active a,
.validreservation .fixed-block .card .quicklinks ul li.active a {
  color: #d88d44;
  text-decoration: none;
}
body.framepage .fixed-block .card .quicklinks ul li a:hover,
.validreservation .fixed-block .card .quicklinks ul li a:hover {
  color: #d88d44;
  text-decoration: none;
}
body.framepage .card,
.validreservation .card {
  background: #FBFBFB;
  border-color: #dde7ec;
  font-size: 0.875rem;
  padding: 0.51rem;
}
body.framepage .card th,
.validreservation .card th {
  text-align: left;
  font-size: 0.875rem;
  margin-bottom: 0.4rem;
  padding: 0;
}
body.framepage .card td,
.validreservation .card td {
  position: relative;
}
body.framepage .card td select,
body.framepage .card td input[type=text],
.validreservation .card td select,
.validreservation .card td input[type=text] {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  padding: 0.219rem 0.5rem;
  width: calc(100% - 2px) !important;
}
body.framepage .card td select[readonly],
body.framepage .card td input[type=text][readonly],
.validreservation .card td select[readonly],
.validreservation .card td input[type=text][readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.framepage .card td select[readonly]:active, body.framepage .card td select[readonly]:focus, body.framepage .card td select[readonly]:hover,
body.framepage .card td input[type=text][readonly]:active,
body.framepage .card td input[type=text][readonly]:focus,
body.framepage .card td input[type=text][readonly]:hover,
.validreservation .card td select[readonly]:active,
.validreservation .card td select[readonly]:focus,
.validreservation .card td select[readonly]:hover,
.validreservation .card td input[type=text][readonly]:active,
.validreservation .card td input[type=text][readonly]:focus,
.validreservation .card td input[type=text][readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.framepage .card td select[readonly].stockred:active, body.framepage .card td select[readonly].stockred:focus, body.framepage .card td select[readonly].stockred:hover,
body.framepage .card td input[type=text][readonly].stockred:active,
body.framepage .card td input[type=text][readonly].stockred:focus,
body.framepage .card td input[type=text][readonly].stockred:hover,
.validreservation .card td select[readonly].stockred:active,
.validreservation .card td select[readonly].stockred:focus,
.validreservation .card td select[readonly].stockred:hover,
.validreservation .card td input[type=text][readonly].stockred:active,
.validreservation .card td input[type=text][readonly].stockred:focus,
.validreservation .card td input[type=text][readonly].stockred:hover {
  background-color: red;
}
body.framepage .card td select[readonly].stockorange:active, body.framepage .card td select[readonly].stockorange:focus, body.framepage .card td select[readonly].stockorange:hover,
body.framepage .card td input[type=text][readonly].stockorange:active,
body.framepage .card td input[type=text][readonly].stockorange:focus,
body.framepage .card td input[type=text][readonly].stockorange:hover,
.validreservation .card td select[readonly].stockorange:active,
.validreservation .card td select[readonly].stockorange:focus,
.validreservation .card td select[readonly].stockorange:hover,
.validreservation .card td input[type=text][readonly].stockorange:active,
.validreservation .card td input[type=text][readonly].stockorange:focus,
.validreservation .card td input[type=text][readonly].stockorange:hover {
  background-color: orange;
}
body.framepage .card td select:hover, body.framepage .card td select:focus, body.framepage .card td select:focus-within,
body.framepage .card td input[type=text]:hover,
body.framepage .card td input[type=text]:focus,
body.framepage .card td input[type=text]:focus-within,
.validreservation .card td select:hover,
.validreservation .card td select:focus,
.validreservation .card td select:focus-within,
.validreservation .card td input[type=text]:hover,
.validreservation .card td input[type=text]:focus,
.validreservation .card td input[type=text]:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.framepage .card td select.stockred,
body.framepage .card td input[type=text].stockred,
.validreservation .card td select.stockred,
.validreservation .card td input[type=text].stockred {
  background-color: red;
  color: white;
}
body.framepage .card td select.stockorange,
body.framepage .card td input[type=text].stockorange,
.validreservation .card td select.stockorange,
.validreservation .card td input[type=text].stockorange {
  background-color: orange;
}
body.framepage .card td select:focus, body.framepage .card td select:hover,
body.framepage .card td input[type=text]:focus,
body.framepage .card td input[type=text]:hover,
.validreservation .card td select:focus,
.validreservation .card td select:hover,
.validreservation .card td input[type=text]:focus,
.validreservation .card td input[type=text]:hover {
  box-shadow: unset;
}
body.framepage .card td select,
.validreservation .card td select {
  height: calc(1.75rem + 2px);
}
body.framepage .card td img,
.validreservation .card td img {
  bottom: 0;
  position: absolute;
  top: 8px;
  left: calc(100% - 23px);
}
body.framepage .card td.button,
.validreservation .card td.button {
  display: flex;
  justify-content: center;
  margin-left: 0.3rem;
}
body.framepage .card td.button input.delRow,
.validreservation .card td.button input.delRow {
  background-image: url("../images/icons/delete-icon.svg");
  background-size: 14px;
  margin-top: 0.4rem;
}
body.framepage .card td.button input.addRow,
.validreservation .card td.button input.addRow {
  background-image: url("../images/icons/add-icon-black.svg");
  background-size: 18px;
  margin-top: 0.4rem;
}
body.framepage .card td.button input:first-of-type,
.validreservation .card td.button input:first-of-type {
  margin-right: 0.3rem;
}
body.framepage .card input[type=checkbox],
.validreservation .card input[type=checkbox] {
  height: 12px;
  width: 12px;
}
body.framepage .card .facilitydates,
.validreservation .card .facilitydates {
  display: flex;
  position: relative;
  width: 100%;
}
body.framepage .card .facilitydates img,
.validreservation .card .facilitydates img {
  position: absolute;
  top: 8px;
  right: 10px;
}
body.framepage .card #addrow_terms_tbl input[type=text],
.validreservation .card #addrow_terms_tbl input[type=text] {
  margin-bottom: 0.5rem;
}
body.framepage .wrapper,
.validreservation .wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.32rem;
}
body.framepage .wrapper .head,
.validreservation .wrapper .head {
  text-align: left;
  font-size: 0.875rem;
  margin-bottom: 0.2rem;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.framepage .wrapper .body,
.validreservation .wrapper .body {
  font-size: 0.9rem;
  position: relative;
  width: 100% !important;
}
body.framepage .wrapper .body .date,
.validreservation .wrapper .body .date {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
body.framepage .wrapper .body .date input:first-of-type,
.validreservation .wrapper .body .date input:first-of-type {
  flex: 0 0 60%;
  max-width: 60%;
  margin-right: 0.5rem;
}
body.framepage .wrapper .body .date input:last-of-type,
.validreservation .wrapper .body .date input:last-of-type {
  flex: 0 0 calc(40% - 10px);
  max-width: calc(40% - 10px);
  text-align: center;
}
body.framepage .wrapper .body .date img,
.validreservation .wrapper .body .date img {
  left: calc(60% - 25px);
  margin: auto;
  position: absolute;
  top: 8px;
}
body.framepage .wrapper .body.relatie,
.validreservation .wrapper .body.relatie {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
body.framepage .wrapper .body.relatie input[type=text],
.validreservation .wrapper .body.relatie input[type=text] {
  flex: 0 0 65%;
  max-width: 65%;
  margin-right: 0.3rem;
}
body.framepage .wrapper .body.relatie a,
.validreservation .wrapper .body.relatie a {
  margin: 0 0.15rem;
}
body.framepage .wrapper .body textarea,
body.framepage .wrapper .body .select2,
body.framepage .wrapper .body select,
body.framepage .wrapper .body input[type=number],
body.framepage .wrapper .body input[type=text],
.validreservation .wrapper .body textarea,
.validreservation .wrapper .body .select2,
.validreservation .wrapper .body select,
.validreservation .wrapper .body input[type=number],
.validreservation .wrapper .body input[type=text] {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  box-sizing: border-box;
  display: block;
  padding: 0.219rem 0.5rem;
  width: 100% !important;
}
body.framepage .wrapper .body textarea[readonly],
body.framepage .wrapper .body .select2[readonly],
body.framepage .wrapper .body select[readonly],
body.framepage .wrapper .body input[type=number][readonly],
body.framepage .wrapper .body input[type=text][readonly],
.validreservation .wrapper .body textarea[readonly],
.validreservation .wrapper .body .select2[readonly],
.validreservation .wrapper .body select[readonly],
.validreservation .wrapper .body input[type=number][readonly],
.validreservation .wrapper .body input[type=text][readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.framepage .wrapper .body textarea[readonly]:active, body.framepage .wrapper .body textarea[readonly]:focus, body.framepage .wrapper .body textarea[readonly]:hover,
body.framepage .wrapper .body .select2[readonly]:active,
body.framepage .wrapper .body .select2[readonly]:focus,
body.framepage .wrapper .body .select2[readonly]:hover,
body.framepage .wrapper .body select[readonly]:active,
body.framepage .wrapper .body select[readonly]:focus,
body.framepage .wrapper .body select[readonly]:hover,
body.framepage .wrapper .body input[type=number][readonly]:active,
body.framepage .wrapper .body input[type=number][readonly]:focus,
body.framepage .wrapper .body input[type=number][readonly]:hover,
body.framepage .wrapper .body input[type=text][readonly]:active,
body.framepage .wrapper .body input[type=text][readonly]:focus,
body.framepage .wrapper .body input[type=text][readonly]:hover,
.validreservation .wrapper .body textarea[readonly]:active,
.validreservation .wrapper .body textarea[readonly]:focus,
.validreservation .wrapper .body textarea[readonly]:hover,
.validreservation .wrapper .body .select2[readonly]:active,
.validreservation .wrapper .body .select2[readonly]:focus,
.validreservation .wrapper .body .select2[readonly]:hover,
.validreservation .wrapper .body select[readonly]:active,
.validreservation .wrapper .body select[readonly]:focus,
.validreservation .wrapper .body select[readonly]:hover,
.validreservation .wrapper .body input[type=number][readonly]:active,
.validreservation .wrapper .body input[type=number][readonly]:focus,
.validreservation .wrapper .body input[type=number][readonly]:hover,
.validreservation .wrapper .body input[type=text][readonly]:active,
.validreservation .wrapper .body input[type=text][readonly]:focus,
.validreservation .wrapper .body input[type=text][readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.framepage .wrapper .body textarea[readonly].stockred:active, body.framepage .wrapper .body textarea[readonly].stockred:focus, body.framepage .wrapper .body textarea[readonly].stockred:hover,
body.framepage .wrapper .body .select2[readonly].stockred:active,
body.framepage .wrapper .body .select2[readonly].stockred:focus,
body.framepage .wrapper .body .select2[readonly].stockred:hover,
body.framepage .wrapper .body select[readonly].stockred:active,
body.framepage .wrapper .body select[readonly].stockred:focus,
body.framepage .wrapper .body select[readonly].stockred:hover,
body.framepage .wrapper .body input[type=number][readonly].stockred:active,
body.framepage .wrapper .body input[type=number][readonly].stockred:focus,
body.framepage .wrapper .body input[type=number][readonly].stockred:hover,
body.framepage .wrapper .body input[type=text][readonly].stockred:active,
body.framepage .wrapper .body input[type=text][readonly].stockred:focus,
body.framepage .wrapper .body input[type=text][readonly].stockred:hover,
.validreservation .wrapper .body textarea[readonly].stockred:active,
.validreservation .wrapper .body textarea[readonly].stockred:focus,
.validreservation .wrapper .body textarea[readonly].stockred:hover,
.validreservation .wrapper .body .select2[readonly].stockred:active,
.validreservation .wrapper .body .select2[readonly].stockred:focus,
.validreservation .wrapper .body .select2[readonly].stockred:hover,
.validreservation .wrapper .body select[readonly].stockred:active,
.validreservation .wrapper .body select[readonly].stockred:focus,
.validreservation .wrapper .body select[readonly].stockred:hover,
.validreservation .wrapper .body input[type=number][readonly].stockred:active,
.validreservation .wrapper .body input[type=number][readonly].stockred:focus,
.validreservation .wrapper .body input[type=number][readonly].stockred:hover,
.validreservation .wrapper .body input[type=text][readonly].stockred:active,
.validreservation .wrapper .body input[type=text][readonly].stockred:focus,
.validreservation .wrapper .body input[type=text][readonly].stockred:hover {
  background-color: red;
}
body.framepage .wrapper .body textarea[readonly].stockorange:active, body.framepage .wrapper .body textarea[readonly].stockorange:focus, body.framepage .wrapper .body textarea[readonly].stockorange:hover,
body.framepage .wrapper .body .select2[readonly].stockorange:active,
body.framepage .wrapper .body .select2[readonly].stockorange:focus,
body.framepage .wrapper .body .select2[readonly].stockorange:hover,
body.framepage .wrapper .body select[readonly].stockorange:active,
body.framepage .wrapper .body select[readonly].stockorange:focus,
body.framepage .wrapper .body select[readonly].stockorange:hover,
body.framepage .wrapper .body input[type=number][readonly].stockorange:active,
body.framepage .wrapper .body input[type=number][readonly].stockorange:focus,
body.framepage .wrapper .body input[type=number][readonly].stockorange:hover,
body.framepage .wrapper .body input[type=text][readonly].stockorange:active,
body.framepage .wrapper .body input[type=text][readonly].stockorange:focus,
body.framepage .wrapper .body input[type=text][readonly].stockorange:hover,
.validreservation .wrapper .body textarea[readonly].stockorange:active,
.validreservation .wrapper .body textarea[readonly].stockorange:focus,
.validreservation .wrapper .body textarea[readonly].stockorange:hover,
.validreservation .wrapper .body .select2[readonly].stockorange:active,
.validreservation .wrapper .body .select2[readonly].stockorange:focus,
.validreservation .wrapper .body .select2[readonly].stockorange:hover,
.validreservation .wrapper .body select[readonly].stockorange:active,
.validreservation .wrapper .body select[readonly].stockorange:focus,
.validreservation .wrapper .body select[readonly].stockorange:hover,
.validreservation .wrapper .body input[type=number][readonly].stockorange:active,
.validreservation .wrapper .body input[type=number][readonly].stockorange:focus,
.validreservation .wrapper .body input[type=number][readonly].stockorange:hover,
.validreservation .wrapper .body input[type=text][readonly].stockorange:active,
.validreservation .wrapper .body input[type=text][readonly].stockorange:focus,
.validreservation .wrapper .body input[type=text][readonly].stockorange:hover {
  background-color: orange;
}
body.framepage .wrapper .body textarea:hover, body.framepage .wrapper .body textarea:focus, body.framepage .wrapper .body textarea:focus-within,
body.framepage .wrapper .body .select2:hover,
body.framepage .wrapper .body .select2:focus,
body.framepage .wrapper .body .select2:focus-within,
body.framepage .wrapper .body select:hover,
body.framepage .wrapper .body select:focus,
body.framepage .wrapper .body select:focus-within,
body.framepage .wrapper .body input[type=number]:hover,
body.framepage .wrapper .body input[type=number]:focus,
body.framepage .wrapper .body input[type=number]:focus-within,
body.framepage .wrapper .body input[type=text]:hover,
body.framepage .wrapper .body input[type=text]:focus,
body.framepage .wrapper .body input[type=text]:focus-within,
.validreservation .wrapper .body textarea:hover,
.validreservation .wrapper .body textarea:focus,
.validreservation .wrapper .body textarea:focus-within,
.validreservation .wrapper .body .select2:hover,
.validreservation .wrapper .body .select2:focus,
.validreservation .wrapper .body .select2:focus-within,
.validreservation .wrapper .body select:hover,
.validreservation .wrapper .body select:focus,
.validreservation .wrapper .body select:focus-within,
.validreservation .wrapper .body input[type=number]:hover,
.validreservation .wrapper .body input[type=number]:focus,
.validreservation .wrapper .body input[type=number]:focus-within,
.validreservation .wrapper .body input[type=text]:hover,
.validreservation .wrapper .body input[type=text]:focus,
.validreservation .wrapper .body input[type=text]:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.framepage .wrapper .body textarea.stockred,
body.framepage .wrapper .body .select2.stockred,
body.framepage .wrapper .body select.stockred,
body.framepage .wrapper .body input[type=number].stockred,
body.framepage .wrapper .body input[type=text].stockred,
.validreservation .wrapper .body textarea.stockred,
.validreservation .wrapper .body .select2.stockred,
.validreservation .wrapper .body select.stockred,
.validreservation .wrapper .body input[type=number].stockred,
.validreservation .wrapper .body input[type=text].stockred {
  background-color: red;
  color: white;
}
body.framepage .wrapper .body textarea.stockorange,
body.framepage .wrapper .body .select2.stockorange,
body.framepage .wrapper .body select.stockorange,
body.framepage .wrapper .body input[type=number].stockorange,
body.framepage .wrapper .body input[type=text].stockorange,
.validreservation .wrapper .body textarea.stockorange,
.validreservation .wrapper .body .select2.stockorange,
.validreservation .wrapper .body select.stockorange,
.validreservation .wrapper .body input[type=number].stockorange,
.validreservation .wrapper .body input[type=text].stockorange {
  background-color: orange;
}
body.framepage .wrapper .body textarea:focus, body.framepage .wrapper .body textarea:hover,
body.framepage .wrapper .body .select2:focus,
body.framepage .wrapper .body .select2:hover,
body.framepage .wrapper .body select:focus,
body.framepage .wrapper .body select:hover,
body.framepage .wrapper .body input[type=number]:focus,
body.framepage .wrapper .body input[type=number]:hover,
body.framepage .wrapper .body input[type=text]:focus,
body.framepage .wrapper .body input[type=text]:hover,
.validreservation .wrapper .body textarea:focus,
.validreservation .wrapper .body textarea:hover,
.validreservation .wrapper .body .select2:focus,
.validreservation .wrapper .body .select2:hover,
.validreservation .wrapper .body select:focus,
.validreservation .wrapper .body select:hover,
.validreservation .wrapper .body input[type=number]:focus,
.validreservation .wrapper .body input[type=number]:hover,
.validreservation .wrapper .body input[type=text]:focus,
.validreservation .wrapper .body input[type=text]:hover {
  box-shadow: unset;
}
body.framepage .wrapper .body .select2,
.validreservation .wrapper .body .select2 {
  padding: 0;
}
body.framepage .wrapper .body .select2 .select2-selection,
.validreservation .wrapper .body .select2 .select2-selection {
  background: unset;
  border-radius: unset;
  border: unset;
  padding: 0.375rem 0.75rem;
}
body.framepage .wrapper .body input[readonly],
.validreservation .wrapper .body input[readonly] {
  background: #cfcfcf;
  cursor: not-allowed;
}
body.framepage .wrapper .body .select2-container--default .select2-selection--single .select2-selection__rendered,
.validreservation .wrapper .body .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 18px;
  padding: 0;
}
body.framepage .wrapper .body .input-group .input-group-append + .form-control,
.validreservation .wrapper .body .input-group .input-group-append + .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 30px;
  width: 1% !important;
}
body.framepage .wrapper .body .input-group .form-control,
.validreservation .wrapper .body .input-group .form-control {
  height: 30px;
}
body.framepage .wrapper .body .input-group .form-control:not(:last-child),
.validreservation .wrapper .body .input-group .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 1% !important;
}
body.framepage .wrapper .body .input-group .input-group-text,
.validreservation .wrapper .body .input-group .input-group-text {
  background-color: #e8e8e8;
}
body.framepage .wrapper .body .recalcprices,
.validreservation .wrapper .body .recalcprices {
  display: inherit;
  float: right;
}
body.framepage .event-products-block,
.validreservation .event-products-block {
  overflow-x: auto;
}
body.framepage #basisgegevens .card,
.validreservation #basisgegevens .card {
  margin-bottom: 1rem;
}
body.framepage .rental-facilities table,
.validreservation .rental-facilities table {
  width: 100%;
}
body.framepage .rental-facilities .time input[type=text],
.validreservation .rental-facilities .time input[type=text] {
  width: 63px !important;
}
body.framepage .rental-facilities .input-group .totalPrice,
.validreservation .rental-facilities .input-group .totalPrice {
  margin-right: 0;
  width: 1% !important;
}
body.framepage .rental-facilities input.delRow,
.validreservation .rental-facilities input.delRow {
  background-image: url("../images/icons/delete-icon.svg");
  background-size: 14px;
  margin-top: 0;
}
body.framepage .rental-facilities input.addRow,
.validreservation .rental-facilities input.addRow {
  background-image: url("../images/icons/add-icon-black.svg");
  background-size: 18px;
  margin-top: 0;
}
body.framepage .rental-facilities div,
.validreservation .rental-facilities div {
  display: flex;
  position: relative;
}
body.framepage .rental-facilities div .ui-datepicker-trigger,
.validreservation .rental-facilities div .ui-datepicker-trigger {
  bottom: 0;
  position: absolute;
  margin: auto;
  left: calc(100% - 25px);
  top: 20px;
}
body.framepage .rental-facilities div input[type=text].hasDatepicker,
.validreservation .rental-facilities div input[type=text].hasDatepicker {
  width: 120px !important;
}
body.framepage .rental-facilities .col-12 > div,
.validreservation .rental-facilities .col-12 > div {
  flex-direction: column;
  margin-left: 0.3rem;
}
body.framepage .rental-facilities .col-12 > div:first-child,
.validreservation .rental-facilities .col-12 > div:first-child {
  margin-left: 0;
}
body.framepage .rental-facilities .col-12 > div.button,
.validreservation .rental-facilities .col-12 > div.button {
  align-items: flex-end;
  flex-direction: row;
  margin-bottom: 0.5rem;
}
body.framepage .rental-facilities input[type=text],
body.framepage .rental-facilities select,
.validreservation .rental-facilities input[type=text],
.validreservation .rental-facilities select {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  box-sizing: border-box;
  height: 30px !important;
  width: 100% !important;
}
body.framepage .rental-facilities input[type=text][readonly],
body.framepage .rental-facilities select[readonly],
.validreservation .rental-facilities input[type=text][readonly],
.validreservation .rental-facilities select[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.framepage .rental-facilities input[type=text][readonly]:active, body.framepage .rental-facilities input[type=text][readonly]:focus, body.framepage .rental-facilities input[type=text][readonly]:hover,
body.framepage .rental-facilities select[readonly]:active,
body.framepage .rental-facilities select[readonly]:focus,
body.framepage .rental-facilities select[readonly]:hover,
.validreservation .rental-facilities input[type=text][readonly]:active,
.validreservation .rental-facilities input[type=text][readonly]:focus,
.validreservation .rental-facilities input[type=text][readonly]:hover,
.validreservation .rental-facilities select[readonly]:active,
.validreservation .rental-facilities select[readonly]:focus,
.validreservation .rental-facilities select[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.framepage .rental-facilities input[type=text][readonly].stockred:active, body.framepage .rental-facilities input[type=text][readonly].stockred:focus, body.framepage .rental-facilities input[type=text][readonly].stockred:hover,
body.framepage .rental-facilities select[readonly].stockred:active,
body.framepage .rental-facilities select[readonly].stockred:focus,
body.framepage .rental-facilities select[readonly].stockred:hover,
.validreservation .rental-facilities input[type=text][readonly].stockred:active,
.validreservation .rental-facilities input[type=text][readonly].stockred:focus,
.validreservation .rental-facilities input[type=text][readonly].stockred:hover,
.validreservation .rental-facilities select[readonly].stockred:active,
.validreservation .rental-facilities select[readonly].stockred:focus,
.validreservation .rental-facilities select[readonly].stockred:hover {
  background-color: red;
}
body.framepage .rental-facilities input[type=text][readonly].stockorange:active, body.framepage .rental-facilities input[type=text][readonly].stockorange:focus, body.framepage .rental-facilities input[type=text][readonly].stockorange:hover,
body.framepage .rental-facilities select[readonly].stockorange:active,
body.framepage .rental-facilities select[readonly].stockorange:focus,
body.framepage .rental-facilities select[readonly].stockorange:hover,
.validreservation .rental-facilities input[type=text][readonly].stockorange:active,
.validreservation .rental-facilities input[type=text][readonly].stockorange:focus,
.validreservation .rental-facilities input[type=text][readonly].stockorange:hover,
.validreservation .rental-facilities select[readonly].stockorange:active,
.validreservation .rental-facilities select[readonly].stockorange:focus,
.validreservation .rental-facilities select[readonly].stockorange:hover {
  background-color: orange;
}
body.framepage .rental-facilities input[type=text]:hover, body.framepage .rental-facilities input[type=text]:focus, body.framepage .rental-facilities input[type=text]:focus-within,
body.framepage .rental-facilities select:hover,
body.framepage .rental-facilities select:focus,
body.framepage .rental-facilities select:focus-within,
.validreservation .rental-facilities input[type=text]:hover,
.validreservation .rental-facilities input[type=text]:focus,
.validreservation .rental-facilities input[type=text]:focus-within,
.validreservation .rental-facilities select:hover,
.validreservation .rental-facilities select:focus,
.validreservation .rental-facilities select:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.framepage .rental-facilities input[type=text].stockred,
body.framepage .rental-facilities select.stockred,
.validreservation .rental-facilities input[type=text].stockred,
.validreservation .rental-facilities select.stockred {
  background-color: red;
  color: white;
}
body.framepage .rental-facilities input[type=text].stockorange,
body.framepage .rental-facilities select.stockorange,
.validreservation .rental-facilities input[type=text].stockorange,
.validreservation .rental-facilities select.stockorange {
  background-color: orange;
}
body.framepage .rental-facilities input[type=button].wholeReservation,
.validreservation .rental-facilities input[type=button].wholeReservation {
  background-image: url("../images/icons/kalender-automatisch-invullen.svg");
  margin: 0 0.35rem;
}
body.framepage .rental-facilities .input-group,
.validreservation .rental-facilities .input-group {
  width: 110px !important;
}
body.framepage #subreservering .button_img,
.validreservation #subreservering .button_img {
  width: 16px;
}
body.framepage #subreservering .button_img img,
.validreservation #subreservering .button_img img {
  position: initial;
}
body.framepage #subreservering input[type=button],
.validreservation #subreservering input[type=button] {
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #D5E9E8;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
}
body.framepage #subreservering input[type=button]:active, body.framepage #subreservering input[type=button]:focus, body.framepage #subreservering input[type=button]:hover,
.validreservation #subreservering input[type=button]:active,
.validreservation #subreservering input[type=button]:focus,
.validreservation #subreservering input[type=button]:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}
body.framepage #bevestiging .card,
.validreservation #bevestiging .card {
  margin-bottom: 1rem;
}
body.framepage #bevestiging tbody,
.validreservation #bevestiging tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.framepage #bevestiging tbody tr.postrow,
body.framepage #bevestiging tbody tr.mailrow,
body.framepage #bevestiging tbody tr.methode,
.validreservation #bevestiging tbody tr.postrow,
.validreservation #bevestiging tbody tr.mailrow,
.validreservation #bevestiging tbody tr.methode {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  max-width: 50%;
}
body.framepage #bevestiging tbody tr,
.validreservation #bevestiging tbody tr {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0.2rem 0;
}
body.framepage #bevestiging tbody input[type=checkbox],
.validreservation #bevestiging tbody input[type=checkbox] {
  margin-right: 0.3rem;
  margin-top: -0.15rem;
}
body.framepage #reisgezelschap img:not(.ui-datepicker-trigger),
.validreservation #reisgezelschap img:not(.ui-datepicker-trigger) {
  position: relative;
  top: 0;
  left: 0;
  width: 14px;
}
body.framepage #reisgezelschap img.ui-datepicker-trigger,
.validreservation #reisgezelschap img.ui-datepicker-trigger {
  top: 11px;
}
body.framepage #object_price_notification,
.validreservation #object_price_notification {
  font-size: 0.75rem;
}
body.framepage #facturatie td select,
.validreservation #facturatie td select {
  width: 85px !important;
}
body.framepage #facturatie input.smaller-input,
.validreservation #facturatie input.smaller-input {
  width: 45px !important;
}
body.framepage #facturen .smaller-input,
.validreservation #facturen .smaller-input {
  width: 100px !important;
  float: right;
}
body.framepage #facturen img,
.validreservation #facturen img {
  position: initial !important;
}

@media screen and (max-height: 900px) {
  body.framepage .fixed-block,
.validreservation .fixed-block {
    top: 1rem;
  }
  body.framepage .fixed-block .card,
.validreservation .fixed-block .card {
    padding-top: 0.5rem;
  }
  body.framepage .fixed-block .card .wrapper.object .body,
.validreservation .fixed-block .card .wrapper.object .body {
    margin-bottom: 0.2rem;
    padding-bottom: 0.5rem;
  }
  body.framepage .fixed-block .card .wrapper,
.validreservation .fixed-block .card .wrapper {
    margin-bottom: 0.2rem;
  }
  body.framepage .fixed-block .card .quicklinks ul li,
.validreservation .fixed-block .card .quicklinks ul li {
    padding: 0.2rem 1rem;
  }
}
.dhxwins_vp_dhx_skyblue div.dhxwin_active {
  background: transparent !important;
  box-shadow: 1px 1px 8px 2px #4c4c4c;
  border: unset !important;
}
.dhxwins_vp_dhx_skyblue div.dhxwin_active * {
  border: unset !important;
}
.dhxwins_vp_dhx_skyblue div.dhxwin_active .dhx_cell_cont_wins,
.dhxwins_vp_dhx_skyblue div.dhxwin_active .dhx_cell_wins,
.dhxwins_vp_dhx_skyblue div.dhxwin_active .dhxwin_brd {
  border: unset !important;
  background: #f6f6f6 !important;
  height: 100% !important;
  width: 100% !important;
}
.dhxwins_vp_dhx_skyblue div.dhxwin_active .dhx_cell_wins {
  background: transparent !important;
  left: 0 !important;
}
.dhxwins_vp_dhx_skyblue div.dhxwin_active .dhx_cell_wins .dhx_toolbar_arw,
.dhxwins_vp_dhx_skyblue div.dhxwin_active .dhx_cell_wins .dhx_toolbar_sep {
  height: 0;
  padding: 0;
  width: 0;
}

.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
  border: unset !important;
}

.dhx_toolbar_dhx_skyblue {
  background: #e8e8e8;
  border: unset;
}

.dhxwins_vp_dhx_skyblue div.dhxwins_mcover {
  background: #000000;
  opacity: 0.6;
  position: fixed;
}

.dhxwin_active {
  position: fixed !important;
}
.dhxwin_active .dhxwin_hdr {
  align-items: center;
  background: #e8e8e8 !important;
  color: #668281 !important;
  display: flex;
  height: 55px !important;
  justify-content: space-between;
}
.dhxwin_active .dhxwin_text_inside {
  color: #668281;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Roboto", sans-serif;
  line-height: initial;
  margin: 0;
  padding: 0;
}
.dhxwin_active .dhxwin_icon {
  display: none;
}
.dhxwin_active .dhxwin_btns {
  height: auto !important;
  top: 0 !important;
  position: relative !important;
  right: 10px !important;
}
.dhxwin_active .dhxwin_btns .dhxwin_button_park,
.dhxwin_active .dhxwin_btns .dhxwin_button_minmax {
  display: none;
}
.dhxwin_active .dhxwin_btns .dhxwin_button_close {
  align-items: center;
  background-color: #668281;
  border: 1px solid #668281;
  color: #D5E9E8;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  background-image: unset !important;
  border-radius: 0.25rem !important;
  height: 31px !important;
  justify-content: center;
  margin: 0 !important;
  width: 85px !important;
}
.dhxwin_active .dhxwin_btns .dhxwin_button_close:active, .dhxwin_active .dhxwin_btns .dhxwin_button_close:focus, .dhxwin_active .dhxwin_btns .dhxwin_button_close:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}
.dhxwin_active .dhxwin_btns .dhxwin_button_close:hover {
  background-color: #506565 !important;
}
.dhxwin_active .dhxwin_btns .dhxwin_button_close:after {
  content: "Terug";
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}
.dhxwin_active .dhxwin_btns .dhxwin_button_close:before {
  content: "";
  margin-right: 0.6rem;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-right: 0.3rem solid;
}

body .dhxwin_active .dhx_cell_toolbar_def {
  background: #e8e8e8;
  padding: 1.2rem 1rem !important;
  position: fixed !important;
  height: 72px;
  max-width: 100%;
  margin-bottom: 1.5rem;
  top: 0;
  width: 100%;
  z-index: 100;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_dhx_skyblue {
  display: flex;
  flex-direction: row;
  height: auto;
  justify-content: flex-end;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #D5E9E8;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn:active, body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn:focus, body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn:hover {
  background-color: #506565 !important;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn .dhxtoolbar_text {
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 0;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn:not(:first-child):after {
  display: inline-block;
  margin-left: 0.7rem;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn:first-child .dhxtoolbar_text {
  align-items: center;
  display: flex;
}
body .dhxwin_active .dhx_cell_toolbar_def .dhx_toolbar_btn:first-child .dhxtoolbar_text:before {
  content: "";
  margin-right: 0.6rem;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-right: 0.3rem solid;
}

.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #D5E9E8;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
}
.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn:active, .dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn:focus, .dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}

div.dhx_toolbar_poly_dhx_skyblue {
  background: #668281;
  border: unset;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  font-size: 0.9rem;
  list-style: none;
  margin: 0.125rem 0 0;
  padding: 0.5rem 0;
  text-align: left;
}
div.dhx_toolbar_poly_dhx_skyblue .td_btn_img {
  display: none !important;
}
div.dhx_toolbar_poly_dhx_skyblue .tr_btn_over {
  background: #668281;
  cursor: pointer;
}
div.dhx_toolbar_poly_dhx_skyblue .tr_btn_over .td_btn_txt {
  color: #FFFFFF;
}
div.dhx_toolbar_poly_dhx_skyblue .tr_btn_over > td,
div.dhx_toolbar_poly_dhx_skyblue td {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #D5E9E8;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.25rem 1rem;
  text-align: inherit;
  width: 100%;
  white-space: nowrap;
}
div.dhx_toolbar_poly_dhx_skyblue .tr_btn_over > td {
  color: #FFFFFF;
}

#ui-datepicker-div .ui-datepicker-title {
  margin: 0 2.3em;
}

/* Recreatie planbord styling */
#cal_date_holder {
  color: #668281;
  font-weight: 600;
  margin-left: auto !important;
  z-index: 300;
}

body.updated .dhx_cal_navline {
  top: -15px;
}
body.updated .dhx_cal_navline div {
  top: 0;
  position: relative;
}
body.updated #detailblockbody > .body .quicklinks-wrapper #cal_date_holder {
  margin-right: auto !important;
  margin-left: unset !important;
}

.dhx_matrix_scell.folder,
.dhx_data_table.folder .dhx_matrix_cell {
  background-color: #d5d5d5;
}

.dhx_matrix_scell .dhx_scell_level1 {
  padding-left: 0.4rem;
}

.dhx_scale_bar {
  font-family: "Roboto", sans-serif;
}

.dhx_matrix_scell.item .dhx_scell_name {
  color: #333333;
  text-align: left;
  padding-left: 5px;
}

.dhx_cal_nextweek_button {
  background-image: url("../images/icons/double-arrow-icon.svg");
  background-size: 11px;
  transform: rotate(180deg);
}

.dhx_cal_next_button {
  background-image: url("../images/icons/arrow-icon.svg");
  background-size: 7px;
}

.dhx_cal_prev_button {
  background-image: url("../images/icons/arrow-icon.svg");
  background-size: 7px;
  transform: rotate(180deg);
}

.dhx_cal_prevweek_button {
  background-image: url("../images/icons/double-arrow-icon.svg");
  background-size: 11px;
}

body.planbord .dhx_minical_popup {
  height: 240px;
  width: 240px;
}
body.planbord .dhx_minical_popup .dhx_cal_container.dhx_mini_calendar {
  background-color: #FBFBFB;
  border-radius: 6px;
  box-shadow: -1px 0px 5px 3px #73737352;
}
body.planbord .dhx_minical_popup .dhx_cal_prev_button {
  left: 10px !important;
}
body.planbord .dhx_minical_popup .dhx_cal_next_button {
  right: 10px !important;
}
body.planbord .dhx_minical_popup table {
  width: 100%;
}
body.planbord .dhx_minical_popup td {
  padding: 5px 0;
  font-weight: 500;
}
body.planbord .dhx_minical_popup td.dhx_now {
  background: #d88d44;
}
body.planbord .dhx_minical_popup td.dhx_now .dhx_month_head {
  color: #FFFFFF;
  font-family: inherit;
  font-weight: 500;
}
body.planbord .dhx_minical_popup .dhx_year_month {
  border-bottom: 1px solid #e2e2e2;
  font-weight: bold;
  font-size: 1rem;
  height: 40px;
  line-height: 30px;
  margin-bottom: 0.5rem;
}
body.planbord .dhx_minical_popup .dhx_year_grid,
body.planbord .dhx_minical_popup .dhx_year_month {
  background: #FBFBFB;
  color: #668281;
}
body.planbord .dhx_minical_popup .dhx_mini_calendar .dhx_year_week {
  border: unset;
  display: flex;
  justify-content: space-around;
}
body.planbord .dhx_minical_popup .dhx_year_body {
  border-color: unset;
}
body.planbord .dhx_minical_popup .dhx_year_body .dhx_month_body {
  background-color: transparent;
}
body.planbord .dhx_minical_popup .dhx_mini_calendar .dhx_calendar_click {
  background: unset;
}
body.planbord .dhx_minical_popup .dhx_month_head {
  background: unset;
  padding: 0;
}
body.planbord .dhx_minical_popup .dhx_scale_bar {
  background: unset;
  color: #668281;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 5px 7px !important;
  position: relative;
  left: 0 !important;
  top: 0 !important;
}
body.planbord .dhx_minical_popup .dhx_year_body .dhx_before .dhx_month_head,
body.planbord .dhx_minical_popup .dhx_year_body .dhx_after .dhx_month_head,
body.planbord .dhx_minical_popup .dhx_year_body .dhx_before .dhx_month_head a,
body.planbord .dhx_minical_popup .dhx_year_body .dhx_after .dhx_month_head a {
  display: none;
}

#website_register_agenda div.header,
#recreation_agenda div.header {
  width: calc(100% - 22px) !important;
}

.quicklinks-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  left: 0;
  margin: 0 2rem 0 0 !important;
  padding-right: 2rem !important;
  position: relative !important;
  top: 5px !important;
  right: 0;
  width: 100%;
}
.quicklinks-wrapper #cal_date_holder {
  margin-right: auto !important;
  margin-left: unset !important;
  position: relative !important;
  padding-left: 0 !important;
  top: 0 !important;
}
.quicklinks-wrapper .buttons-wrapper > div {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #f6f6f6;
  border: 1px solid #668281;
  color: #859E9D;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
}
.quicklinks-wrapper .buttons-wrapper > div:active, .quicklinks-wrapper .buttons-wrapper > div:focus, .quicklinks-wrapper .buttons-wrapper > div:hover {
  background-color: #dddddd;
  border-color: #dddddd;
  box-shadow: unset;
}
.quicklinks-wrapper .buttons-wrapper > div.filtertogglebtn:after {
  content: url("../images/icons/filter-icon.svg");
  margin-left: 0.5rem;
}
.quicklinks-wrapper .buttons-wrapper > div.filtered {
  background-color: #d88d44;
  border-color: #c17328;
  color: #FFFFFF;
}
.quicklinks-wrapper .buttons-wrapper > div.active, .quicklinks-wrapper .buttons-wrapper > div:hover {
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  font-weight: normal;
  font-size: initial;
  text-shadow: unset;
}

.dhx_cal_data,
#recreation_facility_agenda > .dhx_cal_data,
#recreation_agenda > .dhx_cal_data,
#website_register_agenda > .dhx_cal_data {
  height: calc(100% - 90px) !important;
}

.dhx_cal_header a {
  color: white;
}

@media (max-width: 1277px) {
  body.planbord .quicklinks-wrapper .buttons-wrapper {
    position: absolute;
    right: 40px;
    justify-content: flex-end;
    z-index: 400;
  }

  .quicklinks-wrapper {
    flex-wrap: wrap;
  }
  .quicklinks-wrapper .dhx_cal_date {
    margin-bottom: 0.35rem;
  }
}
.dhx_marked_timespan.dhx_now_time,
.dhx_marked_timespan.dhx_matrix_now_time {
  border-color: #ffe26a;
  border-width: 2px;
}

td.double-input .ui-datepicker-trigger,
body.updated .ui-datepicker-trigger {
  bottom: unset;
  height: 14px;
  left: calc(100% - 30px);
  position: absolute;
  top: calc(50% - 7px);
  width: 14px;
}
td.double-input .invalid-form-group .ui-datepicker-trigger,
body.updated .invalid-form-group .ui-datepicker-trigger {
  top: calc(50% - 12px) !important;
  right: 48px !important;
}
@media (min-width: 1327px) {
  td.double-input .invalid-form-group .ui-datepicker-trigger,
body.updated .invalid-form-group .ui-datepicker-trigger {
    top: calc(50% - 3px) !important;
  }
}

.dhx_matrix_now_time,
.dhx_now_time {
  opacity: 0.8;
}

.lightupcontentbox,
.filtercontentbox {
  visibility: hidden;
}
.lightupcontentbox.show,
.filtercontentbox.show {
  background: #f6f6f6 !important;
  border: 1px solid #dddddd !important;
  box-shadow: 1px 2px 8px 0 #0000003b;
  height: 450px !important;
  transition: height 0.25s ease-in;
  visibility: visible;
}
.lightupcontentbox table,
.filtercontentbox table {
  width: 100%;
}
.lightupcontentbox tr,
.filtercontentbox tr {
  display: flex;
  flex-direction: column;
  flex: 0 0 100% !important;
  margin-bottom: 1.2rem;
  max-width: 100% !important;
}
.lightupcontentbox tr th,
.filtercontentbox tr th {
  text-align: left;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  padding: 0;
}
.lightupcontentbox tr td,
.filtercontentbox tr td {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.lightupcontentbox tr td .input,
.filtercontentbox tr td .input {
  position: relative;
}
.lightupcontentbox tr td .input img,
.filtercontentbox tr td .input img {
  height: 16px;
  position: absolute;
  right: 10px;
  top: 7px;
  width: 16px;
}
.lightupcontentbox tr td .input:nth-child(2),
.filtercontentbox tr td .input:nth-child(2) {
  flex: 0 0 70px;
  max-width: 70px;
  margin: 0 1rem;
}
.lightupcontentbox tr td .input:nth-child(2) input,
.filtercontentbox tr td .input:nth-child(2) input {
  padding-right: 0 !important;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple,
.lightupcontentbox tr td select,
.lightupcontentbox tr td input[type=number],
.lightupcontentbox tr td input[type=text],
.filtercontentbox tr td .select2 .select2-selection--multiple,
.filtercontentbox tr td select,
.filtercontentbox tr td input[type=number],
.filtercontentbox tr td input[type=text] {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple[readonly],
.lightupcontentbox tr td select[readonly],
.lightupcontentbox tr td input[type=number][readonly],
.lightupcontentbox tr td input[type=text][readonly],
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly],
.filtercontentbox tr td select[readonly],
.filtercontentbox tr td input[type=number][readonly],
.filtercontentbox tr td input[type=text][readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple[readonly]:active, .lightupcontentbox tr td .select2 .select2-selection--multiple[readonly]:focus, .lightupcontentbox tr td .select2 .select2-selection--multiple[readonly]:hover,
.lightupcontentbox tr td select[readonly]:active,
.lightupcontentbox tr td select[readonly]:focus,
.lightupcontentbox tr td select[readonly]:hover,
.lightupcontentbox tr td input[type=number][readonly]:active,
.lightupcontentbox tr td input[type=number][readonly]:focus,
.lightupcontentbox tr td input[type=number][readonly]:hover,
.lightupcontentbox tr td input[type=text][readonly]:active,
.lightupcontentbox tr td input[type=text][readonly]:focus,
.lightupcontentbox tr td input[type=text][readonly]:hover,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly]:active,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly]:focus,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly]:hover,
.filtercontentbox tr td select[readonly]:active,
.filtercontentbox tr td select[readonly]:focus,
.filtercontentbox tr td select[readonly]:hover,
.filtercontentbox tr td input[type=number][readonly]:active,
.filtercontentbox tr td input[type=number][readonly]:focus,
.filtercontentbox tr td input[type=number][readonly]:hover,
.filtercontentbox tr td input[type=text][readonly]:active,
.filtercontentbox tr td input[type=text][readonly]:focus,
.filtercontentbox tr td input[type=text][readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple[readonly].stockred:active, .lightupcontentbox tr td .select2 .select2-selection--multiple[readonly].stockred:focus, .lightupcontentbox tr td .select2 .select2-selection--multiple[readonly].stockred:hover,
.lightupcontentbox tr td select[readonly].stockred:active,
.lightupcontentbox tr td select[readonly].stockred:focus,
.lightupcontentbox tr td select[readonly].stockred:hover,
.lightupcontentbox tr td input[type=number][readonly].stockred:active,
.lightupcontentbox tr td input[type=number][readonly].stockred:focus,
.lightupcontentbox tr td input[type=number][readonly].stockred:hover,
.lightupcontentbox tr td input[type=text][readonly].stockred:active,
.lightupcontentbox tr td input[type=text][readonly].stockred:focus,
.lightupcontentbox tr td input[type=text][readonly].stockred:hover,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly].stockred:active,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly].stockred:focus,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly].stockred:hover,
.filtercontentbox tr td select[readonly].stockred:active,
.filtercontentbox tr td select[readonly].stockred:focus,
.filtercontentbox tr td select[readonly].stockred:hover,
.filtercontentbox tr td input[type=number][readonly].stockred:active,
.filtercontentbox tr td input[type=number][readonly].stockred:focus,
.filtercontentbox tr td input[type=number][readonly].stockred:hover,
.filtercontentbox tr td input[type=text][readonly].stockred:active,
.filtercontentbox tr td input[type=text][readonly].stockred:focus,
.filtercontentbox tr td input[type=text][readonly].stockred:hover {
  background-color: red;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple[readonly].stockorange:active, .lightupcontentbox tr td .select2 .select2-selection--multiple[readonly].stockorange:focus, .lightupcontentbox tr td .select2 .select2-selection--multiple[readonly].stockorange:hover,
.lightupcontentbox tr td select[readonly].stockorange:active,
.lightupcontentbox tr td select[readonly].stockorange:focus,
.lightupcontentbox tr td select[readonly].stockorange:hover,
.lightupcontentbox tr td input[type=number][readonly].stockorange:active,
.lightupcontentbox tr td input[type=number][readonly].stockorange:focus,
.lightupcontentbox tr td input[type=number][readonly].stockorange:hover,
.lightupcontentbox tr td input[type=text][readonly].stockorange:active,
.lightupcontentbox tr td input[type=text][readonly].stockorange:focus,
.lightupcontentbox tr td input[type=text][readonly].stockorange:hover,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly].stockorange:active,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly].stockorange:focus,
.filtercontentbox tr td .select2 .select2-selection--multiple[readonly].stockorange:hover,
.filtercontentbox tr td select[readonly].stockorange:active,
.filtercontentbox tr td select[readonly].stockorange:focus,
.filtercontentbox tr td select[readonly].stockorange:hover,
.filtercontentbox tr td input[type=number][readonly].stockorange:active,
.filtercontentbox tr td input[type=number][readonly].stockorange:focus,
.filtercontentbox tr td input[type=number][readonly].stockorange:hover,
.filtercontentbox tr td input[type=text][readonly].stockorange:active,
.filtercontentbox tr td input[type=text][readonly].stockorange:focus,
.filtercontentbox tr td input[type=text][readonly].stockorange:hover {
  background-color: orange;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple:hover, .lightupcontentbox tr td .select2 .select2-selection--multiple:focus, .lightupcontentbox tr td .select2 .select2-selection--multiple:focus-within,
.lightupcontentbox tr td select:hover,
.lightupcontentbox tr td select:focus,
.lightupcontentbox tr td select:focus-within,
.lightupcontentbox tr td input[type=number]:hover,
.lightupcontentbox tr td input[type=number]:focus,
.lightupcontentbox tr td input[type=number]:focus-within,
.lightupcontentbox tr td input[type=text]:hover,
.lightupcontentbox tr td input[type=text]:focus,
.lightupcontentbox tr td input[type=text]:focus-within,
.filtercontentbox tr td .select2 .select2-selection--multiple:hover,
.filtercontentbox tr td .select2 .select2-selection--multiple:focus,
.filtercontentbox tr td .select2 .select2-selection--multiple:focus-within,
.filtercontentbox tr td select:hover,
.filtercontentbox tr td select:focus,
.filtercontentbox tr td select:focus-within,
.filtercontentbox tr td input[type=number]:hover,
.filtercontentbox tr td input[type=number]:focus,
.filtercontentbox tr td input[type=number]:focus-within,
.filtercontentbox tr td input[type=text]:hover,
.filtercontentbox tr td input[type=text]:focus,
.filtercontentbox tr td input[type=text]:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple.stockred,
.lightupcontentbox tr td select.stockred,
.lightupcontentbox tr td input[type=number].stockred,
.lightupcontentbox tr td input[type=text].stockred,
.filtercontentbox tr td .select2 .select2-selection--multiple.stockred,
.filtercontentbox tr td select.stockred,
.filtercontentbox tr td input[type=number].stockred,
.filtercontentbox tr td input[type=text].stockred {
  background-color: red;
  color: white;
}
.lightupcontentbox tr td .select2 .select2-selection--multiple.stockorange,
.lightupcontentbox tr td select.stockorange,
.lightupcontentbox tr td input[type=number].stockorange,
.lightupcontentbox tr td input[type=text].stockorange,
.filtercontentbox tr td .select2 .select2-selection--multiple.stockorange,
.filtercontentbox tr td select.stockorange,
.filtercontentbox tr td input[type=number].stockorange,
.filtercontentbox tr td input[type=text].stockorange {
  background-color: orange;
}
.lightupcontentbox tr td .select2,
.filtercontentbox tr td .select2 {
  width: 100% !important;
}
.lightupcontentbox tr td .select2 .selection,
.filtercontentbox tr td .select2 .selection {
  min-height: calc(1.75rem + 2px);
  padding: 0.07rem 0.75rem;
}
.lightupcontentbox tr td .select2-selection,
.filtercontentbox tr td .select2-selection {
  background: unset;
  border: unset;
  border-radius: unset;
  line-height: 0.5;
  min-height: auto;
  margin-top: 0;
  outline: unset;
}
.lightupcontentbox tr td .select2-selection #select2-rental_id-container,
.filtercontentbox tr td .select2-selection #select2-rental_id-container {
  margin: 0;
  padding: 0;
}
.lightupcontentbox tr td .select2-selection .select2-selection__choice,
.filtercontentbox tr td .select2-selection .select2-selection__choice {
  border-color: #FFFFFF;
  border-radius: 3px;
  margin-top: 0;
  margin-right: 0.5rem;
  margin-bottom: 0.3rem;
  padding: 0.3rem;
}
.lightupcontentbox tr:last-child,
.filtercontentbox tr:last-child {
  border-top: unset !important;
  margin: 0 !important;
}
.lightupcontentbox label,
.filtercontentbox label {
  font-size: 0.875rem;
}
.lightupcontentbox input[type=button],
.filtercontentbox input[type=button] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  font-size: 1rem;
  margin: 0 0 0.5rem 0.5rem;
  padding: 0.15rem 1.3rem;
  text-transform: none;
}
.lightupcontentbox input[type=button]:active, .lightupcontentbox input[type=button]:focus, .lightupcontentbox input[type=button]:hover,
.filtercontentbox input[type=button]:active,
.filtercontentbox input[type=button]:focus,
.filtercontentbox input[type=button]:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
.lightupcontentbox input[type=button]:last-of-type,
.filtercontentbox input[type=button]:last-of-type {
  background: transparent;
  border: 1px solid #668281;
  color: #668281;
}
.lightupcontentbox input[type=button]:last-of-type:hover,
.filtercontentbox input[type=button]:last-of-type:hover {
  background: #668281;
  color: #FFFFFF;
}
.lightupcontentbox .button-wrapper,
.filtercontentbox .button-wrapper {
  display: flex;
  width: 100%;
}
.lightupcontentbox span.selection,
.filtercontentbox span.selection {
  height: 30px !important;
}

.subblock {
  background: transparent;
  border-bottom: 2px solid #668281;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: unset;
  height: auto;
  margin: 0 0 0.5rem 0;
  padding: 0.3rem 0.3rem 0.3rem 0;
}
.subblock:not(:only-child) {
  margin-top: 1.5rem;
}
.subblock.white h2 {
  background: white;
  border-radius: 0.25rem;
  display: inline-block;
  padding: 0.25rem;
}
.subblock h1,
.subblock h2,
.subblock h3 {
  color: #668281;
  padding: 0;
  margin: 0;
}
.subblock h2 {
  font-size: 1rem;
}

.ui-widget.ui-widget-content {
  font-family: "Roboto", sans-serif;
  border: unset;
  padding: 0;
}
.ui-widget.ui-widget-content.ui-menu.ui-autocomplete {
  overflow-y: scroll;
}

.ui-dialog .ui-dialog-titlebar {
  align-items: center;
  background: #e8e8e8;
  border: unset !important;
  display: flex;
  height: 72px !important;
  width: 100% !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  color: #668281;
  font-size: 1.5rem;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #D5E9E8;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  width: 72px !important;
  margin-left: auto;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  content: "Terug";
  display: inline-block;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close * {
  display: none;
}

.ui-dialog .ui-dialog-content {
  overflow: hidden;
}

/* CKE editor */
.mailrow,
.postrow {
  width: 100%;
}

#cke_mail_content,
.cke_2_contents,
#cke_post_content,
.cke_inner,
.cke_post_content,
.cke_top {
  background: #f6f6f6;
  box-shadow: unset !important;
  border: unset !important;
}

.cke_top {
  background: #f6f6f6 !important;
}

.cke_combo_button,
.cke_toolgroup {
  border: unset !important;
}

.dhxwin_hdr {
  background: #e8e8e8;
  color: #668281;
  max-width: 100%;
  margin-bottom: 1.5rem;
  top: 0;
  width: 100%;
  z-index: 100;
}

#ui-datepicker-div {
  border-radius: 3px;
  box-shadow: -1px 0px 5px 3px #73737352;
}
#ui-datepicker-div .ui-datepicker-header {
  background: transparent;
  border-left: unset;
  border-right: unset;
  border-top: unset;
  border-bottom: 1px solid #e2e2e2;
  padding: 0.5rem 0;
  margin: 0 0.5rem;
}
#ui-datepicker-div .ui-datepicker-header select {
  background-image: url("../images/icons/arrow-icon-down-black.svg") !important;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 5px);
  background-color: #e8e8e8;
  box-shadow: inset 0 2px 4px 2px rgba(206, 206, 206, 0.6);
  border: unset;
  font-size: 0.75rem;
  font-weight: 600;
  height: 20px;
  line-height: 0.75rem;
  padding: 0 0.5rem;
  margin: 0 0.25rem;
  width: 44%;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div #prevYear,
#ui-datepicker-div #nextYear {
  align-items: center;
  display: flex;
  height: 1rem;
  justify-content: center;
  top: 0.93rem;
  width: 1rem;
}
#ui-datepicker-div .ui-datepicker-prev:before,
#ui-datepicker-div .ui-datepicker-next:before,
#ui-datepicker-div #prevYear:before,
#ui-datepicker-div #nextYear:before {
  background-image: url("../images/icons/double-arrows.svg") !important;
  background-size: 10px;
  height: 10px;
  left: 0;
  position: relative;
  top: 0;
  width: 10px;
}
#ui-datepicker-div #prevYear {
  transform: rotate(180deg);
}
#ui-datepicker-div #nextYear {
  transform: rotate(360deg);
}
#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover {
  background: transparent !important;
  border: unset !important;
}
#ui-datepicker-div .ui-datepicker-next:before,
#ui-datepicker-div .ui-datepicker-prev:before {
  background-image: url("../images/icons/arrow-icon-down-black.svg") !important;
  background-size: 10px;
  height: 10px;
  left: 0;
  position: relative;
  top: 0;
  width: 10px;
}
#ui-datepicker-div .ui-datepicker-prev {
  margin-left: 0;
  left: 22px;
  transform: rotate(90deg);
}
#ui-datepicker-div .ui-datepicker-next {
  margin-right: 0;
  right: 22px;
  transform: rotate(270deg);
}
#ui-datepicker-div th {
  color: #668281;
  font-weight: 500;
  font-size: 0.75rem;
  font-family: "Roboto", sans-serif;
  text-transform: lowercase !important;
}
#ui-datepicker-div td {
  background: transparent !important;
  border: transparent !important;
  color: #668281;
  font-size: 0.75rem;
  font-family: "Roboto", sans-serif;
  opacity: 1;
  text-align: center;
}
#ui-datepicker-div td .ui-state-default {
  background: transparent !important;
  border: transparent !important;
  border-radius: 3px;
  font-size: 0.75rem;
  font-family: "Roboto", sans-serif;
  opacity: 1;
  line-height: 1.5;
  text-align: center;
}
#ui-datepicker-div td.ui-datepicker-current-day .ui-state-hover,
#ui-datepicker-div td .ui-state-hover {
  background: #d5d5d5 !important;
}
#ui-datepicker-div td.ui-datepicker-current-day .ui-state-active {
  background: #d88d44 !important;
  border: 0;
  color: #FFFFFF !important;
}
#ui-datepicker-div td.ui-datepicker-today a {
  border: 1px solid #668281 !important;
}
#ui-datepicker-div .ui-datepicker-buttonpane {
  background: transparent;
  font-family: "Roboto", sans-serif;
  height: auto;
  overflow: hidden;
  padding: 0.75rem 0;
  margin: 0 0.5rem;
}
#ui-datepicker-div .ui-datepicker-current {
  background: unset !important;
  border: 1px solid #526c6b;
  border-radius: unset;
  color: #526c6b;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 0;
  padding: 0 1rem;
}
#ui-datepicker-div .ui-datepicker-close {
  background: unset !important;
  border: unset;
  color: #668281;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  padding: 0.1rem 1rem;
}

.searchrelationform input[type=button] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
}
.searchrelationform input[type=button]:active, .searchrelationform input[type=button]:focus, .searchrelationform input[type=button]:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}

body.updated #detailblockbody > .body table#relationedit > tbody > tr,
body.updated #detailblockbody > .body table#relationadd > tbody > tr {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
body.updated #detailblockbody > .body table#relationedit > tbody > tr table tr,
body.updated #detailblockbody > .body table#relationadd > tbody > tr table tr {
  border-top: unset;
  flex: 0 0 calc(16.6% - 1rem);
  margin-right: 1rem;
  margin-left: 0;
  margin-top: 0;
  max-width: calc(16.6% - 1rem);
}
body.updated #detailblockbody > .body table#relationedit > tbody > tr table th,
body.updated #detailblockbody > .body table#relationadd > tbody > tr table th {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.updated #detailblockbody > .body table.relation_type tr {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
body.updated #detailblockbody > .body table.relation_type tr:nth-child(2) {
  margin-top: 0 !important;
  padding-top: 1rem;
}
body.updated #detailblockbody > .body table.relation_type tr:nth-child(2) td {
  flex-direction: column;
}
body.updated #detailblockbody > .body table.relation_type tr:nth-child(2) td select {
  flex: 0 0 auto;
  margin-right: 1rem;
  max-width: calc(16.6% - 1rem);
}
body.updated #detailblockbody > .body table.relation_type label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid transparent;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
body.updated #detailblockbody > .body table.relation_type .relation-type input[type=text] {
  flex: 0 0 calc(16.6% - 0.2rem);
  margin-right: 0.2rem;
  max-width: calc(16.6% - 0.2rem);
}
body.updated #detailblockbody > .body table.relation_type .relation-type #filter-count {
  color: #9c9c9c;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}

body.framepage #relationadd {
  padding: 0.5rem;
  width: 100% !important;
}
body.framepage form {
  padding: 1rem;
}

#content .searchrelation {
  margin: 0;
}
#content .searchrelation table tr {
  flex: 0 0 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  margin-bottom: 0;
}
#content .searchrelation table tr td {
  padding: 0;
  margin: 0;
}
#content .searchrelation table tr:last-of-type {
  margin-top: 0;
}

header .user-action-buttons .btn {
  display: inline;
}

#content .search-guest .btn {
  display: inline;
  font-size: 0.75rem;
  white-space: nowrap;
}
#content .search-guest p {
  margin: 0;
}

body.dashboard.overview #content .wrapper {
  margin-top: 0;
}
body.dashboard.overview .searchrelationform {
  margin: 0;
}

.error#messagebox {
  background-color: #f9d6d5;
  border-color: #f7c6c5;
  border-radius: unset;
  padding: 0.95rem 1.25rem;
}

.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_img,
.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_img {
  background-color: #fff;
  background-image: url("../images/index/loader.gif");
  opacity: 0.8;
  z-index: 9999;
}

body.updated #detailblockbody .body #recreationbookingassistancesearchoverview {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  box-sizing: border-box;
  display: block;
  height: calc(1.75rem + 2px);
  padding: 0 1.5rem 0 0.4rem;
  margin-bottom: 0.4rem;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly]:active, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly]:focus, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly].stockred:active, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly].stockred:focus, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly].stockred:hover {
  background-color: red;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly].stockorange:active, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly].stockorange:focus, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control[readonly].stockorange:hover {
  background-color: orange;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control:hover, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control:focus, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control.stockred {
  background-color: red;
  color: white;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-control.stockorange {
  background-color: orange;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview label {
  font-size: 0.875rem;
  margin: 0;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview h3 {
  font-size: 1.125rem;
  margin-bottom: 1.1rem;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview h4 {
  color: #668281;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.6rem;
  margin-top: 0.5rem;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-group,
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-check {
  margin-bottom: 0.4rem;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-group input[type=checkbox],
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .form-check input[type=checkbox] {
  margin-top: 0.4rem;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview .ui-datepicker-trigger {
  left: calc(100% - 38px);
  top: 29px;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview input[type=submit] {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin-left: 0;
}
body.updated #detailblockbody .body #recreationbookingassistancesearchoverview input[type=submit]:active, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview input[type=submit]:focus, body.updated #detailblockbody .body #recreationbookingassistancesearchoverview input[type=submit]:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}

.result-wrapper {
  margin-bottom: 3rem;
}
.result-wrapper .result-count {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.result-wrapper .card {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height: 100%;
}
.result-wrapper .card .object-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 147px;
}
.result-wrapper .card .object-image.empty {
  background: #e8e8e8;
}
.result-wrapper .card h3 {
  font-size: 1rem;
  color: #668281;
  border-bottom: 1px solid #e8e8e8;
  padding: 0.8rem;
  margin: 0;
}
.result-wrapper .card h3 span {
  color: black;
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  margin-top: 0.3rem;
}
.result-wrapper .card .list-group {
  border-top: unset;
  border-bottom: unset;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.result-wrapper .card .list-group > li {
  border-radius: unset;
  border-top: 1px solid #e8e8e8;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  display: none;
  font-size: 0.75rem;
  padding: 0.6rem 0.4rem;
}
.result-wrapper .card .list-group > li:first-of-type {
  border-top: 0;
}
.result-wrapper .card .list-group > li:nth-child(-n+6) {
  display: block;
}
.result-wrapper .card .list-group > li.read-more {
  border: 1px solid #859E9D;
  border-radius: 0.25rem;
  color: #859E9D;
  cursor: pointer;
  display: inline-block;
  margin: 0.3rem;
  padding: 0 1rem;
  width: -moz-fit-content;
  width: fit-content;
}
.result-wrapper .card .list-group > li.read-more:before {
  content: "";
  background-image: url("../images/icons/arrow-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  transform: rotate(90deg);
  margin-right: 0.3rem;
  position: relative;
  top: 0.1rem;
  height: 8px;
  width: 8px;
}
.result-wrapper .card .btn {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  font-size: 0.875rem;
  margin: auto 0.7rem 1rem 0.7rem;
  justify-content: center;
}
.result-wrapper .card .btn:active, .result-wrapper .card .btn:focus, .result-wrapper .card .btn:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}

body.framepage #subnav,
.body #subnav {
  height: auto;
}
body.framepage #ajaxnav,
body.framepage #subnav,
.body #ajaxnav,
.body #subnav {
  background: transparent;
  margin-top: 2rem;
  padding: 0;
  width: 100% !important;
}
@media (max-width: 767.98px) {
  body.framepage #ajaxnav,
body.framepage #subnav,
.body #ajaxnav,
.body #subnav {
    margin-top: 0;
    padding: 0;
  }
}
body.framepage #ajaxnav > ul,
body.framepage #subnav > ul,
.body #ajaxnav > ul,
.body #subnav > ul {
  align-items: center;
  display: flex;
  border-bottom: 4px solid #e8e8e8 !important;
  justify-content: flex-start;
  padding-left: 1rem;
  padding-right: 1rem;
}
body.framepage #ajaxnav > ul > li,
body.framepage #subnav > ul > li,
.body #ajaxnav > ul > li,
.body #subnav > ul > li {
  background: transparent;
  border: unset;
  font-size: 0.875rem;
  height: auto;
  margin: 0 1.2rem 0 0;
  padding: 0 0 1rem 0;
  position: relative;
}
body.framepage #ajaxnav > ul > li > a,
body.framepage #subnav > ul > li > a,
.body #ajaxnav > ul > li > a,
.body #subnav > ul > li > a {
  color: #333333;
  font-family: "Roboto", sans-serif;
}
body.framepage #ajaxnav .ui-tabs-panel,
body.framepage #subnav .ui-tabs-panel,
.body #ajaxnav .ui-tabs-panel,
.body #subnav .ui-tabs-panel {
  padding: 1rem 0 !important;
}
body.framepage #ajaxnav .ui-tabs-panel#tab15 tr,
body.framepage #subnav .ui-tabs-panel#tab15 tr,
.body #ajaxnav .ui-tabs-panel#tab15 tr,
.body #subnav .ui-tabs-panel#tab15 tr {
  flex: 0 0 calc(50% - 1rem) !important;
  max-width: calc(50% - 1rem) !important;
}
body.framepage #ajaxnav #taskSearchButton,
body.framepage #subnav #taskSearchButton,
.body #ajaxnav #taskSearchButton,
.body #subnav #taskSearchButton {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #d88d44;
  border: 1px solid #d88d44;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
}
body.framepage #ajaxnav #taskSearchButton:active, body.framepage #ajaxnav #taskSearchButton:focus, body.framepage #ajaxnav #taskSearchButton:hover,
body.framepage #subnav #taskSearchButton:active,
body.framepage #subnav #taskSearchButton:focus,
body.framepage #subnav #taskSearchButton:hover,
.body #ajaxnav #taskSearchButton:active,
.body #ajaxnav #taskSearchButton:focus,
.body #ajaxnav #taskSearchButton:hover,
.body #subnav #taskSearchButton:active,
.body #subnav #taskSearchButton:focus,
.body #subnav #taskSearchButton:hover {
  background-color: #c17328;
  border-color: #c17328;
  box-shadow: unset;
}
body.framepage #ajaxnav .ui-tabs-active a,
body.framepage #subnav .selected a,
.body #ajaxnav .ui-tabs-active a,
.body #subnav .selected a {
  color: #d88d44;
}
body.framepage #ajaxnav .ui-tabs-active:after,
body.framepage #subnav .selected:after,
.body #ajaxnav .ui-tabs-active:after,
.body #subnav .selected:after {
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 4px;
  background: #d88d44;
  position: absolute;
}

#detailblockbody #ajaxnav table tr,
#detailblockbody #subnav table tr {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin: 0;
}

table#employeeadd > tbody > tr {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

table.tablesorter button img,
table[data-toggle] button img {
  height: 16px;
  width: 16px;
}

a.popwindow > img {
  width: 16px;
}

/*
 ** Touchscreen styling
 */
body.touchscreen #content {
  height: 100%;
  margin-top: 0;
}

.touchscreen-overlay {
  background: #f6f6f6;
  height: calc(100% - 80px);
}

#touchscreen > #right > .big-button {
  align-items: center;
  display: flex;
  height: 50px;
  padding: 0 0 0 60px;
  width: 100%;
}

#touchscreen > #left > .button {
  align-items: center;
  display: flex;
  height: 50px;
  padding: 0 0 0 20px;
  width: 100%;
}

#touchscreen > #left > .categorie-button {
  padding-top: 14px;
}

#touchscreen > #center > .products > .productrow > .product {
  align-items: center;
  display: flex;
  height: 110px;
  width: 150px;
}
#touchscreen > #center > .products > .productrow > .product > span {
  padding-top: 0;
}

#touchscreen > #center > .products {
  overflow: hidden;
  padding-bottom: 100px;
}

#touchscreen > #center > .search > .seachfield > input[type=text] {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  height: 51px;
}
#touchscreen > #center > .search > .seachfield > input[type=text][readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
#touchscreen > #center > .search > .seachfield > input[type=text][readonly]:active, #touchscreen > #center > .search > .seachfield > input[type=text][readonly]:focus, #touchscreen > #center > .search > .seachfield > input[type=text][readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
#touchscreen > #center > .search > .seachfield > input[type=text][readonly].stockred:active, #touchscreen > #center > .search > .seachfield > input[type=text][readonly].stockred:focus, #touchscreen > #center > .search > .seachfield > input[type=text][readonly].stockred:hover {
  background-color: red;
}
#touchscreen > #center > .search > .seachfield > input[type=text][readonly].stockorange:active, #touchscreen > #center > .search > .seachfield > input[type=text][readonly].stockorange:focus, #touchscreen > #center > .search > .seachfield > input[type=text][readonly].stockorange:hover {
  background-color: orange;
}
#touchscreen > #center > .search > .seachfield > input[type=text]:hover, #touchscreen > #center > .search > .seachfield > input[type=text]:focus, #touchscreen > #center > .search > .seachfield > input[type=text]:focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
#touchscreen > #center > .search > .seachfield > input[type=text].stockred {
  background-color: red;
  color: white;
}
#touchscreen > #center > .search > .seachfield > input[type=text].stockorange {
  background-color: orange;
}

.touchscreen-desk-name {
  line-height: initial;
  top: 0;
}

.touchscreen-frame input[type=text] {
  height: 42px;
}

#manage-gadget,
#open-gadget,
#cash-payment,
#cash-payment-window {
  padding: 0;
}

@media (max-width: 799px) {
  .touchscreen-frame .productbutton {
    height: 38px;
  }
}
.touchscreen-frame .button {
  height: auto;
  padding: 0.7rem 0.4rem;
}

.touchscreen-frame .productbutton {
  width: 150px;
}

.touchscreen-frame .smallbutton {
  width: 70px;
}

.touchscreen-frame .rows > .product_description {
  width: 100%;
}

.touchscreen img.ui-datepicker-trigger {
  top: 0 !important;
  background: unset;
  padding-left: 0;
}

body.touchscreen .ui-dialog-titlebar {
  display: none;
}
body.touchscreen .header {
  border-top: 0;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name) {
  background-color: #FAFAFA;
  border-radius: 0.25rem;
  border: 1px solid #c6c6c6;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 0.219rem 0.75rem;
  box-sizing: border-box;
  padding-left: 0.5rem;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly] {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly]:active, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly]:focus, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly]:hover {
  background: #EFEFEF;
  border-color: #ced4da;
  color: #7a7a7a;
  cursor: not-allowed;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly].stockred:active, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly].stockred:focus, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly].stockred:hover {
  background-color: red;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly].stockorange:active, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly].stockorange:focus, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name)[readonly].stockorange:hover {
  background-color: orange;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name):hover, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name):focus, body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name):focus-within {
  border: 1px solid #adadad;
  background-color: white;
  z-index: unset;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name).stockred {
  background-color: red;
  color: white;
}
body.touchscreen .touchscreen-frame input[type=text]:not(#relationselector_name).stockorange {
  background-color: orange;
}
body.touchscreen #relationselector_name {
  height: 42px;
}
body.touchscreen .touchscreen-frame .rows-textarea,
body.touchscreen .touchscreen-frame .rows {
  margin-left: 0;
  margin-right: 10px;
}
body.touchscreen .touchscreen-frame .rows-title {
  padding: 0;
}
body.touchscreen .touchscreen-frame .productbutton.cancel, body.touchscreen .touchscreen-frame .productbutton.persons, body.touchscreen .touchscreen-frame .productbutton.ok {
  width: 130px;
}
body.touchscreen .touchscreen-frame .productbutton.tablebutton, body.touchscreen .touchscreen-frame .productbutton.credit, body.touchscreen .touchscreen-frame .productbutton.cancel {
  margin-left: 0;
}
body.touchscreen .touchscreen-frame .autosuggestbtn {
  height: 42px;
}
body.touchscreen .status {
  min-height: 160px;
}
body.touchscreen .terminal-info > div a {
  padding: 0.4rem;
  width: 100%;
}
body.touchscreen .card-message {
  height: auto;
}

#planningfacilityform {
  padding: 1rem;
}

/*
 ** Agenda styling
 */
body.agenda #content #blocks {
  padding: 0.4rem 0.57rem !important;
}
body.agenda .dhx_cal_navline div {
  top: 8px;
}

#ajaxnav #tab2 .note {
  background: #e6e6e6;
  border-bottom: 2px solid #668281;
  box-shadow: 2px 2px 4px 1px #cdcdcd;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
#ajaxnav #tab2 .note .tagged_employees {
  margin-top: -1.2rem;
}
#ajaxnav #recreation .card {
  margin-bottom: 1rem;
}
#ajaxnav #recreation .card .btn-primary {
  float: right;
}
#ajaxnav .card {
  background: #FAFAFA;
  border: 1px solid #dee2e6;
}
#ajaxnav #comments .comment {
  font-family: "Roboto", sans-serif;
  background: #FAFAFA;
  border-radius: 0.5rem;
  border: 1px solid #dee2e6;
  margin: 0.5rem 1rem;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
#ajaxnav #comments .comment .form-group {
  margin-bottom: 0;
}
#ajaxnav #comments .comment .text {
  word-break: break-word;
}
#ajaxnav #comments .comment .text table * {
  all: unset;
}
#ajaxnav #comments .comment .text table tr {
  display: block !important;
}
#ajaxnav #comments .comment .text ul,
#ajaxnav #comments .comment .text ol {
  margin-left: 1rem;
}
#ajaxnav #comments .comment img {
  height: auto;
  max-width: 100%;
}
#ajaxnav #comments .comment .badge {
  padding: 0 0.45rem;
  line-height: 2;
}
#ajaxnav #comments .comment h2 {
  margin: 0;
}
#ajaxnav #comments .comment .text {
  margin-top: 0.5rem;
}
#ajaxnav .subblock > div {
  color: #0a0a0a;
}

/*
 ** Pop-up styling
 */
.dhx_scale_holder {
  background-image: url("../images/fancybox/databg.png");
}

.dhx_scale_holder_now {
  background-image: url("../images/fancybox/databg_now.png");
}

.dhxwin_active .dhx_cell_wins {
  top: 0 !important;
}

.dhxtabbar_tabs_cont_left {
  background-color: #f6f6f6;
  border-bottom: 4px solid #e8e8e8 !important;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab {
  background: transparent;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
  color: #333333;
  font-size: "Roboto", sans-serif;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
  color: #d88d44;
}

.token-input-token-mac {
  border-radius: 0.25rem;
  height: 26px;
  line-height: 26px;
}

table.tablesorter tbody th,
table.zebratbl tbody th {
  font-size: 0.875rem;
}

#legenda:not(.old) {
  background: #fff;
  border-radius: 0.25rem;
  color: #fff;
  position: fixed;
  right: 20px;
  top: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 0.25rem 0;
  width: 500px;
  height: auto;
  z-index: 100;
}
#legenda:not(.old) table {
  width: 100%;
}
#legenda:not(.old) thead {
  display: none;
}
#legenda:not(.old) tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 5px 0;
}
#legenda:not(.old) tbody tr {
  padding: 0 0.25rem;
}
#legenda:not(.old) tbody tr td:first-child {
  padding-right: 0.5rem;
}
#legenda:not(.old) tbody tr:nth-child(4n+3), #legenda:not(.old) tbody tr:nth-child(4n+4) {
  background: #f6f6f6;
}
#legenda:not(.old) tbody td {
  color: #333333;
  font-size: 0.75rem;
}
#legenda:not(.old) .close {
  background: url("../images/icons/close.svg") no-repeat center center;
  background-size: 10px;
  content: "";
  cursor: pointer;
  height: 14px;
  right: 4px;
  top: 11px;
  position: absolute;
  width: 14px;
}
#legenda:not(.old):before {
  align-items: center;
  background: url("../images/icons/move.svg") no-repeat left center;
  background-size: 16px;
  border-bottom: 1px solid #e8e8e8;
  content: "Legenda verplaatsen";
  color: #668281;
  display: flex;
  height: 35px;
  margin-bottom: 0.3rem;
  margin-left: 0.3rem;
  padding-left: 2rem;
  width: 100%;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active,
.slick-header-column.ui-state-default {
  border: unset;
  box-sizing: unset;
}

.dayblock {
  margin-bottom: 0.25rem;
}

@media (max-width: 575.98px) {
  .modal-fullscreen {
    padding: 0 !important;
  }
  .modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-sm {
    padding: 0 !important;
  }
  .modal-fullscreen-sm .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-md {
    padding: 0 !important;
  }
  .modal-fullscreen-md .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-lg {
    padding: 0 !important;
  }
  .modal-fullscreen-lg .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg .modal-body {
    overflow-y: auto;
  }
}
.modal-fullscreen-xl {
  padding: 0 !important;
}
.modal-fullscreen-xl .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen-xl .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen-xl .modal-body {
  overflow-y: auto;
}

.dhx_cal_event .dhx_footer,
.dhx_cal_event .dhx_select_menu_footer {
  background: #1796b0 url("../js/dhtmlx/scheduler5.3.11/codebase/imgs_dhx_terrace/resizing.png") no-repeat center center;
}

.dhx_cal_event .dhx_footer.dhx_event_resize {
  background: #000000 url("../js/dhtmlx/scheduler5.3.11/codebase/imgs_dhx_terrace/resizing.png") no-repeat center center;
  border: 0;
}

.ui-widget-shadow {
  opacity: 0.8 !important;
}

#products_grid_footer {
  display: flex;
  margin-top: 2rem;
  justify-content: flex-end;
}

#pdfContainer {
  position: fixed;
  top: 150px;
  right: 0;
  margin-left: 9px;
  z-index: 3;
  background: #f6f6f6;
  height: calc(100% - 150px);
}
#pdfContainer #size-adjust {
  position: absolute;
  width: 11px;
  height: 100%;
  background: #e8e8e8;
  cursor: grab;
  z-index: 4;
}
#pdfContainer #size-adjust:before {
  content: "";
  height: 20vh;
  top: 15vh;
  left: 4px;
  position: absolute;
  width: 2px;
  border-radius: 1px;
  background: #668281;
}
#pdfContainer #size-adjust:after {
  content: "";
  height: 20px;
  top: calc(25vh - 10px);
  left: 3px;
  position: absolute;
  border-radius: 4px;
  width: 4px;
  background: #668281;
}
#pdfContainer #pdfNavigation {
  margin-left: 20px;
  margin-top: 6px;
}
#pdfContainer #pdfNavigation ul {
  margin-left: 10px;
}
#pdfContainer #pdfNavigation ul li {
  display: inline;
  padding: 5px 5px;
}
#pdfContainer #tools {
  top: 5px;
  position: relative;
  width: 300px;
  margin-left: 20px;
  margin-bottom: 10px;
}
#pdfContainer #tools img {
  cursor: pointer;
  border: none;
  width: 20px;
  margin-left: 5px;
}
#pdfContainer #pdfCanvasContainer {
  position: relative;
  left: 11px;
  overflow: auto;
  height: calc(100vh - 150px);
}

.voucher-message img.ui-datepicker-trigger {
  top: unset !important;
  left: unset !important;
  margin-top: 4px;
  margin-left: -16px;
}

.component-type-menu .btn-menu-item-add {
  align-items: center;
  border-radius: 0.25rem;
  background-color: #668281;
  border: 1px solid #668281;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: 31px !important;
  line-height: 1.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0;
  outline: none;
  position: relative;
  padding: 0 1rem !important;
  right: 0 !important;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: auto !important;
  margin: 0;
}
.component-type-menu .btn-menu-item-add:active, .component-type-menu .btn-menu-item-add:focus, .component-type-menu .btn-menu-item-add:hover {
  background-color: #506565;
  border-color: #506565;
  box-shadow: unset;
}
.component-type-menu .dd {
  min-width: 100%;
}
.component-type-menu .dd-content {
  background: #e8e8e8;
}
.component-type-menu .dd-item > .row {
  background: #e8e8e8;
  border: 1px solid #cfcfcf;
  cursor: grab;
  position: relative;
  padding: 0.25rem 0.5rem;
  line-height: 15px;
  align-items: center;
}
.component-type-menu .dd-item > .row .dd-handle {
  flex: 0 0 25px;
  height: 25px;
  margin-right: 0.5rem;
  border: unset;
  position: relative;
  background-color: transparent;
  background-image: url("../images/icons/drag.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.component-type-menu .dd-item > .row .dd-content {
  flex: 1 0 auto;
  background: transparent;
  border: 0;
}
.component-type-menu .dd-item .btn {
  position: relative;
}
.component-type-menu .dd-item .btn:after {
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}
.component-type-menu .dd-item .delete-menu-item:after {
  background-image: url("../images/icons/delete-icon.svg");
}
.component-type-menu .dd-item .btn-menu-item-edit:after {
  background-image: url("../images/icons/edit.svg");
}

#editMenuItem .modal-content,
#newMenuItem .modal-content {
  height: 400px;
}

.dropdown-menu-right a.manage-dashboard {
  padding-left: 32px !important;
}
.dropdown-menu-right a.manage-dashboard:before {
  content: " ";
  background-image: url(../images/icons/maatwerk.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 13px;
  width: 13px;
  position: absolute;
  top: 7px;
  left: 15px;
}

.dropdown-menu-right[aria-labelledby=dashboardMenuLink],
.dropdown-menu-right[aria-labelledby=klantportaalMenuLink] {
  overflow: hidden;
}

.charts-year-selector {
  position: absolute;
  bottom: 10px;
  width: 105px;
  border: 1px solid #cecece;
  border-radius: 5px;
}
.charts-year-selector select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 2px 6px;
  border-radius: 5px;
}
.charts-year-selector select::-ms-expand {
  display: none;
}
.charts-year-selector:after {
  content: "";
  background-image: url("../images/icons/calendar.svg");
  width: 14px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: 0 0;
  position: absolute;
  top: 8px;
  right: 6px;
  pointer-events: none;
}

.textually-block h2 {
  font-size: 1rem;
  color: #668281;
  margin-bottom: 0;
}
.textually-block p {
  color: #668281;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0;
}

.charts-daterange-selector {
  position: absolute;
  bottom: 10px;
}
.charts-daterange-selector input.datepicker {
  border: 1px solid #cecece;
  border-radius: 5px;
  width: 105px;
  background: #f1f1f1;
  box-shadow: unset;
  height: 28px;
  line-height: 28px;
  padding-left: 4px;
  font-size: 14px;
}
.charts-daterange-selector .ui-datepicker-trigger {
  position: absolute;
  right: 4px;
  top: 7px;
}
.charts-daterange-selector .buttons {
  display: flex;
  justify-content: space-between;
}
.charts-daterange-selector .buttons .button {
  position: relative;
  margin-right: 2% !important;
}
.charts-daterange-selector .buttons .button:last-of-type {
  margin-left: 2% !important;
}

.block-settings-frame .default_tbl th {
  text-align: left;
}

.dashboard .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  text-indent: 0 !important;
}
.dashboard .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  content: "";
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-right: 0.3rem solid;
  margin: 0 0.5rem 0 0;
}

.boardHead .dropselect span:hover {
  cursor: pointer;
}
.boardHead .dropselect .select2-selection__rendered {
  display: block !important;
  max-height: 26px;
  overflow: hidden;
  padding-left: 4px;
}
.boardHead .dropselect .select2-selection {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  box-shadow: inset 0 2px 4px 2px rgba(206, 206, 206, 0.6);
  border: 1px solid transparent;
  color: #495057;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 0.2rem;
  max-height: 30px;
  outline: none;
  display: block;
  box-sizing: border-box !important;
  width: 100% !important;
}
.boardHead .dropselect .select2-selection .select2-selection__choice {
  align-items: center;
  border-color: #ffffff;
  border-radius: 3px;
  background-color: white;
  display: flex;
  font-size: 0.75rem;
  height: 21px;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0.3rem;
}
.boardHead .dropselect .select2-selection .select2-selection__choice button {
  border: 0;
}
.boardHead .dropselect .select2-selection .select2-selection__choice .select2-selection__choice__display {
  padding-left: 15px;
}

.boardHead span {
  box-sizing: border-box;
}

.dropdown-packages .dropdown-toggle {
  align-items: center;
  display: flex;
  font-weight: bold;
  text-align: left;
  font-size: 1rem;
  border-color: #e8e8e8;
}
.dropdown-packages .dropdown-toggle:after {
  margin-left: auto;
}
.dropdown-packages .dropdown-menu {
  background: #FBFBFB;
  box-shadow: unset;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.dropdown-packages .dropdown-menu .dropdown-item {
  color: #668281;
  overflow: hidden;
  padding: 0.25rem 0.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#tooltip {
  background: #668281;
  border-radius: 0.25rem;
  border: 0;
  color: white;
  padding: 0.25rem;
  min-width: 90px;
  word-break: break-word;
}
#tooltip div,
#tooltip h3 {
  color: white;
}

.pagination .page-link {
  padding: 0.35rem 0.5rem;
}

#ajaxnav .nav-tabs .nav-item {
  margin-top: 1rem;
}
#ajaxnav .nav-tabs .nav-link {
  background-color: transparent;
  border-color: transparent;
}
#ajaxnav .nav-tabs .nav-link:hover, #ajaxnav .nav-tabs .nav-link:focus, #ajaxnav .nav-tabs .nav-link:active {
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs {
  border-bottom: 4px solid #e8e8e8 !important;
  margin-bottom: 1rem;
}
.nav-tabs .nav-link {
  position: relative;
}
.nav-tabs .nav-link.active {
  background-color: transparent;
  border-color: transparent;
  color: #d88d44;
}
.nav-tabs .nav-link.active:after {
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 4px;
  background: #d88d44;
  position: absolute;
}

@media (min-width: 768px) {
  #ajaxnav .nav-tabs {
    margin-top: unset;
  }
}
body.task-agenda .mbsc-material.mbsc-button-standard {
  background: transparent;
  border: #526c6b 1px solid;
  box-shadow: none;
}
body.task-agenda .task-agenda-header-picker .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-hover {
  background-color: #d88d44;
  color: #FFFFFF !important;
  border: #d88d44 1px solid !important;
}
body.task-agenda .task-agenda-header-picker .mbsc-segmented-item.mbsc-material .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-selected {
  border: #d88d44 1px solid !important;
}
body.task-agenda .mbsc-calendar-controls.mbsc-material {
  float: right;
}
body.task-agenda .mbsc-calendar-controls.mbsc-material button.mbsc-calendar-button.task-agenda-header-prev,
body.task-agenda .mbsc-calendar-controls.mbsc-material button.mbsc-calendar-button.task-agenda-header-next {
  border: 1px solid #668281;
  border-radius: 0.285715em;
  height: 2.18rem;
  bottom: 1px;
  color: #668281;
  margin: 0 5px;
}
body.task-agenda .mbsc-calendar-controls.mbsc-material .mbsc-calendar-button-today {
  border: 1px solid #668281;
  border-radius: 0.285715em;
  color: #668281;
  height: 2.18rem;
  bottom: 1px;
  margin: 0 5px;
  padding: 0.285715em 1.142858em;
}
body.task-agenda .mbsc-calendar-controls.mbsc-material .mbsc-control-0 .mbsc-calendar-controls.mbsc-material .mbsc-hover {
  border: none !important;
}
body.task-agenda .mbsc-calendar-controls.mbsc-material .mbsc-calendar-button.mbsc-hover {
  background: transparent;
  border: none;
}
body.task-agenda .mbsc-calendar-controls.mbsc-material .mbsc-calendar-button.mbsc-hover .mbsc-calendar-title {
  color: #d88d44 !important;
}
body.task-agenda .mbsc-calendar-controls.mbsc-material .mbsc-calendar-button-today.mbsc-hover,
body.task-agenda .mbsc-calendar-controls.mbsc-material .task-agenda-header-prev.mbsc-hover,
body.task-agenda .mbsc-calendar-controls.mbsc-material .task-agenda-header-next.mbsc-hover {
  background-color: #d88d44;
  color: #FFFFFF !important;
  border: #d88d44 1px solid !important;
}
body.task-agenda #mbsc-control-0 button.mbsc-calendar-button .mbsc-calendar-title,
body.task-agenda #custom-date-select button.mbsc-calendar-button .mbsc-calendar-title {
  font-family: "Roboto", sans-serif !important;
  font-weight: 600;
  color: #668281;
}
body.task-agenda .mbsc-segmented-item.mbsc-material {
  margin: 0 5px;
}
body.task-agenda .mbsc-segmented-item.mbsc-material .mbsc-material.mbsc-segmented-button.mbsc-button {
  border: #668281 1px solid;
  color: #668281;
  border-radius: 0.25em;
}
body.task-agenda .mbsc-segmented-item.mbsc-material .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background-color: #d88d44;
  border: #d88d44 2px solid;
  color: #FFFFFF;
}
body.task-agenda #task-list-header {
  padding-bottom: 3rem !important;
}
body.task-agenda #task-list .external-drop-task {
  font-size: 12px;
}
body.task-agenda #task-list .department {
  background-color: #000;
  color: #FFFFFF;
  margin-top: -11px;
  margin-left: -11px;
  border-top-left-radius: 8px;
  padding-top: 10px;
  padding-left: 12px;
  margin-bottom: -31px;
  border-bottom-left-radius: 8px;
}
body.task-agenda #task-list .title {
  padding-left: 12px;
  font-weight: bold;
  margin-top: -5px;
}
body.task-agenda .mbsc-timeline-day .mbsc-timeline-header-date {
  background-color: #000;
  color: #FFFFFF;
}
body.task-agenda .mbsc-timeline-day .mbsc-flex.mbsc-timeline-header-column {
  background-color: #000;
  color: #FFFFFF;
}
body.task-agenda .mbsc-timeline-header-sticky .mbsc-timeline-header-date-text {
  background-color: #000;
  color: #FFFFFF;
}
body.task-agenda .mbsc-timeline-resource-children {
  background-color: #eee;
}
body.task-agenda button#filter-task-list-btn {
  background: transparent;
  border: 1px solid #668281;
  color: #668281;
  border-radius: 0.25em;
}
body.task-agenda button#filter-task-list-btn span.mbsc-button-icon {
  transform: rotate(90deg);
  padding-left: 0;
}
body.task-agenda .mbsc-material.mbsc-schedule-time-indicator {
  border-color: #ffe26a;
}
body.task-agenda .mbsc-timeline-event .mbsc-schedule-event-title {
  line-height: initial;
}

@media (max-width: 992px) {
  body .wrapper .content {
    padding: 1rem;
  }
  body .wrapper .content .grid .grid-item {
    width: 100% !important;
  }
}
ul.token-input-list-mac {
  background-color: transparent !important;
}
ul.token-input-list-mac li.token-input-input-token-mac input {
  width: 100% !important;
}
ul.token-input-list-mac .token-input-token-mac {
  height: auto;
  padding: 0.25rem;
  margin-bottom: 0.25rem;
}

.check-close-block {
  border: 1px solid #D5E9E8;
  background: #ECF4F4;
  border-radius: 0.25rem;
  padding: 0.25rem;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 1rem;
}
.check-close-block .check-close-toggler {
  margin-right: 0.5rem;
}
.check-close-block button:not(.active) {
  display: none;
}
.check-close-block button {
  background: #859E9D;
  padding: 0.5rem;
}
.check-close-block button:before {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: "";
  width: 25px;
  height: 25px;
  display: block;
}
.check-close-block button.toggle-check:before {
  background-image: url("../images/icons/check.svg");
}
.check-close-block button.toggle-close:before {
  background-image: url("../images/icons/close.svg");
}

.button-check {
  display: flex;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}
.button-check:before {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-image: url("../images/icons/check.svg");
  margin-right: 1rem;
}

.button-close {
  display: flex;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}
.button-close:before {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-image: url("../images/icons/close.svg");
  margin-right: 1rem;
}

.card-fields h2 {
  color: #333333;
}
.card-fields .card {
  background: #FBFBFB;
  border-color: #dde7ec;
  font-size: 0.875rem;
  padding: 0.51rem;
}
.card-fields .card h2 {
  font-size: 0.938rem !important;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .card-fixed {
    position: fixed;
    right: 0;
  }
}

.card-info-block {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #f6f6f6;
  border: 1px solid #dde7ec;
  font-size: 0.875rem;
  padding: 1.7rem 0 0 0;
}
@media (min-width: 768px) {
  .card-info-block {
    margin-top: 2rem;
  }
}
.card-info-block .card-header,
.card-info-block .card-body {
  background: transparent;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.6rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  padding: 0;
}
.card-info-block .card-header p,
.card-info-block .card-body p {
  margin: 0;
}
.card-info-block .card-header .price,
.card-info-block .card-body .price {
  margin: 0.25rem 0;
  display: flex;
  justify-content: space-between;
}
.card-info-block .card-header {
  padding-bottom: 1rem;
}
.card-info-block .card-body ~ .card-body {
  border-top: 1px solid #d3d3d3;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
}
.card-info-block .card-footer {
  background: white;
  border-radius: 0 0 6px 6px;
  margin-top: 0.5rem;
  padding: 0;
}
.card-info-block .quicklinks ul {
  list-style: none;
  margin-bottom: 0;
}
.card-info-block .quicklinks ul li {
  border-top: 1px solid #d3d3d3;
  padding: 0.4rem 1.25rem;
  position: relative;
}
.card-info-block .quicklinks ul li a {
  display: block;
}
.card-info-block .quicklinks ul li:first-of-type {
  border-top: unset;
}
.card-info-block .quicklinks ul li.active a, .card-info-block .quicklinks ul li:hover a {
  color: #d88d44;
  text-decoration: none;
}
.card-info-block .quicklinks ul li.active:before, .card-info-block .quicklinks ul li:hover:before {
  content: "";
  background: #d88d44;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
}

.dashboard-inner table .thead-light {
  box-shadow: 0px 2px 5px 0px #91919133;
}
.dashboard-inner table .thead-light th {
  background-color: transparent;
  border: 0;
  color: #668281;
  padding: 0.25rem 0.5rem;
  font-weight: bold;
  font-size: 12px;
}
.dashboard-inner table td {
  padding: 0 0.5rem;
  vertical-align: middle;
  font-size: 12px;
}
.dashboard-inner table td img {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.dashboard-inner table tr:nth-child(even) td {
  background-color: #FAFAFA;
}

.modal-dialog {
  background-color: #f6f6f6;
  border: unset;
  border-radius: 0.25rem;
}
.modal-dialog .modal-header {
  align-items: center;
  box-shadow: 0 2px 4px 1px #cdcdcd;
  background: #e8e8e8;
  border-left: 0;
  border-right: 0;
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.4rem 0.7rem;
  border-radius: 0;
}
.modal-dialog .modal-header .modal-title {
  color: #668281;
  display: inline-block;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: initial;
  margin: 0 0.5rem 0 0;
  padding: 0;
}
.modal-dialog .modal-content {
  background: #f6f6f6;
}
.modal-dialog #mail-templates-row .card {
  background: transparent;
  border: 1px solid #e9f0f4;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  font-size: 1rem;
  height: 100%;
}
.modal-dialog #mail-templates-row .card .card-body {
  padding: 0;
  margin-top: 0.5rem;
}
.modal-dialog #mail-templates-row .card.active, .modal-dialog #mail-templates-row .card:hover {
  border: 1px solid #CDEAE9;
  background: #CDEAE9;
  cursor: pointer;
}

.ck-reset *, .ck-content * {
  padding: revert;
  margin: revert;
}

.ck-editor {
  cursor: text;
}

.icon-container input.del-flat-icon {
  background-image: url("../images/icons/delete-icon.svg");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center center;
}

.jqibox.jqi-fixed {
  position: fixed !important;
}
.jqibox.jqi-fixed .jqi {
  top: 200px !important;
}

.toggle-view {
  height: 37px;
  width: 37px;
  background-image: url("../images/icons/grid.svg");
  background-size: 21px 21px;
  background-position: 7px 7px;
  background-repeat: no-repeat;
}
.toggle-view.card-view {
  background-image: url("../images/icons/column.svg");
}

#help-modal .modal-header button.btn {
  height: 31px;
  line-height: 1.6;
  font-size: 1rem;
  padding: 0 1rem;
  color: #D5E9E8;
}
#help-modal .card-body a {
  text-decoration: underline;
  color: mediumblue;
}
#help-modal .card-body a:hover {
  color: #526c6b;
}
#help-modal .card-body ol,
#help-modal .card-body ul {
  padding: unset;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
#help-modal .card-body ol {
  list-style-type: decimal;
}
#help-modal .card-body ul {
  list-style-type: disc;
}
#help-modal .card-body img {
  max-width: 100%;
}

#kitchen-screens {
  background: #f6f6f6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  z-index: 9999;
}
#kitchen-screens ::-webkit-scrollbar {
  background: transparent;
}
#kitchen-screens ::-webkit-scrollbar-thumb {
  background: #333333;
}
#kitchen-screens ::-webkit-scrollbar-track {
  margin-bottom: 0.5rem;
}
#kitchen-screens .kitchen-screen-header {
  height: 60px;
  font-size: 2.25rem;
  line-height: 60px;
}
#kitchen-screens .kitchen-screen-header .spinner-border {
  position: absolute;
  left: 312px;
  top: 22px;
}
#kitchen-screens .kitchen-screen-header .history .spinner-border {
  left: 186px;
}
#kitchen-screens .kitchen-screen-header .alert-warning {
  position: absolute;
  left: 350px;
  font-size: 1.25rem;
  padding: 0 1rem;
  line-height: 36px;
  top: 11px;
  z-index: 4;
}
#kitchen-screens .kitchen-screen-header .pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#kitchen-screens .kitchen-screen-header .screen-location {
  font-size: 1.75rem;
  margin-right: 1rem;
}
#kitchen-screens .kitchen-screen-header button {
  border: none;
  background: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  height: 60px;
  width: 70px;
}
#kitchen-screens .kitchen-screen-header button.display-toggle {
  background-image: url("../images/icons/grid-kitchen.svg");
  background-size: 40px 40px;
}
#kitchen-screens .kitchen-screen-header button.display-toggle.compact {
  background-image: url("../images/icons/kolom.svg");
}
#kitchen-screens .kitchen-screen-header button.toggle-active-items {
  height: 60px;
  width: 70px;
  background-image: url("../images/icons/show-active-items.svg");
  background-size: 32px 30px;
}
#kitchen-screens .kitchen-screen-header button.prev-page {
  background-image: url("../images/icons/arrow-icon-down-black.svg");
  transform: rotate(180deg);
  background-size: 40px 40px;
  opacity: 0.5;
}
#kitchen-screens .kitchen-screen-header button.prev-page.active {
  opacity: 1;
}
#kitchen-screens .kitchen-screen-header button.prev-page:not(.active) {
  pointer-events: none;
}
#kitchen-screens .kitchen-screen-header button.next-page {
  background-image: url("../images/icons/arrow-icon-down-black.svg");
  background-size: 40px 40px;
  opacity: 0.5;
}
#kitchen-screens .kitchen-screen-header button.next-page.active {
  opacity: 1;
}
#kitchen-screens .kitchen-screen-header button.next-page:not(.active) {
  pointer-events: none;
}
#kitchen-screens .kitchen-screen-header button.order-history {
  background-image: url("../images/icons/order-history.svg");
  background-size: 40px 40px;
}
#kitchen-screens .kitchen-screen-header button.settings {
  background-image: url("../images/icons/touchscreen-settings.svg");
  background-size: 30px 30px;
}
#kitchen-screens .kitchen-screen-header button.close-fullscreen-screen {
  background-image: url("../images/icons/power.svg");
  background-size: 35px 35px;
}
#kitchen-screens .kitchen-screen-header button.history-timeframe {
  font-size: 1rem;
  padding: 0.5rem 1rem;
  margin: 10px 0.5rem 10px 0;
  border-radius: 0.75rem;
  border: 1px solid #333333;
  line-height: 24px;
  height: 40px;
  width: unset;
}
#kitchen-screens .kitchen-screen-header button.history-timeframe.active {
  background-color: #1a5aa3;
  color: #fff;
}
#kitchen-screens .kitchen-screen-header button.history-timeframe:first-of-type {
  margin-left: 60px;
}
#kitchen-screens .kitchen-screen-body .order-grid {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: calc(100vh - 60px);
  padding-bottom: 1rem;
  margin-right: 1rem;
}
#kitchen-screens .kitchen-screen-body .order-grid.full-height {
  grid-auto-rows: 100% !important;
  grid-template-rows: 100% !important;
  padding-bottom: 1rem !important;
}
#kitchen-screens .kitchen-screen-body .order-grid:not(.show-totals) {
  padding-right: 1rem;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column {
  height: calc(100vh - 60px);
  margin-right: 1rem;
  grid-row-start: 1;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card {
  height: calc(50% - 1rem);
  margin-bottom: 1rem;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-header {
  background: #333;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-header .expand-item-card {
  position: absolute;
  top: 0;
  right: 0;
  height: 80px;
  width: 80px;
  border: 0;
  background: transparent;
  background-image: url("../images/icons/expand.svg");
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-header h3 {
  font-size: 1.75rem;
  top: 22px;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body {
  padding: 0 0.25rem;
  border-radius: 0 0 1rem 1rem;
  overflow-y: scroll;
  border: 1px solid #acacac;
  border-top: none;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 2.25rem;
  border-top: 1px dashed #000;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body h3:first-of-type {
  border-top: none;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body h3.category-name {
  font-weight: 600;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body h3.category-name:before {
  content: " ";
  background-image: url("../images/icons/arrow-icon-down-black.svg");
  background-size: 0.75rem 0.75rem;
  background-repeat: no-repeat;
  background-position: 0 90%;
  height: 1.25rem;
  width: 1.25rem;
  display: inline-block;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body h3.category-name.collapsed:before {
  transform: rotate(180deg);
  background-position: 100% 10%;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body ul.list-group li.list-group-item {
  font-size: 1.25rem;
  border: none;
  padding: 0.1rem 0;
  margin-bottom: 0.05rem;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card .card-body ul.list-group li.list-group-item:nth-of-type(even) {
  background: #f4f6f9;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card.compressed {
  height: 80px;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card.compressed .card-header {
  border-radius: 1rem;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card.compressed .card-body {
  display: none;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card.expanded {
  height: calc(100% - 3rem - 160px) !important;
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card.expanded .card-header .expand-item-card {
  background-image: url("../images/icons/minus.svg");
}
#kitchen-screens .kitchen-screen-body .order-grid .totals-column .card:nth-of-type(2):not(.compressed) {
  height: calc(50% - 2rem - 82px);
}
#kitchen-screens .kitchen-screen-body .history-grid {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: calc(100vh - 60px);
  padding-right: 1rem;
  padding-bottom: 1rem;
  grid-auto-rows: 80px;
  grid-template-rows: 80px;
  overflow: auto;
}
#kitchen-screens .kitchen-screen-body .history-grid .card {
  min-height: 80px;
  box-shadow: none;
  margin-bottom: unset;
  margin-right: unset;
  width: 100%;
}
#kitchen-screens .kitchen-screen-body .history-grid .card .card-header {
  border-radius: 1rem;
}
#kitchen-screens .kitchen-screen-body .history-grid .card .card-body {
  display: none;
}
#kitchen-screens .kitchen-screen-body .history-grid .card.detailed {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 80vh;
  z-index: 5;
  margin-bottom: 1rem;
}
#kitchen-screens .kitchen-screen-body .history-grid .card.detailed .card-header {
  border-radius: 1rem 1rem 0 0;
}
#kitchen-screens .kitchen-screen-body .history-grid .card.detailed .card-header .open-order-history {
  transform: rotate(180deg);
}
#kitchen-screens .kitchen-screen-body .history-grid .card.detailed .card-body {
  display: block;
}
#kitchen-screens .kitchen-screen-body .history-grid .card .order-next-course,
#kitchen-screens .kitchen-screen-body .history-grid .card .order-edited {
  display: none;
}
#kitchen-screens .kitchen-screen-body.rows-1 .order-grid {
  grid-auto-rows: calc(100% / 1);
  grid-template-rows: calc(100% / 1);
  padding-bottom: 1rem;
}
#kitchen-screens .kitchen-screen-body.rows-1 .order-grid .totals-column {
  grid-row-end: 1;
}
#kitchen-screens .kitchen-screen-body.rows-2 .order-grid {
  grid-auto-rows: calc(100% / 2);
  grid-template-rows: calc(100% / 2);
  padding-bottom: 2rem;
}
#kitchen-screens .kitchen-screen-body.rows-2 .order-grid .totals-column {
  grid-row-end: 2;
}
#kitchen-screens .kitchen-screen-body.rows-3 .order-grid {
  grid-auto-rows: calc(100% / 3);
  grid-template-rows: calc(100% / 3);
  padding-bottom: 3rem;
}
#kitchen-screens .kitchen-screen-body.rows-3 .order-grid .totals-column {
  grid-row-end: 3;
}
#kitchen-screens .kitchen-screen-body.rows-4 .order-grid {
  grid-auto-rows: calc(100% / 4);
  grid-template-rows: calc(100% / 4);
  padding-bottom: 4rem;
}
#kitchen-screens .kitchen-screen-body.rows-4 .order-grid .totals-column {
  grid-row-end: 4;
}
#kitchen-screens .kitchen-screen-body.rows-5 .order-grid {
  grid-auto-rows: calc(100% / 5);
  grid-template-rows: calc(100% / 5);
  padding-bottom: 5rem;
}
#kitchen-screens .kitchen-screen-body.rows-5 .order-grid .totals-column {
  grid-row-end: 5;
}
#kitchen-screens .kitchen-screen-body.rows-6 .order-grid {
  grid-auto-rows: calc(100% / 6);
  grid-template-rows: calc(100% / 6);
  padding-bottom: 6rem;
}
#kitchen-screens .kitchen-screen-body.rows-6 .order-grid .totals-column {
  grid-row-end: 6;
}
#kitchen-screens .kitchen-screen-body.rows-7 .order-grid {
  grid-auto-rows: calc(100% / 7);
  grid-template-rows: calc(100% / 7);
  padding-bottom: 7rem;
}
#kitchen-screens .kitchen-screen-body.rows-7 .order-grid .totals-column {
  grid-row-end: 7;
}
#kitchen-screens .kitchen-screen-body.rows-8 .order-grid {
  grid-auto-rows: calc(100% / 8);
  grid-template-rows: calc(100% / 8);
  padding-bottom: 8rem;
}
#kitchen-screens .kitchen-screen-body.rows-8 .order-grid .totals-column {
  grid-row-end: 8;
}
#kitchen-screens .kitchen-screen-body.rows-9 .order-grid {
  grid-auto-rows: calc(100% / 9);
  grid-template-rows: calc(100% / 9);
  padding-bottom: 9rem;
}
#kitchen-screens .kitchen-screen-body.rows-9 .order-grid .totals-column {
  grid-row-end: 9;
}
#kitchen-screens .kitchen-screen-body.rows-10 .order-grid {
  grid-auto-rows: calc(100% / 10);
  grid-template-rows: calc(100% / 10);
  padding-bottom: 10rem;
}
#kitchen-screens .kitchen-screen-body.rows-10 .order-grid .totals-column {
  grid-row-end: 10;
}
#kitchen-screens .kitchen-screen-body.columns-2 .order-grid {
  grid-template-columns: repeat(2, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-2 .order-grid .totals-column {
  grid-column-start: 2;
}
#kitchen-screens .kitchen-screen-body.columns-2 .history-grid {
  grid-template-columns: repeat(2, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-3 .order-grid {
  grid-template-columns: repeat(3, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-3 .order-grid .totals-column {
  grid-column-start: 3;
}
#kitchen-screens .kitchen-screen-body.columns-3 .history-grid {
  grid-template-columns: repeat(3, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-4 .order-grid {
  grid-template-columns: repeat(4, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-4 .order-grid .totals-column {
  grid-column-start: 4;
}
#kitchen-screens .kitchen-screen-body.columns-4 .history-grid {
  grid-template-columns: repeat(4, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-5 .order-grid {
  grid-template-columns: repeat(5, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-5 .order-grid .totals-column {
  grid-column-start: 5;
}
#kitchen-screens .kitchen-screen-body.columns-5 .history-grid {
  grid-template-columns: repeat(5, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-6 .order-grid {
  grid-template-columns: repeat(6, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-6 .order-grid .totals-column {
  grid-column-start: 6;
}
#kitchen-screens .kitchen-screen-body.columns-6 .history-grid {
  grid-template-columns: repeat(6, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-7 .order-grid {
  grid-template-columns: repeat(7, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-7 .order-grid .totals-column {
  grid-column-start: 7;
}
#kitchen-screens .kitchen-screen-body.columns-7 .history-grid {
  grid-template-columns: repeat(7, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-8 .order-grid {
  grid-template-columns: repeat(8, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-8 .order-grid .totals-column {
  grid-column-start: 8;
}
#kitchen-screens .kitchen-screen-body.columns-8 .history-grid {
  grid-template-columns: repeat(8, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-9 .order-grid {
  grid-template-columns: repeat(9, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-9 .order-grid .totals-column {
  grid-column-start: 9;
}
#kitchen-screens .kitchen-screen-body.columns-9 .history-grid {
  grid-template-columns: repeat(9, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-10 .order-grid {
  grid-template-columns: repeat(10, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-10 .order-grid .totals-column {
  grid-column-start: 10;
}
#kitchen-screens .kitchen-screen-body.columns-10 .history-grid {
  grid-template-columns: repeat(10, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-11 .order-grid {
  grid-template-columns: repeat(11, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-11 .order-grid .totals-column {
  grid-column-start: 11;
}
#kitchen-screens .kitchen-screen-body.columns-11 .history-grid {
  grid-template-columns: repeat(11, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-12 .order-grid {
  grid-template-columns: repeat(12, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-12 .order-grid .totals-column {
  grid-column-start: 12;
}
#kitchen-screens .kitchen-screen-body.columns-12 .history-grid {
  grid-template-columns: repeat(12, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-13 .order-grid {
  grid-template-columns: repeat(13, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-13 .order-grid .totals-column {
  grid-column-start: 13;
}
#kitchen-screens .kitchen-screen-body.columns-13 .history-grid {
  grid-template-columns: repeat(13, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-14 .order-grid {
  grid-template-columns: repeat(14, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-14 .order-grid .totals-column {
  grid-column-start: 14;
}
#kitchen-screens .kitchen-screen-body.columns-14 .history-grid {
  grid-template-columns: repeat(14, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-15 .order-grid {
  grid-template-columns: repeat(15, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-15 .order-grid .totals-column {
  grid-column-start: 15;
}
#kitchen-screens .kitchen-screen-body.columns-15 .history-grid {
  grid-template-columns: repeat(15, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-16 .order-grid {
  grid-template-columns: repeat(16, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-16 .order-grid .totals-column {
  grid-column-start: 16;
}
#kitchen-screens .kitchen-screen-body.columns-16 .history-grid {
  grid-template-columns: repeat(16, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-17 .order-grid {
  grid-template-columns: repeat(17, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-17 .order-grid .totals-column {
  grid-column-start: 17;
}
#kitchen-screens .kitchen-screen-body.columns-17 .history-grid {
  grid-template-columns: repeat(17, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-18 .order-grid {
  grid-template-columns: repeat(18, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-18 .order-grid .totals-column {
  grid-column-start: 18;
}
#kitchen-screens .kitchen-screen-body.columns-18 .history-grid {
  grid-template-columns: repeat(18, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-19 .order-grid {
  grid-template-columns: repeat(19, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-19 .order-grid .totals-column {
  grid-column-start: 19;
}
#kitchen-screens .kitchen-screen-body.columns-19 .history-grid {
  grid-template-columns: repeat(19, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-20 .order-grid {
  grid-template-columns: repeat(20, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-20 .order-grid .totals-column {
  grid-column-start: 20;
}
#kitchen-screens .kitchen-screen-body.columns-20 .history-grid {
  grid-template-columns: repeat(20, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-21 .order-grid {
  grid-template-columns: repeat(21, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-21 .order-grid .totals-column {
  grid-column-start: 21;
}
#kitchen-screens .kitchen-screen-body.columns-21 .history-grid {
  grid-template-columns: repeat(21, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-22 .order-grid {
  grid-template-columns: repeat(22, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-22 .order-grid .totals-column {
  grid-column-start: 22;
}
#kitchen-screens .kitchen-screen-body.columns-22 .history-grid {
  grid-template-columns: repeat(22, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-23 .order-grid {
  grid-template-columns: repeat(23, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-23 .order-grid .totals-column {
  grid-column-start: 23;
}
#kitchen-screens .kitchen-screen-body.columns-23 .history-grid {
  grid-template-columns: repeat(23, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-24 .order-grid {
  grid-template-columns: repeat(24, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-24 .order-grid .totals-column {
  grid-column-start: 24;
}
#kitchen-screens .kitchen-screen-body.columns-24 .history-grid {
  grid-template-columns: repeat(24, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-25 .order-grid {
  grid-template-columns: repeat(25, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-25 .order-grid .totals-column {
  grid-column-start: 25;
}
#kitchen-screens .kitchen-screen-body.columns-25 .history-grid {
  grid-template-columns: repeat(25, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-26 .order-grid {
  grid-template-columns: repeat(26, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-26 .order-grid .totals-column {
  grid-column-start: 26;
}
#kitchen-screens .kitchen-screen-body.columns-26 .history-grid {
  grid-template-columns: repeat(26, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-27 .order-grid {
  grid-template-columns: repeat(27, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-27 .order-grid .totals-column {
  grid-column-start: 27;
}
#kitchen-screens .kitchen-screen-body.columns-27 .history-grid {
  grid-template-columns: repeat(27, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-28 .order-grid {
  grid-template-columns: repeat(28, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-28 .order-grid .totals-column {
  grid-column-start: 28;
}
#kitchen-screens .kitchen-screen-body.columns-28 .history-grid {
  grid-template-columns: repeat(28, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-29 .order-grid {
  grid-template-columns: repeat(29, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-29 .order-grid .totals-column {
  grid-column-start: 29;
}
#kitchen-screens .kitchen-screen-body.columns-29 .history-grid {
  grid-template-columns: repeat(29, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-30 .order-grid {
  grid-template-columns: repeat(30, 1fr);
}
#kitchen-screens .kitchen-screen-body.columns-30 .order-grid .totals-column {
  grid-column-start: 30;
}
#kitchen-screens .kitchen-screen-body.columns-30 .history-grid {
  grid-template-columns: repeat(30, 1fr);
}
#kitchen-screens .kitchen-screen-body .card {
  border-radius: calc(1rem + 1px);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 0;
}
#kitchen-screens .kitchen-screen-body .card .card-header {
  color: #fff;
  border-radius: 1rem 1rem 0 0;
  min-height: 80px;
  max-height: 80px;
}
#kitchen-screens .kitchen-screen-body .card .card-header h3 {
  position: absolute;
  top: 15px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header {
  background: #505ccc;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.prepare {
  background: #f17619;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.prepare .order-details {
  background: #f17619;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.partial-prepare {
  background: #505ccc;
  background: linear-gradient(135deg, #505ccc 50%, #f17619 50%);
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.partial-prepare .order-details {
  background: #505ccc;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.order-ready {
  background: #2ebe38;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.order-ready .order-details {
  background: #2ebe38;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header > div {
  position: absolute;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.takeaway .takeaway,
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.takeaway .delivery,
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.takeaway .eathere, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.delivery .takeaway,
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.delivery .delivery,
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.delivery .eathere, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.eathere .takeaway,
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.eathere .delivery,
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.eathere .eathere {
  left: 1rem;
  top: 0;
  height: 80px;
  width: 48px;
  background-size: 3rem 3rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.takeaway .takeaway, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.delivery .takeaway, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.eathere .takeaway {
  background-image: url("../images/icons/takeaway.svg");
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.takeaway .delivery, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.delivery .delivery, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.eathere .delivery {
  background-image: url("../images/icons/delivery.svg");
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.takeaway .eathere, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.delivery .eathere, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.eathere .eathere {
  background-image: url("../images/icons/picnic_table.svg");
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header.takeaway .order-details, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.delivery .order-details, #kitchen-screens .kitchen-screen-body .card.order-card .card-header.eathere .order-details {
  left: 80px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-details {
  background: #505ccc;
  top: 5px;
  left: 10px;
  z-index: 1;
  height: 55px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-details div {
  white-space: nowrap;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-details > div:nth-of-type(1) {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-details > div:nth-of-type(2) {
  font-size: 1.5rem;
  position: absolute;
  top: 35px;
  left: 1.3rem;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-details img.open-table-order {
  height: 1.1rem;
  width: 1.1rem;
  position: absolute;
  top: 45px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .names {
  top: 10px;
  right: 40px;
  text-align: right;
  font-size: 1.1rem;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-card-settings {
  position: absolute;
  right: 0;
  top: 10px;
  height: 60px;
  width: 50px;
  -webkit-mask: url(../images/icons/touchscreen-settings.svg);
  mask: url(../images/icons/touchscreen-settings.svg);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-settings-container {
  background: #333;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 1rem 1rem 0 0;
  z-index: 3;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-settings-container button.btn {
  background: #fff;
  width: calc(20% - 5px);
  border: 0;
  border-radius: 0.75rem;
  float: left;
  height: 72px;
  margin: 4px;
  color: #000;
  background-size: 2.5rem 2.5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-settings-container button.btn.move-prev-all {
  background-image: url("../images/icons/arrow-double.svg");
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-settings-container button.btn.move-prev {
  background-image: url("../images/icons/arrow-single.svg");
  margin: 4px 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-settings-container button.btn.move-next {
  background-image: url("../images/icons/arrow-single.svg");
  transform: rotate(180deg);
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-settings-container button.btn.move-next-all {
  background-image: url("../images/icons/arrow-double.svg");
  transform: rotate(180deg);
  margin: 4px 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .order-settings-container button.btn.close-order-settings {
  background-image: url("../images/icons/close-settings.svg");
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-header .open-order-history {
  position: absolute;
  right: 0;
  top: 20px;
  height: 40px;
  width: 40px;
  -webkit-mask: url(../images/icons/arrow-icon-down-black.svg);
  mask: url(../images/icons/arrow-icon-down-black.svg);
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  background-color: #fff;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body {
  border: 1px solid #acacac;
  border-top: 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.remarks {
  padding: 0.25rem 0.25rem 0 0.25rem;
  min-height: unset;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.remarks .remark {
  background: #4898ff;
  color: #fff;
  margin-bottom: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  border-radius: 3px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses {
  height: calc(100% - .25rem);
  overflow-y: auto;
  border-radius: 0 0 1rem 1rem;
  padding: 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course {
  border-bottom: 1px dashed #000;
  padding: 0 0.25rem 0.5rem 0.25rem;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course.course-started h3 {
  background: #e7f9ee;
  margin-bottom: 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course.course-started ul {
  background: #e7f9ee;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course h3 {
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0.5rem 0;
  margin-bottom: 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course h3:before {
  content: " ";
  background-image: url("../images/icons/arrow-icon-down-black.svg");
  background-size: 0.75rem 0.75rem;
  background-repeat: no-repeat;
  background-position: 0 90%;
  height: 1.25rem;
  width: 1.25rem;
  display: inline-block;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course h3 .course-completed {
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.25rem;
  background-image: url("../images/icons/check.svg");
  background-size: 1.25rem 1.25rem;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  float: right;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course.collapsed {
  padding: 0 0.25rem 0 0.25rem;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course.collapsed h3:before {
  transform: rotate(180deg);
  background-position: 100% 10%;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul {
  margin-bottom: 7px;
  border-radius: 3px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item {
  border: none;
  padding: 0.1rem 2rem;
  margin-bottom: 0.05rem;
  font-size: 1.25rem;
  background: transparent;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item .amount {
  display: inline-block;
  position: absolute;
  left: 2px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item .item-state {
  float: right;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item .item-state .item-completed {
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url("../images/icons/check.svg");
  background-size: 1.25rem 1.25rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item .options {
  color: #E56227;
  line-height: 1rem;
  font-size: 1rem;
  padding-bottom: 0.5rem;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item.item-started {
  background: #e7f9ee;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item.item-changed {
  color: #E03757;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item.item-selected {
  background: #4898ff !important;
  color: #fff;
  border-radius: 3px;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item.item-selected .options {
  color: #fff;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course ul li.list-group-item:last-of-type {
  padding-bottom: 0;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course button.btn {
  font-size: 1.25rem;
  border-radius: 0.625rem;
  height: 54px;
  color: #fff;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course button.btn.start-course, #kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course button.btn.course-rollback {
  background: #333;
  width: 100%;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course button.btn.course-incomplete {
  background: #dcdcdc;
  width: 54px;
  background-image: url("../images/icons/undo.svg");
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#kitchen-screens .kitchen-screen-body .card.order-card .card-body.courses .course button.btn.course-complete {
  background: #4af155;
  width: calc(100% - 68px);
  margin-left: 10px;
  background-image: url("../images/icons/check-white.svg");
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#kitchen-screens .kitchen-screen-body .card.order-card.order-takeaway {
  background: #e7e9f9;
}
#kitchen-screens .kitchen-screen-body .card.order-card.order-takeaway .course.course-started h3 {
  background: transparent;
}
#kitchen-screens .kitchen-screen-body .card.order-card.order-takeaway .course.course-started ul {
  background: transparent;
}
#kitchen-screens .kitchen-screen-body .card .order-edited,
#kitchen-screens .kitchen-screen-body .card .order-next-course {
  background: #fff;
  position: absolute;
  top: 80px;
  width: 100%;
  height: calc(100% - 80px);
  border-radius: 0 0 1rem 1rem;
  z-index: 2;
  background-size: 100px 100px;
  background-position: center 15%;
  background-repeat: no-repeat;
}
#kitchen-screens .kitchen-screen-body .card .order-edited h2,
#kitchen-screens .kitchen-screen-body .card .order-next-course h2 {
  width: 100%;
  text-align: center;
  position: relative;
  top: 45%;
  color: #000;
  font-size: 1.6rem;
}
#kitchen-screens .kitchen-screen-body .card .order-edited p,
#kitchen-screens .kitchen-screen-body .card .order-next-course p {
  text-align: center;
  position: relative;
  top: calc(40% + 3rem);
  color: #acacac;
}
#kitchen-screens .kitchen-screen-body .card .order-edited p span,
#kitchen-screens .kitchen-screen-body .card .order-next-course p span {
  display: inline-block;
  height: 0.55rem;
  width: 0.55rem;
  -webkit-mask: url("../images/icons/close-settings.svg");
  mask: url("../images/icons/close-settings.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #acacac;
}
#kitchen-screens .kitchen-screen-body .card .order-next-course {
  background-image: url("../images/icons/course-change.svg");
}
#kitchen-screens .kitchen-screen-body .card .order-edited {
  background-image: url("../images/icons/warning.svg");
}
#kitchen-screens .kitchen-screen-body .card-disabled {
  pointer-events: none;
}
#kitchen-screens .settings-modal {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 5;
}
#kitchen-screens .settings-modal .settings-modal-content {
  background: #fff;
  border-radius: 1rem;
  border: 1px solid #acacac;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  width: 600px;
  height: unset;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  z-index: 4;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-header {
  color: #000;
  background: transparent;
  border: 0;
  padding: 1.25rem;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-header h5 {
  font-size: 2rem;
  margin-top: 2rem;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-header .close-settings-modal {
  color: #acacac;
  font-size: 1.125rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1rem;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-header .close-settings-modal span {
  display: inline-block;
  margin-left: 0.5rem;
  height: 0.55rem;
  width: 0.55rem;
  -webkit-mask: url("../images/icons/close-settings.svg");
  mask: url("../images/icons/close-settings.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #acacac;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-footer {
  background: transparent;
  border: 0;
  font-size: 1.25rem;
  padding: 1.25rem;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body {
  padding: 1.25rem;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .toggler {
  display: inline-block;
  width: 60px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #707070;
  background: #f6f6f6;
  margin-bottom: 1.25rem;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .toggler.open {
  background: #4af155;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .toggler.open button.toggle-open {
  opacity: 1;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .toggler:not(.open) button.toggle-close {
  opacity: 1;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .toggler button {
  height: 24px;
  width: 24px;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 50%;
  position: absolute;
  margin: 2px;
  opacity: 0;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .toggler button.toggle-open {
  margin-left: 30px;
}
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .location-name,
#kitchen-screens .settings-modal .settings-modal-content .settings-body .toggle-location .desk-name {
  display: inline-block;
  position: absolute;
  line-height: 30px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-left: 0.5rem;
}
#kitchen-screens .table-order-modal {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
#kitchen-screens .table-order-modal .table-order-modal-content {
  background: #fff;
  border-radius: 1rem;
  border: 1px solid #acacac;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  height: calc(100% - 120px);
  width: calc(100% - 120px);
  position: absolute;
  left: 80px;
  top: 80px;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-header {
  color: #000;
  background: transparent;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  line-height: 4rem;
  padding-left: 1rem;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-header .close-table-order-modal {
  position: absolute;
  top: 0;
  right: 0;
  height: 4rem;
  width: 4rem;
  background: url("../images/icons/cross.svg");
  background-size: 1.75rem 1.75rem;
  background-repeat: no-repeat;
  background-position: center center;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body {
  height: calc(100% - 4rem);
  padding: 0 0 1rem 0;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body .category-column {
  border-right: 1px dashed #000;
  padding: 0 1rem;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body .category-column h3 {
  white-space: nowrap;
  overflow: hidden;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body .category-column:last-of-type {
  border-right: none;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body .category-column .dynamic-colums {
  overflow-y: auto;
  height: calc(100% - 2rem);
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body .category-column .dynamic-colums li.list-group-item {
  border: 0;
  padding: 0.75rem 0 0.75rem 2rem;
  font-size: 1rem;
  white-space: nowrap;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body .category-column .dynamic-colums li.list-group-item .options {
  color: #E56227;
  line-height: 1rem;
  font-size: 0.875rem;
}
#kitchen-screens .table-order-modal .table-order-modal-content .table-order-body .category-column .dynamic-colums li.list-group-item .amount {
  display: inline-block;
  position: absolute;
  left: 0;
}

#recreation-planning-agenda-placeholder {
  /* For sticky event labels */
}
#recreation-planning-agenda-placeholder .mbsc-material.mbsc-schedule-time-indicator {
  border-color: #1D86FF;
}
#recreation-planning-agenda-placeholder .mbsc-material.mbsc-schedule-time-indicator-time {
  background-color: #1D86FF;
  color: #E9EEF4;
}
#recreation-planning-agenda-placeholder .mbsc-material.mbsc-timeline-header-special-period:not(.mbsc-timeline-header-active) {
  color: #FFA500;
}
#recreation-planning-agenda-placeholder .mbsc-grid.mbsc-no-padding {
  height: calc(100vh - 95px);
}
@media (max-width: 767px) {
  #recreation-planning-agenda-placeholder .mbsc-grid.mbsc-no-padding {
    height: calc(100vh - 65px);
  }
}
#recreation-planning-agenda-placeholder .mbsc-font {
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif !important;
}
#recreation-planning-agenda-placeholder .mbsc-timeline-row-gutter {
  height: 2px;
}
#recreation-planning-agenda-placeholder .mbsc-timeline-row {
  height: 32px;
}
#recreation-planning-agenda-placeholder .mbsc-timeline-resource-col {
  width: 250px;
}
#recreation-planning-agenda-placeholder .mbsc-button-active {
  background-color: #FFA500;
}
@supports (overflow: clip) {
  #recreation-planning-agenda-placeholder .mbsc-timeline.mbsc-ltr .mbsc-schedule-event-inner {
    left: 250px;
  }
  #recreation-planning-agenda-placeholder .mbsc-timeline.mbsc-rtl .mbsc-schedule-event-inner {
    right: 250px;
  }
}
@media (max-width: 767px) {
  #recreation-planning-agenda-placeholder .mbsc-timeline-resource-col {
    width: 6em;
  }
}
#recreation-planning-agenda-placeholder .mbsc-timeline-event {
  padding: 0;
}
#recreation-planning-agenda-placeholder .mbsc-event-content {
  color: #000;
}
#recreation-planning-agenda-placeholder .md-timeline-template-event {
  padding: 3px 0;
}
#recreation-planning-agenda-placeholder .md-timeline-template-event > div {
  font-size: 0.7rem;
  color: #000;
  background: rgba(255, 255, 255, 0.5);
  padding-left: calc(32px / 2);
  transform: skew(-30deg);
  border-radius: 3px 6px;
  height: 32px;
  transform-origin: 0 100%;
  margin-left: -2px;
  margin-right: calc(32px / 2);
}
#recreation-planning-agenda-placeholder .md-timeline-template-event > div .unset-skew {
  transform: skew(30deg);
  margin-right: calc(32px / 2);
  height: 32px;
}
#recreation-planning-agenda-placeholder .md-timeline-template-event > div.md-timeline-template-event-cont {
  margin-left: -20px;
}
#recreation-planning-agenda-placeholder .md-timeline-template-event .md-timeline-template-special-period-cont {
  font-size: 0.7rem;
  color: #000;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px 6px;
  height: 32px;
}
#recreation-planning-agenda-placeholder .mbsc-schedule-event:not(.mbsc-timeline-event-end) .md-timeline-template-event > div {
  margin-right: -2px;
}
#recreation-planning-agenda-placeholder .lightup-event:not(.mbsc-timeline-event),
#recreation-planning-agenda-placeholder .lightup-event.mbsc-timeline-event .md-timeline-template-event-cont {
  color: #000 !important;
  background-color: #FFA500;
}
#recreation-planning-agenda-placeholder .grayout-event:not(.mbsc-timeline-event),
#recreation-planning-agenda-placeholder .grayout-event.mbsc-timeline-event .md-timeline-template-event-cont {
  color: #000 !important;
  background-color: #f1f1f1;
}
#recreation-planning-agenda-placeholder .event-blocked-internet {
  background: rgba(204, 0, 204, 0.5);
}
#recreation-planning-agenda-placeholder .event-blocked-api {
  background: rgba(60, 180, 225, 0.5);
}
#recreation-planning-agenda-placeholder .event-blocked-all {
  background: rgba(255, 0, 0, 0.5);
}
#recreation-planning-agenda-placeholder .weekend-color-block {
  background: rgba(240, 240, 240, 0.5);
}
#recreation-planning-agenda-placeholder .not-allowed {
  background: rgba(128, 128, 128, 0.5);
}
#recreation-planning-agenda-placeholder .filtered-period {
  background: rgba(198, 255, 186, 0.5);
}
#recreation-planning-agenda-placeholder .mbsc-timeline-resource-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#recreation-planning-agenda-placeholder .md-timeline-template-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: calc(32px / 2);
}
#recreation-planning-agenda-placeholder .md-timeline-template-time {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: calc(32px / 2);
}
#recreation-planning-agenda-placeholder .mbsc-icon-button {
  border-radius: unset !important;
}
#recreation-planning-agenda-placeholder .mds-resource-status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid #fff;
}
#recreation-planning-agenda-placeholder .object-resource {
  cursor: help;
}
#recreation-planning-agenda-placeholder .mds-resource-object-status {
  font-size: 0.8125rem;
  font-weight: normal;
}

.recreation-planning-agenda-tooltip.md-tooltip {
  font-size: 0.875rem;
}
.recreation-planning-agenda-tooltip.md-tooltip .mbsc-popup-content {
  padding: 0;
}
.recreation-planning-agenda-tooltip.md-tooltip .md-tooltip-header {
  padding: 0.75rem 1rem;
}
.recreation-planning-agenda-tooltip.md-tooltip .md-tooltip-info {
  padding: 1rem;
  position: relative;
  line-height: 1.5rem;
}
.recreation-planning-agenda-tooltip.md-tooltip .md-tooltip-time {
  float: right;
}
.recreation-planning-agenda-tooltip.md-tooltip .md-tooltip-title {
  margin-bottom: 1rem;
}
.recreation-planning-agenda-tooltip.md-tooltip .mds-tooltip-label {
  min-width: 100px;
  font-weight: bold;
}
.recreation-planning-agenda-tooltip.md-tooltip .md-tooltip-info .mbsc-button {
  font-size: 0.875rem;
  margin: 0;
}
.recreation-planning-agenda-tooltip.md-tooltip .md-tooltip-info .mbsc-button.mbsc-material {
  font-size: 0.75rem;
}
.recreation-planning-agenda-tooltip.md-tooltip .md-tooltip-view-button {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

#receipt-display {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  z-index: 19999;
  font-size: 2rem;
}
#receipt-display .card-receipt {
  height: calc(100% - 2rem);
  border-radius: 1rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
#receipt-display .card-receipt .card-header {
  background: #505CCC;
  color: #fff;
  border-radius: 1rem 1rem 0 0;
}
#receipt-display .card-receipt .card-header h4.card-title {
  font-size: 2.75rem;
}
#receipt-display .card-receipt .card-body.placeholder .basket {
  position: absolute;
  top: 40%;
  left: calc(50% - 3.5rem);
  height: 7rem;
  width: 7rem;
  background-color: #505CCC;
  mask: url(../images/icons/mandje.svg) no-repeat center/contain;
  -webkit-mask: url(../images/icons/mandje.svg) no-repeat center/contain;
}
#receipt-display .card-receipt .card-body.placeholder .welcome {
  position: absolute;
  top: calc(40% + 9rem);
  font-size: 2.75rem;
  line-height: 3.25rem;
  font-weight: 600;
  color: #000;
  width: calc(100% - 2.5rem);
}
#receipt-display .card-receipt .card-body ul.list-group {
  overflow: hidden;
  max-height: 100%;
}
#receipt-display .card-receipt .card-body ul.list-group li.list-group-item {
  border-bottom: 1px solid #d9d9d9;
  line-height: 2.5rem;
}
#receipt-display .card-receipt .card-body ul.list-group li.list-group-item .product {
  width: calc(100% - 170px);
  float: left;
  padding-right: 1rem;
}
#receipt-display .card-receipt .card-body ul.list-group li.list-group-item .pricing {
  float: left;
  width: 170px;
}
#receipt-display .card-receipt .card-body ul.list-group li.list-group-item .extras {
  float: left;
  width: 100%;
  font-size: 1rem;
  line-height: 1rem;
}
#receipt-display .card-receipt .card-body ul.list-group li.list-group-item.has-extras {
  padding-bottom: 6px;
}
#receipt-display .card-receipt .card-body ul.list-group li.list-group-item:first-of-type {
  border-bottom: 1px dashed #000;
}
#receipt-display .card-receipt .card-footer {
  border-radius: 0 0 1rem 1rem;
  border-top: 0;
  background-color: transparent;
  font-weight: 600;
  font-size: 2.75rem;
}
#receipt-display .card-receipt .card-footer ul.list-group {
  border-bottom: 0;
}
#receipt-display .card-receipt .card-footer ul.list-group span.float-right {
  width: 170px;
}
#receipt-display .branding {
  font-size: 1.2rem;
  color: #959595;
}