@import url('/css/fonts/fonts.css');

/* HTML/BODY */
html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 100%;
	color: #363636;
	font: normal 13px 'Open Sans', Arial,Helvetica,sans-serif;
}
body.app{background-color: #F0F1F4;}
body.preview { 
  background: url(../images/login/backs/back4.jpg) no-repeat center center fixed !important; 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

ul li {
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
}
.errorSummary p {font-weight: bold;color: #CD4D40}
.errorSummary ul li {color: #CD4D40;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Light', Arial;
	font-weight: normal;
	font-style: normal;
}
h1{font-size:28px; font-family: 'Montserrat'; padding: 5px 0px 5px 5px;}
h1.header{color: #fff;}
h2{font-size: 24px;}
h3{font-size: 20px; line-height: 25px;}
h4{font-size: 16px; line-height: 18px;}

h3.italic {text-align: center; padding: 10px 0; 	font-style: italic;}

.nomargin {margin: 0 !important;}
.nopadding {
	padding: 0 !important;
}
.left {float: left;}
.right {float: right;}

.heigth50{height: 50px;}
.heigth75{height: 75px;}
.heigth100{height: 100px;}
.heigth150{height: 150px;}
.heigth200 {height: 200px;}

a {color: #08c;text-decoration: none;}
a:hover{text-decoration: underline;}

iframe, object, embed {max-width: 100%; max-height: 100%;}

.clear{clear: both}
.clearfooter{padding: 15px; clear: both;}
.image-circle img{border-radius: 500px;}
.bold{font-family: 'Open Sans Bold';}

.big-button {
	color: #fff;
	background-color: #08c;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding: 5px 20px;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
}
.big-button:hover{background-color: #0f4c82!important; text-decoration: none;	}

.nopadded {padding: 0 !important}
.padding-short {padding: 5px 0 !important;}
.padding-medium {padding: 10px 0 !important ;}
.padding-large {padding: 20px 0 !important;}

.margin-short {margin: 5px 0 !important;}
.margin-medium {margin: 10px 0 !important;}
.margin-large {margin: 20px 0 !important;}
.center {text-align: center;}
.vcenter {display: flex; align-items: center;}
.form-row, .modal .form-row {width: 100%;}
.form-row .column-half, .form-row .column-full, .form-row .column-responsive-half, .form-row .column-33 {
	font-size: 14px;
	float: left;
	background-color: inherit;
}
.form-row .column-half, .form-row .column-full, .form-row .column-responsive-half {
	position: relative;
	padding: 1%;
	width: 99%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.form-row .column-half .column-responsive-half {padding: 0 4px;}
.form-row .column-responsive-half {width: 50%;}

.form-row .column-25 {width: 50%; float: left;}
.form-row .column-33 {width: 99%; float: left; padding: 1%}
.form-row .column-66 {width: 99%; float: left; padding: 1%}

@media only screen and (min-width: 48em) {
	.form-row .column-half {width: 50% !important}
	.form-row .column-66 {width: 64% !important}
	.form-row .column-33 {width: 31% !important}
}

input[type='text'], textarea, select, input[type='password'] {
	width: 100%;
	border: 1px solid #C9E0ED;
	padding: 4px 6px;
	border-radius: 2px;
	font: normal 14px 'Open Sans Light', sans-serif !important;
}
.hidden{
	visibility: hidden;
	display: inline-block;
	padding: 0 10px !important;
}
#loading
{
    background:url(../images/loading.gif) no-repeat center;    
    width: 90px;
    height: 90px;
    clear: both;
    position: fixed;
}
.loadingmin{
	background:url(../images/loadingmin.gif) no-repeat center;    
    padding: 5px 20px;
}
#ok
{
    background:url(../images/success.png) no-repeat center;    
    width: 130px;
    height: 130px;
    clear: both;
    position: absolute;
}
.social{position: fixed; bottom	: 15px;	 padding: 35px;	 cursor: pointer;}
.social:hover{opacity: 0.8;}

h1.error404{font-size: 60px; padding: 20px 0}
div.error404{font-size: 18px;min-height: 150px;}
.softext {font-size:12px;color: #ccc;}
#top
{
	background-color: #fff;
	height: 47px;	
	border-bottom: 1px solid #DCDCDC; 
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

#logo{padding: 10px 20px; font-size: 200%;}
.smalllogo {
	background: url("../images/logo/footerlogo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding: 10px 50px;
	cursor: pointer;
}
#content
{
    margin-left: auto;
	margin-right: auto;
	width: 1000px;
	clear: both;
	min-height: 534px;
}
#preview {
	margin: 40px auto;
	max-width: 850px;
	padding: 4px 15px;
	font-size: 14px;
	font-family: Roboto, 'Open Sans Light', Lato !important;
	width: 100%;
	min-height: 500px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}
#preview img {max-width: 100% !important; border: 0;}

	.previewheader {
		font-family: 'Lato';
		margin-bottom: 10px;
		text-align: right;
		font-size: 16px;
	}
#PRBody img {
	max-width: 100%;
}
#land {margin: 0 auto; width: 100%; overflow-x: hidden;}
#land section h2{
	font-family: 'Open Sans';
	font-size: 26px;	
	padding: 5px;
	margin: 0;
	text-align: center;
}
#land #header
{
	background:url(../images/land/bridge1.jpg) center center no-repeat;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    min-height: calc(100vh - 0px);
    height: calc(100vh - 0px)
}
#land #header #container {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#land #header #logo, #login #logo
{
	background:url(../images/land/logo.png) center center no-repeat;	
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;	
	text-align: center;
}
#land #header #title
{
	text-align: center;
	font-size: 30px;
	font-family: 'Open Sans Light', Arial;	
	color: #fff;
	text-shadow: 0px -2px 0px #000;

}
#land #header #subtitle {
	text-align: center;
	font-size: 16px;
	font-family: 'Open Sans Light', Arial;
	color: #fff;
	text-shadow: 0px 2px 0px #000
}

#land #header #title .bold{
	font-size: 33px;
	font-family: 'Open Sans', Arial;	
	font-weight: bold;
    font-weight: 700;
    font-style: normal;
}
#land #header #buttons
{	
	clear: both;
	width: 100%;
	text-align: center;
	padding: 50px 0 40px 0;
}

#aSubmit
{
	float: right;
	margin-right: 5px;
	width: 120px;
	padding: 0px 10px;
	line-height: 40px;	
}
#land #header #buttons div{
	margin: 0 auto;	
	font-size: 13px;
	font-family: 'Open Sans Light', Arial;		
	text-align: center;
	width: 140px;
	padding: 12px 5px;
	border-radius: 4px;
	cursor: pointer;
	display:  inline-block;
}
#land #header #buttons div a{text-decoration: none; color: #fff}
#land .button {color: #fff; background-color: #08c;}
#land .button:hover {color: #fff;background-color: #0F4C82;}

#land #header #buttons .transparent{margin-left: 25px;background-color: #000;color: #fff;border: solid 1px #fff;}
#land #header #buttons .transparent:hover {background-color: #1B1F38;}
#land h3{font-size: 19px;font-family: 'Open Sans Bold'; padding: 0 15px;}

#land #section-1 {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	padding: 20px 0px;
	clear: both
}
#land #section-1 .image-circle {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 2px rgba(0, 0, 0, 0.1) inset;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 10px;
}
#land #section-1 .image-circle:hover {opacity: 0.5;}
#land #section-1 h2{font-size: 24px;}
#land #section-1 p{font-family: 'Open Sans Light';text-align: center; font-size: 16px;}

#land #section-2 {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #fff;
	background-color: #4788C7;
	padding: 20px 0px;
	display: grid;
}
#land .container {max-width: 900px; width: 100%; margin: 0 auto; padding: 20px 0;}
#land .intro {text-align: center; padding: 10px;font-size: 14px;}
#land #section-2 h3{padding:20px 5px 20px 85px;margin-left: 10px;}
#land #section-2 h3.section21 {background: url(../images/land/section21.png) left top no-repeat;}
#land #section-2 h3.section23 {background: url(../images/land/section23.png) left top no-repeat;}
#land #section-2 h3.section22 {background: url(../images/land/section22.png) left top no-repeat;}

#land #section-2 h3.section24 {background: url(../images/land/section24.png) left top no-repeat;}
#land #section-2 p {
	padding-left: 10px;
}
#land #section-3 {
	margin: 0;
	padding: 0;
	width: 100%;
	padding: 20px 0 0 0;
	display: grid;
}
#land #section-3 .prices{
	width: 50%;
	margin: 20px auto;
	font-size: 15px;
	font-family: 'Roboto';
}
#land #section-3 .col{
	width: 200px;
	height: 300px;	
	margin-top: 50px;
	background-color: #4788C7;
	float: left;
	color: #fff;	
}
#land #section-3 .prices h3{
	text-align: center;
	padding-top: 35px;
	padding-bottom: 15px;
	color: #0F4C82;
	background: url(../images/land/prices.png) center top no-repeat #fff;	
}
#land #section-3 .prices ul {
	padding: 35px 0 0 0;
	margin-top: -20px;
	background: url(../images/land/pricesback.png) center top no-repeat;
	
}
#land #section-3 .prices ul li{
	border-bottom: 1px dashed #fff;
	padding: 6px 15px;
}

#land #section-4 {
	width: 100%;
	margin: 0px auto;
	color: #919191;
	display: grid;
}
#land #section-4 .container {
	padding-top: 75px;
	background: url(../images/land/section4.png) center top no-repeat #F7F7F7;
}
#land #section-4 h3 {padding: 0 0 0 5px;}
#land #section-4 h3.date {color: #0F4C82; font-size: 18px;}
#land #section-4 p {padding-left: 10px;}
#land .news{
	margin: 0 auto; width: 100%; max-width: 900px;
}
#land .last{
	background: url(../images/land/section6.png) center top no-repeat #FFF;
	width: 100%;
	padding-top: 75px;

}
#land #section-5 {
	width: 100%;
	display: grid;
}

#land #section-6 {margin: 0px auto;}
#land #section-6 #address {font-family: 'Lato'; font-size: 16px; text-align: center; padding: 20px 0;}
#land #section-6 h2 {padding-top: 10px;}
#land #section-6 input[type='text'], #land #section-6 textarea {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	height: 35px;
	padding: 3px 10px;
	width: 95%;
	border-radius: 2px;
	color: #919191;
	border: 1px solid #C9E0ED;
	margin: 10px 0;
}
#section-6 textarea {height: 200px !important;}
#land #section-6 a.button {
	float: right;
	margin: 10px 5px;
}
#land #section-6 label{display: block; margin: 30px 0}

/*** STORIES */
#land .stories {
	width: 100%;
	height: 225px !important;
	margin: 20px 0;
	padding: 5px 0;
	background: #fff !important;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}
#land .stories .width25{float: left; width: 25%;text-align: center;}
#land .stories .width25 h3{font-size: 16px; padding: 0;}
#land .stories .width25 p{font-size: 14px !important;}
#login {
	width: 100%;
	height: 98%;
	background-color: #e4e8ea;
	background-attachment: fixed;
}
.successMessage {
	margin: 0 auto 5px;
	background-color: #16CA88;
	color: #fff;
	opacity: 0.75;
	border: solid 1px #fff;
	font-size: 14px;
	font-family: 'Open Sans light', Arial;
	text-align: center;
	width: 450px;
	padding: 16px 5px;
	border-radius: 4px;
}

.errorMessage {
	margin: 0 auto 5px;
	background-color: #000;
	color: #fff;
	opacity: 0.75;
	border: solid 1px #fff;
	font-size: 14px;
	font-family: 'Open Sans light', Arial;
	text-align: center;
	max-width: 480px;
	padding: 16px 5px;
	border-radius: 4px;
}
.activecopy {color: #59c45c !important;}
.send{background:  url(../images/login/backs/back3.jpg) center center no-repeat !important;}
.note{font-size: 12px; color: #BBB;}
#nofiles {font-style: italic; margin: 0 0 13px 10px;}

.dialog-outer {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 74px;
	position: relative;
	margin: 0 auto;
	min-height: 100%;
}

#root {font-family: 'Open Sans', arial;font-size: 14px;width: 100%; height: 90%; display: table;}
#root .first {padding-top: 20px;}
#root .last {
	line-height: 35px;
	padding: 15px 0;
	border-bottom: 1px solid #47484a;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-width: 1px 1px 0;
	-webkit-box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
	-moz-box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
	box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
}
.dialog {
	max-width: 500px;
	width: 100%;
	position: relative;
	margin: 0 auto 30px;
	background-color: #fff;
	border: 1px solid #a4baca;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	clear: both;
}

.dialog header {
	position: relative;
	height: 44px;
	background-color: #343434;
	margin: -1px -1px 0px;
	background: url(../images/login/logo_small_white.png) center center no-repeat;
	line-height: 40px;
	background-color: #000;
	border: 1px solid #47484a;
	border-width: 1px 1px 0;
	-webkit-box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
	-moz-box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
	box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.dialog .container {width: 90%;margin: 0 5%; display: inline-block;}
.dialog .title {
	font-size: 24px;
	display: block;
	margin-top: 10px;
}
.dialog .subtitle {font-size: 18px;color: #adaeb0;display: block;margin-bottom: 10px}
.dialog textarea{
	width: 100%;
	display: inline-block;
	font: normal 15px 'Montserrat', sans-serif !important;
	background-color: #e5e7e9 !important;
	color: #535353 !important;
	padding: 2px 6px;

}
.dialog input {
	width: 100%;
	display: inline-block;
	font: normal 15px 'Montserrat', sans-serif !important;
	height: 32px;
	background-color: #e5e7e9 !important;
	color: #535353 !important;
	padding: 2px 6px;
}

#root input.top{border-top-left-radius: 4px; border-top-right-radius: 4px;}
#root input.bottom {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

#root .textbox, #root .password {
	font: normal 15px 'Montserrat', sans-serif !important;
	height: 35px;
	border-radius: 4px 4px 0 0;
	background: #e5e7e9;
	border: 1px solid #C9E0ED;
	color: #535353 !important;
}
#root .textbox input, #root .password input  {
	height: 27px;
	border: none;
	width: 80%;
}
#root .form-row .column-half input[type=checkbox] 
{
	height: 18px;	
	width: 20px !important;
	display: inline;
	vertical-align: middle;
	padding-right: 10px;
}
#root .form-row .column-half label.checkbox {
	font-weight: bolder;
	display: inline;
	font-size: 14px;
	color: #08c;
}
#root .form-row .column-half input {width: 97%}
#root .password span {
	background: url("../images/login/lock_ico.png") no-repeat right;
	padding: 0px 0px 2px 30px;
}
#root .textbox span {
	background: url("../images/login/user_ico.png") no-repeat right;
	padding: 0px 0px 2px 30px;
}
#root .textbox span.lock {
	background: url("../images/login/lock_ico.png") no-repeat right	;
}

#root textarea{	
	color: #535353 !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	width: 80%px;
	float: left;
	border: 1px solid #adaeb0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #e5e7e9 !important;;	
	margin: 0 0 5px 35px;	

}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #e5e7e9 inset;}

a.forgot {text-decoration: none; vertical-align: bottom; text-align: center;}
a.forgot:hover {text-decoration: underline;}

.form div.left
{
	width: 45%;
	float: left;
	padding-right: 5px;
}
.form div.right
{
	width: 45%;
	float: left;
	padding-right: 5px;
}
table.form{
	color: #363636;
	font: normal 14px 'Open Sans Light', sans-serif;
}
table.form tr td{
	padding: 5px 5px;
}
table.form tr td label{
	font-size: 15px;
	text-align: right;
}
table.form tr td label.biglabel{
	font-size: 18px;
}
table.form tr td input, table.form tr td select, table.form tr td textarea{
	border: 1px solid #C9E0ED;
	padding: 4px 4px;	
	font: normal 14px 'Open Sans Light', sans-serif;
	width: 200px;
}

table.long tr td input {
	width: 250px;
}
.form tr td div.errorMessage{	
	color: #a00a0a;
	background: none;
	font: normal 15px 'Open Sans Light', sans-serif;
	text-align: left;
	padding: 0;
	width: auto;
}
.lblerror {
	color: #a00a0a;
	padding-left: 5px;
}
input.error {
	background-color: #fbbbbb;
}
table.form tr td a, a.button, table.form tr td button
{
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans Light', sans-serif;
	text-align: center;
	padding: 6px 25px;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
	background-color: #21b8c6;
	background-image: -moz-linear-gradient(top, #21b8c6, #0087c3);
	background-image: -ms-linear-gradient(top, #21b8c6, #0087c3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#21b8c6), to(#0087c3));
	background-image: -webkit-linear-gradient(top, #21b8c6, #0087c3);
	background-image: -o-linear-gradient(top, #21b8c6, #0087c3);
	background-image: linear-gradient(top, #21b8c6, #0087c3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21b8c6', endColorstr='#0087c3', GradientType=0);
	border-color: #D9593D #0087c3 #0087c3 #D9593D;
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
a.min { padding:5px 13px !important;}

table.form tr td a:hover, a.button:hover, table.form tr td button:hover {
	text-decoration: none;
	background-color: #0087c3;
	background-image: none;
	border-color: #D9593D #21b8c6 #21b8c6 #D9593D;
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
table.form tr td a.delete, #Contact_buttons a.delete{
	background-color: #be3148;
}
table.form tr td a.delete:hover, #Contact_buttons a.delete:hover{
	background-color: #c86474;
}
table.form tr td input.autofocus, .pill input.autofocus {
	background: transparent;
	width: 100px;
	border: none;
}
#Contact_buttons {
	margin: 10px 0 20px 0;
	width: 95%
}
#Contact_buttons a{
	color: #fff;	
	background-color: #08c;	
	font-size: 11px;
	font-family: 'Open Sans Light', sans-serif;
	text-align: center;	
	padding: 4px 13px;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;	
}
 #Contact_buttons a:hover{
	text-decoration: none;
	background-color: #0F4C82;	
 	
 }
#tbContact{
	padding: 0px 0 10px 15px

}
#footer {
	/*border-top: 1px solid #e1e1e1;*/
	clear: both;
	font-family: 'Roboto','Open Sans Light';
	font-size: 13px;
	margin: 15px auto;
	padding: 10px 0;
	width: 100%;
	max-width: 900px;
}
#footer ul {
}
#footer ul li {
    float: left;
    padding: 0 10px;
}
#footer ul li.socialicons{padding: 0 4px;}
#footer ul li.copy {float: right;}
#footer ul li.logo a {
	background: url("../images/logo/footerlogo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	height: 30px;
	margin-top: -7px;
	padding: 6px 100px;
}
#footer ul li a {
    color: #8a8a8a;
    text-decoration: none;
}
#footer ul li a:hover {
    color: #000;
}
.app #footer
{
	width: 100%;
	height: 30px;
	font-size: 13px;	
	border-top: 1px solid #f9f9f9;
	background-color: #f1f1f1;
	font-family: 'Roboto', 'Open Sans Light';
	margin: 15px auto;
	clear: both;	
}
.app #footer ul{		
	width: 800px;
	line-height: 35px;	
	margin: auto;
}
.app #footer ul li{
	float: left;
	padding: 0px 15px;
}
.app #footer ul li.linkedin, .app #footer ul li.facebook, .app #footer ul li.twitter {
	float: right;
	padding: 0px 5px;
}

#footer ul li a.twitter-footer, .twitter_share {
	background: url(../images/social/twitter_footer.png) left center no-repeat;
	padding: 4px 8px;
}
#footer ul li a.facebook-footer, .facebook_share {
	background: url(../images/social/facebook_footer.png) left center no-repeat;
	padding: 4px 8px;
}
#footer ul li a.linkedin-footer, .linkedin_share {
	background: url(../images/social/linkedin_footer.png) left center no-repeat;
	padding: 20px 25px;
}
#footer ul li a.facebook-footer:hover, #footer ul li a.linkedin-footer:hover,#footer ul li a.twitter-footer:hover, .facebook_disabled, .twitter-disabled, .linkedin_disabled,
.linkedin_share:hover, .twitter_share:hover, .facebook_share:hover {
	cursor: pointer;
	text-decoration: none !important;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
.facebook_schedule {
	background: url(../images/social/facebookschedule.png) left center no-repeat;
	padding: 24px 45px;
}
.facebook_schedule:hover {
	opacity: 0.6;
	cursor: pointer;
}

.pagetitle
{
	font-size: 28px; 
	font-family: 'Segoe UI'; 
	color: #484848;
	padding: 0 0 10px 0;
}
#mainmenu {
	margin: 0 auto;
	width: 1000px;
	height: 100%;	
}
#mainmenu ul
{
	padding: 0 20px;
	margin:0px;	
	height: 100%;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{	
	font-family: 'Open Sans Light', Arial;	
	color: #6a747e;
	font-size:  1em;
	line-height: 45px;	
	background-color: transparent;
	font-size:13px;	
	text-decoration:none;
	padding: 15px 10px;
}

#mainmenu ul li a:hover
{
	
	background-color:#EFF4FA;
	text-decoration:none;
	border-bottom: 2px solid #6AA3D9;
}
#mainmenu ul li a.home{
	background:url(../images/logo/logo_menu.png) center left no-repeat;
	padding: 15px 80px;
}
#mainmenu ul li a.admin {
	display: inline-block;
	border-bottom: none;
	background: url(../images/icos/password.png) center right no-repeat;
	cursor: pointer;
	padding: 12px;
	margin-right: 3px;
	vertical-align: middle;
}
#mainmenu ul li a.settings{
	display: inline-block;
	border-bottom: none;
	background:url(../images/icos/tool.png) center right no-repeat;
	cursor: pointer;
	padding: 12px 14px;
	vertical-align: middle;
}
#mainmenu ul li a.help{	
	display: inline-block;
	border-bottom: none;
	background:url(../images/icos/book.png) center right no-repeat;
	cursor: pointer;
	padding: 12px 16px;
	vertical-align: middle;	
}
#mainmenu ul li a.logout{		
	border-bottom: none;	
	float: right;
	padding: 0 5px;
}
#navmenu .trial,
#mainmenu ul li a.trial, 
#mainmenu ul li a.expires {
	background-color: #DA4040;
	border-radius: 8px;	
	border-bottom: none;
	color: #fff;
	margin: 0 5px;
	padding: 5px 10px;
}
#mainmenu ul li a.home:hover{
	background-color: transparent;
	border-bottom: none;
}
#mainmenu ul li a.settings:hover, #mainmenu ul li a.help:hover, #mainmenu ul li a.admin:hover{
	opacity: 0.6;
}
#mainmenu ul li a.logout:hover{
	text-decoration: underline;
	background-color: transparent;
}
#navmenu .trial:hover,
#mainmenu ul li a.trial:hover, 
#mainmenu ul li a.expires:hover {
	background-color:  #00AE27;
	text-decoration:none;
	border-bottom: none;	
	margin-right: 26px;
}
#mainmenu ul li a.expires:hover {margin-right: 58px}

#contacts, #faq{
	width: 100%;
	max-width: 800px;
	min-height: 600px;
	margin: 20px auto;
	clear: both;	
	display: flex;
}
#contacts .col1{
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	width: 250px;
	margin-right: 5px;
	padding: 10px 10px;
	float: left;
	border-radius: 5px;	
	min-height: 600px;
	max-height: 780px;
	overflow-y: auto;
}

#contacts .col2{
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 5px;	
	margin-right: 5px;
	width: 345px;	
	padding: 10px 5px;
	float: left;
	min-height: 600px;
	max-height: 780px;
	overflow-y: auto;
}
#contacts .col3{
	background-color: #fff;
	overflow-x: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 5px;	
	width: 400px;	
	padding: 10px 0 10px 15px;
	float: left;	
	min-height: 600px;
	max-height: 780px;
	overflow-y: auto;
}
#contacts .col1 input[type="text"] {width: 121px !important;}
#contacts .col3 input[type="text"] {width: 95%;}


#col1::-webkit-scrollbar{background-color:#f3f3f3;width: 5px;} 
#col1::-webkit-scrollbar-thumb{background-color:#B03C3F;border-radius:10px;}
#col1::-webkit-scrollbar-thumb:hover{background-color:#BF4649;border:1px solid #333333;}
#col1::-webkit-scrollbar-thumb:active{background-color:#A6393D;border:1px solid #333333;} 

#categories{
	padding-top: 10px;	
	width: 180px;
}
#categories ul{
	margin: 0;
	padding: 0;
}
#categories ul li{
	width: 90%;
	font-family: 'Open Sans Light', Arial;
	font-size: 13px;
	text-align: left;
	border: 1px solid #d0d0d0;	
	border-radius: 4px;
	background:url(../images/back-category.png) repeat-x;
	line-height: 35px;
	vertical-align: middle;
	margin-bottom: 10px;
	padding-left: 5px;
	cursor: pointer;
}

#categories ul li:hover{background:url(../images/back-category-hover.png) repeat-x;}
#categories ul li .pencil_ico{float: right;}
#categories ul li input{
	border:none;
	background: transparent;
}
#contactlist {
	float: left;
	padding: 10px 5px;
	width: 95%;	
}
#contactlist div.contact{
	font-family: 'Open Sans Light';
	font-size: 15px;
	color: #7d7d7d;
	border: 1px solid #f3f3f3;
	margin-top: 5px;
	padding: 10px;
	cursor: pointer;
}
#contactlist div.contact:hover{background-color: #f7f7f7}
#Contact_title{
	font-size: 20px;
	padding-left: 0;
	color: #08c;
}
.pill{
	margin-top: 8px;
	margin-right: 8px;
	float: left;
	border: 1px solid #d7d7d7;	
	border-radius: 5px;
	background: #f3f3f3;
	line-height: 15px;
	vertical-align: middle;	
	padding: 8px 15px 8px 5px;
}

#contactcategories div, #templateprofessions div, #tags div, #storyprofessions div {
	font-family: 'Open Sans';
	margin: 5px;
	float: left;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	vertical-align: middle;
	padding: 5px 10px;
	cursor: pointer;
}
.tag{background: #f3f3f3;}
.tag:hover{
	background-color: #08c;
	color: #fff;
}
.tag-sel{
	background-color: #08c;
	color: #fff;
}
div.icons
{
	height: 95px;
	width: 100%;
	margin: 10px 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}
div.icons a
{
	float: left;
	font-size: 14px;
	font-family: 'Open Sans Light', Arial;
	color: #363636;
	text-align: center;
	line-height: 105px;
	width: 105px;
	height: 70px;
	vertical-align: bottom;
	border-radius: 7px;
	cursor: pointer;
	margin: 5px 0 0 0;
}
div.icons span.icons-title{
	font-size: 32px;
	font-family: 'Segoe UI';
	line-height: 70px;
	padding: 0 15px;
	color: #484848;
	float: right;
}
div.icons a.press{background: url(../images/topicons/press.png) top center no-repeat;}
div.icons a.contact{background: url(../images/topicons/contact.png) top center no-repeat;}
div.icons a.job{background: url(../images/topicons/case.png) top center no-repeat;}
div.icons a.media{background: url(../images/topicons/media.png) top center no-repeat;}
div.icons a.template{background: url(../images/topicons/template.png) top center no-repeat;}
div.icons a.task{background: url(../images/topicons/task.png) top center no-repeat;}
div.icons a.story{background: url(../images/topicons/story.png) top center no-repeat;}
div.icons a.campaign{background: url(../images/topicons/campaign.png) top center no-repeat;}
div.icons a.save{background: url(../images/topicons/save.png) top center no-repeat;}
div.icons a.excel{background: url(../images/topicons/excel.png) top center no-repeat;}
div.icons a.delete{background: url(../images/topicons/delete.png) top center no-repeat;}
div.icons a.view {background: url(../images/topicons/preview.png) top center no-repeat;}
div.icons a.gallery{background: url(../images/topicons/gallery.png) top center no-repeat;}
div.icons a.coupon{background: url(../images/topicons/coupon.png) top center no-repeat;}

div.icons a:hover, div.icons a.selected{
	opacity: 0.9;
	background-color: #f8f8f8;
	text-decoration: none;
}
div.header {
	width: 100%;
	margin: 20px 0;
	padding: 5px 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}

div.header .logo{max-width: 250px; max-height: 140px; margin: 0px 35px 0px 15px}
div.header h2{padding-bottom: 0px; margin-bottom: 5px; font-family: 'Lato', Arial !important; font-size: 30px;}
div.header a.socialicons {margin-right: 10px; }
div.header a {color: #08c;margin-top: 10px;}

div.company {height: 160px;}

a.place {
	font-size: 15px;
	display: block;
	margin: 0px;
	padding: 2px 30px;
	font-family: 'Montserrat', Arial;
	margin-bottom: 5px;
	background: url(../images/icos/place.png) left center no-repeat;
}
a.opening {
	cursor: pointer;
	font-size: 15px;
	display: block;
	margin: 0px;
	padding: 2px 30px;
	font-family: 'Montserrat', Arial;
	margin-bottom: 5px;
	background: url(../images/icos/store.png) left center no-repeat;
}

div.header .joined {
	padding: 3px 0 0 28px;
	margin: 10px 10px 0 0;
	clear: both;
	float:right;
	font-size: 13px;
	background: url(../images/icos/smallcalendar.png) left center no-repeat;
}
div.header .companysocial {float:right; clear: both; margin-right: 25px;}
div.header .joined a:hover, div.header a.place:hover, a.opening:hover {text-decoration: none;opacity: 0.6;}
h3.company {
	text-align: center;
	padding: 0;
	font-style: italic;
}
div.story {
	float: left;
	height: 250px;
	width: 300px;
	margin: 10px 10px;
	padding: 5px 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}
div.story .top {height: 80px;}
div.story h3
{

	margin: 5px auto;
	line-height: 20px;
	padding: 3px 5px;
	font-family: 'Roboto';
	font-size: 16px;
}
div.story img {
	cursor: pointer;
    max-height: 170px;
    max-width: 297px;
    width: 100%;
    padding: 0 2px;
}
div.story img:hover {
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
div.story .date {float: right; padding-right: 5px; color: #ccc;}

div.story a:hover {
	text-decoration: none;
	font-weight: bold;
}
div.story p {padding: 5px 8px; margin: 0px;}
div.storyfile{
	padding-right: 10px;
	max-width: 200px;
	clear: both;
}
div.storyfile .storyleft{float: left; width: 50%;}
div.storyfile .storyleft a.download_ico {padding: 2px 20px}

div.storyfile img {
	padding: 5px 10px;
	max-height: 60px;
	float:left;
	cursor: pointer;
}
div.storyfile img:hover {opacity: 0.4}

.upload_ico {
	background: url(../images/icos/upload.png) center left no-repeat;
	cursor: pointer;
	padding: 2px 32px;
}
div.storyfile .download_ico 
{
	background: url(../images/icos/download.png) center left no-repeat;
	cursor: pointer;
	padding: 2px 8px;
}
div.storyfile a{font-size: 11px; cursor: pointer;}
div.storyfile .remove_ico {
	background: url(../images/icos/remove.png) center left no-repeat;
	cursor: pointer;
	padding: 2px 8px;
	text-decoration: none !important;
}
div.storyfile .remove_ico:hover {opacity: 0.5;}
#home .title {
	text-align: center;
	font-family: 'Segoe UI';
	font-size: 30px;
	padding: 0;
}
#home #right{
	width: 74%;
	float:left;		
}
#home #left{
	width: 25%;
	float:left;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}
#bulbs {
	width: 100%;
}
#bulbs div.text{
	font-size: 14px;	
	color: #363636;
	font-family: 'Open Sans Light', Arial;	
	padding: 6px 3px;	
	text-align: center;
}
#bulbs div.title{
	text-align: center;
	margin-top: 6px;
	font-size: 18px;
	font-family: 'Open Sans';
}
#bulbs div.green{
	background:url(../images/home/green.png) center center no-repeat;
	width: 100%;
	height: 75px;	
	margin-bottom: 10px;
}
#bulbs div.orange{
	background:url(../images/home/orange.png) center center no-repeat;
	width: 100%;
	height: 75px;
	margin-bottom: 10px;
}
#bulbs div.red{
	background:url(../images/home/red.png) center center no-repeat;
	width: 100%;
	height: 75px;
	margin-bottom: 10px;
}
#bulbs div.suggestion {
	background: url(../images/home/suggestion.png) center center no-repeat;
	width: 100%;
	height: 75px;
	margin-bottom: 10px;
}
#bulbs div:hover{
	cursor: pointer;
	opacity: 0.7;
}

#hometop{
	width: 100%;	
	clear: both;
}
#hometop .filters
{
	height: 30px;	
	font-family: 'Roboto','Open Sans Light';	
	color: #4788C7;	
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
#hometop .filters div {
	cursor: pointer;
	background: #fff;
	font-size: 16px;
	float: left;
	padding: 5px 15px;
	text-align: center;	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#hometop .filters input {
	border-radius: 6px;
	padding: 4px 10px;
	font-size: 16px;
	width:155px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#hometop .filters div.first {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-right: none;
}
#hometop .filters div.last {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-left: none;
}

#hometop .filters div:hover, #hometop .filters div.selected, #hometop div.filters div.green.bulbselected, #hometop div.filters div.red.bulbselected {
	color: #fff;
	/*text-shadow: 0px -1px 0px #6AA3D9;*/
	background-color: #4788C7;
	background-image: -moz-linear-gradient(top, #4788C7, #6AA3D9);
	background-image: -ms-linear-gradient(top, #4788C7, #6AA3D9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4788C7), to(#6AA3D9));
	background-image: -webkit-linear-gradient(top, #4788C7, #6AA3D9);
	background-image: -o-linear-gradient(top, #4788C7, #6AA3D9);
	background-image: linear-gradient(top, #4788C7, #6AA3D9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4788C7', endColorstr='#6AA3D9', GradientType=0);
	border-color: #D9593D #6AA3D9 #6AA3D9 #D9593D;
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
#hometop .filters div.green {
/*	color: #00AE26;	*/
}
#settings {
	width: 100%;	
	clear: both;
	margin: 20px 0;
	padding: 5px 0 5px 20px;		
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
	display: flex;
}
#settings label{
	float: right;
	padding-right: 5px;
}
#settings #status{font-size: 15px; height: 60px;}
#settings #socialdata img {padding-bottom: 3px; vertical-align: middle; float: right;}

#paymenttitle
{
	margin-top: 10px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
	display: flex;
}
#paymenttitle .info{
	font-family: 'Open Sans Light';
	color: #6a747e;
	font-size: 16px;
	line-height: 100%;
	margin: auto;
}

#search .filters {
	width: 99%;
	margin: 20px 0;
	padding: 5px 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}
#search .filters input {width: 80%;}
#search .filters select{width: 79%;}
#search .campaignheight{height: 110px;}
#search .usersheight{height: 150px;}

#divTransparent, #divTransparentEmpty {
	width: 75%;
	clear: both;
	margin: 20px auto;
	padding: 5px 0;
}
#divTransparent .ui-jqgrid-hdiv {display: none;}
#divTransparent .ui-widget-content {background: none !important;}

#divGrid, #divGridEmpty, #files {
	width: 99%;
	clear: both;
	margin: 20px 0;
	padding: 5px 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
	display: flex;
}
#divGridEmpty{display:none;}
#divGridEmpty h3{padding-left: 30px;}

#files {padding-top: 15px;display: block; overflow-y: auto !important; }
#divGrid table{width: 100%;}
#divGrid div.ui-jqgrid {margin: 20px auto;}


.actions {
	clear: both;
	text-align: right;
	height: 40px;
	margin: 10px 0;
}
.actions a{
	margin-right: 15px;
	padding: 5px 15px;
	color: #fff;
	background: #08c;
	text-decoration: none;
}	
.actions a.excel{
	background: #08743B;
}
.actions a.delete{
	background: #da4040;
}
.actions a:hover{
	background: #74AECC;
}
.actions a.delete:hover{
	background: #DB7E7D;
}
.actions a.excel:hover{
	background: #0EB258;
}
#campaign {
	float: left;
	margin: 20px 0;
	padding: 5px 0 15px 25px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
	margin-right: 15px;
	font-family: 'Open Sans Light';
}
#campaignR {	
	float: left;	
	padding: 5px 0 5px 15px;
	font-size: 16px;
}
#campaignR #creationdate, #campaignR #enddate {	
	line-height: 15px;	
	margin-left: 15px;
	clear: both;
	margin-bottom: 15px;
}
#campaignR #enddate span {
	font-size: 16px;
	line-height: 15px;
	padding-right: 7px;
	padding-bottom: 15px;
	font-family: 'Open Sans Light';
	margin: 10px 0;
}
#campaignR #enddate input {
	height: 16px;
	background: #fff;
	border-radius: 2px;
	width: 80px;
	font-size: 15px;
}
#campaignR #updateheader  {
	padding: 25px;
}

#pressreleaseR{
	margin: 20px 0;
	padding: 5px 0 15px 25px;		
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}

#pressreleaseR .title, #campaign .title {
	line-height: 15px;		
	font-size: 20px;	
	font-family: 'Open Sans Light', Arial;
	float: left;
	padding: 15px 7px;
}
#pressreleaseR .title span.help, #campaign .title span.help {
	background:url(../images/icos/help.png) center left no-repeat;	
	padding: 8px 30px;
	margin-left: 20px ;
	cursor: pointer;
}
#pressreleaseR input, #pressreleaseR textarea, #pressreleaseR .big, #campaign input, #campaign textarea {
	border: 1px solid #adaeb0;
	border-radius: 5px;
	background-color: #f7f7f7;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	height: 35px;
	width:  94%;
	padding: 4px 8px;
	margin-right: 3px;
}
#campaign textarea {
	height: 80px
}
#pressreleaseR .errorMessage, #pressreleaseL .errorMessage, #campaign .errorMessage {
	background: none;
	margin: 0;
	padding: 15px 7px;
	float: left;
	opacity: 1;
	background: none;
	color: #a00a0a;
	border: none;
	width: auto;
	font-size: 18px;
	line-height: 15px;
}

#pressreleaseR input.error, #pressreleaseR textarea.error, #pressreleaseL input.error,
#campaign input.error, #campaign textarea.error{
	background-color: #fbbbbb;	
}

#pressreleaseL {
	width: 30% !important;
	margin: 20px 5px 0 0;
	padding: 5px 20px 5px 0px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}

.nobackground {
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}

#pressreleaseL .box {
	margin: 10px 0;
	padding: 10px 5px;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}

#pressreleaseL h1.pagetitle {
	float: right;
	margin-top: 0px;
}
#pressreleaseL #privacy{margin-left: 10px;}
#pressreleaseL #showcompanyheader{margin: 15px 0 0 10px;}

#pressreleaseL #senddate {padding: 15px 10px;}
#pressreleaseL #senddate input{font-size: 15px;width: 80px;}
#pressreleaseL #socialtitle{padding: 15px 10px 10px 15px}
#pressreleaseL #socialchildren{padding: 0px 10px 10px 50px}

#pressreleaseL #socialenabled a{margin-right: 7px;}
#pressreleaseL #sendbutton {padding: 0px 0 20px 0px; text-align: center}
#pressreleaseL .padded{padding: 10px 0 0 10px;}

#pressreleaseL #senddate span, #pressreleaseL #privacy span, #pressreleaseL #showcompanyheader span {
	font-size: 18px;
	line-height: 15px;
	padding-right: 7px;
	font-family: 'Open Sans Light';
}
#pressreleaseR #next {
	padding: 20px 10px;
	float:right;
}
#pressreleaseR #next a, #campaign #next a {
	color: #fff;
	background-color: #08c;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	padding: 10px 25px;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
}
#pressreleaseR #next a:hover, #campaign #next a:hover{
	background-color: #0F4C82;
	text-decoration: none;	
}
#pressreleaseR #headline textarea{
	height: 100px;	
}
#pressreleaseR #opening textarea{
	height: 120px;	
}
#pressreleaseR #closing textarea{
	height: 90px;
}
#pressreleaseL .sendmails{padding: 5px 0 0 11px;}
#pressreleaseL .sendmails label{display: block; padding: 3px 0px;font-weight: bold;}
#pressreleaseL .sendmails input{width: 75%; margin: 5px 10px;}

.resumesend {padding-left: 15px;font-size: 16px; clear:both; text-align: center;}

div .breadcrumbs {
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

/*** JQUERY UI ******/
.ui-dialog{
	border: 1px solid #f9f9f9 !important;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.ui-widget{
	font-size: 13px;	
	color: #363636;
	font-family: 'Open Sans Light', Arial;
}
.ui-widget-content{
	border: none;
	background: #fff;
	color: #363636;
}
.ui-widget-header{
	background: none;
	font-weight: normal;
	border: none;
	font-size: 18px;
	line-height: 23px;
	color: #363636;
	font-family: 'Open Sans Light', Arial;
}
.ui-widget-overlay {
	background: #f1f1f1;
	opacity: 0.6;
}
#tbGrid tr.ui-widget-content, #grid tr.ui-widget-content 
{
	border: none;
}
.ui-jqgrid, .ui-jqgrid-view, .ui-jqgrid-bdiv, #grid {
	width: 100% !important;
}

#grid tr td {border: none}
#grid tr.ui-state-highlight {background-color: none !important; color: #363636 !important; }
#grid h3{padding: 0; margin: 3px 0;}
#grid .ui-state-hover{background: none;}
.grid-row {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
	display: flex;
	margin-bottom: 10px;
}
.grid-row .subtitle{ margin: 10px 5px; display: block; font-size: 13px;}
.grid-row .links {margin: 10px 0px; display: block; text-align: right}
.grid-row .links a{margin-right: 10px;text-decoration: none}
.grid-row .links a:hover{text-decoration: none !important;}
.grid-row .date {padding-left: 33px;font-size: 13px;color: #08c;}
#tbgrid tr td {
	border: none;
	border-bottom: 1px solid #cccccc;
}

#actions {
	width: 100%;
	clear: both;
	padding-top: 15px;
	padding: 20px 0 0 20px;
}
.action{
	width: 100%;
    font-family: 'Roboto',sans-serif;
    font-size: 17px;	
    clear: both;    
}

.action .date {	
  	border: 2px solid #F8F8F8;
  	border-radius: 50%;
  	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 2px rgba(0, 0, 0, 0.1) inset;
  	display: inline-block;
  	float: left;
	width: 45px;
  	overflow: hidden;
  	padding: 15px;  	
  	text-align: center;
  	font-family: 'Montserrat';
    font-size: 19px;	
    color: #fff;
    background-color: #5A5A5A;
    margin-right: 15px
}
.action .green {	
	background-color: #00AE26;
}
.action .upcoming {	
	background-color: #FFA37F;
}
.action .today {	
	background-color: #87B9C3;
}
.action .date span{
	font-size: 22px;		
}
.action .arrow{
	margin-left: -35px;
	float: left;
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 	
	border-right:15px solid #fff; 

}
.action i{
	color: #8AC0CC;
}
.action .info {
	float: left;	
	color: #363636;
	background-color: #fff;	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);	
	border-radius: 10px;
	min-height: 50px;
	min-width: 570px;
	max-width: 570px;
	margin: 8px 0px;
	padding: 15px 25px;
}
.action .info .actionstatus, .grid-row .category,  .grid-row .category7
{
	float: left;	
	color: #fff;
	font-size: 14px;
	padding: 2px 8px;	
	margin: 4px 10px 0 10px;
	background-color: #4B89FF;
	border-radius: 2px;
}

.action .info .close, .grid-row .category2, .grid-row .category5{
	background-color: #DA4040;
}
.action .info .done, .grid-row .category3, .grid-row .category6 {
		background-color: #00B339;
	}
.action .info .suggestion, .grid-row .category4 {
	background-color: #FFCE00;
}
.action .info .type{
	float: left;	
	color: #6AA3D9;
	font-size: 14px;
	padding-top: 7px;
}
.action .info .created{
	float: right;
	padding-right: 10px;
	color: #6AA3D9;
	font-size: 14px;
	padding-top: 7px;
}
#actionsEmpty{
	height: 50px;
	width: 80%;
	margin: 100px auto;
	padding: 5px 20px;		
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
}
#actionsEmpty h3 {padding: 0;}
#moreactions {
	color: #fff;
	background-color: #4788C7;
	padding: 12px 15px;
	border-radius: 10px;
	font-size: 16px;
	font-family: 'Roboto',sans-serif;
	width: 125px;
	float: right;
	margin-top: 15px;
	text-align: center;
	cursor: pointer;
}
#moreactions:hover{background-color: #6AA3D9;}
.socialmodal {
	padding: 25px 23px;
	cursor: pointer;
	opacity: 0.4;			
}
.modalfacebook{
	background:url(../images/social/modalfacebook.png) no-repeat left center;    
}
.modaltwitter{
	background:url(../images/social/modaltwitter.png) no-repeat left center;    
}
.modallinkedin{
	background:url(../images/social/modallinkedin.png) no-repeat left center;    
}
.modalskype{
	background:url(../images/social/modalskype.png) no-repeat left center;    
}
.modalwordpress{
	background:url(../images/social/modalwordpress.png) no-repeat left center;    
}
.socialmodal:hover{
	opacity: 1;	
}
.socialselected{
	opacity: 1;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: normal; }
.ui-priority-secondary {border: 1px solid #74b2e2; background: #f8f8f8; font-weight: normal; color: #0070a3;}
.ui-jqgrid-btable tr td a:hover{text-decoration: underline; color:#08c !important;}
tr.ui-jqgrid-labels th.ui-state-hover  {
	background: none;
}
tr.ui-jqgrid-labels th div{
	line-height: 40px;
}
.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 {
	border: none;
	background-color: transparent;
	font-weight: normal;
	color: #363636;
}
.ui-widget-content .jqgrow .ui-row-ltr .ui-priority-secondary .ui-state-hover{
	background: #f8f8f8 !important;
}
.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 {
	color: #08c;
	text-decoration: none;
}
#tbgrid tr.ui-state-highlight{
	color: #fff !important;
	background-color: #08c !important;
}
#divTransparent .ui-state-highlight, #divTransparent .ui-widget-content .ui-state-highlight, #divTransparent .ui-widget-header .ui-state-highlight {
	background: none;
	border: none;
}
.ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
	background: none;
}
.ui-jqgrid-btable tr td{
	padding: 7px 5px;
	font-size: 14px
}
.ui-jqgrid .ui-jqgrid-htable th{
	padding: 0 5px !important;
}
.ui-jqgrid-btable tr td a{
	color:#08c;
	text-decoration: none;
}
/* PAGER  */
.ui-jqgrid-toppager {
	max-width: 200px;
	text-align: center;
	margin: 0 auto;
	background: none !important;
}
.ui-jqgrid-toppager input {width: 30px !important }

.ui-icon-seek-first {
	background: url(../images/icos/first.png) center left no-repeat !important;
	cursor: pointer;
	padding: 0px 3px;
}
.ui-icon-seek-prev{
	background:url(../images/icos/left.png) center left no-repeat !important;
	cursor: pointer;
	padding: 0px 3px;
}
.ui-icon-seek-next{
	background:url(../images/icos/right.png) center left no-repeat !important;
	cursor: pointer;
	padding: 0px 3px;
}
.ui-icon-seek-end{
	background:url(../images/icos/last.png) center left no-repeat !important;
	cursor: pointer;
	padding: 0px 3px;
}
/* END PAGER  */
.ui-icon {
	display: inline;
	width: 24px;
	height: 24px;	
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	margin: 0;
	position: static;
}
.up_ico{
	background:url(../images/icos/up.png) center left no-repeat !important;
	padding: 6px 18px !important;
	line-height: 21px;
}
.down_ico{
	background:url(../images/icos/down.png) center left no-repeat !important;
	padding: 6px 18px !important;
	line-height: 21px;
}
.right_ico{
	background:url(../images/icos/right.png) center left no-repeat !important;
	padding: 6px 37px !important;
	line-height: 21px;
}
.ui-state-default, .ui-state-active {
	border:none;
	background: none;
	color: #000;
	font-weight: normal;
}
.ui-accordion .ui-accordion-icons{
	padding-left: 5px;
}
.ui-accordion .ui-accordion-header{
	font-size:20px;
}
.ui-accordion-header 
{
	cursor: pointer;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e7ecf1; 
	font-family: 'Open Sans Light', Arial;
	padding-left: 5px;
}

.ui-accordion-header span{
	font-size:14px;
	font-family: 'Open Sans Light', Arial;
	padding-left: 25px;
}
.ui-datepicker{
	background-color: #fff;	
	color: #363636;
	font-family: 'open sans light';
	border: 2px solid #f8f8f8;
	padding: 5px 12px;	
}
.ui-datepicker-today{
	background-color: #FF4C3A;
}
.ui-datepicker-today a{
	color: #fff !important;
}
.ui-datepicker-current-day{
	background-color: #0087C3 !important;
}
.ui-datepicker-current-day a.ui-state-active{
	color: #fff !important;
	background: #0087C3 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: #363636;
	font-size: 16px;
	font-weight: normal;
	border: none;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	color: #363636;
	font-family: 'open sans light';
	font-size: 13px;
	border: 1px solid #f8f8f8;
	margin-top: 8px;
}
.ui-datepicker .ui-datepicker-prev span{
    display: block;    
    background:url(../images/icos/left.png) center center no-repeat;
}
.ui-datepicker .ui-datepicker-next span{
	display: block;    
    background:url(../images/icos/right.png) center center no-repeat;
}

.down_ico{
	background:url(../images/down_ico.png) center left no-repeat;
	padding: 6px 12px;
}

/*** ICOS ******/

.facebook_ico
{
    left: 20px;
	background:url(../images/social/facebook.png) center left no-repeat;
}
.twitter_ico
{
	left: 70px;
	background:url(../images/social/twitter.png) center left no-repeat;
}
.search_ico{	
	background:url(../images/icos/search.png) center left no-repeat;
	cursor: pointer;
	padding: 12px;  
	margin-left: 4px;
}
.excel_ico{	
	background:url(../images/icos/excel.png) center left no-repeat;
	cursor: pointer;
	padding: 12px;  
	margin-left: 4px;
}
.excel_import_ico{
	padding-right: 30px;
	background:url(../images/icos/excel.png) center right no-repeat;
	cursor: pointer;
}
.gmail_import_ico{
	padding-right: 30px;
	background:url(../images/icos/gmail.png) center right no-repeat;
	cursor: pointer;
}
.web {
	padding: 4px 8px;
	cursor: pointer;
	background: url(../images/icos/link.png) left center no-repeat;
}

.template_ico {
	background: url(../images/icos/template.png) center left no-repeat;
	padding: 6px 25px;
	margin-left: 20px;
	cursor: pointer;
}
.view_ico {
	background: url(../images/icos/view.png) center left no-repeat;
	cursor: pointer;
	padding: 10px 13px;
	margin-right: 8px;
}

.pencil_ico{
	background:url(../images/icos/pencil.png) center left no-repeat;
	cursor: pointer;
	padding: 10px 13px;  
	margin-right: 8px;
}
.lock_ico
 {
 	background:url(../images/icos/lock.png) center left no-repeat;
	cursor: pointer;
	padding: 10px 15px;  	
 }
 .unlock_ico
 {
 	background:url(../images/icos/unlock.png) center left no-repeat;
	cursor: pointer;
	padding: 10px 15px;  	
 }
.view_ico:hover, .pencil_ico:hover {
	opacity: 0.3;
	text-decoration: none;
}
.tool_ico {	
	background:url(../images/icos/tool.png) center right no-repeat;
	cursor: pointer;
	line-height: 24px;	
}
.user_ico {	
	background:url(../images/icos/user.png) center left no-repeat;
	cursor: pointer;	
	padding: 18px 0 20px 42px
}
.save_ico{
	background:url(../images/icos/save.png) center left no-repeat;
	cursor: pointer;	
	padding: 20px 0 20px 32px;
}
.add_ico{
	background:url(../images/icos/add.png) center left no-repeat;
	cursor: pointer;
	padding: 4px 14px;
}
.preview_ico{
	background:url(../images/icos/preview.png) center left no-repeat;
	cursor: pointer;
	padding: 4px 10px;
}
.delete_ico {
	background: url(../images/icos/delete.png) center left no-repeat;
	cursor: pointer;
	padding: 20px 0 20px 38px;
}
.calendar_ico {
	background: url(../images/icos/smallcalendar.png) left center no-repeat;
	padding: 2px 8px;
}
.edit_ico{
	background:url(../images/icos/edit.png) center left no-repeat;
	cursor: pointer;
	padding: 2px 8px;
}
.send_ico {
	background: url(../images/icos/campaign.png) center left no-repeat;
	cursor: pointer;
	padding: 3px 11px;
}
.trash_ico{
	background:url(../images/icos/delete.png) center left no-repeat;
	cursor: pointer;
	padding: 2px 8px;
}

.speaker_ico {
	background: url(../images/topicons/speaker.png) top center no-repeat;
	cursor: pointer;
	padding: 9px 22px;
}
.speaker_ico:hover, .preview_ico:hover, .add_ico:hover,.send_ico:hover,.edit_ico:hover,.delete_ico:hover, trash_ico:hover
{opacity: 0.4 !important; text-decoration: none !important;}

.home_blue_bulb_ico {
	background: url(../images/icos/bulbhomeblue.png) center left no-repeat;
	cursor: pointer;
	padding: 15px 0 15px 40px;
	float: left
}
.home_red_bulb_ico {
	background: url(../images/icos/bulbhomered.png) center left no-repeat;
	cursor: pointer;
	padding: 20px 0 20px 40px;
	float: left
}
.home_green_bulb_ico {
	background: url(../images/icos/bulbhomegreen.png) center left no-repeat;
	cursor: pointer;
	padding: 20px 0 20px 40px;
	float: left
}
.bulb_ico{
	background:url(../images/icos/bulb.png) center left no-repeat;
	cursor: pointer;
	padding: 20px 0 20px 40px;
	float: left
}
.redbulb_ico{
	background:url(../images/icos/bulbred.png) center left no-repeat;
	cursor: pointer;
	padding: 5px 0 5px 27px;
	float: left
}
.redbulb_ico:hover,.bulb_ico:hover{opacity: 0.4}
.close_ico{	
	background:url(../images/icos/close.png) center left no-repeat;
	cursor: pointer;
	padding: 13px 8px;  
}
.addcategory_ico{	
	background:url(../images/icos/tag.png) center right no-repeat;
	cursor: pointer;
	padding: 5px 0;  
}
.tag_ico{	
	background:url(../images/icos/tag.png) center left no-repeat;
	cursor: pointer;
	padding: 1px 30px;  
}
.error_ico{	
	background:url(../images/icos/error.png) center left no-repeat;
	cursor: pointer;
	padding: 4px 11px;  
	margin-left: 4px;
	cursor: pointer;
}
.ui-icon-closethick{
	background:url(../images/icos/close.png) center left no-repeat !important;
	height: 18px;
}
.flash-success{
	padding: 10px 25px;
	font-size: 17px;
	font-family: 'Open sans Light';
	clear: both;
}
.card{
	background-image :url(../images/icos/cards.png);
	background-repeat: no-repeat;
	width: 39px;
	height: 25px;
	margin: 0;
	display: block
}
.visa{background-position: 0px -39px;}
.visa_electron{background-position: 0 -74px;}
.mastercard{background-position: 0 -110px;}
.maestro{background-position: 0 -147px;}
.discover{background-position: 0 -185px;}

#tasks {	
	width: 100%;
}
#tasks div.column{
	width: 48%;
	margin: 0px 0 10px 0;
	float: left;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f5f5;
	margin-right: 10px;
	max-height: 325px;
	min-height: 325px;
}
#tasks div.line{
	width: 95%;
	border-bottom: 1px solid #ccc;	
	font-size: 20px;	
	font-family: 'Open Sans Light', Arial;
	float: left;
	padding: 10px 10px;
	clear: both;
}
#tasks div.line .ico{
	float: right;	
}
#tasks div.line .summary{
	font-size: 14px;
	color: #6a747e;
	padding: 0 10px;	
}
#tasks div.tasklist{
	clear: both;
	padding-top: 10px;
}
#tasks div.task{
	width: 95%;
	padding: 5px 10px;
	font-family: 'Open Sans Light', Arial;
	font-size: 14px;
	color:#363636;
	border-bottom: 1px dashed #ccc;
}
#tasks div.info{
	margin: 5px 0px;
}
#tasks div.info .date{
	font-weight: bolder;
	font-size: 15px;
	color: #08c;
}
#tasks .empty{
	font-size: 17px;
	padding: 10px 15px;
	color: #6a747e;
	line-height: 40px;
	height: 115px;
}
#tasks div.task .ico, .info .ico{
	float: right;
	padding-right: 10px;
}
#tasks div.task .followup{
	color: #ffa37f;
}
#tasks div.task .done{
	color: #00B339;
}
#tasks div.task a.setdone
{
	text-decoration: none;
	cursor: pointer;
	background-color: #00B339;
	padding: 3px 5px;
	color: #fff;
}
#tasks div.task  .loadingmin, #tasks div.line .loadingmin{
	float:right;
	padding: 3px 20px;
}
#tbPayments tr td
{
	padding: 10px 5px;
	border-bottom: 1px solid #F5F5F5;
}
#tbPayments tr td
{
	padding: 5px;
}

#faq{
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 5px;	
	clear: both;
}
#faq div.question
{
	width: 95%;
	float: left;
	padding: 0 5%;
}
#faq h1,h2, h3, h4 {
	padding: 10px 0;
	font-family: "Open Sans Light", Arial !important;
}
#faq div.question h3{
	line-height: 25px;
}
#faq div.question b {color: #08c; padding-right: 5px;}
#faq div.question .images-container {float:right; padding-right: 20px;}
/* Overlay Images */
.uk-overlay {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
.uk-overlay > :first-child {
  margin-bottom: 0;
}
.uk-overlay-area {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  background: rgba(56, 55, 53, 0.6);
  /* 3 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translate3d(0, 0, 0);
}
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
  opacity: 1;
}
/*
 * Icon
 */
.uk-overlay-area:empty:before {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 50px;
  line-height: 1;
  font-family: FontAwesome;
  text-align: center;
  color: #ffffff;
}
.uk-overlay-area:not(:empty) {
  font-size: 0.001px;
}
.uk-overlay-area:not(:empty):before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.uk-overlay-area-content {
  /* 1 */
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  /* 2 */
  font-size: 1rem;
  /* 3 */
  text-align: center;
  /* 4 */
  padding: 0 15px;
  color: #ffffff;
}
.uk-overlay-area-content > :last-child {
  margin-bottom: 0;
}
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
  color: inherit;
}
.uk-overlay-caption {
  /* 1 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  padding: 20px;
  background: rgba(56, 55, 53, 0.6);
  color: #ffffff;
  /* 3 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translate3d(0, 0, 0);
}
.uk-thumbnail-caption {
  padding-top: 6px;
  text-align: center;
  text-decoration: none;
}
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
  opacity: 1;
}
/* End Overlay Images */
#templatelist{
	display: flex;
	max-width: 100%;
	overflow-y: auto;
	max-height: 300px;
}
div.templatecell {
	float: left;
	width: 200px;
	font-size: 13px;
	margin-right: 10px;
	cursor: pointer;
	padding: 5px;
}

div.templatecell:hover, div.templatesel{
	opacity: 0.6;
	border: 1px solid #4788C7
}
div.templatecell label {
	display: block;
	text-align: center;
	padding: 5px 2px;
}
div.templatecell img {
    margin: auto;
	padding-top: 5px;
	max-width: 200px;
    display: block;
}
div.templatepreview{margin: 15px 5px;}
#templatepreview {
	max-width: 800px;
}
/* Scroll Bar */
#templatelist::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
/* Track */
#templatelist::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
#templatelist::-webkit-scrollbar-thumb {
	background: #adaeb0;
}
/* Handle on hover */
#templatelist::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.calendar {
	text-align: center;
	padding: 20px 0;
	line-height: 30px;
}
.calendar a {margin: 0 3px; background-color: #08c}
.calendar a:hover, .calendar a.selected {background-color: #223a7d !important; text-decoration: none;}

/********************* JQUERY CROPIT   **********************/

.cropit-preview {
	background-color: #f8f8f8;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
	width: 500px;
}

.cropit-preview-image-container {
	cursor: move;
}

/* Translucent background image */
.cropit-preview-background {
	opacity: .2;
}
/*
* If the slider or anything else is covered by the background image,
* use relative or absolute position on it
*/
input.cropit-image-zoom-input {
	position: relative;
}
/* Limit the background image by adding overflow: hidden */
#image-cropper {
	overflow: hidden;
}

img.cropit-preview-image {
	max-width: none;
}

.rotate-ccw {
	background: url(../images/rotateL.png) no-repeat #fff center top;
	cursor: pointer;
	padding: 6px 8px;
	position: relative;
}

.rotate-cw {
	position: relative;
	background: url(../images/rotateR.png) no-repeat #fff center top;
	cursor: pointer;
	padding: 6px 8px;
}

	.rotate-ccw:hover, .rotate-cw:hover {
		opacity: 0.6;
	}

.zoom-min {
	background: url(../images/zoommin.png) no-repeat #fff center top;
	padding: 6px 15px;
}

.zoom {
	background: url(../images/zoom.png) no-repeat #fff center top;
	padding: 11px 20px;
}

#files input[type='button'], #toolbar input[type='submit'], #headfiles input[type='button'] {
	background: none;
	border: none;
	font-size: 12px;
	color: #333;
}

#files input[type='button'].ico_word {
	background: url(../images/gallery/word.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 100px;
	height: 90px;
}

#files input[type='button'].ico_pdf, #toolbar input[type='button'].ico_pdf {
	background: url(../images/gallery/pdf.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 100px;
	height: 90px;
}

#files input[type='button'].ico_png {
	background: url(../images/gallery/jpg.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 100px;
	height: 90px;
}

#files input[type='button'].ico_mov {
	background: url(../images/gallery/movie.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 100px;
	height: 90px;
}

#files input[type='button'].ico_text {
	background: url(../images/gallery/text.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 100px;
	height: 90px;
}

#files input[type='button'].ico_blankfile {
	background: url(../images/gallery/file.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 100px;
	height: 90px;
}

#files input[type='button'].ico_folder, #headfiles input[type='button'].ico_folder {
	background: url(../images/gallery/folder.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 100px;
	height: 90px;
}

#files input[type='button'].ico_doc{
	background: url(../images/gallery/word.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 65px;
	height: 90px;
}
#files input[type='button'].ico_folder_back {
	background: url(../images/gallery/previous.png) no-repeat #fff center top;
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 65px;
	height: 90px;
}

#files input[type='text'].ico_folder_new {
	background: url(../images/gallery/folder.png) no-repeat #fff center top;
	margin-left: 25px;
	float: left;
	width: 85px;
	border: none;
	height: 90px;
	font-size: 12px !important;
	color: #333;
}
#files img {cursor: pointer; height: 80px; padding: 10px 20px;}
#files input:hover, #files img:hover {
	opacity: 0.5;
}
#files .imgname {display: none;}

/*** Stripe ***/
.result-message {
	line-height: 22px;
	font-size: 16px;
}
.result-message a {color: rgb(89, 111, 214); font-weight: 600; text-decoration: none;}

#card-error {
	color: darkred !important;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	margin-top: 12px;
}

#card-element {
	border-radius: 2px;
	border: 1px solid #C9E0ED !important;
	padding: 7px 5px;
}

#payment-request-button {margin-bottom: 32px;}

#payment-submit {border: none;}
#payment-submit.hover {background: none !important; background-color: #0087C3 !important;}

.spinner, .spinner:before, .spinner:after {
	border-radius: 50%;
}
.stripehidden{display:none;}
.spinner {
	color: #ffffff;
	font-size: 22px;
	text-indent: -99999px;
	margin: 0px auto;
	position: relative;
	width: 20px;
	height: 20px;
	box-shadow: inset 0 0 0 2px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.spinner:before, .spinner:after {
	position: absolute;
	content: "";
}

.spinner:before {
	width: 10.4px;
	height: 20.4px;
	background: #0087C3;
	border-radius: 20.4px 0 0 20.4px;
	top: -0.2px;
	left: -0.2px;
	-webkit-transform-origin: 10.4px 10.2px;
	transform-origin: 10.4px 10.2px;
	-webkit-animation: loading 2s infinite ease 1.5s;
	animation: loading 2s infinite ease 1.5s;
}

.spinner:after {
	width: 10.4px;
	height: 10.2px;
	background: #0087C3;
	border-radius: 0 10.2px 10.2px 0;
	top: -0.1px;
	left: 10.2px;
	-webkit-transform-origin: 0px 10.2px;
	transform-origin: 0px 10.2px;
	-webkit-animation: loading 2s infinite ease;
	animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@media only screen and (max-width: 600px) {
	form { /*width: 80vw;*/
	}
}

.size12 {font-size: 12px;}
.size13 {font-size: 13px;}
.size14 {font-size: 14px;}


.img-dropdown {position: relative; display: inline-block; font: normal 14px 'Open Sans Light', sans-serif !important; margin-bottom: 10px;}
.img-dropdown-btn {cursor: pointer; background: none; border: 1px solid #C9E0ED; border-radius: 5px; padding: 5px 10px; font: normal 14px 'Open Sans Light', sans-serif !important}
.img-dropdown:hover .img-dropdown-btn {background: #08c; color: #fff;}
.img-dropdown-btn span {font-size: 10px;}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.dropdown-content a {padding: 5px 12px;text-decoration: none;display: flex; align-items: center}
.dropdown-content a img {border-radius: 50%; height: 50px;}
.dropdown-content a:hover{opacity: 0.4;}
.img-dropdown:hover .dropdown-content {display: block;}

.dropdown-content a span {margin-left: 10px; vertical-align: middle;}

.lightbox {display: none;}

#intro {
	width: 100%;
	margin: 20px auto;
	clear: both;
	display: flex;
}
#intro h1{color: #73AADD; font-size: 26px;}
#intro .media {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	width: 250px;
	margin: 0 15px;
	padding: 10px 10px;
	float: left;
	border-radius: 5px;
	overflow-y: auto;
}

#intro .media p, #intro .media h4 {
	margin-top: 20px;
	text-align: center
}
#intro .media img {margin: 10px auto; display: block; text-align: center}
#intro .media img:hover {
	opacity: 0.4;
	cursor: pointer;
}