* {
	margin: 0; 
	padding: 0; 
	outline: none;
	color: #1a1a1a;
}

html,body {
    height:100%;
}

body {
	font-family: "LatoLatinWebMedium", sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;   
}

ul, ol {
	list-style: none;
}

a {
	cursor: pointer;
}

::placeholder {
    color: #dddddd;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #dddddd;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #dddddd;
}

.hider {
	display: none !important;
}

.curiosite-color {
	color: #9a3432;
}

.left {
	float: left !important;
	left: 0;
}

.rght {
	float: right !important;
	right: 0;
}

.text-rght {
	text-align: right;
}

.no-overflow {
	overflow: hidden;
}
.sx-overflow {
	overflow-x: scroll;
}

.no-pad {
	padding: 0 !important;
}
.pad-top-0 {
	padding-top: 0 !important;
}
.pad-top-3 {
	padding-top: 3px;
}
.pad-top-5 {
	padding-top: 5px;
}
.pad-top-10 {
	padding-top: 10px;
}
.pad-top-15 {
	padding-top: 15px;
}
.pad-top-30 {
	padding-top: 30px;
}
.pad-bottom-0 {
    padding-bottom: 0 !important;
}
.pad-bottom-3 {
	padding-bottom: 3px;
}
.pad-bottom-5 {
	padding-bottom: 5px;
}
.pad-bottom-38 {
	padding-bottom: 38px !important;
}
.pad-right-15 {
	padding-right: 15px !important;
}


.trans {
	background-color: transparent !important;
}

.circle {
	border-radius: 50%;
}

.rote {
	-moz-transform: rotate(45deg);  /* FF3.5/3.6 */
	-o-transform: rotate(45deg);  /* Opera 10.5 */
	-webkit-transform: rotate(45deg);  /* Saf3.1+ */
	transform: rotate(45deg);  /* Newer browsers (incl IE9) */
}

.rote-l {
	-moz-transform: rotate(315deg);  /* FF3.5/3.6 */
	-o-transform: rotate(315deg);  /* Opera 10.5 */
	-webkit-transform: rotate(315deg);  /* Saf3.1+ */
	transform: rotate(315deg);  /* Newer browsers (incl IE9) */
}
.rote-15 {
	-moz-transform: rotate(345deg);  /* FF3.5/3.6 */
	-o-transform: rotate(345deg);  /* Opera 10.5 */
	-webkit-transform: rotate(345deg);  /* Saf3.1+ */
	transform: rotate(345deg);  /* Newer browsers (incl IE9) */
}

.pointer {
	cursor: pointer;
}

.square-hollow {
	width: 20px;
	height: 20px;
	border-color: #1a1a1a;
	border-style: solid;
	border-width: 1px;
}
.square-solid {
	width: 22px;
	height: 22px;
	background-color: #1a1a1a;
}

.circle-hollow-red {
	width: 34px;
	height: 34px;
	border-color: #d94322;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
	text-align: center;
}

.circle-hollow-red-text {
	font-family: 'LatoLatinWebBold', sans-serif;
	color: #d94322;
	font-size: 14px;
}

.circle-hollow-green {
	width: 34px;
	height: 34px;
	border-color: #89bd2a;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
	text-align: center;
}

.circle-hollow-green-text {
	font-family: 'LatoLatinWebBold', sans-serif;
	color: #89bd2a;
	font-size: 14px;
}

.circle-hollow-blue {
	width: 34px;
	height: 34px;
	border-color: #7dbae8;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
	text-align: center;
}

.circle-hollow-blue-text {
	font-family: 'LatoLatinWebBold', sans-serif;
	color: #7dbae8;
	font-size: 14px;
}

.mt-2 {
	margin-top: 2px !important;
}
.mt-8 {
	margin-top: 8px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-15 {
	margin-right: 15px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mb-6 {
	margin-bottom: 6px;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-30 {
	margin-bottom: 30px;
}

.h-32 {
	height: 32px !important;
}
.h-34 {
	height: 34px !important;
}
.h-38 {
	height: 38px !important;
}

.no-lh {
	line-height: normal !important;
}
.lh-24 {
	line-height: 24px;
}
.lh-30 {
	line-height: 30px;
}
.lh-32 {
	line-height: 32px;
}
.lh-33 {
	line-height: 33px;
}
.lh-34 {
	line-height: 34px !important;
}
.lh-38 {
	line-height: 38px;
}

.w-22 {
	width: 22px;
}
.w-30 {
	width: 30px;
}
.w-32 {
	width: 32px;
}
.w-34 {
	width: 34px;
}
.w-36 {
	width: 36px;
}
.w-38 {
	width: 38px;
}
.w-46 {
	width: 46px;
}
.w-53 {
	width: 53px;
}
.w-60 {
	width: 60px;
}
.w-80 {
	width: 80px;
}
.w-100 {
	width: 100px;
}
.w-115 {
	width: 115px;
}
.w-120 {
	width: 120px;
}
.w-125 {
	width: 125px;
}
.w-140 {
	width: 140px !important;
}
.w-153 {
	width: 153px;
}
.w-160 {
	width: 160px;
}
.w-180 {
	width: 180px;
}
.w-200 {
	width: 200px;
}
.w-200i {
	width: 200px !important;
}
.w-235 {
	width: 235px;
}
.w-244 {
	width: 244px;
}
.w-259 {
	width: 259px;
}
.w-264 {
	width: 264px;
}
.w-290 {
	width: 290px;
}
.w-297 {
	width: 297px;
}
.w-300 {
	width: 300px;
}
.w-317 {
	width: 317px;
}
.w-321 {
	width: 321px;
}
.w-330 {
	width: 330px;
}
.w-340 {
	width: 340px;
}
.w-347 {
	width: 347px;
}
.w-350 {
	width: 350px;
}
.w-360 {
	width: 360px;
}
.w-366 {
	width: 366px;
}
.w-367 {
	width: 367px;
}
.w-374 {
	width: 374px;
}
.w-380 {
	width: 380px;
}
.w-400 {
	width: 400px;
}
.w-420 {
	width: 420px;
}
.w-452 {
	width: 452px;
}
.w-468 {
	width: 468px;
}
.w-480 {
	width: 480px;
}
.w-525 {
	width: 525px;
}
.w-540 {
	width: 540px;
}
.w-560 {
	width: 560px;
}
.w-620 {
	width: 620px;
}
.w-633 {
	width: 633px;
}
.w-720 {
	width: 720px;
}
.w-728 {
	width: 728px;
}
.w-753 {
	width: 753px;
}
.w-773 {
	width: 773px;
}
.w-900 {
	width: 900px;
}

.w-100p {
	width: 100%;
}

.mh-9999 {
	min-height: 9999px;
}

.txt-cntr {
	text-align: center;
}

.fldr-file-wrap {
	margin-bottom: 40px;
	width: 100%;
}

.fldr-clse-bttn,
.fldr-add-actv,
.fldr-wrap-bttn-actv,
.fldr-qstn-wrap-actv,
.drop-qstn-wrap-actv,
#ordr-send-bttn-ok {
	display: none;
}

.file-edit-inner-wrap {
	margin-bottom: 40px;
	width: 100%;
}

.dropzone-area,
.dropzone-area-mssg,
.dropdown-area .select-34 {
	margin-left: 106px;
}

.dropzone-area .dz-message {
	font-family: 'LatoLatinWebLight', sans-serif;
	font-size: 16px;
}

.mssg-negtv {
	border-style: solid;
    border-width: 2px;
    border-color: #bf1e2e;
    border-radius: 5px;
    padding: 8px;
    color: #bf1e2e;
    margin-bottom: 30px;
	display: none;
}

.mssg-postv {
	border-style: solid;
    border-width: 2px;
    border-color: #89bd2a;
    border-radius: 5px;
    padding: 8px;
    color: #89bd2a;
    margin-bottom: 30px;
	display: none;
}

.dropzone-area-mssg .mssg-negtv,
.dropzone-area-mssg .mssg-postv {
	max-width: 300px;
}

.input-34 {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 16px;
	line-height: 34px;
    height: 34px;
    padding: 0 5px; 
    border-style: solid;
    border-width: 2px;
    border-color: #cccccc;
	border-radius: 5px;
}

.select-34 {
	background: url(../styling/styling-img/select-arrow.png) no-repeat 96% 4px;
    height: 38px;
    overflow: hidden;
}

.select-34 select {
    background: transparent;
    border: none;
    height: 34px;
    padding: 5px;
    width: 400px;
    float: left;
    font-family: 'Lato-Light', sans-serif;
    font-size: 16px;
}

.white-select-34 {
	background-color: #ffffff !important;
    border-style: solid;
    border-width: 2px;
    border-color: #cccccc;
    font-size: 13px;
    height: 34px;
}

.list-intro {
	margin-bottom: 60px;
}

.img-prv {
    margin-left: 106px;
    width: 244px;
    min-height: 40px;
    position: relative;
    background-image:url("styling-img/progress.gif");
    background-repeat: no-repeat;
    background-size: 30px;
}
.img-prv img {
    max-width: 180px;
}

.tile-box {
    max-width: 800px;
}

#loading-box {
	position: absolute;
    width: 90px;
    height: 90px;
    margin: 10px 50%;
	background-image: url(styling-img/progress.gif);
	background-repeat: no-repeat;
	background-size: contain;
}

.row-divider {
	border-bottom-color: #1a1a1a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.row-divider-dots {
	border-bottom-color: #1a1a1a;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.row-divider-light {
	border-bottom-color: #c6c6c6;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.cell-highlight-none {
    padding: 9px;
}

.cell-highlight-blue {
    background-color: #cceffc;
    padding: 9px;
}

.cell-is-viewed {
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #3f990b;
}
.cell-is-not-viewed {
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: transparent;
}

.is-ok {
    width: 34px;
    height: 34px;
    
}

.img-mssg {
	font-size: 16px;
}

.txt-01 {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 36px;
	line-height: 120px;
}
.txt-05 {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.txt-06 {
	font-family: "LatoLatinWebBold", sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.txt-09 {
    background-color: #a81d25; /*e39a60*/
    padding: 6px 15px;
    border-radius: 6px;
    color: #f9f9f9;
    font-family: "LatoLatinWebBold", sans-serif;
    font-size: 18px;
    line-height: 24px;
	float: left;
}
.txt-13 {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 18px;
}
.txt-14 {
	font-family: "LatoLatinWebBold", sans-serif;
	font-size: 14px;
}
.txt-15 {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 14px;
}

#message-box {
	float: left;
	display: none;
	width: 100%
}

#disclaimer-box {
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 6000px;
    display: block;
    padding-bottom: 30px;
    background-color: #ffffff;
	z-index: 9999;
}

.add-doc-to-folder {
    position: relative;
}

.name-main-fldr {
    width: 0;
    height: 38px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 0;
}



.list {
	position: relative;
}
.bttn-off {
	cursor: auto !important;
	display: none;
}
.col-thrd-wrap {
	width: 1300px;
}

.col-thrd-box {
	position: relative;
	width: 400px;
    margin-right: 10px;
}

.col-thrd {
	position: relative;
	width: 396px;
	min-height: 200px;
	border-style: solid;
	border-width: 2px;
	border-color: #cccccc;
	border-radius: 3px;
	padding-top: 30px;
	padding-bottom: 9999px;
	margin-bottom: 120px;
}

.col-open,
.col-prgr,
.col-done {
	position: absolute;
	width: 100%;
	height: 15px;	
	top: 0;
	left: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 200;
}

.col-open {
	background-color: #b71414;
}
.col-prgr {
	background-color: #f49500;
}
.col-done {
	background-color: #89bd2a;
}
.task-box-edit {
	margin-top: 30px !important;
	margin-bottom: 9999px !important;
}
.task-grpe,
.task-box-edit {
	position: relative;
	width: 386px;
	min-height: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.task-grpe-anch {
	position: relative;
	width: 376px;
	height: 33px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.task-anch {
	position: relative;
	width: 371px;
	height: 30px;
	margin-left: 5px;
	
}
.task-divider {
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ffffff;
}
.task-text {
	position: relative;
	width: 371px;
	min-height: 30px;
	margin-left: 5px;
}
.task-box {
	position: relative;
	width: 376px;
	min-height: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #cfe1e2;
	border-radius: 3px;
	
}
.task-day {
	width: 135px;
	border-top-right-radius: 3px;
}
.task-day,
.task-prs {
	padding: 0 5px;
}
.edit-bttn-bw {
	width: 30px;
	cursor: pointer;
}
.day-indicator {
	width: 32px;
	margin-left: 10px;
}
.day-txt-switch {
	color: #ffffff;
}

.tiny-row {
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
	line-height: 30px;
}

#col-open .day-switch-1,
#col-prgr .day-switch-1 {
	background-color: #7eb1b3;
}
#col-open .day-switch-2,
#col-prgr .day-switch-2 {
	background-color: #f49500;
}
#col-open .day-switch-3,
#col-prgr .day-switch-3 {
	background-color: #b71414;
}
#col-done .day-switch-1,
#col-done .day-switch-2,
#col-done .day-switch-3 {
	background-color: transparent;
}
#col-done .day-txt-switch {
	color: #1a1a1a;
}

.col-bttn {
	width: 33px;
	height: 33px;
	cursor: pointer;
}


.clse-list-bttn {
	position: absolute;
	top: 43px;
	right: 0;
}

.cldr-txt-01 {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 14px;
}
.cldr-txt-05 {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.cldr-txt-06 {
	font-family: "LatoLatinWebBold", sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.cldr-txt-09 {
    background-color: #a81d25;
    padding: 6px 15px;
    border-radius: 6px;
    color: #f9f9f9;
    font-family: "LatoLatinWebBold", sans-serif;
    font-size: 18px;
    line-height: 24px;
	float: left;
}
.cldr-txt-10 {
	/*
    background-color: #a7bf42;
    padding: 6px 15px;
    border-radius: 6px;
    color: #f9f9f9;
    font-family: "LatoLatinWebBold", sans-serif;
    font-size: 18px;
    line-height: 24px;
	float: left;
	*/
	
	padding: 6px 15px;
    border-radius: 6px;
    color: #a7bf42;
    font-family: "LatoLatinWebBold", sans-serif;
    font-size: 18px;
    line-height: 24px;
    float: left;
    border-color: #a7bf42;
    border-style: solid;
    border-width: 2px;
}

.e-wrap {
    height: 100%;
    max-width: 6000px;
    float: left;
    width: 100%;
    min-width: 400px; /* avoid responsive below this width */
    position: relative;
}

#page.unscroll {
    overflow: hidden;
}

.page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 9000px;
    width: 0;
    background-color: rgba(0,0,0,0.95);
    z-index: 10000;
    overflow: hidden;
}

.page-overlay .page-overlay-clse {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 30px;
    right: 30px;
}

.page-overlay .play-box {
    width: 100%;
    height: 120px;
    max-width: 300px;
    margin: auto;
    margin-top: 20%;
}

.play-box .player-title {
    color: #ffffff;
    margin-bottom: 10px;
}

.play-box .player-notes {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 12px;
    font-family: "LatoLatinWebLight", sans-serif;
}

.play-box rect {
    fill: #ffffff;
}

.e-container {
	min-height: 120px;
	width: 100%;
	display: inline-block;
	position: relative;
}

/* menu */

.panel-wrap {
	display: block;
	width: 100%;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	min-width: 2000px;
}

.panel-wrap-actv {
    min-height: 1200px;
	z-index: 9999;
}

.panel-wrap-actv-bckg {
	background-color: #f9f9f9;
}

.cldr-input {
    font-family: "LatoLatinWebBold", sans-serif;
    height: 36px;
    padding: 0 5px;
    float: left;
    border: none;
    font-size: 18px;
}

.sttn-input { /* add-on to cldr-input */
	border-style: solid;
    border-width: 1px;
    border-color: #a7bf42;
    height: 34px;
}

.e-cell {
	min-height: 36px;
	float: left;
	display: block;
	margin: 0 15px 0 0;
}

.row-cell {
	height: 38px;
}

.row-cell-low {
	height: 30px;
	display: block;
}

.e-lead {
	padding: 30px 0 0 0;
	min-height: 60px;
	width: 100%;
	display: inline-block;
	background-color: #ffffff;;
}

.e-intro {
	padding: 15px 0;
	min-height: 30px;
	width: 100%;
	display: inline-block;
}

.e-foot {
	min-height: 60px;
	width: 100%;
	display: inline-block;
	margin: 30px 0 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
}

.e-row {
	min-height: 38px;
	width: 96%;
	display: inline-block;
	padding: 5px 2%;
	float: left;
	position: relative;
}

.e-row.past {
    background-color: #e8e8e8;
    margin-top: -10px;
}

.e-row-inner {
	min-height: 38px;
	width: 100%;
	display: block;
	position: relative;
}

.e-row .tile-wrap {
	width: 100%;
	min-height: 72px;
	display: block;
}

.e-row-low {
	min-height: 30px;
	width: 96%;
	display: inline-block;
	padding: 3px 2%;
	float: left;
	position: relative;
}

.tile {
	display: block;
	float: left;
	width: 160px;
	height: 200px;
}

.tile-icon-box {
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto;
}

.tile-icon-box img {
	max-height: 90px;
}

.tile-text-box {
	display: block;
	width: 160px;
	height: 100px;
	text-align: center;
    /*line-height: 40px;*/
	padding-top: 10px;
}

.e-lead .e-box-logo {
	width: 110px;
	height: 120px;
	float: left;
	padding: 10px 0 0 20px;
}

.e-lead .e-box-exit {
	margin: 0 20px 0 0;
	height: 120px;
	float: right;
	width: 200px;
}

.e-lead .e-box-exit .e-box-row {
	margin: 5px 0;
	height: 38px;
	float: left;
	width: 100%;
}



.txt-logged-info {
    float: right;
    line-height: 38px;
    padding: 0 3px 0 0;
}

.txt-foot-info {
    float: left;
    line-height: 38px;
    padding: 0 0 0 3px;
    font-size: 10px !important;
}

.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=20); /* For IE8 and earlier */
}

.fade-default {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20); /* For IE8 and earlier */
}

.fade-half {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

.row-labels {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 11px;
}

input[type=checkbox] {
	visibility: hidden;
}

input[type=radio] {
	visibility: hidden;
}

.prsn-wrap {
	position: relative;
  	display: inline-block;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 999;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  margin-bottom: 200px;
}
.autocomplete-items div {
  padding: 0 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/*
.autocomplete-items {
	font-family: "LatoLatinWebLight", sans-serif;
	padding-left: 5px;
    margin-bottom: 60px;
    padding-bottom: 15px;
    background-color: #e2e2e2;
    font-size: 18px;
	cursor: pointer;
}
*/

.squared-tiny {
	width: 30px;
	height: 30px;
	position: relative;
	float: left;
}

.squared-tiny label {
    cursor: pointer;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    background-color: #ffffff;
    border-radius: 2px;
    border-width: 4px;
    border-color: #a7bf42;
    border-style: solid;
}

.squared-tiny .label-open {
	border-color: #b71414;
}
.squared-tiny .label-prgr {
	border-color: #f49500;
}
.squared-tiny .label-done {
	border-color: #89bd2a;
}

.squared-tiny label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 5px;
    height: 10px;
    background: #FFFFFF;
    top: 2px;
    left: 6px;
	border-right-color:#000000;
	border-right-width:4px;
	border-right-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:4px;
	border-bottom-style:solid;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}


.squared-check {
	width: 36px;
	height: 36px;
	position: relative;
	float: left;
}

.squared-check label {
	cursor: pointer;
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    top: 0;
    background-color: #FFFFFF;
    border-radius: 3px;
}

.squared-check label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 18px;
	background: #FFFFFF;
	top: 4px;
	left: 11px;
	border-right-color:#000000;
	border-right-width:5px;
	border-right-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:5px;
	border-bottom-style:solid;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.squared-check label:hover::after,
.squared-tiny label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squared-check input[type=checkbox]:checked + label:after,
.squared-tiny input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.squared-check input[type=radio]:checked + label:after,
.squared-tiny input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}



.squared-box {
	width: 38px;
	height: 38px;
	position: relative;
	float: left;
}

.squared-box label {
    cursor: pointer;
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    top: 0;
    background-color: #ffffff;
    border-radius: 3px;
    border-width: 5px;
    border-color: #a7bf42;
    border-style: solid;
}

.squared-box label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
    height: 15px;
    background: #FFFFFF;
    top: 2px;
    left: 8px;
	border-right-color:#000000;
	border-right-width:5px;
	border-right-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:5px;
	border-bottom-style:solid;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.squared-box label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squared-box input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.squared-box input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


.ask-question-left {
	position: absolute;
	display: inline;
	font-family: "LatoLatinWebMedium", sans-serif;
	color:#1a1a1a;
	text-align: center;
	width: 440px;
	height: 140px;
	font-size: 13px;
	line-height: 30px;
	letter-spacing:1px;
	background: #fcd671;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 25px 0 0 0;
	margin-left: -2.5em;
	margin-top: -13.5em;
	opacity: 0;
	z-index:900;
}


.ask-question-row {
	width: 100%;
	float: left;
	display: inline-block;
	min-height: 30px;
}

.ask-yes {
	font-family: "LatoLatinWebMedium", sans-serif;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	width: 120px;
	height: 38px;
	color: #ffffff;
	background-color:#C00;
	line-height: 38px;
	margin: 15px;
	z-index:900;
}

.ask-yes:hover {
	background-color:#c5c5c5;
	color:#ffffff;	
}

.ask-highlighted {
	background-color: #ffe4c4;
}

.ask-cancel {
	font-family: "LatoLatinWebMedium", sans-serif;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	width: 120px;
	height: 38px;
	color: #1a1a1a;
	background-color:#89bd2a;
	line-height: 38px;
	margin: 15px;
	z-index:900;
}

.ask-cancel:hover {
	background-color:#C5C5C5;
	color:#ffffff;	
}


.e-rounded {
	border-radius: 5px;
}

.e-rounded-min {
	border-radius: 3px;
}

.e-rounded-tiny {
	border-radius: 2px;
}

.e-white {
	background-color: #ffffff;
}

.e-green {
	background-color: #a7bf42;
}

.e-red {
	background-color: #d94322;
}

.e-orange {
	background-color: #ffb402;
}

.e-blue {
	background-color: #7dbae8;
}

.e-logo {
	width: 120px;
    height: 120px;
    position: relative;
    margin: 0 auto;
}

.e-info {
	font-family: "LatoLatinWebLight", sans-serif;
	position: relative;
	max-width: 360px;
	margin: 0 auto;
	padding: 15px 45px;
	text-align: center;
	font-size: 13px;
}

.e-info .e-tinybox-wrap {
	width: auto;
    height: 28px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 5px;
}

.e-info .e-tinybox-wrap .e-tinybox {
	width: 28px;
    height: 28px;
    float: left;
    border-radius: 50%;
    line-height: 28px;
    margin: 0 5px;
}

.e-tinybox .tinybox-link {
	width: 28px;
    height: 28px;
    float: left;
    border-radius: 50%;
    line-height: 28px;
}

.e-tinybox .tinybox-link:hover {
	background-color: #89BD2A;
}

.e-tinybox-wrap form {
	display: none;
}

.button-active {
	background-color: #dddddd;
}

.button-inactive {
	background-color: #eeeeee;
}

.e-area {
	width: 100%;
	min-height: 60px;
	float: left;
}

.e-login-page {
	width: 360px;
	/* padding: 8% 0 0; */
	margin: auto;
	height: 100%;
}

.e-exit {
	position: relative;
	z-index: 1;
	background: #9a3432;
	color: #ffffff;
	max-width: 360px;
	margin: 0 auto;
	padding: 15px 45px;
	text-align: center;
}

.e-form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 360px;
	margin: 0 auto 30px auto;
	padding: 45px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.e-form input {
	font-family: "LatoLatinWebMedium", sans-serif;
	outline: 0;
	background: #f2f2f2;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
}

.e-form a {
	font-family: "LatoLatinWebMedium", sans-serif;
	outline: 0;
	background: #89bd2a;
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 16px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
}

.e-form .e-click-box {
	display: block;
	width: 100%;
	max-width: 240px;
	margin: 0;
}

.e-form a:hover,.form a:active,.form a:focus {
	background: #cccccc;
}

.task-edit-dash {
	margin-top: 30px;
}
.task-edit-dash .e-action-box,
.task-edit-dash .e-action-box-outred,
.task-edit-dash .e-action-box-inner {
	max-width: 115px;
}


.e-action-box {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 180px;
    text-align: center;
    line-height: 38px;
}

.e-action-box.long-bttn {
    max-width: 360px
}

.e-action-box-outred {
	font-family: "LatoLatinWebLight", sans-serif;
	font-size: 16px;
	display: block;
	width: 100%;
	max-width: 180px;
    text-align: center;
	border-style: solid;
    border-width: 1px;
    border-color: #f00;
	color: #f00;
    height: 36px !important;
    line-height: 36px;
	cursor: pointer;
}

.e-action-box-inner {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 180px;
    text-align: center;
    line-height: 38px;
}

.e-action-box.long-bttn .e-action-box-inner {
    max-width: 360px;
}

.e-action-box a {
    font-family: "LatoLatinWebMedium", sans-serif;
    outline: 0;
    width: 100%;
    border: 0;
    color: #FFFFFF;
    font-size: 16px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}

.e-action-box a:hover {
	background: #cccccc;
}

.e-action-box-right {
	margin: 0 0 0 15px;
    float: right;
}

#srch-exit-bttn,
#srch-exit-bttn-all {
	border-style: solid;
    border-width: 2px;
    border-color: #7dbae8;
	padding: 0 10px;
	cursor: pointer;
}

#srch-exit-bttn a,
#srch-exit-bttn-all a {
	color: #7dbae8;
}

.is-srch-all,
.is-edit-all {
    float: left;
    width: 100%;
}

#is-srch-all .srch-flatten {
    background-color: #f9f9f9;
    opacity: 0.7;
    width: 0;
    height: 100%;
    max-height: 38px;
    position: absolute;
    z-index: 10;
}

#addr-save-success,
#rmve-ordr-actn-two,
#rmve-ordr-actn-thr,
#mail-confirm,
#mail-send-success,
#mail-sent-counter,
#nwtx-edit,
#nwtx-bttns-conf,
#comp-edit,
#comp-bttns-conf,
.clse-list-bttn,
.rmve-qstn,
#evnt-bttns-conf,
.dfil-qstn {
	display: none;
}

#cke_nwtx-body {
	width: 540px !important;
}

.nwtx-send-bttn {
	display: none;
}

.cell-thr {
	width: 505px !important;
}
.cell-for {
	width: 548px !important;
}
.cell-fve {
	width: 448px !important;
}
.cell-six {
	width: 605px !important;
}
.cell-svn {
	width: 540px !important;
}
.cell-egt {
	width: 1220px !important;
}
.cell-nne {
	width: 800px !important;
}

/* same as tickets.orchesterarbon.ch */
.tile-events {
	width: 100%;
    padding: 6px 0;
}

.cell-featured-image {
	display: inline-block;
	height: 140px;
	width: 100px;
	background-color: #cccccc;
	margin: 0 12px 6px 0;
	overflow: hidden;
}

.cell-featured-image img {
	max-width: 100%;
}

.cell-wrap {
	display: inline-block;
	min-height: 140px;
	width: 263px;
    margin: 0 6px 6px 0;    
}

.rounded-corner-all {
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
}

.cell-row {
	min-height: 30px;
	width: 100%;
}

.text-cell-row-xtrabold {
	font-family: 'LatoLatinWebBold', sans-serif;
	font-size: 20px;
	line-height: 33px;
}

.text-cell-row-bold {
	font-family: 'LatoLatinWebMedium', sans-serif;
	font-size: 20px;
	line-height: 33px;
}

.text-cell-row-norm {
	font-family: 'LatoLatinWebLight', sans-serif;
	font-size: 20px;
	line-height: 33px;
}

.text-cell-row-tiny {
	font-family: 'LatoLatinWebLight', sans-serif;
	font-size: 12px;
}

.text-cell-row-smll {
	font-family: 'LatoLatinWebLight', sans-serif;
	font-size: 16px;
}

.text-cell-row-smll-bold {
	font-family: 'LatoLatinWebMedium', sans-serif;
	font-size: 16px;
}

.text-cell-row-medm {
	font-family: 'LatoLatinWebLight', sans-serif;
	font-size: 18px;
}

.text-smll-block,
.text-norm-block {
    padding-bottom: 16px;
}

.text-30 {
	font-size: 30px;
}

.text-48 {
	font-size: 48px;
	line-height: 52px;
}

.box-message {
	position: relative;
	display: block;
	max-width: 1024px;
}

/* from ticket css */

.white-select {
	background-color: #ffffff !important;
    border-style: solid;
    border-width: 2px;
    border-color: #cccccc;
    font-size: 13px;
    height: 26px;
}

.styled-select {
   background: url(../styling/styling-img/select-arrow.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
}

.styled-select select {
   background: transparent;
   border: none;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 380px;
   float: left;
   font-family: 'LatoLatinWebLight', sans-serif;
   font-size: 14px;
}

.styled-input {
    height: 27px;
    padding: 0 5px;
    font-size: 13px;
    border-style: solid;
    border-width: 2px;
    border-color: #cccccc;
    float: left;
	border-radius: 5px;
}

.styled-textarea {
    min-height: 350px;
    padding: 10px 5px;
    font-size: 13px;
    border-style: solid;
    border-width: 2px;
    border-color: #cccccc;
    float: left;
    border-radius: 5px;
	resize: vertical;
}

.styled-input-38 {
	font-size: 16px;
    padding: 0 10px;
}

.text-cell-row-desc {
	font-family: 'LatoLatinWebLight', sans-serif;
	font-size: 20px;
	line-height: 34px;
}

.box-item-location {
	/* width: 94%; */
    /* margin: 24px 3%; */
	width: 100%;
	margin: 24px 0;
	position: relative;
}

.seat-layout-wrap {
	display: block;
	position: relative;
	height: auto;
	background-repeat: no-repeat;
}

.seat-outer-box {
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;	
}

.seat-inner-box {
	width: 30px;
	height: 30px;
	display: block;
	margin: 2px auto;
	text-align: center;
	background-color: #d7d7d7;
}

.seat-inner-box-small {
	width: 24px;
	height: 24px;
	display: block;
	margin: 5px auto;
	text-align: center;
	background-color: #d7d7d7;
}

.seat-text-small {
	line-height: 24px !important;
}

.seat-text {
	font-family: 'LatoLatinWebMedium', 'Arial', sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #000000;
}

.seat-desc {
	display: inline-block;
	position: relative;
}

.box-item-xtras {
	width: 94%;
    margin: 24px 3%;
	position: relative;
}

.cell-row-spaced {
	min-height: 20px;
	width: 99%;
}

.cell-box {
	min-height: 20px;
	line-height: 34px
}

.cell-row-border-top {
	margin-top: 5px;
	border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #212121;
}

.text-error {
	font-family: 'LatoLatinWebMedium', sans-serif;
    font-size: 16px;
    padding: 8px;
	border-color: #d94322;
	border-style: solid;
	border-width: 3px;
	color: #d94322;
}

.text-qstn {
	font-family: 'LatoLatinWebMedium', sans-serif;
    font-size: 16px;
    padding: 4px 8px;
	border-color: #d94322;
	border-style: solid;
	border-width: 1px;
	color: #d94322;
}

.text-success {
	font-family: 'LatoLatinWebMedium', sans-serif;
    font-size: 16px;
    padding: 8px;
	border-color: #a7bf42;
	border-style: solid;
	border-width: 3px;
	color: #a7bf42;
}

.mssg-row .text-error,
.mssg-row .text-qstn,
.mssg-row .text-success {
	display: none;
	padding: 0 8px;
	margin-bottom: 10px;
}

.mssg-row .text-success {
	border-color: #a7bf42 !important;
    color: #a7bf42 !important;
}

.text-row-question {
    font-family: 'LatoLatinWebMedium', sans-serif;
    font-size: 16px;
    padding: 0 8px;
    border-color: #d94322;
    border-style: solid;
    border-width: 3px;
    color: #d94322;
    height: 32px;
    line-height: 32px;
}

#dropBox{
    border: 3px dashed #0087F7;
    border-radius: 5px;
    background: #F3F4F5;
    cursor: pointer;
}
#dropBox{
    min-height: 150px;
    padding: 54px 54px;
    box-sizing: border-box;
}
#dropBox p{
    text-align: center;
    margin: 2em 0;
    font-size: 16px;
    font-weight: bold;
}
#fileInput{
    display: none;
} 

.bo-list {
    width: calc(100% - 40px);
    min-height: 60px;
    padding: 20px 20px 140px 20px;
    float: left;
}
.bo-twrp {
    height: 42px;
    float: left;
}
.bo-twrp .bo-tggl {
    display: none;
}
.bo-item {
    width: 100%;
    min-height: 42px;
    float: left;
}
.bo-item.bo-bodd {
    background-color: rgba(211, 223, 160, 0.5);
}
.bo-item.bo-bevn {
    background-color: transparent;
}
.bo-item .bo-tile {
    height: 36px;
    margin-top: 3px;
    font-family: "LatoLatinWebLight", sans-serif;
    font-size: 18px;
    line-height: 36px;
}
.bo-item .bo-tile img {
    height: 36px;
}
.bo-void .bo-tile {
    font-size: 16px;
    font-style: italic;
}
.bo-edit {
    width: 100%;
    height: 0;
    overflow: hidden;
}
.bo-edit .bo-edit-innr {
    width: 100%;
    padding: 20px 0;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #015A8C;
    min-height: 459px;
}
.bo-edit-add .bo-edit-innr {
    margin-bottom: 20px;
    border-bottom: none;
}
.bo-edit-item {
    width: 100%;
    height: 50px;
}
.bo-edit-item .bo-edit-labl {
    font-family: "LatoLatinWebLight", sans-serif;
    font-size: 14px;
    float: left;
    padding-left: 10px;
}
.bo-edit-item .bo-chck-labl {
    font-family: "LatoLatinWebLight", sans-serif;
    font-size: 14px;
    float: left;
    line-height: 38px;
}
.bo-edit-add .bo-edit-labl-add {
    font-family: "LatoLatinWebLight", sans-serif;
    padding-left: 0;
    float: left;
    font-size: 16px;
    line-height: 38px;
}
.bo-edit-item.bo-edit-bttn {
    margin-top: 20px;
}
.bo-edit-item.bo-edit-bttn .e-action-box {
    color: #ffffff;
}
.bo-coun {
    line-height: 38px;
    color: #C91212;
    font-family: "LatoLatinWebLight", sans-serif;
    font-size: 14px;
    padding-left: 4px;
}
.bo-coun.bo-ctot {
    font-family: "LatoLatinWeb", sans-serif;
    font-size: 16px;
}


@media all and (max-width: 359px) {
	.e-container {
		display: none;
	}
}
@media all and (max-width: 544px) {
	.bo-edit-item.bo-edit-item-fld input {
        max-width: 330px;
    }
}
@media all and (max-width: 771px) {
	.bo-twrp.bo-twrp-b .bo-tggl {
        display: block;
    }
}
@media all and (max-width: 1137px) {
    .bo-item {
        padding-bottom: 10px;
    }
	.bo-twrp.bo-twrp-c .bo-tggl,
    .bo-twrp.bo-twrp-e .bo-tggl {
        display: block;
    }
}