/*

	Standard Elements

*/


input,
button,
select,
textarea,
body {
	/*font-family: 'Muli', sans-serif;*/
}

body {
	background-color: #d8e4f3;
	font-family: "Muli", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*padding: 80px 0 200px 0;*/
	overflow-y: scroll;
	overflow-x: hidden;
}

textarea {
	resize: none;
}

legend {
	font-weight: normal;
}

legend strong {
	font-weight: normal;
}

legend .heavy {
	font-weight: 600;
}


/*

	DIVS

*/


.table-borderless td,
.table-borderless th {
	border: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	width: 1100px;
}

.navbar .navbar-inner {
	/* background-color: #f2f2f2; */
	background-color: #29343F;
	background-image: none;
	padding: 0;
	border: 0;
}

.navbar .nav>li>a {
	color: white !important;
	text-shadow: none !important;
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
	color: lightgray !important;
	text-decoration: none;
	background-color: transparent;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
	border-top-color: white !important;
	border-bottom-color: white !important;
}

.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret {
	border-top-color: lightgray !important;
	border-bottom-color: lightgray !important;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
	color: lightgray !important;
	;
	background-color: #29343fd0;
}

.wrapper {
	width: 1100px;
	margin: 0 auto;
	padding: 20px;
}

.header__page {
	float: left;
}

.header__org-icon {
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 16px;
	border-radius: 20%;
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.05),
		0px 1px 2px rgba(0, 0, 0, 0.25);
}

.header__names {
	float: left;
}

.header__org-name {
	font-weight: 800;
	line-height: 28px;
	margin: 0;
}

.header__page-name {
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	margin: 4px 0 0 0;
}

.header__page-icon {
	margin: 0 6px 0 0;
}

.header__add-button {
	padding: 2px 6px;
	border: 0;
	font-size: 12px;
	display: inline;
	margin-left: 8px;
}

.header__add-button i {
	margin-right: 2px;
}




.header {}

.header .header-text {
	margin: 0;
	padding: 0;
}

.header .button-container {}

.header .button-container .label {
	background-color: rgba(0, 0, 0, 0.2);
	text-shadow: none;
	padding: 0 15px;
	font-weight: 200;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	font-weight: 600;
}

.header .button-container .linking-code {
	font-weight: 400;
}

.footer {
	color: #565656;
	margin-bottom: 80px;
}

input[type],
textarea,
select,
.well {
	border: 1px solid #D4D4D4;
}

.wrapper .container {
	margin-top: 80px;
}

.controls {

	margin-top: 80px;
	margin-bottom: 40px;

	/*overflow: hidden;*/

	position: relative;

	background-color: #FFFFFF;

	/*border: 1px solid rgba(0, 0, 0, 0.2);*/

	overflow: hidden;
	border-radius: 4px;
	border: 0;

	/*-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;*/

	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);

}

.controls .header {

	z-index: 1000;
	background: #f2f2f2;
	position: absolute;
	top: 0px;
	left: 0px;

	padding: 20px;

	width: 940px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.controls-new {
	overflow: visible;
	border-radius: 4px;
	border: 0;
	padding: 0;
}

.controls-new .header {
	padding: 0;
	width: 100%;
	border-bottom: 0;
	position: static;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.controls-new .header-inner {
	padding: 20px;
	overflow: auto;
}

.controls-new .message-container {
	float: left;
	width: 100%;
}

.controls-new .header .alert-error label:last-of-type {
	margin-bottom: 0;
}

.controls-new .header .alert {
	margin: 0;
	margin-top: 10px;
}

.controls-new .section-wrapper .section label {
	font-weight: 600;
}

.controls-new .section-wrapper .footer {
	background: #f2f2f2;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px;
	text-align: right;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.controls-new .section-wrapper .footer .btn i {
	margin-right: 4px;
}

.controls-new .section-wrapper .section .row-fluid:last-child input[type],
.controls-new .section-wrapper .section .row-fluid:last-child textarea,
.controls-new .section-wrapper .section .row-fluid:last-child .tagsinput,
.controls-new .section-wrapper .section .row-fluid:last-child select,
.controls-new .section-wrapper .section .row-fluid:last-child .alert {
	margin-bottom: 0;
}

.controls-new .section-wrapper .section .section-content table:last-of-type {
	margin-bottom: 0;
}

.controls-new .section-wrapper .section .section-content #CRUD2_crudTable,
.controls-new .section-wrapper .section .section-content #CRUD_crudTable {
	margin-bottom: 10px;
}

.controls-new .section-wrapper .section {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.controls-new .section-wrapper .section:first-of-type {
	/*border-top: 0;*/
}

.controls-new .section-wrapper .section:nth-of-type(even) {
	background-color: #F7F7F7;
}

.controls-new .section-wrapper .section:nth-of-type(even) table {
	background-color: transparent;
}

.controls-new .section-wrapper .section-header {
	padding: 15px 20px;
	padding: 20px;
	padding-bottom: 0;
}

.controls-new .section-wrapper .section-header h3,
.controls-new .section-wrapper .section-header legend {
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-size: 21px;
}

.controls-new .section-wrapper .section-header legend {
	font-weight: 600;
	/*padding-bottom: 10px;*/
	border-bottom: 0;
}

.controls-new .section-wrapper .section-header .section-header-tabs {
	/*border-bottom: 1px solid #e5e5e5;
	border: 1px solid #ddd;*/
	margin-top: 20px;
	background: #E6E6E6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}

.controls-new .section-wrapper .section-header .section-header-tabs .nav-pills {
	font-weight: bold;
	margin: 0;
}

.controls-new .section-wrapper .section-header .section-header-tabs .nav-pills>li>a {
	padding: 15px;
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.controls-new .section-wrapper .section-content {
	padding: 20px;
}

.controls-new .section-wrapper .section-content .alert-info {
	background: #e5e5e5;
	color: #333333;
}

.controls-new .section-wrapper .section-content .tab-content {
	padding: 0;
	border: 0;
	border-radius: 0;
	overflow: visible;
}

.controls-new .section-wrapper .section-content legend.small {
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 10px;
}

.controls-new .section-wrapper .section-content legend.small:first-of-type {
	margin-top: 0;
}

.controls-new #addedUpdatedWrapper {
	overflow: auto;
	text-align: center;
	opacity: 0.75;
}

.controls-new #addedUpdatedWrapper hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

.controls-new #addedUpdatedWrapper p {
	margin: 0;
	display: inline-block;
}

.controls-new #addedUpdatedWrapper p:last-child {
	margin-left: 20px;
}

.controls-new table {
	background-color: white;
}

.controls-new table input[type],
.controls-new table textarea,
.controls-new table select {
	margin-top: 0;
	margin-bottom: 0;
}






.help-text {

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #E5E5E5;

	padding: 10px;
	margin-bottom: 10px;

}

.poop {

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #E5E5E5;

	padding: 10px;
	background-color: #F2F2F2;

	margin-bottom: 15px;

}

.form-signin {

	max-width: 300px;
	padding: 30px;
	margin: 0 auto 20px;
	background-color: #FFFFFF;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0px 3px 8px #191919;
	-moz-box-shadow: 0px 3px 8px #191919;
	box-shadow: 0px 3px 8px #191919;

}

.full-width {
	width: 926px;
}

.full-width-2 {
	width: 886px;
}

td.vcenter {
	vertical-align: middle;
}

hr {
	background-color: #D9D9D9;
	border-width: 0;
	margin: 10px 0;
	height: 1px;
}

.chars-left {
	line-height: 30px;
}

.fetching-analytics {
	width: auto;
	line-height: 400px;
	text-align: center;
	border: 1px solid #d6d6d6;
	background-color: #ebebeb;
}

.highcharts-container {
	/*border: 1px solid #d6d6d6;*/
	overflow: visible !important;
	z-index: 10000 !important;
}

svg {
	overflow: visible;
}


/*==================================================
	
	Analytics Widget
	
==================================================*/


.analytics-plugin-wrapper {}

.analytics-plugin-wrapper .chart-wrapper {}

.analytics-plugin-wrapper .loading-analytics {
	text-align: center;
	line-height: 200px;
}


/*==================================================
	
	Login Form
	
==================================================*/


body.login {
	background: url("../img/bg_login_resized_lea.jpg?v=1") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.login .logo {
	padding: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

body.login .logo img {
	width: 200px;
}

.form-login {
	/*background-color: #FFFFFF;*/
	max-width: 320px;
	margin: 10% auto;
	padding: 20px;
	/*border-radius: 4px;*/
	/*border: 1px solid #D4D4D4;*/
	/*-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.075), 0 1px 10px 0 rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.025);
	   -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.075), 0 1px 10px 0 rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.025);
			box-shadow: 0 4px 5px 0 rgba(0,0,0,.075), 0 1px 10px 0 rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.025);*/

}

.form-login .form-wrapper {
	text-align: center;
	/*padding: 10px;*/
	padding-bottom: 0;
}

.form-login img {
	/*width: 100%;*/
	width: 280px;
	margin-bottom: 40px;
}

.form-login .form-content {
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);
}

.form-login .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-login .alert {
	text-align: center;
	margin-bottom: 15px;
	padding: 8px 8px;
}

.form-login .alert.alert-validation {
	padding: 8px 16px;
	text-align: left;
}

.form-login input {
	padding: 10px 12px;
	height: 40px;
	margin-bottom: 15px;
}

.form-login button {
	margin-bottom: 15px;
	height: 40px;
}

.form-login .credentials input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.form-login .credentials input[type="password"] {
	margin-bottom: 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/*==================================================
	
	Reset Password Form
	
==================================================*/


.form-reset-password {
	margin: 10% auto;
	border: 2px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.form-reset-password .form-wrapper {
	padding: 20px;
}

.form-reset-password img {
	width: 100%;
	margin: 0;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.form-reset-password button {
	border: 0;
	margin-bottom: 0;
}

.form-reset-password input[type] {
	border: 2px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/*==================================================
	
	Bootstrap Overrides
	
==================================================*/


input[type],
textarea,
select {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.hero-unit {
	padding: 40px 40px 0 40px;
	font-weight: 400;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	margin: 0;
	background: none;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}

.hero-unit .title {
	margin: 0;
}

.dropdown-menu,
.btn,
.well {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.dropdown-menu>li>a:hover {
	background-image: none !important;
}

.input-append .add-on:last-child {
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}

.btn-group>.btn:first-child {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.btn {
	text-shadow: none;
	background-image: none !important;
	background-color: #F2F2F2;
	box-shadow: none;
	border-color: rgba(0, 0, 0, 0.15);
}

.btn-help {
	/*border: 1px solid rgba(0, 0, 0, 0.075);*/
	border: 0;
	margin-left: 10px;
	padding: 10px;
}

.btn-add {
	/*border: 1px solid rgba(0, 0, 0, 0.075);*/
	border: 0;
	/*margin-top: 6px;*/
	margin-left: 20px;
	padding: 6px 12px;
}

.btn-add i {
	margin-right: 4px;
}

.btn-xs {
	padding: 0px 6px;
	font-size: 11.9px;
}

.btn.dropdown-toggle {
	background-color: #FFFFFF;
}

.btn-primary {
	background-color: #006dcc;
}

.btn-success {
	background-color: #5bb75b;
}

.btn-info {
	background-color: #49afcd;
}

.btn-warning {
	background-color: #faa732;
}

.btn-danger {
	background-color: #da4f49;
}

.alert {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
	color: white;
	border: 0;
	font-weight: 300;
}

.alert-dashboard {
	margin-top: 80px;
	margin-bottom: -40px;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.alert-dashboard a {
	color: #59EC5D;
}

.alert-success,
.alert-primary {
	background: rgb(92, 184, 92);
}

.alert-info {
	background: rgb(66, 139, 202);
}

.alert-warning {
	background: rgb(240, 173, 78);
}

.alert-error,
.alert-danger {
	background: rgb(217, 83, 79);
}

.alert label {
	font-weight: normal;
	text-transform: none;
}

.alert-validation {
	display: none;
}

.alert-validation p {
	margin-bottom: 10px;
	font-weight: 800;
}

.alert-validation label:last-child {
	margin-bottom: 0;
}

.well {
	box-shadow: none;
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-fixed-top,
.navbar-fixed-bottom {
	z-index: 1000000;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

/*#editRequestModal {
	margin: 0 0 0 -280px;
}*/






.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.5;
}

.modal {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
}

.modal .input-append input[class*="span"],
.modal .input-append .uneditable-input[class*="span"],
.modal .input-prepend input[class*="span"],
.modal .input-prepend .uneditable-input[class*="span"],
.modal .row-fluid input[class*="span"],
.modal .row-fluid select[class*="span"],
.modal .row-fluid textarea[class*="span"],
.modal .row-fluid .uneditable-input[class*="span"],
.modal .row-fluid .input-prepend [class*="span"],
.modal .row-fluid .input-append [class*="span"] {
	padding: 6px 12px;
	border: 2px solid rgba(0, 0, 0, 0.1);
}

.modal textarea:focus,
.modal input[type="text"]:focus,
.modal input[type="password"]:focus,
.modal input[type="datetime"]:focus,
.modal input[type="datetime-local"]:focus,
.modal input[type="date"]:focus,
input[type="month"]:focus,
.modal input[type="time"]:focus,
input[type="week"]:focus,
.modal input[type="number"]:focus,
input[type="email"]:focus,
.modal input[type="url"]:focus,
input[type="search"]:focus,
.modal input[type="tel"]:focus,
input[type="color"]:focus,
.modal .uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8) !important;
}

.modal .row-fluid input[class*="span"] {
	height: 48px;
}

.modal .btn {
	border: 0;
}

.modal-footer .btn+.btn {
	margin-left: 10px;
}

.modal select {

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background-image: url(../img/arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: white;

	border: $input-border;

	display: 2px solid rgba(0, 0, 0, 0.125);
	padding: 6px 32px 6px 12px;
	cursor: pointer;
	text-align: left;

	height: 48px;

}

.modal-body {
	max-height: none;
	overflow-y: auto;
}

.modal-body h3 {
	padding: 15px;
	margin: -15px;
	margin-bottom: 15px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.modal-footer {
	padding: 15px;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	background-color: transparent;
}









.tab-content {

	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 19px;

	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

}

.nav-tabs {
	margin-bottom: 0;
	font-weight: bold;
}

.small {
	font-size: 1.15em;
	font-weight: 800;
}


/*==================================================
	
	Text / Paragraphs
	
==================================================*/


.legend-small {
	font-size: 1.2em;
	font-weight: 400;
}

/*.header-no-padding {
	padding: 0px;
	margin: 0px;
}

.big-label-2 {
	
	font-size: 16px;
	font-weight: bold;
	
	float: left;
	
	padding: 8px 8px 8px 0px;
	margin: 0px;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	
}

.big-label {
	
	font-size: 16px;
	
	float: left;
	
	padding: 8px;
	margin: 2px 12px 2px 0px;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	
}*/

.small-font {
	font-size: 12px;
}

.date-added {
	color: #808080;
}


/*==================================================
	
	Forms / Input
	
==================================================*/


/*.upload-wrapper {
	width: 940px;
}

.uploader-left {
	width: 300px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.uploader-mid {
	width: 300px;
	float: left;
	margin: 0px 10px 0px 10px;
}

.uploader-right {
	width: 300px;
	float: left;
	margin: 0px 0px 0px 10px;
}

.form-uploader {
	width: 286px;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
	
	margin-bottom: 10px;
	
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
	
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
	
}*/

.uneditable-input,
.uneditable-textarea {
	border: 1px solid #cccccc;
}

.tab-content input[type="text"],
.tab-content input[type="number"],
.tab-content input[type="select"] {
	margin-bottom: 0px;
}



.dropdown-list {
	width: 100%;
}

.bootstrap-select.btn-group {
	margin-bottom: 0px;
}

/*.select-with-actions {
	width: auto;
}

.eventDatesRow input[type="text"] {
	margin: 0px;
}*/

.inputNoMargin input {
	margin: 0px;
}

.serviceTimeRow {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 10px;
}

.editableRow {
	/*-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	   		border-radius: 8px;
	border: 1px solid #CCC;
	padding: 4px;*/
	margin-bottom: 10px;
}


/*==================================================
	
	Fixes
	
==================================================*/


.overflow-fix {
	overflow: auto;
}

.dropdown-overflow-fix {
	overflow: visible;
}

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"] {
	margin-bottom: 0px;
}

.tab-content-fix {
	/*display: inline-block;*/
	width: 900px;
	margin-bottom: 16px;
}

.editableRow input[type="text"] {
	margin-bottom: 0;
}


/*==================================================
	
	Settings
	
==================================================*/


.settings-wrapper {
	overflow: auto;
	margin-bottom: 10px;
}

.settings-bar {
	padding: 2px;
	padding-left: 6px;
	width: 48%;
	background-color: #E5E5E5;
	overflow: auto;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.settings-section {
	margin-bottom: 20px;
}


/*==================================================
	
	Floats
	
==================================================*/


.float-center {
	text-align: center;
}


/*==================================================
	
	Margin Classes
	
==================================================*/


/* Other */

.no-checkbox-margin input[type="checkbox"] {
	margin: 0px !important;
}

.no-margin {
	margin: 0px !important;
}

.no-padding {
	padding: 0 !important;
}

.no-buffer {
	padding: 0px !important;
	margin: 0px !important;
}

/* Top */

.no-buffer-top {
	padding-top: 0px;
	margin-top: 0px;
}

.no-margin-top {
	margin-top: 0;
}

.five-margin-top {
	margin-top: 5px;
}

.ten-margin-top {
	margin-top: 10px;
}

.fifteen-margin-top {
	margin-top: 15px;
}

.twenty-margin-top {
	margin-top: 20px;
}


/* Right */

.no-buffer-right {
	padding-right: 0px !important;
	margin-right: 0px !important;
}

.no-margin-right {
	margin-right: 0 !important;
}

.five-margin-right {
	margin-right: 5px;
}

.ten-margin-right {
	margin-right: 10px;
}

.fifteen-margin-right {
	margin-right: 15px;
}

.twenty-margin-right {
	margin-right: 20px;
}

/* Bottom */

.no-buffer-bottom {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.no-margin-bottom {
	margin-bottom: 0px !important;
}

.five-margin-bottom {
	margin-bottom: 5px;
}

.ten-margin-bottom {
	margin-bottom: 10px;
}

.fifteen-margin-bottom {
	margin-bottom: 15px;
}

.twenty-margin-bottom {
	margin-bottom: 20px;
}

.thirty-margin-bottom {
	margin-bottom: 30px;
}

.forty-margin-bottom {
	margin-bottom: 40px;
}

/* Left */

.no-buffer-left {
	padding-left: 0px !important;
	margin-left: 0px !important;
}

.no-margin-left {
	margin-left: 0px !important;
}

.five-margin-left {
	margin-left: 5px;
}

.ten-margin-left {
	margin-left: 10px;
}

.fifteen-margin-left {
	margin-left: 15px;
}

.twenty-margin-left {
	margin-left: 20px;
}


/*==================================================
	
	Upload Buttons
	
==================================================*/


.qq-upload-button {
	background-color: rgb(66, 139, 202);
	padding: 5px 0;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.qq-upload-button-hover {
	background-color: #29b2fa;
}

.qq-upload-list li {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.qq-progress-bar {

	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;

	width: 0%;
	height: 16px;

	margin-bottom: 4px;

	display: none;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}

input[type="file"] {
	height: auto;
}

.btn-upload {
	padding: 15px;
}


/*==================================================
	
	Media Library Pop-up
	
==================================================*/


.media-library-popup-background {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	overflow-y: auto;
}

.media-library-popup {

	position: relative;

	margin-top: 10%;
	margin-bottom: 10%;

	background-color: #FFFFFF;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);

	padding: 60px 20px 20px 20px;

	overflow: hidden;

}

.media-library-popup h4 {
	font-size: 15px;
	margin: 0 0 0 10px;
	line-height: 40px;
	color: #424242;
}

.media-library-popup .title-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.media-library-popup .close-button {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.media-library-popup .loading-overlay {
	background-color: #ebebeb;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.media-library-popup .loading-overlay {
	display: none;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.media-library-popup .loading-overlay img {
	width: 6%;
	top: 47%;
	left: 47%;
	position: relative;
}

.media-library-popup .header-image {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.media-library-popup textarea {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.datepicker.dropdown-menu,
.bootstrap-timepicker-widget.dropdown-menu {
	z-index: 100000;
}


/*==================================================
	
	Publish to Social Media
	
==================================================*/


.social-media {
	float: left;
	line-height: 26px;
}

.highlight {
	font-weight: bold;
}

.twitter-share-button[style] {
	margin-left: 10px;
	vertical-align: text-bottom !important;
	display: block;
	float: left;
}

.btn-publish-social-media {
	margin-left: 10px;
	font-weight: bold;
}

.btn-twitter {
	background-color: #00acee;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
	background-color: #00acee;
}

.btn-facebook {
	background-color: #3B5998;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
	background-color: #3B5998;
}

.btn-linkedin {
	background-color: #0077B5;
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active {
	background-color: #0077B5;
}


/*========================================
	
	Production: App Assets
	
========================================*/


#appUIColourChoices {
	overflow: auto;
	padding: 2% 2% 0 2%;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#appUIColourChoices .ui-colour {
	width: 18.4%;
	margin-left: 2%;
	margin-bottom: 2%;
	float: left;
	height: 48px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
}

#appUIColourChoices .ui-colour:nth-of-type(1),
#appUIColourChoices .ui-colour:nth-of-type(6) {
	margin-left: 0;
}

#appUIColourChoices .ui-colour.selected {
	border: 1px solid rgba(0, 0, 0, 0.125);
	-webkit-box-shadow: 0px 1px 8px rgba(255, 204, 0, 1);
	-moz-box-shadow: 0px 1px 8px rgba(255, 204, 0, 1);
	box-shadow: 0px 1px 8px rgba(255, 204, 0, 1);
}

.hidden {
	display: none !important;
}

.disabled {
	opacity: 0.5;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input-large {
	min-height: 50px !important;
	padding: 12px !important;
	font-size: 18px !important;
}

.app-assets-cover-disabled {
	background-color: rgba(255, 255, 255, 0.8);
	height: 100%;
	position: absolute;
	text-align: center;
	z-index: 100;
	display: none;
	font-size: 18px;
	font-weight: 400;
}

.app-assets-cover-disabled .message-outer {
	display: table;
	height: 600px;
	width: 100%;
	overflow: hidden;
}

.app-assets-cover-disabled .message-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.app-assets-cover-disabled i {
	color: rgb(255, 192, 0);
	font-size: 64px;
}

.app-assets-image-box {
	text-align: center;
	background-color: white;
	padding: 6px;
	height: 300px;
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.app-assets-ui-colour-box {
	height: 600px;
}

.app-assets-ui-colour-box iframe {
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}

.app-assets-image-box.disabled,
.app-assets-image-box.disabled a {
	background-color: #eee;
	pointer-events: none;
	cursor: not-allowed;
}

.app-assets-image-box.disabled a img,
.app-assets-image-box.disabled iframe {
	opacity: 0.5;
}

.app-assets-image-box img {
	display: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}


/*==================================================
	
	Pop-up
	
==================================================*/


.plugin-wrapper {}

.plugin-popup-background {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	overflow-y: auto;
}

.plugin-popup {

	position: relative;

	margin-top: 10%;
	margin-bottom: 20%;

	background-color: #FFFFFF;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);

}

.plugin-popup h4 {
	font-size: 14px;
	margin: 0 0 0 15px;
	line-height: 40px;
	color: #424242;
	margin-right: 48px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.plugin-popup .title-bar {
	border-bottom: 1px solid #eee;
}

.plugin-popup .title-bar .close-button {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.plugin-popup .button-bar {
	text-align: right;
	padding: 15px;
	border-top: 1px solid #eee;
}

.plugin-popup .content-container {
	padding: 15px;
}

.plugin-popup .loading-overlay {
	background-color: #ebebeb;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.plugin-popup .loading-overlay {
	display: none;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.plugin-popup .loading-overlay img {
	width: 6%;
	top: 47%;
	left: 47%;
	position: relative;
}

.plugin-popup .header-image {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.plugin-popup textarea {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.plugin-popup .table th,
.plugin-popup .table td {
	padding: 15px;
}

.plugin-popup input[type="checkbox"] {
	margin: 0;
}

.plugin-popup .highcharts-container {
	border: 0px;
}

.plugin-popup .datepicker.dropdown-menu,
.plugin-popup .bootstrap-timepicker-widget.dropdown-menu {
	z-index: 100000;
}

.plugin-popup-background {
	box-sizing: border-box;
	padding: 5%;
}

.plugin-popup {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}

.plugin-popup legend {
	font-size: 14px;
	font-weight: bold;
	color: #424242;
}

.plugin-popup #mapPreview {
	border: 1px solid #D4D4D4;
}

.plugin-popup #mapPreview,
.plugin-popup #map {
	border-radius: 2px;
	height: 400px;
}


/*==================================================
	
	Terms & Conditions
	
==================================================*/


.container-terms-and-conditions embed {
	background-color: #EFEFEF;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.container-terms-and-conditions .hero-unit p:last-of-type {
	margin: 0;
	font-size: 14px;
	color: #808080;
}

.support-body-text {
	font-size: 16px;
}

.loading-message {
	width: 100%;
	height: 150px;
	text-align: center;
}

.loading-message .message-outer {
	display: table;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.loading-message .message-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}













.panel {
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 2px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.panel-heading h4 {
	margin: 0;
}

.panel-heading {
	padding: 10px 15px;
	font-size: 17.5px;
	font-weight: 500;
	background-color: #f5f5f5;
	border-bottom: 1px solid #dddddd;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.panel-footer {
	padding: 10px 15px;
	margin: 15px -15px -15px;
	background-color: #f5f5f5;
	border-top: 1px solid #dddddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel-primary {
	border-color: #428bca;
}

.panel-primary .panel-heading {
	color: #ffffff;
	background-color: #428bca;
	border-color: #428bca;
}

.panel .legend-small {
	font-size: 1.2em;
	font-weight: 600;
}

.panel-group {}

.panel-group:last-of-type {
	margin-bottom: 0;
}

.panel-default>.panel-heading {
	padding: 20px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
	background-color: transparent;
}

.panel-title {
	font-size: 18px;
}

.panel-title .label {
	text-shadow: none;
	font-weight: 400;
	top: -2px;
	padding: 4px;
	position: relative;
}

.panel-title span:last-of-type {
	font-weight: 400;
	opacity: 0.375;
}

.panel-title span:last-of-type:hover {
	opacity: 1;
}

.panel-body {
	padding: 20px;
	border-top: 0 !important;
}

.support-feedback,
.panel-body textarea {
	padding: 15px;
	border: 2px solid rgba(0, 0, 0, 0.1);
}




/*==================================================
	
	Icon Picker
	
==================================================*/

.vinteract-icon-picker {
	width: 100%;
	height: auto;
	background: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.vinteract-icon-picker a {
	display: inline-block;
	background: white;
	text-align: center;
	width: 6.25%;
	height: 56px;
	font-size: 32px;
}

.vinteract-icon-picker a:link,
.vinteract-icon-picker a:visited,
.vinteract-icon-picker a:hover,
.vinteract-icon-picker a:focus,
.vinteract-icon-picker a:active {
	text-decoration: none;
}

.vinteract-icon-picker a:hover {
	background: rgba(0, 0, 0, 0.05);
}

.vinteract-icon-picker a.selected {
	color: white;
	background: orange;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.vinteract-icon-picker a i {
	width: 100%;
	height: 56px;
	line-height: 56px;
	margin: 0;
	padding: 0;
	float: none;
}






/*#usersTable_crudTable {
	margin-bottom: 20px !important;
}
*/




.crud-table-controls-wrapper {
	margin-top: 10px;
}

.btn-browse-computer {
	position: relative;
	overflow: hidden;
	margin-right: 10px;
}

.btn-browse-computer input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.btn-import {
	border-color: rgba(0, 0, 0, 0.15) !important;
}


.dropdown-menu .dropdown-header {
	padding-left: 1.125em;
	margin: 10px 0;
	font-weight: 600;
}

.dropdown-menu .divider {
	margin: 10px 0;
}


tr.disabled {
	background-color: #F7F7F7;
	color: #999999;
}

.redactor-box {
	margin-bottom: 0 !important;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





/*
	
	Quill
	
*/


.ql-editor {
	height: 400px !important;
}

.ql-toolbar,
.ql-container {
	background-color: white;
}

.ql-toolbar.ql-snow,
.ql-container.ql-snow {
	border: 0;
	border: 1px solid #D4D4D4;
	border-radius: 2px;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
	counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}


/*
	
	Sidebar
	
*/


/*body.sidebar .navbar-fixed-top, .navbar-fixed-bottom {
	right: 40%;
}*/

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	width: 100%;
}

body.sidebar .wrapper {
	width: 56%;
	margin-left: 2%;
	margin-right: 0%;
}

body.sidebar .footer {
	width: 60%;
	margin-right: 0;
	margin-left: 0;
}

.side-bar {
	padding-top: 40px;
	background-color: white;
	position: absolute;
	width: 40%;
	/*height: 100%;*/
	left: 100%;
	right: 0;
	top: 0;
	/*overflow-y: scroll;*/
	/*bottom: 0;
	height: 100%;*/
	min-height: 100%;
	z-index: 1000;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .075), 0 1px 10px 0 rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .025);

}

.side-bar .side-bar-title-bar {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 16px;

}

.side-bar .side-bar-title-bar .title {
	font-weight: 600;
	margin: 0;
}

.side-bar .side-bar-title-bar .close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 72px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	font-size: 32px;
	text-decoration: none;
}

.side-bar .side-bar-controls {
	padding: 20px;
}

.side-bar .alert-info {
	background-color: #2d8cf0;
}

.side-bar h4 {
	font-weight: 500;
	margin-bottom: 15px;
}

.side-bar .none {
	opacity: 0.5;
}

.side-bar input {
	height: 40px;
	padding: 10px;
	margin: 0;
}

.side-bar button {
	height: 40px;
	padding: 10px;
	margin: 0;
	font-weight: 500;
}

.side-bar button i {
	margin-right: 6px;
}

.side-bar .section {
	margin-bottom: 20px;
	overflow: auto;
}

.side-bar .section:last-of-type {
	margin-bottom: 0;
}

.side-bar .suggestion {
	padding: 3px 10px 5px 10px;
	margin: 0 5px 5px 0;
	text-decoration: none;
	border: 1px solid #2d8cf0;
	float: left;
	font-weight: 600;
	border-radius: 2px;
	transition: all .125s;
	color: #2d8cf0;
}

.side-bar .suggestion:hover {
	background-color: #2d8cf0;
	color: white;
}

.side-bar .suggestion.selected {
	background-color: #2d8cf0;
	color: white;
}

.side-bar .image-suggestion {
	background-color: white;
	max-width: 200px;
	padding: 5px;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
}

.side-bar .image-suggestion img {
	border-radius: 2px;
}

#titleField,
.title-field {
	font-size: 16px !important;
	height: 48px !important;
	padding: 12px 15px !important;
}




#informationSections {}

#informationSections .nav {
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
}

#informationSections .nav-pills>li>a {
	margin: 0;
	border-radius: 2px;
	padding: 10px;
}

#informationSections .ql-editor {
	height: 200px !important;
}





.input-with-button {
	position: relative;
}

.input-with-button input {
	padding-right: 116px;
}

.input-with-button button {
	position: absolute;
	width: 112px;
	right: 0;
	margin: 2px;
	line-height: 16px;
	font-size: 12px;
}