@import url('reset.min.css');

/*Font*/
body * {
	font-family:'Roboto' !important;
	    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    -webkit-overflow-scrolling :touch;
}
body {
	background-image:none;
	background:#EFEFF0;
	color:#212121;
	overflow-x: hidden;
}

p {
	margin-bottom: 20px;
}

/* SMALL-WRAPPER */
#small-wrapper {
	width:410px;
	background:#fff;
	margin:63px auto;
	padding:0 0 43px 0;
	border-radius:4px;
	text-align:center;
	font-weight: 300;
	box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
    will-change: box-shadow;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
	a.logo-liepaja {
		display:inline-block;
		width:174px;
		height:50px;
		background:url('../../images/Liepaja_logo_s.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	a.logo {
		display: inline-block;
	    width: 100%;
	    height: 70px;
	    background: url(../../images/Liepaja_logo_color.svg);
	    background-position: center;
	    background-size: 50%;
	    background-repeat: no-repeat;
	}
	div#small-wrapper a.logo-liepaja {margin:30px 0 28px 0;}
	div#small-wrapper a.logo {margin: 24px 0 24px;}
	div#small-wrapper h2 {
		font-size:24px;
		margin:0 0 27px 0;
		font-weight: 400;
	}
	div#small-wrapper p{
		margin: 5px 36px;
		text-align: left;
	}
	div#small-wrapper p.login-date {
		margin: 20px 0 0 0;
		text-align: center;
		line-height: 75px;
	}
	.login>input { font-weight: 300; }
	div#small-wrapper input[type=text],div#small-wrapper input[type=email],div#small-wrapper input[type=password],div#small-wrapper textarea {
		background: #fff;
		border-radius: 0;
		height: 30px;
		width: 316px;
		border-width: 1px;
		border-style: solid;
		border-color: rgb(224, 224, 224);
		color: black;
		font-size: 18px;
		padding: 0 0 0 18px;
		margin: 0 0 20px 0;
		transition: all .3s ease;
		font-weight: 300;
		padding: 0.5em 1em 0.4em;
	}
	div#small-wrapper input[type=text]:focus,div#small-wrapper input[type=email]:focus,div#small-wrapper input[type=password]:focus,div#small-wrapper textarea:focus {
		outline-color:#FFBF47;
		outline-style:solid;
		outline-offset:2px;
		outline-width:2px;
	}
	div#small-wrapper textarea {
		height: 99px;
		padding-top: 5px;
	}
	div#small-wrapper input[type=submit], div.profile div.right-col form input[type=submit], table.event-edit tr td input[type=button] {
		height:50px;
		width:355px;
	    font-weight: 500;
	    font-size:1em;
	    min-height: 40px;
	    user-select: none;
	    cursor: pointer;
	    background-color: rgb(239, 83, 80);
	    color: rgb(255, 255, 255);
	    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
	    will-change: box-shadow;
	    border-width: initial;
	    border-style: none;
	    border-color: initial;
	    border-image: initial;
	    border-radius: 2px;
	    padding: 0px 1em;
	    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	div#small-wrapper input[type=submit]:focus, div#small-wrapper input[type=submit]:hover, div.profile div.right-col form input[type=submit]:focus, div.profile div.right-col form input[type=submit]:hover, table.event-edit tr td input[type=button]:focus, table.event-edit tr td input[type=button]:hover  {
	    background-color: rgb(229, 115, 115);
	    color: rgb(255, 255, 255);
	    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
	}
	div#small-password p {
		width:340px;
		text-align:left;
		margin:0 0 27px 35px;
		font-size:14px;
	}
	div#small-wrapper a.forgot-link,
	div#small-wrapper a.register-link {
		color: #b7b7b7;
		font-size: 14px;
		transition: all .3s ease;
	}
	div#small-wrapper a.forgot-link:hover,
	div#small-wrapper a.register-link:hover {
		color: #a4a4a4;
	}
	div#small-wrapper a.forgot-link {
		float: left;
		margin: 10px 0 0 36px;
	}
	div#small-wrapper a.register-link {
		float: right;
		margin: 10px 36px 0 0;
	}

/* WRAPPER + MAIN TOP */
#wrapper {
	width:100%;
    background: #fff url('../../images/wr-bg.png') repeat-y;
	margin:0 auto;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

div.main-top, ul.admin-menu li ul.submenu li {
	background-color: rgb(0, 131, 143);
}
ul.admin-menu li a, div.main-top div.header ul.user-menu li a {
	color:#ffffff;
}

div.main-top {
	width:100%;
	height:35px;
	padding:15px 0 0 0;
}
	div.main-top div.header {
		width:1000px;
		margin:0 auto;
	}
		div.main-top div.header a.wlogo  {float:left; background:url('../../images/Liepaja_logo.svg'); display:block; height:35px; width:229px;background-repeat:no-repeat;position: relative;bottom: 6px;}
		div.main-top div.header ul.user-menu {float:right; }
			div.main-top div.header ul.user-menu li {position: relative;}
				div.main-top div.header ul.user-menu li a {color:#fff; background:url('../../images/user-check.png') right no-repeat; padding:0 20px 0 10px;}
				div.main-top div.header ul.user-menu li ul.submenu {position: absolute; padding-top: 13px; display: none; z-index: 2;}
					div.main-top div.header ul.user-menu li ul.submenu li {display: block; padding: 10px 0; transition: all .3s ease;}
					div.main-top div.header ul.user-menu li ul.submenu li:last-child {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
						div.main-top div.header ul.user-menu li ul.submenu li a {background: none; width: 100%; display: block;}
						div.main-top div.header ul.user-menu li ul.submenu li:hover {}
				div.main-top div.header ul.user-menu li:hover ul.submenu {display: block;}
	
	div#wrapper ul.left-col{float:left; width:50px;padding:23px 0 0 0;}
		div#wrapper ul.left-col li{float:right; margin:0 0 32px 0;}  
			div#wrapper ul.left-col li a {display:block; height:24px; width:36px;}
			div#wrapper ul.left-col li a.add-event {background:url('../../images/add-event.png') left 24px; transition: all .3s ease; }
			div#wrapper ul.left-col li a.add-event:hover {background:url('../../images/add-event.png');}
			div#wrapper ul.left-col li a.add-event.active {background:url('../../images/add-event.png');}
			div#wrapper ul.left-col li a.events{background:url('../../images/left-events.png') left 24px; width:37px; transition: all .3s ease; }
			div#wrapper ul.left-col li a.events:hover{background:url('../../images/left-events.png'); width:37px;}
			div#wrapper ul.left-col li a.events.active{background:url('../../images/left-events.png'); width:37px;}
			div#wrapper ul.left-col li a.events span {
				padding: 9px 0 0 5px;
				display: block;
				font-size: 10px;
				color: #dae3dd;
				margin-left:2px;
				line-height:14px;
			}
			div#wrapper ul.left-col li a.events.active span {color: #FFF;}
			div#wrapper ul.left-col li a.statistics{background:url('../../images/statistics.png') left -32px; height:32px; transition: all .3s ease; }
			div#wrapper ul.left-col li a.statistics:hover{background:url('../../images/statistics.png'); height:32px;}
			div#wrapper ul.left-col li a.statistics.active{background:url('../../images/statistics.png'); height:32px;}

	#wrapper, div.right-col {
		min-height:100vh;
	}
	div.right-col{width: calc(100vw - 80px);box-sizing: border-box;float:right; padding:22px 30px;}
	div.event-list div.right-col h2 {float:left; display:inline; color:#2a2a28; font-size: 21px; font-weight: 300;} 
	/* Login */
	#small-wrapper.login {margin-top:80px;}

	div.login p.login-date {
		display:inline-block;
		width:119px;
		height:90px;
		font-size:60px;
		background:url('../../images/login-date.png') no-repeat;
		margin:28px 0 0 0;
		padding:43px 0 0 0;
		font-weight: 600;
	}
	div.register form.register div {
		text-align:left;
		padding-left:55px;
		margin:0 0 35px 0;
	}
	div.register form.register div.g-recaptcha div {
		padding-left: 0;
	}
	div.register form.register .register-terms a {
		color: #02838f;
		text-decoration: underline;
	}
	div#small-wrapper form.register textarea {
		margin-bottom: 0;
	}
	div#small-wrapper p.register-terms {
		width: 338px;
		display: inline-flex;
		justify-content: space-between;
		margin: 5px 0 16px 0;
	}
	/* Event List */
	div.event-list div.right-col a.select-events {
		float:right; 
		color:#fff;
		width:180px;
		height:27px;
		padding:3px 0 0 0;
		border-radius:5px;
		text-align:center;
		background-color: rgb(239, 83, 80);
		line-height: 22px;
	}

	div.event-list div.right-col ul.form-lines li {margin:0 0 20px 0;}
	div.event-list div.right-col form legend {border-bottom:#e5e5e5 1px solid;padding:0 0 5px 0; margin:0 0 15px 0;}
	div.event-list div.right-col form label {width:120px; display:inline-block;}
	div.event-list div.right-col form label.auto {width: auto;}
	div.event-list div.right-col form input[type=text],
	div.event-list div.right-col form input[type=date] {
		width:260px; 
		height:30px; 
		border:none; 
		border-radius:5px; 
		background:#dfdfe0; 
		margin: 0 20px 0 0;
		padding:0 0 0 10px;
		font-family: 'Roboto', sans-serif;
  }
	div.event-list div.right-col form select {
		width:270px; 
		height:30px; 
		border:none; 
		border-radius:5px; 
		background:#dfdfe0; 
		margin: 0 20px 0 0;
		padding:4px 0 0 10px; 
		color:black;
		font-family:"Roboto", Arial, Helvetica, sans-serif;    
		font-size:14px;
	}  
	div.event-list table.list {
		margin:35px 0 0 0;
		width:100%;
	}
	div.event-list table.list tr {border-bottom:1px #e5e5e5 solid;}
		div.event-list table.list tr th {padding:0 0 5px 0; text-align:left; font-size: 18px; font-weight: 300;}
		div.event-list table.list tr td {padding:12px 0; text-align:left; font-size: 14px; font-weight: 300; min-width: 80px}
		div.event-list table.list tr td span.date { font-weight: 600;}
		div.event-list table.list tr td.event-name { font-weight: 600; }
		div.event-list table.list tr td.time { font-weight: 600; width: 60px;}
			div.event-list table.list tr td a {color:#02838F; text-decoration: underline; transition: all .3s ease;}
			div.event-list table.list tr td a:hover { color: #4FB3BF; }
			div.event-list table.list tr#pagination td a {color:#fff;}
			div.event-list table.list tr td.admin a {color:#005662; display:block; font-size:12px;}
			div.event-list table.list tr td.admin a:hover {text-decoration:underline;}
	div.event-list table.list tr#pagination {border: none;}
		div.event-list table.list tr#pagination td {text-align: center;}

	div.event-list p.more {text-align:center;}
		div.event-list p.more a.more {
			margin:28px 0 0 0;
			color:#fff; 
			font-size:24px;
			display:inline-block;
			width:180px;
			height:44px;
			padding:6px 0 0 0;
			background:#EC4343;
			border-radius:5px;
			text-align:center;   
			text-decoration: none; 
			line-height:38px;
		}
	div.event-list span.event-published-icon {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
	}
	div.event-list span.event-published-icon.published {
		background: green;
	}
		div.event-list span.event-published-icon.not-published {
		background: orange;
	}

	/* Statistics */
	div.statistic div.right-col h2 {float:left; display:inline; color:#2a2a28; font-size: 21px; font-weight: 300;}
	div.statistic div.right-col form legend {border-bottom:#e5e5e5 1px solid;padding:0 0 5px 0; margin:0 0 15px 0;}
	div.statistic div.right-col form label {width:120px; display:inline-block;}
	div.statistic div.right-col form input[type=text],
	div.statistic div.right-col form input[type=date] {
		width:260px; 
		height:30px; 
		border:none; 
		border-radius:5px; 
		background:#dfdfe0; 
		margin: 0 20px 0 0;
		padding:0 0 0 10px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
  }
	div.statistic div.right-col form select {
		width:270px; 
		height:30px; 
		border:none; 
		border-radius:5px; 
		background:#dfdfe0; 
		margin: 0 20px 0 0;
		padding:4px 0 0 10px; 
		color:black;
		font-family:"Roboto", Arial, Helvetica, sans-serif;    
		font-size:14px;
	} 
	div.statistic div.right-col table {}
		div.statistic div.right-col table tr {}
			div.statistic div.right-col table tr td {padding: 10px 0; vertical-align: middle;}
			div.statistic div.right-col table tr td:first-child {padding-top: 0;}
			div.statistic div.right-col table tr td.center {text-align: center;}
			div.statistic div.right-col table tr td ul.targets {margin-left: 130px; float: right;}
				div.statistic div.right-col table tr td ul.targets li {float: left; width: 240px; margin: 5px 0;}
				div.statistic div.right-col table tr td ul.targets li label {width: auto;}
	
	div.statistic div.right-col a.statistic-button {
		color:#fff;
		width:180px;
		height:30px;
	padding: 6px 0 4px 0;
		border-radius:5px;
		text-align:center;
		margin: 40px 10px 0 0;
		display: inline-block;
		font-size: 21px;
		font-weight: 300;
		transition: all .3s ease;
		background: #EC4343;
		border: 2px solid #EC4343
	}
	div.statistic div.right-col a.statistic-button:hover{
		background: #fff;
		color: #EC4343;
	}
	div.statistic div.right-col a.statistic-button.large {
		height: 30px;
		padding: 6px 0 4px 0;
		font-size: 21px;
	}


	/* Event Open */
	div.event-open div.right-col h2 {float:left;display:inline;}
	div.event-open div.right-col h2.none {display: none;}
	div.event-open div.right-col ul.lang-menu {float:right;}
	div.event-open div.right-col ul.lang-menu li{float:left; margin:0 20px 0 0;}
		div.event-open div.right-col ul.lang-menu li a {color:#1f886b; font-weight: 300;}
		div.event-open div.right-col ul.lang-menu li a.active {color:#2a2a28; font-weight: 600}

	table.event-open {margin:10px 0 0 0;}
		table.event-open tr {border-top:#8CB2A0 1px solid;}
			table.event-open tr td{padding:10px 0;}
		table.event-open tr.desc {border:none;}
			table.event-open tr td:first-child,table.event-edit tr td:first-child{
				width:250px;
				text-align:left;
				vertical-align: top;
			}
			table.event-open tr td:first-child + td{
				color:#2a2a28;
				font-size:14px;
				line-height:22px;
			}
			table.event-open tr td.price ul li,table.event-open tr td.audition ul li,table.event-open tr td.ownership ul li {float:left; width:200px; margin:0 0 7px 0;}
			table.event-open tr td.price ul li span {color:#1f886b; margin:0 15px 0 0;}

	/* Event Add&Edit */
	div.event-edit div.right-col ul.lang-menu {
		float: left;
		border: solid 1px #e9e9e9;
		border-bottom: none;
		width:100%;
	}
	div.event-edit div.right-col ul.lang-menu li{width: calc(25% - 2px); float:left; height:50px; text-align:center; padding:0 0 0 0; margin:0 2px 0 0;}
	div.event-edit div.right-col ul.lang-menu li a{
		display:block; 
		height:40px; 
		background:#e9e9e9;
		padding:10px 0 0 0;
		transition: all .3s ease;
		font-weight: 900;
		width:auto;
		color:#212121;
		line-height: 29px;
	}
	div.event-edit div.right-col ul.lang-menu li a.active, div.event-edit div.right-col ul.lang-menu li a:hover {
		color:#fff;
		background-color:#005662;
		line-height: 29px;
	}
	table.event-edit {margin:10px 0 0 0; width:100%;}
	table.event-edit.table-langs {border: solid 1px #e9e9e9; border-radius: 5px; border-collapse: inherit; padding:3px; padding-top:0;}
		table.event-edit tr {border-top: #dadada 1px solid;}
		table.event-edit tr td{padding:15px 0;}
		table.event-edit tr td:first-child{padding:25px 0 15px 0;}
		table.event-edit tr:first-child {border:none;}  
		table.event-edit tr td:first-child + td{
			color:#2a2a28;
			font-size:14px;
			line-height:22px;
		}
		table.event-edit.table-langs tr td.inner {padding-left: 50px;}
		table.event-edit.table-langs tr td.langs {padding-left: 0;padding-top: 0;}
		table.event-edit tr td input[type=text],
		table.event-edit tr td input[type=date],
		table.event-edit tr td input[type=time],
		table.event-edit tr td input[type=url],
		table.event-edit tr td input[type=tel],
		table.event-edit tr td input[type=email],
		table.event-edit tr td textarea.small {			
			background: #fff;
			border-radius: 5px;
			width: 600px;
			height:34px;
			border: 2px solid #dfdfe0;
			color: black;;
			font-size: 18px;
			padding: 0 0 0 18px;
			margin: 0 0 0px 0;
			transition: all .3s ease;
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
		}
		table.event-edit tr td input[type=text]#event-visitors,
		table.event-edit tr td input[type=text]#event-total_costs {
			background: #5e9c85;
			border: 2px solid #5e9c85;
			color: #fff;
		}
		table.event-edit tr td input[type=text]:focus,
		table.event-edit tr td input[type=date]:focus,
		table.event-edit tr td input[type=time]:focus,
		table.event-edit tr td input[type=url]:focus,
		table.event-edit tr td textarea.small:focus {			
			border: 2px solid #005662;
		}
		table.event-edit tr td input[type=text]#event-visitors:focus,
		table.event-edit tr td input[type=text]#event-total_costs:focus {
			border: 2px solid #dfdfe0;
		}
		table.event-edit tr td textarea.small {
			height: 100px;
			padding: 5px 0 5px 18px;
		}
		
	table.event-edit tr td input[type=time],table.event-edit tr td input[type=date] {width:200px;}
	table.event-edit tr td textarea {
		width:500px;
		height:400px;
		color:#333;
		border-radius:5px;    
		border:#ccc 1px solid;
		padding:6px;   
		font-family:"Roboto", Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	table.event-edit tr td select {
		width:620px;
		color:#333;
		border-radius:5px;    
		border:#ccc 1px solid;
		padding:6px;   
		font-family:"Roboto", Arial, Helvetica, sans-serif;
		font-size:14px;    
	}
	table.event-edit tr td.price ul li {float:left; margin:0 70px 20px 0;}
	table.event-edit tr td select.price {margin:0 0 10px 0;}
	table.event-edit tr td input.short {
		width:100px;
		background:#fff;
		border: 2px solid #dfdfe0;
		border-radius:5px;   
		height:30px;  
		margin:0 0 4px 3px;
	}
	table.event-edit tr td input[type=button] {
		height:50px;
		width:340px;
	}
	.label-info {
		font-size: 10px;
	}
	
/* Profile */
div.profile div.right-col h2 {float:left; display:inline; color:#2a2a28;}
div.profile div.right-col form {margin:0 0 20px 0;}
div.profile div.right-col form ul li {margin:20px 0 10px 0;}
div.profile div.right-col form ul li input[type=text] {
    background:#fff;
		border: 2px solid #dfdfe0;
		color: black;;
    border-radius:5px;
    height:50px;
    width:312px;
    font-size:18px;
    padding:0 0 0 18px;
    margin:0 0 20px 0;  
		transition: all .3s ease;
		font-weight: 300;  
  }
div.profile div.right-col form ul li input[type=text] {
	border: 2px solid #005662;
}  
  
  
div.profile div.right-col form ul li label{width:120px; display:inline-block;}

div.profile div.right-col form input[type=submit] {
		height:50px;
		width:340px;
		transition: all .3s ease;
	}


/* User List */
div.user-list div.right-col h2 {color:#2a2a28; font-size: 21px; font-weight: 300;}
div.user-list div.right-col table {width:100%; margin:20px 0 0 0;}
div.user-list div.right-col table tr {border-bottom:1px #e5e5e5 solid;}
div.user-list div.right-col table tr th {padding:0 0 5px 0; text-align:left; font-size: 18px; font-weight: 300;}
div.user-list div.right-col table tr th.active {text-align: center;}
div.user-list div.right-col table tr td {padding:12px 0; text-align:left; font-size: 14px; font-weight: 400}
div.user-list div.right-col table tr td.active {text-align:center;}
div.user-list div.right-col table tr td a {color: black;; text-decoration: underline;}

  div.user-list p.more {text-align:center;}
    div.user-list p.more a.more {
      margin:28px 0 0 0;
      color:#fff; 
      font-size:24px;
      display:inline-block;
      width:180px;
      height:44px;
      padding:6px 0 0 0;
      background:#EC4343;
      border-radius:5px;
      text-align:center;    
    }

	/* Profile */
	div.profile div.right-col h2 {float:left; display:inline; color:#2a2a28;}
	div.profile div.right-col form {margin:0 0 20px 0;}
	div.profile div.right-col form ul li {margin:20px 0 10px 0;}
		div.profile div.right-col form ul li input[type=text], 
		div.profile div.right-col form ul li input[type=email], 
		div.profile div.right-col form ul li input[type=password],
		div.profile div.right-col form ul li textarea
		 {
			background:#fff;
			border: 2px solid #dfdfe0;
			color: black;;
	    border-radius:5px;
	    height:50px;
	    width:312px;
	    font-size:18px;
	    padding:0 0 0 18px;
	    margin:0 0 20px 0;  
			transition: all .3s ease;
			font-weight: 300;   
		}
		div.profile div.right-col form ul li input[type=text]:focus, 
		div.profile div.right-col form ul li input[type=email]:focus, 
		div.profile div.right-col form ul li input[type=password]:focus {
			border: 2px solid #005662;
		}
		div.profile div.right-col form ul li label{width:120px; display:inline-block;}
		div.profile div.right-col form ul li textarea{height: 128px;width:333px;resize: horizontal;box-sizing: border-box;padding:15px;}
	/* User List */
	div.user-list div.right-col h2 {color:#2a2a28;}
	div.user-list div.right-col table {width:100%; margin:20px 0 0 0;}
		div.user-list div.right-col table tr {border-bottom:1px #e5e5e5 solid;}
		div.user-list div.right-col table tr#pagination {border: none;}
			div.user-list div.right-col table tr th {padding:0 0 5px 0; text-align:left;}
			div.user-list div.right-col table tr th.active {text-align: center;}
			div.user-list div.right-col table tr td {padding:12px 0; text-align:left;}
			div.user-list div.right-col table tr td.active {text-align:center;}
			div.user-list div.right-col table tr td.red {color: red;}
			div.user-list div.right-col table tr#pagination td {padding:0; text-align:center;}

		div.user-list p.more {text-align:center;}
		div.user-list p.more a.more {
			margin:28px 0 0 0;
			color:#fff; 
			font-size:24px;
			display:inline-block;
			width:180px;
			height:44px;
			padding:6px 0 0 0;
			background:#EC4343;
			border-radius:5px;
			text-align:center;    
		}

	/* Modal */
	div#modal-wrapper {
		width: 100%;
		height: 100%;
		position: fixed;
		background: url('../../images/modal_overlay.png');
		top: 0;
		left: 0;
	}
		div#modal {
			width: 800px;
			background: #FFF;
			border-radius: 10px;
			position: absolute;
			height: auto;
			margin: auto;
			left: 0;right: 0;
			border: solid 1px #e5e5e5;
			top: 10% !important;
			max-height: 600px;
			overflow-y: scroll;
			padding-bottom: 20px;
			box-sizing: border-box;
		}
			div#modal div.inner {padding: 20px;}
			div#modal div.event-list {padding: 20px;}
			div#modal div.modal-statistic {text-align: center; margin-top: 20px;}
			div#modal div.buttons {width: 100%; border-top: #e0e0e0; margin: 10px 0; text-align: center;}
			div#modal div.buttons a {
				margin: 0 10px 0 0;
				height: 40px;
				display: inline-block;
			}
			div#modal div.buttons a.modal-cancel {font-size: 16px; color: #dc252a; text-decoration: underline;}
			div#modal div.buttons a.modal-ok {
				width:200px;
				border:none;    
				cursor: pointer;	
			}
			div#modal div.buttons a.modal-ok,
			div#modal div.buttons.buttons-ns a.modal-cancel,
			.daterangepicker .drp-buttons .cancelBtn,
			.daterangepicker .drp-buttons .applyBtn {
				color: #FFF;
				border-radius: 4px;
				text-decoration: none;
				padding: 10px 20px;
				height: auto;
				width: auto;
				border: none;
				outline: none;
			}
			div#modal div.buttons.buttons-ns a.modal-cancel,
			.daterangepicker .drp-buttons .cancelBtn {
				background: rgb(239, 83, 80);
			}
			div#modal div.buttons a.modal-ok,
			.daterangepicker .drp-buttons .applyBtn {
				background: rgb(0, 131, 143);
			}
			div#modal label {
				width: 120px;
			}
			div#modal input[type=text], 
			div#modal input[type=email] {
				background:#dfdfe0;
				border:none;
				border-radius:5px;
				height:50px;
				width:312px;
				color: black;;
				font-size:18px;
				padding:0 0 0 18px;
				margin:0 0 20px 0;    
			}
	/* REUSABLE */
	.clear {clear:both;}
	.bold {font-weight:bold;}
	.none {display: none;}
	.vspace {height: 10px;}
	.required {color:#FF0000;}

	/* CHECKBOX STYLE*/
	input[type=checkbox].css-checkbox {
		position: absolute; 
		overflow: hidden; 
		clip: rect(0 0 0 0); 
		height:1px; 
		width:1px; 
		margin:-1px; 
		padding:0;
		border:0;
	}
	

	input[type=checkbox].css-checkbox + label.css-label {
		padding-left:25px;
		height:20px; 
		display:inline-block;
		line-height:20px;
		background-repeat:no-repeat;
		background-position: 0 -20px;
		font-size:14px;
		vertical-align:middle;
		cursor:pointer;
	}
	input[type=checkbox].css-checkbox:checked + label.css-label {
		background-position: 0 0;
	}
 
	.css-label{
		background-image:url('../../images/ch-bg.png');
	}

	/* INFO MESSAGE */
	.info {
		padding: 10px;
		display: none;
		border: 1px solid;
	}
	.info.show {
		display: block;
	}
		.info span.icon {
			width: 20px;
			height: 21px;
			float: left;
			margin-right: 10px;
			background: url('../../images/common/messages.png');
			background-repeat: no-repeat;	
		}
	.info.success {
	    color: #fff;
	    background-color: #64bd7c;
	   
	}
		.info.success span.icon {
			background-position: -60px 0;
		}
	.info.error {
	    color: #fff;
	    background-color: #FFBABA;
	    font-weight: 300;
	}
		.info.error span.icon {
			background-position: -40px 0;
		}
	.info.warning {
	    color: #9F6000;
	    background-color: #FEEFB3;
	}
		.info.warning span.icon {
			background-position: -0 0;
		}
	#info_register, #info_login, #info_forgot {
		margin: 0 36px 10px 36px;
		border-radius: 2px;
	}

.action-warning {color: red; font-size: 12px;}
	
	
	
			
			span.customStyleSelectBox { 
				background: #fff;
				border-radius: 5px;
				height: 30px;
				width: 600px;
				border: 2px solid #dfdfe0;
				color: black;;
				font-size: 14px;
				padding: 5px 0 0 18px;
				margin: 0 0 20px 0;
				transition: all .3s ease;
			} 
			span.customStyleSelectBox.focused { 
				border: 2px solid #005662;
			}
			.customStyleSelectBoxInner { 
				background:none;
			}

#statistic-form {position: relative;max-width:960px;margin: 0 auto;}
div#event-filter-category a#category-selector {
	padding: 4px 0 0 10px;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	background: #dfdfe0;
	width: 270px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	height: 30px;
	border: none;
	box-sizing: border-box;
	border-radius: 5px;
	color: black;;
	overflow: hidden;
}
div#event-filter-category a#category-selector.open {
			
}
div#event-filter-category div#category-selector-drop {
	position: absolute;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	display: none;
	left: -20px;
	top: 100px;
	box-shadow: 0 0 10px 0 rgba(201, 201, 201, 0.5);
	width: 900px;
}
	div#event-filter-category div#category-selector-drop div#border-hide {
		width: 215px;
		height: 5px;
		right: 0;
		position: absolute;
		top: -3px;
		background: #fff;
	}
	div#event-filter-category div#category-selector-drop ul.category-selector-categories {
		float: left;
		width: 25%;
		padding: 0 10px 0 5px;
		border-left: solid 1px #cacaca;
		box-sizing: border-box;
	}
	div#event-filter-category div#category-selector-drop ul.category-selector-categories:first-child {
		border-left: none;
	}
		div#event-filter-category div#category-selector-drop ul.category-selector-categories li {
			color: #2e2e2c;
			font-size: 14px;
			padding: 5px 0;
		}
		div#event-filter-category div#category-selector-drop ul.category-selector-categories li.first {
			border-bottom: solid 2px;
			display: block;
			overflow: auto;
		}
			div#event-filter-category div#category-selector-drop ul.category-selector-categories li.first span.icon {
				width: 13px;
				height: 13px;
				float: left;
				margin-right: 3px;
			}
			div#event-filter-category div#category-selector-drop ul.category-selector-categories li.first span.text {
				float: left;
			}
			div#event-filter-category div#category-selector-drop ul.category-selector-categories li.first span.action {
				float: right;
			}
				div#event-filter-category div#category-selector-drop ul.category-selector-categories li.first span.action a {
					font-size: 12px;
					color: #999;
					text-decoration: none;
				}

div#event-filter-category label.css-label {
	font-size: 10px;
}
div#event-filter-category.event-filter-cat {
	display: inline-block;
}
div#event-filter-category.event-filter-cat div#category-selector-drop {
	top: 40px;
}
.posrel {
	position: relative;
}
table.event-edit tr td input[type=text], table.event-edit tr td input[type=date], table.event-edit tr td input[type=time], table.event-edit tr td input[type=url], table.event-edit tr td input[type=tel], table.event-edit tr td input[type=email], table.event-edit tr td textarea.small,span.customStyleSelectBox,table.event-edit tr td select,.chosen-container
{
  width: calc(100% - 50px);
  max-width: 675px;
}
input[id^='event-name'] {
  max-width: 620px !important;
}
.chosen-container,table.event-edit tr td select {
  max-width:698px;
}
div#event_category_chosen {
  width:100% !important;
}
div#event_room_chosen,select#event-price {
	width: calc(100% - 10%) !important;
}
input[type=text], input[type=date], input[type=time], input[type=url], textarea.small {
	color: #212121;
}
input[type=text],input[type=email],input[type=password] {
	height:30px !important;
}

ul.admin-menu li ul.submenu li:hover, div.main-top div.header ul.user-menu li ul.submenu li {
	background-color:rgb(0, 131, 143);
}
.modal-terms-content {
	height: 150px;
	overflow-y: scroll;
	background: #EFEFF0;
	padding: 20px;
	font-size: 15px;
	line-height: 1.5;
}
.modal-site-terms > h1 {
	font-size: 2.28rem;
    line-height: 110%;
    margin: 1.14rem 0 .912rem 0;
}
.modal-terms-subheader {
	font-size: 15px;
	line-height: 1.5;
}
.symbol-limit-current.invalid {
	color: red;
}
.translations-btn {
	display: inline-block;
	*display: inline;
	zoom: 1;
	border: solid 1px #EFEFF0;
	margin: 0 1px 5px 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	cursor: text;
}
div.event-list table.list tr td a.translations-btn {
	text-decoration: none;
}
div.event-list table.list tr td a.translations-btn.translations-btn-inactive {
	color: #CCC; 
}
.tooltip {
	position: relative;
	background: #ffffff;
	padding: 7px 12px;
	margin: 5px;
	font-size: 15px;
	border-radius: 100%;
	color: #212121;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
	cursor: help;
  }
  
  .tooltip:before,
  .tooltip:after {
	position: absolute;
	content: '';
	opacity: 0;
	transition: all 0.4s ease;
  }
  
  .tooltip:before {
	border-width: 10px 8px 0 8px;
	border-style: solid;
	border-color: #ffffff transparent transparent transparent;
	top: -15px;
	transform: translateY(20px);
  }
  
  .tooltip:after {
	content: attr(data-tooltip);
	background: #ffffff;
	width: 600px;
	height: 40px;
	font-size: 13px;
	font-weight: 300;
	top: -75px;
	left: -10px;
	padding: 10px;
	border-radius: 5px;
	letter-spacing: 1px;
	transform: translateY(20px);
	display: none;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
  }
  
  .tooltip:hover::before,
  .tooltip:hover::after {
	opacity: 1;
	transform: translateY(-2px);
	display: block;
  }
  .anim:hover {
	animation: fade 500ms ease-in-out forwards;
  }

  .caps-warning input.invalid {
	  border: solid 2px red !important;
  }
  .caps-warning-text {
	  color: red;
	  margin-bottom: 0;
  }

  .handbook-msg {
	background: #025762;
	padding: 15px 10px 15px 200px;
	color: #FFF;
  }
  .handbook-msg a {
	  color: #FFF;
  }
  #event-daterange-days {
	display:inline-block;
  }
  #event-daterange-days li {
	display: inline-block;
	*display: inline;
	zoom: 1;
  }
  #event-daterange-days li label:first-child {
	  margin-left: 4px;
  }
  #event-additional-field-queue span a {
	color: red;
  }
  #event-additional-field-queue label {
	  font-weight: bold;
  }
  #event-additional-info span {
	  font-weight: bold;
  }
  #event-additional-info ul li {
	  display: inline;
  }
  /* GDPR */
.gdpr {
	background:#008691;
	width:100%;
	color:#ffffff;
}
	.gdpr .content {
		width:1160px;
		height:75px;		
		margin:0 auto;
		display:grid;
		grid-template-areas: "warning agree disagree";
		grid-template-columns: auto 70px 110px;
		align-items: center;
	}
		.gdpr .content a {
			color:#ffffff;
			text-decoration: underline;
		}
	.gdpr .content .warning {
		grid-area:warning;
		justify-self: start;
	}
	.gdpr .content .agree {
		grid-area:agree;
		justify-self:end;
	}
	.gdpr .content .disagree {
		grid-area:disagree;
		justify-self:end;
	}	
/* GDPR end */
#event-form input:invalid, #event-form select:invalid {
    background-color: #ec4343;
    color: white;
}

.tt-container {
	position: relative;
    /*margin-bottom: 50px;*/
}
.tt-contained {
	position: absolute;
	left: -48px;
	bottom: -36px;
}

select#event-additional-field-value {
	margin-left: 45px;
}
select#event-category {
	height:34px;
}

#btnSubmit.invalidated {
    opacity: 0.5;
}
.untouchable {
	pointer-events: none;
}