@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Open Sans');

/*border inside element*/
html { box-sizing: border-box; overflow-y:scroll; display:none;}
*, *:before, *:after {box-sizing: inherit;}
.container{-webkit-transform: translate3d(0,0,0);}

body::-webkit-scrollbar{
	width:10px;
	background-color:#f2f2f2;
	} 
body::-webkit-scrollbar-thumb{
	background-color:#cccccc;
	}
body::-webkit-scrollbar-thumb:hover{
	background-color:#cccccc;
	}
body::-webkit-scrollbar-thumb:active{
	background-color:#cccccc;
	} 

body {
	margin:0; 
	padding:0; 
	white-space: normal; 
	font-size:14px;
	font-family:'Open Sans', sans-serif; 
	color:#333333;
}

/*LINKS*/
a {
	cursor:pointer; 
	text-decoration:none; 
	font-family:'Open Sans', sans-serif;
	color:#1974AB; 
	-webkit-transition: all 0.75s ease-out; 
	-moz-transition: all 0.75s ease-out; 
	-o-transition: all 0.75s ease-out; 
	-ms-transition: all 0.75s ease-out; 
	transition: all 0.75s ease-out;
}

a:hover {
	text-decoration:none;
	color:#666666;
}

.active{
	text-decoration:none;
	color:#666666;
	border-bottom:1px solid #1974AB;
}

.no-active {
	color:#1974AB;
	border-bottom:none;	
}


/*PLACEHOLDER*/
::-webkit-input-placeholder {color:#cccccc; }
::-moz-placeholder {color:#cccccc; } 
:-ms-input-placeholder {color:#cccccc; } 
input:-moz-placeholder {color:#cccccc; }

/*INPUT*/
label {font-size:13px;}

.half-input {
	width:42.5%; 
	max-width:175px;
}

.content .chosen-container-multi .chosen-choices li {float:unset;}
.content .chosen-container-multi .chosen-choices li.search-choice {margin: 3px 5px 3px 5px}
input.chosen-search-input.default {min-width: 100%;} 

input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea, select, input[type=date] {
	height:30px; 
	width:75%; 
	max-width:350px; 
	border:1px solid #cccccc; 
	margin:0 5px 10px 5px; 
	font-family: 'Open Sans', sans-serif; 
	font-size:15px; 
	padding:0 10px 0 10px; 
	border-radius:3px;
}

textarea{
	height:25px;
	width:65%; 
}

select{
	width:75%; 
}

/*select[multiple]{
	height:120px; 
}*/

select.ui-datepicker-year, select.ui-datepicker-month {
	height:25px;
	font-size:14px; 
}

input[type=checkbox] {
	height:20px; 
	width:20px; 
	margin-bottom:30px;
}

input[type="text"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, select:disabled, input[type=date]:disabled  {
    background: #f2f2f2;
}

option { margin:0; padding:0;}

.input-file-container {
    overflow: hidden;
    position: relative;
	font-family: 'Open Sans', sans-serif; 
	font-size:15px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	cursor:pointer; 
	padding: 10px 30px 10px 30px;
	margin:20px 10px 20px 10px; 	
	background-color:#1974AB; 
	color:#FFFFFF; 
	border:none; 
	border-radius:3px;
	-webkit-transition: all 0.75s ease-out;
	-moz-transition: all 0.75s ease-out;
	-o-transition: all 0.75s ease-out;
	-ms-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
}

.input-file-container:hover {
	background-color:#666666; 
	color:#ffffff;
}

.input-file-container [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

textarea {
	height:90px; 
}

h1, h2, h3, p {margin:0;}
h1, h2, h3 {font-family: 'Oswald'; letter-spacing:2px;}
h1{font-size:1.7em; line-height:1.5em; font-weight:bold; margin-bottom:25px;}
h2{font-size:1.5em; line-height:1.5em; font-weight:bold; margin-bottom:20px;}
h3{font-size:1.1em; line-height:1.5em; margin-bottom:15px;}
p {text-align:left; margin-bottom:14px; font-size:14px; line-height:25px;}
form{text-align:center; padding-top:25px; padding-bottom:25px;}

/*BUTTONS*/
button, input[type=submit]{
	font-family: 'Open Sans', sans-serif; 
	font-size:15px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	cursor:pointer; 
	padding: 10px 30px 10px 30px;
	margin:20px 10px 20px 10px; 	
	background-color:#1974AB; 
	color:#FFFFFF; 
	border:none; 
	border-radius:3px;
	-webkit-transition: all 0.75s ease-out;
	-moz-transition: all 0.75s ease-out;
	-o-transition: all 0.75s ease-out;
	-ms-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
	}
button:hover, input[type=submit]:hover {
	background-color:#666666; 
	color:#ffffff;
	}
.button-alternative {
	background-color:#bbbbbb;
	}
.button-alternative:hover {
	background-color:#dddddd !important;
	}
.button-url {
	cursor:pointer; 
	text-decoration:none; 
	color:#1974AB; 
	-webkit-transition: all 0.75s ease-out; 
	-moz-transition: all 0.75s ease-out; 
	-o-transition: all 0.75s ease-out; 
	-ms-transition: all 0.75s ease-out; 
	transition: all 0.75s ease-out;
	letter-spacing:1px;
	text-transform:none;
	padding:0;
	margin:0;
	border:none;
	background-color:transparent;
}
.button-url:hover {
	text-decoration:none;
	color:#666666;
	background-color:transparent;
}

button:disabled,
button[disabled], .disabled-button{ 
	background:#f2f2f2 !important;
	color:#dddddd !important;
	cursor:default;
}
	
/*ROWS*/
.row {text-align:center; min-height:1px; padding:10px;}
.full-width {width:100%;}
.boxed {width: 1200px; margin-left: auto; margin-right: auto;}

/*OVERLAY*/
.overlay-light, .overlay-dark {
  position: relative;
  z-index:1;
}
.overlay-light:after, .overlay-dark:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}
.overlay-light:after {
  background-color:rgba(255,255,255,0.75);
}
.overlay-dark:after {
  background-color:rgba(0,0,0,0.75);
}

/*COLUMNS*/
.column {z-index:1;}
.single {width:1200px; display:inline-block;vertical-align:middle;}
.half {width:600px; display:inline-block; vertical-align:top;}
.onethird {width:400px; max-width:33.3%; display:inline-block; vertical-align:top;}
.onefourth {width:300px; max-width:25%; display:inline-block; vertical-align:top;}
.twothird {width:800px; display:inline-block; vertical-align:top;}
.threefourth {width:900px; display:inline-block; vertical-align:top;}
.full-height {min-height:100vh;}
.half-height {min-height:50vh;}
.twothird-height {min-height:75vh;}

/*pseudo element to vertical align column*/
.middle-full:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height:100vh
}
.middle-half:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height:50vh
}
.middle-twothird:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height:75vh
}

/*CONTENT*/
.content{font-family: 'Open Sans', sans-serif; font-weight:300; font-size:16px; padding:15px 15px 15px 15px; line-height:18px; letter-spacing:0.75px;}
.centered {text-align:center; margin-top:auto; margin-left:auto;}
.left {text-align:left;}
.right {text-align:right;}
.nopadding {padding:0 !important;}
.nomargin {margin:0 !important;}
.smallpadding {padding:10px !important;}
.smallmargin {margin:10px !important;}


/*IMAGES*/
.background-image-cover {background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.background-image-fixed {background-repeat: no-repeat; background-attachment:fixed; background-size: cover; background-position:center;}
.background-image-contain {background-repeat: no-repeat; background-position:top center; background-size: contain;}
.background-image-fixed img{ width:1920px; }

/*NAVIGATION*/
.logo{position:absolute; top:0; left:0; z-index:10; background:#ffffff; height:100px;}
.navigation, .navigation-mobile {position:absolute; top:100px; z-index:10; background:#ffffff; height:47px;}
.navigation-mobile {border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;}
.navigation-item {padding:10px 10px 11px 10px; margin:0; font-size:13px;}
.navigation-item-mobile {font-size:15px;}
.navigation-logo{float:left; display:inline-block; width:25%; text-align:left;}
.navigation-menu{display:inline-block; width:50%; text-align:center;}
.navigation-info {float:right; display:inline-block; width:25%; text-align:right}
.navigation-logo ul, .navigation-menu ul, .navigation-info ul {list-style:none; margin:0; padding:0; height:100%;}
.navigation-logo ul li, .navigation-menu ul li, .navigation-info ul li {margin:0; padding:0; vertical-align:middle; display:inline-block; font-family:'Open Sans', sans-serif;}
.navigation-menu-mobile{float:left; display:inline-block; width:25%; text-align:left;}
.navigation-info-mobile {float:right; display:inline-block; width:75%; text-align:right}
.navigation-menu-mobile ul, .navigation-info-mobile ul {list-style:none; margin:0; padding:0; height:100%;}
.navigation-menu-mobile ul li, .navigation-info-mobile ul li {margin:0; padding:0; vertical-align:middle; display:inline-block; font-family:'Open Sans', sans-serif;}
.navigation-mobile-container {position:absolute; top:145px; z-index:10; background:#f2f2f2; min-height:100px; display:none; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;}
.mobile-menu-show {display:block;}
.navigation-menu-mobile-content ul {padding:0; list-style-type:none;}
.navigation-menu-mobile-content ul li {padding:5px 5px 5px 5px; font-family:'Open Sans', sans-serif;}

.sticky{position:fixed; top:0;}
.hidden{display:none;}

#gototop {position:fixed; bottom:15px; right:15px; width:40px; height:40px; z-index:10; background:#cccccc; opacity:0.7;}
#gototop div {text-align:center; height:50%; margin-top:20%;}
#footer-actions i.material-icons {line-height: 1.5; top: 1px; position: relative;}

#find-table_length select {width: 120px;}
#find-table{font-size:13px;}
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td, .dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom:1px solid #dddddd !important;}
.dataTables_scroll {margin-bottom: 25px;}
tfoot input[type="text"] {margin-top: 20px;}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2,
table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2,
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover
{
	background-color:#ffffff !important;
}

#find-table-body{overflow-y: scroll;}

/*table.dataTable tbody td {
  max-width:250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}*/

.amcharts-main-div a {
    display: none !important;
}

/* multiselect style */
.ms-options-wrap > button {
	height:30px; 
	width:75% !important; 
	max-width:350px; 
	border:1px solid #f2f2f2; 
	margin:0 5px 10px 5px; 
	font-family: 'Open Sans', sans-serif; 
	font-size:17px;
	padding:0 10px 0 10px; 
	border-radius:3px;
	text-transform:none;
	letter-spacing:normal;
}

.ms-options-wrap > button[disabled] {
	opacity: 1 !important;
}

.ms-options-wrap > button[disabled] span {
	color: #666666 !important;
	font-size:15px;
}

.ms-options-wrap > .ms-options {
	margin:auto;
	position:relative !important;
	min-width:50%;
	max-width:250px;
}

/*IMPORT DATA*/
.import-block-2{
	margin-top: 50px;
}

/*EVENTS HANDLER*/
.eventshandle-title {
	/*text-align: left;*/
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.eventshandle-input{
	width: auto!important;
}
/*.section-new-edit form {
	text-align: left;
}*/
.info-qr-div{
	text-align: left;
	padding-left: 10px;
}
.qr-code-div{
	text-align: right;
	padding-right: 10px;
}
.qr-pre-title-div.eventshandle-title{
	text-align: center;
}
.description-text {
	height: 119px;
}

/*MEDIA QUERIES*/
/* laptop and pc */
@media screen and (min-width: 1281px) {
	.navigation-mobile {display:none;}
}
/* tablet landscape */
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.boxed {width: 1000px;}
	.content{font-size:13.5px; line-height:10px;}
	.single {width:1000px;}
	.half {width:500px;}
	.onethird {width:325px; max-width:325px;}
	.onefourth {width:245px; max-width:245px;}
	.twothird {width:665px;}
	.threefourth {width:750px;}
	.navigation {display:none;}
}
/* tablet portrait */
@media screen and (max-width: 1023px) and (min-width: 768px) {
	.boxed, .single, .half, .onethird, .twothird, .onefourth, .threefourth {width: 90%; max-width: 90%; margin: 0 5% 0 5%;}
	.content{padding:25px; font-size:13.5px; line-height:10px;}
	.navigation {display:none;}
}
/* mobile */
@media screen and (max-width: 767px) {
	.boxed {width: 95%; margin: 0 2.5% 0 2.5%;}
	.single, .half, .onethird, .twothird, .onefourth, .threefourth {width: 98%; max-width: 98%; margin: 0 1% 0 1%;}
	.content{padding:10px; font-size:10px; line-height:10px;}
	input[type=text], input[type=email], input[type=password],  textarea, select {max-width:275px; min-width:120px;}
	.half-input {max-width:137.5px; min-width:60px;}
	.navigation {display:none;}
	/*.find-table table tr th {display:none;}
	.find-table table tr td {display: flex; align-items: center; flex-direction: column; justify-content: center; height:40px;}*/
}

/*print css*/
@media print
{
	.no-print, .no-print *
	{
		display: none !important;
	}
	.qr-print-desc{
		width: 50%;
		float: right;
	}
	.qr-print-image{
		width: 50%;
		float: left;
	}
}