/**********************************/
/*            Allgemein           */
/**********************************/

body, html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, Georgia;
	font-size:12px;
	color:#6e6e6e;
}

body {
	background-color:#1d628b;
	position:relative;
}

.b { display:block; }
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }

.dnone {
	display:none;
}

.green-dot { width:6px; height:6px; background-color:green; border-radius:3px; }
.red-dot { width:6px; height:6px; background-color:red; border-radius:3px; }

.tip {
	background-color:#1d628b;
	padding:10px;
	color:#fff;
}

#content .far, #content .fas {
	color:#6e6e6e;
}

/**********************************/
/*             Login              */
/**********************************/

#login, #password-recovery {
	position:absolute;
	z-index:999;
	top:40%;
	left:50%;
	transform: translate(-50%,-50%);
}

#login-form, #password-recovery {
	width:340px;
	border-radius:10px;
	background-color:#282828;
	padding:30px;
	position:relative;
}

#login-form input[type="text"], #login-form input[type="password"],
#password-recovery input[type="text"], #password-recovery input[type="password"] {
	border-radius:6px;
	border:2px solid #fff;
	box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	min-width:calc(100% - 20px) !important;
	max-width:calc(100% - 20px) !important;
	width:calc(100% - 20px) !important;
	padding:8px; margin-bottom:10px; color:#6e6e6e;
    box-sizing: unset;
}

#login-form .label, #password-recovery .label {
	font:normal 20px 'Bitter', serif;
	color:#2A88AD;
	margin:0 0 5px 15px
}

#login-form .icon-holder, #password-recovery .icon-holder {
	background:#2A88AD;
	padding:5px 10px 5px 10px;
	position:absolute;
	border-radius:50%;
	border:2px solid #fff;
	font-size:14px;
	color:#fff;
	top:30px;
	left:-15px;
}

#login-form .icon, #password-recovery .icon {
	background:url(../images/login.png) scroll no-repeat 0 0 transparent;
	width:23px;
	height:23px;
	top:0px;
	left:0px;
}

#login-form-inner, #password-recovery-inner {
	background-color:#ece9e9;
	border-radius:6px;
	padding:30px 30px 20px 30px;
	width:270px;
	margin:0 auto;
}

.login-btn {

}

.button a:link {
	font-size:11px;
	color:#fff;
	text-decoration:none;
	display:block;
	margin:3px 20px;
	font-weight:bold;
}

.button a:hover {
	font-size:11px;
	color:#fff;
	text-decoration:none;
	display:block;
	margin:3px 20px;
	font-weight:bold;
}

.button a:visited {
	font-size:11px;
	color:#fff;
	text-decoration:none;
	display:block;
	margin:3px 20px;
	font-weight:bold;
}

#form #error_message {
	font-size:11px;
	text-align:center;
	padding:5px;
	margin-bottom:10px;
}

#form-error {
	background-color:#FFEBE8;
	border-color:#CC0000;
	padding:10px 10px 10px 20px;
	border-radius:3px;
	border-style:solid;
	border-width:1px;
	margin-bottom:15px;
	color:#333333;
}
#form-success {
	background-color:#EAFFE8;
	border-color:#05CC00;
	padding:10px 10px 10px 20px;
	border-radius:3px;
	border-style:solid;
	border-width:1px;
	margin-bottom:15px;
	color:#333333;
}

/**********************************/
/*         Filter-Fields          */
/**********************************/

#filter-fields {
	width:100%;
}

#filter-fields .filter-input {
	width:180px;
	margin:15px 20px 0px 0;
}

#filter-fields i {
	color:#fff !important;
}

/**********************************/
/*        	   Icons              */
/**********************************/

.icon-only i {
	background-color:#1d628b;
	color:#fff !important;
	padding:7.5px 8.25px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	cursor:pointer;
}


/**********************************/
/*        Login-Footer            */
/**********************************/

#login-footer-wrapper {
	position:absolute;
	bottom:0px;
	background-color:#1b191a;
	width:100%;
	height:200px;
	z-index:1;
}
#login-footer {
	width:368px;
	height:41px;
	margin:0 auto;
}
#login-footer-inner {
	position:absolute;
	right:50px;
	top:25px;
	width:368px;
	height:41px;
	background:url(../images/login_logo.png) no-repeat scroll 0 0 transparent;
}

/**********************************/
/*        	   Buttons            */
/**********************************/

.button-holder { background-color:#fff; cursor:pointer; margin:0; border:1px solid #e7e7e7; }

.button-holder .button { position:relative; height:25px; }

.button-holder:hover > .button .left { width:30px; }
.button-holder:hover > .button .left .arrow { left:30px; }

.button .left i {
	padding:8px 5px;
}

.button-holder .left { width:25px; height:25px; background-color:#fff; position:absolute; left:0px; top:0px;
	border-top-left-radius:3px; border-bottom-left-radius:3px;
	-webkit-transition: width 0.25s ease-in-out;
	-moz-transition: width 0.25s ease-in-out;
	-o-transition: width 0.25s ease-in-out;
	transition: width 0.25s ease-in-out; }

.button-holder .left .fa { color:#2A88AD; padding:3px 5px; font-size:1.5em; }
.button-holder .left .arrow { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 6px; position:absolute; left:25px; top:6px;
	border-color: transparent transparent transparent #fff;
	-webkit-transition: left 0.25s ease-in-out;
	-moz-transition: left 0.25s ease-in-out;
	-o-transition: left 0.25s ease-in-out;
	transition: left 0.25s ease-in-out;}

.button-holder .right {
    width:calc(100% - 25px);
    height:25px;
    background-color:#1d628b;
    text-align:center;
    line-height:2;
	font-size:12px;
    font-family:'Lato', Calibri, Arial, sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff;
	letter-spacing:1px;
    position:absolute;
    left:25px;
    /*z-index:699;*/
}
.button-holder .right:hover { background-color: #277193; }

/**********************************/
/*        	   Selects            */
/**********************************/

select.easyForm {
	border: 1px solid #d6d8db;
	background-color: #fff;
	color: #47515c;
	padding: 5px 0px 4px 5px;
	width: auto;
	cursor: pointer;
	font-size:12px;
	width:148px;
}
select > option {
	/*text-transform: uppercase;*/
	/*padding: 5px 0px;*/
}

/**********************************/
/*        	Content               */
/**********************************/

#content-wrapper {
	height:calc(100% - 50px);
	width:100%;
	/*position:absolute;*/
	/*left:0px;*/
	/*top:0px;*/
	/*margin-top:50px;*/
	background-color:#d4d4d4;
}

#content { padding:25px; background-color: #d4d4d4; }
#content-inner { padding:25px; background-color:#263440; }

#content-inner > div { position:relative; }



/**********************************/
/*            Pagination          */
/**********************************/

#pagination-sites {
	margin:0 20px;
}

#pagination-sites .backward i,
#pagination-sites .forward i {
	background-color:#1d628b;
	padding:7.5px 9px;
	color:#fff !important;
	cursor:pointer;
}

#pagination-sites .backward.inactive,
#pagination-sites .forward.inactive {
	opacity: 0.5;
}

#pagination-sites .displayFrom {
	padding:6.5px 10px;
	font-weight:bold;
	background-color:#1d628b;
	color:#fff;
	margin:0 10px;
	width:125px;
	text-align:center;
}

/********************************************/
/*                Calendar                  */

#phoneDashboard .day, #phoneDashboard .month { padding:15px; background-color:#a1a1a1; cursor:pointer; color:#6e6e6e; font-size:12px;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#phoneDashboard .day.active, #phoneDashboard .month.active { padding:15px; background-color:#3A3E47; cursor:pointer; color:#fff; }

#calendar-month-wrapper {  }
#calendar-month {  }
#calendar-month-inner {  }

#calendar-month .month-header .day { width:calc((100% - 24px) / 7); height:20px; text-align:center; background-color:#fff; margin-left:4px; padding:5px 0 0 0; }
#calendar-month .month-header .day:first-child { margin-left:0px; }

#calendar-day-wrapper, #calendar-month-wrapper {
    box-sizing:unset !important;
}

#calendar-day, #calendar-month {}
#calendar-day-inner, #calendar-month-inner { position:relative; }

#calendar-day-inner .scroll_back { width:25px; height:100px; background-color:#3A3E47; position:absolute; left:-25px; top:100px; cursor:pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#calendar-day-inner .scroll_forward { width:25px; height:100px; background-color:#3A3E47; position:absolute; right:-25px; top:100px; cursor:pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#calendar-day-inner .scroll_forward .arrow, #calendar-day-inner .scroll_back .arrow { margin:11px 9px; color:#fff; font-size:14px; font-weight:bold; }

#calendar-day-inner .time { width:calc(100% - 20px); height:15px; background-color:#F2F2F2; padding:10px; border-bottom:1px solid #CECECE;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#calendar-day-inner .header, #calendar-month-inner .header { width:100%; background-color:#3A3E47; height:35px; position:relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#calendar-day-inner .hour { }

#calendar-day-inner .header #current-date-day, #calendar-month-inner .header #current-date-month { cursor:pointer; width:200px; position:absolute; left:calc(50% - 100px); top:5px; font-size:14px; color:#fff; text-align:center; background-color:#3A3E47; border:none; }

#calendar-day-inner .header #back, #calendar-month-inner .header #back { position:absolute; top:3px; left:3px; }
#calendar-day-inner .header #forward, #calendar-month-inner .header #forward { position:absolute; top:3px; right:3px; }
#calendar-day-inner .header .circle, #calendar-month-inner .header .circle { border-radius: 50%; width: 24px; height: 24px; background-color:#a1a1a1; position:relative; cursor:pointer; }
#calendar-day-inner .header .circle-inner, #calendar-month-inner .header .circle-inner,
#calendar-day-inner .header .circle-inner, #calendar-month-inner .header .circle-inner { border-radius: 50%; width: 20px; height: 20px; background-color:#3A3E47; position:absolute; top:2px; left:2px; }
#calendar-day-inner .header .back-arrow, #calendar-month-inner .header .back-arrow { width: 0; height: 0; border-style: solid; border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #a1a1a1 transparent transparent; position:absolute; top:3px; left:3px; }

#calendar-day-inner .header .forward-arrow, #calendar-month-inner .header .forward-arrow { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #a1a1a1; position:absolute; top:3px; left:6px; }

#calendar-day-appointment-holder { position:absolute; width:calc(100% - 50px); height:calc(100% - 35px); top:35px; left:50px; overflow:hidden; }
#calendar-day-appointment-holder-inner { position:absolute; left:0px; }

#calendar-day-inner .appointment-wrapper { width:173px; height:31px; margin-top:1px; position:relative; cursor:pointer; }
#calendar-day-inner .appointment { width:calc(100% - 10px); height:calc(100% - 10px); height:31px; background-color:#E0E0E0; border:1px solid #C6C6C6; z-index:4; }
#calendar-day-inner .appointment.missed { background-color:red; color:#fff; }
#calendar-day-inner .appointment.checked { background-color:#76d576; }
#calendar-day-inner .appointment-inner { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#calendar-day-inner .appointment-inner.short { margin:5px 0 0 0; width:145px; }
#calendar-day-inner .appointment .department { width:10px; height:100%; margin-right:5px; }
#calendar-day-inner .appointment .department.yellow { background-color:yellow; }
#calendar-day-inner .appointment .department.blue { background-color:blue; }
#calendar-day-inner .appointment .department.green { background-color:green; }
#calendar-day-inner .appointment .department.lila { background-color:#8f00ab; }

#calendar-day-inner .appointment-info-wrapper.right { position:absolute; left:170px; z-index:5; }
#calendar-day-inner .appointment-info-wrapper.left { position:absolute; left:-368px; z-index:5; }
#calendar-day-inner .appointment-info-wrapper.top { top:-362px; }
#calendar-day-inner .appointment-info-wrapper.right .arrow { width: 0; height: 0; border-style: solid; border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #a1a1a1 transparent transparent; position:absolute; top:3px; left:3px; }
#calendar-day-inner .appointment-info-wrapper.left .arrow { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #a1a1a1; position:absolute; top:3px; left:360px; }
#calendar-day-inner .appointment-info-wrapper.top .arrow { width: 0; height: 0; border-style: solid; border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #a1a1a1 transparent transparent; position:absolute; top:370px; left:3px; }

#calendar-day-inner .appointment-info { margin-left:13px; }

#calendar-day-inner .appointment-info-inner { width:325px; background-color:#E0E0E0; border:1px solid #C6C6C6; padding:10px; }
#calendar-day-inner .appointment-info-inner .left { width:100px; }
#calendar-day-inner .appointment-info-inner .right { width:200px; margin-left:20px; text-align:left; }

#calendar-day-inner .appointment-info-inner .trash-outer { padding:5px; background-color:#3A3E47; border-radius:5px; }

#calendar-day-inner .appointment-info-inner .detail:hover { text-decoration:underline; }

#month-dates .day { width:calc((100% - 80px) / 7); height:88px; padding:4px; background-color:#F2F2F2; margin-top:4px; position:relative; }
#month-dates .not-this-month { background-color:#d4d4d4; }
#month-dates .not-this-month .date { color:#a8a8a8; }
#month-dates .not-first { margin-left:4px; }

#month-dates .day .date { position:absolute; top:2px; right:2px; cursor:pointer; }
#month-dates .day .appointment_holder { position:absolute; top:25px; }
#month-dates .day .further_appointments { width:100px; cursor:pointer; position:relative; }
#month-dates .day .further_appointments:hover { text-decoration:underline; }
#month-dates .day .appointment { width:100px; height:15px; cursor:pointer; position:relative; }

#month-dates .day .appointment .txt.missed { color:red; }

#month-dates .day .appointment .department { width:10px; height:9px; margin:3px 5px 0 0; }
#month-dates .day .appointment .department.yellow { background-color:yellow; }
#month-dates .day .appointment .department.blue { background-color:blue; }
#month-dates .day .appointment .department.green { background-color:green; }

#month-dates .day .appointment:hover { text-decoration:underline; }

#month-dates .appointment .appointment-info { position:absolute; left:150px; z-index:5; }
#month-dates .appointment .appointment-info-inner { width:325px; background-color:#E0E0E0; border:1px solid #C6C6C6; padding:10px; }
#month-dates .appointment .appointment-info-wrapper .arrow-left { width: 0; height: 0; border-style: solid; border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #a1a1a1 transparent transparent; position:absolute; top:3px; left:140px; z-index:5; }

#month-dates .appointment .appointment-info-inner .left { width:100px; }
#month-dates .appointment .appointment-info-inner .right { width:200px; margin-left:20px; text-align:left; }

.appointment-info .appointment-success { position:absolute; right:5px; top:5px; }

#calendar-legend { padding:10px; background-color:#CECECE; margin-bottom:15px; }

#calendar-legend .telephony .yellow { height:25px; width:10px; background-color:yellow; }
#calendar-legend .contracting_service .blue { height:25px; width:10px; background-color:blue; }
#calendar-legend .boa .green { height:25px; width:10px; background-color:green; }
#calendar-legend .conditions_opinions .lila { height:25px; width:10px; background-color:#8f00ab; }

#calendar-legend .contracting_service, #calendar-legend .boa { margin-left:25px; }
#calendar-legend .contracting_service, #calendar-legend .conditions_opinions { margin-left:25px; }

#calendar-legend .telephony .txt, #calendar-legend .contracting_service .txt, #calendar-legend .boa .txt, #calendar-legend .conditions_opinions .txt
{ height:15px; margin-left:10px; font-size:20px; }

/*                Calendar                  */
/********************************************/


/**********************************/
/*            Settings            */
/**********************************/

#settings-sites-select {
	width:350px;
}

#settings-roles-select {
	width:350px;
	height:260px;
}

#settings label {
	display:block;
	color:#fff;
}


/**********************************/
/*       Settings - Lists         */
/**********************************/

#has_status, #has_not_status {
	border: 1px solid #eee;
	width: 440px;
	min-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	margin-right: 10px;
}
#has_status li, #has_not_status li {
	cursor:pointer;
	margin: 5px;
	padding: 10px;
	font-size: 1.2em;
	background-color: #999;
	color:#fff;
}

/**********************************/
/*       Settings - Employees     */
/**********************************/

#settings {
	width:100%;
	min-width:100%;
	max-width:100%;
	overflow:hidden;
}

#settings-employees {
	width:200%;
	min-width:200%;
	max-width:200%;
}

#employees {
	width:50%;
	min-width:50%;
	max-width:50%;
}

#add-employee {
	width:50%;
	min-width:50%;
	max-width:50%;
}

.role-holder {
	width:172px;
	margin: 10px 26px 0 0;
	background-color:#CFCFCF
}

.role-holder .label {
	margin:3px 0px 0 5px;
}

#show-hide-employees-holder,
#add-employee-holder {
	background-color: #3A3E47;
	padding: 10px 25px;
	color: #fff;
	font-size: 16px;
}

#add-employee-holder {
	cursor:pointer;
}

/**********************************/
/*       Settings - Partner       */
/**********************************/

#settings-partner {
	width:200%;
}

#partner {
	width:50%;
	max-width:50%;
	min-width:50%;
}

#contact-persons {
	width:50%;
	max-width:50%;
	min-width:50%;
}

#add-partner {
	width:50%;
	max-width:50%;
	min-width:50%;
}

/**********************************/
/*       Settings - Lawyer        */
/**********************************/

#settings-lawyer {
	width:200%;
}

#lawyer {
	width:50%;
	max-width:50%;
	min-width:50%;
}

#contact-persons {
	width:50%;
	max-width:50%;
	min-width:50%;
}

#add-lawyer {
	width:50%;
	max-width:50%;
	min-width:50%;
}


/**********************************/
/*       Settings - Status        */
/**********************************/

#status-dependencies .holder {
	width:23.5%;
	margin-right: 2%;
}

#status-dependencies .holder.last {
	margin-right: 0%;
}

#status-dependencies #status_not_before,
#status-dependencies #status_before,
#status-dependencies #status_last,
#status-dependencies #status {
	border: 1px solid #eee;
	width: 100%;
	min-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#status_not_before li, #status_before li, #status_last li, #status li {
	cursor:pointer;
	margin: 5px;
	padding: 10px;
	font-size: 1.2em;
	background-color: #999;
	color:#fff;
}


/**********************************/
/*          EasyTable            */
/**********************************/

.triangle-down {
	margin-top:3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	position:absolute;
	top:8px;
	right:0;
}

.triangle-up {
	margin-top:3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #fff transparent;
	position:absolute;
	top:8px;
	right:0;
}

.easyTable {
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	border-collapse: collapse;
	table-layout: auto;
}

.easyTable tr th {
	position:relative;
	background-color:#1d628b;
	color:#fff;
	font-weight:bold;
	text-align:left;
}

.easyTable tbody tr,
.easyTable thead th{
	cursor:pointer;
}

.easyTable tbody tr:hover {
	background-color: #e0e0e0 !important;
}

.easyTable tbody tr{
	background-color: #d0d0d0;
}

.easyTable tbody tr:nth-of-type(odd) {
	background-color: #bbbbbb;
}

.easyTable tr th {
	padding:8px;
}

.easyTable tr td
{
	padding:5px;
}

.easyTable tr.main {
	background-color: #F9F9F9 !important;
}

.easyTable tr.details,
.easyTable tr.details:hover{
	background-color: #d0d0d0 !important;
}


/**********************************/
/*      Old table style           */
/**********************************/

.triangle-down {
    margin-top:3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
}

.triangle-up {
    margin-top:3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #fff transparent;
}

.widefat thead tr th.header
{
    background-image: url(/images/tablesorter/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    border-spacing: 10px;
    border-collapse: separate;
}

.widefat  thead tr .headerSortUp
{
    background-image: url(/images/tablesorter/asc.gif) !important;
}

.widefat  thead tr .headerSortDown
{
    background-image: url(/images/tablesorter/desc.gif) !important;
}

.widefat { background-color:#F9F9F9; clear:both; margin:0; width:100%; }

.widefat tbody tr { cursor:pointer; background-color:#F9F9F9}
.widefat tbody tr:hover { cursor:pointer; background-color:#BDBDBD !important}
.widefat tbody td { padding:2px 0 2px 5px; border-bottom:1px solid #D8D8D8; }
.widefat thead th { padding:2px 0 2px 5px; }
.widefat tfoot th { padding:5px 0px 5px 5px; }
.widefat th { font-size: 12px; margin: 0; overflow: hidden; white-space: nowrap; cursor:pointer; line-height: 1.3em; text-align: left; color:#fff; background-color:#3A3E47; }

table.fixed { table-layout: fixed; }

.fixed .column-date, .fixed .column-parent, .fixed .column-links { width: 10%; }
.fixed .column-response, .fixed .column-author, .fixed .column-categories, .fixed .column-tags, .fixed .column-rel, .fixed .column-role
{ width: 15%; }

.widefat thead tr th { border-bottom:1px solid #c1c1c1; }
.widefat .cursor:hover { background-color:#e7e7e7; }


/**********************************/
/*      Statistics-Display        */
/**********************************/

.display {
	height:50px;
	background-color:#263440;
	color:#fff;
	float:left;
	box-sizing:unset;
}

@media (min-device-width: 1280px) {

	#statistics {
		margin-bottom:15px;
	}

	.display {
		padding:10px;
		width:calc(24% - 20px);
		margin-bottom:15px;
		position:relative;
	}

	.display:not(:first-child):not(:nth-child(5)) {
		margin-left: calc(4% / 3);
	}

	.value {
		position:absolute;
		bottom:10px;
		right:10px;
		font-size:18px;
	}
}

@media (max-device-width: 1279px) {
	.display {
		padding:10px;
		width:calc(49% - 20px);
		margin-bottom:15px;
		position:relative;
	}

	.display:not(:first-child):not(:nth-child(3)):not(:nth-child(5)):not(:nth-child(7)) {
		margin-left: calc(2% / 1);
	}

	.display .value {
		position:absolute;
		bottom:10px;
		right:10px;
	}
}

.display .headline {

}

.display .value {

}

.blinkRed {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    0%   {background-color:#263440;}
    50%  {background-color:red;}
    100%  {background-color:#263440;}
}

/**********************************/
/*       Easy-Sub-Menu            */
/**********************************/

#easy-sub-menu {
	margin-bottom:25px;
}

#easy-sub-menu .tab {
	float:left;
	padding:15px;
	background-color:#999;
	cursor:pointer;
	color:#fff;
}

#easy-sub-menu .tab.active {
	background-color:#1d628b;
}

/**********************************/
/*          EasyRow               */
/**********************************/

.easyRow {
	margin-top:25px;
}

.easyRow .head,
.easyRow .foot {
	width: 100%;
	background-color: #1d628b;
	color: #fff;
}

.easyRow .body {
	background-color: #fff;
	font-size: 10px;
	color: #000;
}

.easyRow .head .column,
.easyRow .body .column,
.easyRow .foot .column {
	width:calc(25% - 10px);
	padding:5px;
}

.easyRow .body img {
	width: 250px;
	height: 150px;
}


/**********************************/
/*        EasyTable-Menu         */
/**********************************/

#easyTableMenu {
	margin:0 0 25px 0;
}

/**********************************/
/*           EasyForm             */
/**********************************/

input.easyForm {
    height:27px;
    width: 144px;
}

easy-input-text, easy-input-select, easy-text-area {
	display:block;
}

easy-text-area, easy-text-area div {
	width:100%;
}

easy-text-area textarea {
	min-height:50px;
	max-width:100%;
	width:100%;
}

/**********************************/
/*            Error               */
/**********************************/

.error_msg, .success_msg { border-radius:5px; color:rgba(0,0,0,0.7); margin-bottom: 25px; }
.error_msg { border:1px solid red; background-color:#ffcbcb; }
.success_msg { border:1px solid green; background-color:#d5fdd5; }


/**********************************/
/*       Loading animation        */
/**********************************/

.vis {
	visibility:visible;
	opacity: 1;
}

.invis {
	visibility:hidden;
	opacity: 0;
}

#aperture {
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.56);
	position:fixed;
	top:0;
	left:0;
	z-index:800;
	transition: opacity 1s ease-out;
}

#aperture .lds-ellipsis {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(19px, 0);
	}
}


/********************************************/
/**               Aquisition                */

#owner-form {
	width:49%;
}

#aquisition-form {
	width:49%;
	margin-left:2%;
}

#acquisition .sheet {
    font-size:11px !important;
}

#acquisition .sheet i {
	font-size:16px;
	padding:5px 5px;
}

#acquisition .sheet .inner {
	padding:15px;
	background-color:#fff;
}

#acquisition .sheet .head .icon {
	background-color:#00a2ff;
	width:35px;
	height:35px;
}

#acquisition .sheet .head .icon i {
	padding:9px 0px 0px 11px;
	color:#fff;
}

#acquisition .sheet .head .tab {
	cursor:pointer;
	height:35px;
	font-size:18px;
	background-color:#3A3E47;
	color:#fff;
	padding:8px 10px 0 10px;
}

#acquisition .sheet .head .tab.alt {
	background-color:#626671;
}

#acquisition #aq-details .sheet .inner .fl.left {
	width:38%;
	text-align:right;
	height:14px;
	padding-top:3px;
}

#acquisition .sheet .inner .fr {
	width:58%;
	text-align:left;
	min-height:14px;
	padding-top:3px;
}

#acquisition .sheet .inner .fr input {
	width:90%;
    font-size:11px;
    height:16px;
}

#acquisition .sheet .inner .fr select {
	width:91.5%;
    font-size:11px;
}

#acquisition .sheet .inner .fr textarea {
	width:89.5%;
	min-width:89.5%;
	max-width:89.5%;
	min-height:20px;
}

#period-warning {
    color:red;
    margin:5px;
}

#photo-montage .inner {
	/*height:201px;*/
}

#photo-montage,
#status-course,
#google-map {
    width:100%;
	min-height:275px;
}

#map-filter {
	width: calc(100% - 315px);
}

#status-course .inner {
	height:240px;
}

#status-course .inner .scroller {
    max-height:200px;
    overflow-y: scroll;
}

#status-course .inner .row {
	padding:5px;
}

#status-course .inner .row:nth-child(odd) {background-color: #efefef}

#status-course .stat-left {
    width:28%;
}

#status-course .stat-mid {
    width:25%;
}

#status-course .stat-right {
    width:47%;
}

#status-course .notice,
#status-course .period {
    padding:5px;
}

#photo-montage .sub,
#photo-montage .sub{
    /*width:50% !important;*/
    text-align:center;
    background-color:#3A3E47;
    color:#fff;
	padding:3px 0;
}

#photo-montage .img {
    /*width:49%;*/
    /*height:87%;*/
}

#photo-montage .img img {
    width:100%;
    height:100%;
}

#acquisition #google-map #google-map-container {
	width:100%;
	height:210px;
}

#photo-montage .fl.img.left.col-md-6:hover #orig-change-button {
    display:block;
}

#orig-change-button {
    position:absolute;
    bottom:25px;
    padding:15px;
    background-color:#3A3E47;
    border:1px solid #fff;
    display:none;
}

/**               Aquisition                */
/********************************************/


/********************************************/
/**           Aquisition-Import             */

#acquisition_import {  background-color:#ffffff; padding:10px; border-radius:5px; }

/**           Aquisition-Import             */
/********************************************/


/********************************************/
/**           Table-Structure               */

.box-top { cursor:pointer; color:#ffffff; padding:0px; border-top-right-radius: 4px; border-top-left-radius: 4px; margin-top:15px;padding:4px 10px; text-align:center;}
.box-top-big { color:#ffffff; padding:0px; border-top-right-radius: 4px; border-top-left-radius: 4px; margin-top:15px; padding:5px 10px; text-align:center; background-color:#1c3146; }
.box-top-big h3 { font-size: 13px; font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block;cursor:pointer; margin:0px;}
.box-top h3, .box-top-second h3 { font-size: 15px; font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block; cursor:pointer; }

.box-top h4, .box-top-second h4 { font-size: 12px; font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block;
	cursor:pointer; padding: 6px 10px; }

.box-top h4 a:link { font-size: 12px; font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block; color:#fff;}
.box-top h4 a:hover { font-size: 12px; font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block; color:#fff; text-decoration:underline; }
.box-top h4 a:visited { font-size: 12px; font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block; color:#fff;}

.box-top-small { cursor:pointer; color:#ffffff; padding:0px; border-radius: 4px; }
.box-top-small h4 { font-size: 13px; font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block;
	cursor:pointer; padding: 4px 10px; }

.box-top-small-first { cursor:pointer; color:#ffffff; padding:0px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.box-top-small-middle { cursor:pointer; color:#ffffff; padding:0px; }
.box-top-small-last { cursor:pointer; color:#ffffff; padding:0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.box-top-small-first h4,
.box-top-small-middle h4,
.box-top-small-last h4 { font-weight: bold; margin: 0; overflow: hidden; white-space: nowrap; display:block;
	cursor:pointer; padding: 4px 10px; }

.box-content { padding:10px; background-color:#ffffff;
	border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;
	border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.box-content-none { padding:10px; background-color:#ffffff; border:1px solid #d3d3d3; }

.box-content-small { margin-left:5px; margin-right:5px; margin-bottom:15px; padding:10px; background-color:#ffffff;
	border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;
	border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.box-content form .input,
.box-content-none form .input, .box-content .input  { width:150px; max-width:150px; min-width:150px; float:left; margin-right:25px; height:40px;}

.box-bottom { cursor:pointer; color:#ffffff; padding:0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; height:5px;}

.multibox-top { border-top-left-radius:5px; border-top-right-radius:5px; border-color:#000000; padding:0px 25px 0px 10px;
	color:#ffffff; font-family:Arial, Verdana, Georgia; height:40px; }

.multibox-top h3 { font-size:14px; float:left; margin:10px; }
.multibox-top h4 {  margin-top:0px; margin-bottom:0px; height:20px; padding:8px 3px 0px 3px;}

.multibox-tab { margin-left:-10px; margin-right:-10px; }

.multibox-tab.active { z-index:500; position:relative; }
.multibox-tab.inactive { z-index:1; position:relative; }

.multibox-tab.active h4 { color:#000000; }
.multibox-tab.inactive h4 { color:#ffffff; }

.multibox-tab.active .multibox-tab-left { width:23px; float:left; height:30px; background:url('/images/template.png') repeat-x scroll 0 0 transparent;}
.multibox-tab.active .multibox-tab-middle { float:left; height:30px; background:url('/images/gradients.png') repeat-x scroll 0 0 transparent;}
.multibox-tab.active .multibox-tab-right { width:23px; float:left; height:30px; background:url('/images/template.png') repeat-x scroll -23px 0 transparent; }

.multibox-tab.inactive .multibox-tab-left { width:23px; float:left; height:30px; background:url('/images/template.png') repeat-x scroll 0 -30px transparent;}
.multibox-tab.inactive .multibox-tab-middle { float:left; height:30px; background:url('/images/gradients.png') repeat-x scroll 0 -30px transparent;}
.multibox-tab.inactive .multibox-tab-right { width:23px; float:left; height:30px; background:url('/images/template.png') repeat-x scroll -23px -30px transparent; }

.multibox-tab-inactive:hover { text-decoration:underline; }
.multibox-tab-active h4, .multibox-tab-inactive h4 { margin-top:12px; margin-bottom:0px; font-size:12px; }

.multibox-tab.active .multibox-tab-middle a { text-decoration:none; color:#000; }
.multibox-tab.inactive .multibox-tab-middle a { text-decoration:none; color:#fff; }

/**         Table-Structure-End              */
/*********************************************/


/**********************************/
/*            Gradients           */
/**********************************/

.gradient-blue-white { background: #455667; background: -moz-linear-gradient(top, #455667 0%, #455667 0%, #1c3146 100%);
	background: -webkit-linear-gradient(top, #455667 0%,#455667 0%,#1c3146 100%);
	background: linear-gradient(to bottom, #455667 0%,#455667 0%,#1c3146 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455667', endColorstr='#1c3146',GradientType=0 ); }

/**********************************/
/*              PopUp             */
/**********************************/

.popUp {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:850;
	border:1px solid #fff;
}

.popUp .head {
	font-size: 18px;
	padding: 15px;
	background-color: #1d628b;
	color: #fff;
	max-height:50px;
}

.popUp .popUpContentWrapper {
	width:100%;
	height:calc(100% - 51px);
}

.popUp .popUpContent {
	width:100%;
	height:100%;
}

.popUp .popUpContentInner {
	padding:25px;
	background-color:#263440;
	width:calc(100% - 50px);
	height:calc(100% - 50px);
}

.popUp .checkbox {
	color:#fff;
	padding:2px 0 2px 10px;
	float:left;
	min-width:350px;
}

.popUp .partnerSelection {
	margin-top:15px;
}

.popUp .icon {
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
}

.popUp .icon i {
	color:#fff !important;
}



/********************************************/
/**          Sheet-Structure                */

.light-grey { background-color:#efefef; }

.sheet-head.import { background-color:#ffffff; color:#000; cursor:pointer; }
.sheet-head.import:hover { text-decoration:underline; }

#sheet-boa-data { width:100%; margin:40px 0 0 0; }
#sheet-boa-data .sheet-head { cursor:pointer; color:#000; background-color:#a1a1a1; }
#sheet-boa-data .sheet-head.active { color:#fff; background-color:#3A3E47; }

.sheet-recording-body { width:400px; min-height:335px; background-color:#fff; padding:10px 0 10px 0; font-size:11px; }
.sheet-recording-body .sheet-right .txt, .sheet-recording-body .sheet-left .txt { height:14px; }
.sheet-recording-body .head-company { font-weight:bold; margin:0 0 10px 25px; font-size:14px;}

.sheet-recording-body #period_info { margin:10px 0 0 15px; font-weight:bold; color:red; }

.sheet-recording-body hr { border:1px solid #1d628b; width:95%; }

.sheet-google-body { width:400px; min-height:335px; height:335px; background-color:#fff; padding:10px 0 10px 0; font-size:11px; }

.sheet-images-body { width:400px; background-color:#fff; padding:10px 0 10px 0; font-size:11px; }
.sheet-images-body .sheet-right .txt { height:14px; }

.sheet-status-course-body { width:380px; min-height:335px; max-height:325px; height:325px; background-color:#fff; padding:10px 10px 10px 10px; }
.sheet-status-course-body .status-list { width:380px; height:325px; padding:10px; overflow:scroll; overflow-x:hidden; }
.sheet-status-course-body .status-date { width:120px; }
.sheet-status-course-body .status-user { width:120px; }
.sheet-status-course-body .status-status { width:120px; font-weight:bold; }
.sheet-status-course-body .status-description { padding:5px; }

.sheet-head { background-color:#3A3E47; padding:9px 15px 7px 15px; font-size:16px; color:#fff; margin-top:17px; }
.sheet-head-small { background-color:#3A3E47; color:#fff; padding:3px 0 3px 0; }
.sheet-icon-holder { width:60px; height:50px; background-color:#00a2ff; }
.sheet-foot { background-color:#3A3E47; height:20px; }

.sheet-pagination { width:225px; height:25px; background-color:#3A3E47; margin-top:26px; }
.sheet-pagination #pagination, .sheet-pagination #first-pagination, .sheet-pagination #second-pagination,
.sheet-pagination #third-pagination, .sheet-pagination #fourth-pagination, .sheet-pagination #fifth-pagination,
.sheet-pagination #sixth-pagination { color:#fff; margin:5px 6px; }

.sheet-pagination #max-holder #count  { margin:2px 5px 0 0; }

.sheet-pagination .back { width: 20px; height:20px; background-color: #1d628b; -moz-border-radius:10px; -webkit-border-radius: 10px; margin:2px 5px; }
.sheet-pagination .back .inner { width: 16px; height:16px; background-color: #3A3E47; -moz-border-radius:10px; -webkit-border-radius: 10px; margin:2px; position:relative; }
.sheet-pagination .back .inner .arrow { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right:8px solid #1d628b; position:absolute; top:2px; left:3px; }
.sheet-pagination .forward { width: 20px; height:20px; background-color: #1d628b; -moz-border-radius:10px; -webkit-border-radius: 10px; margin:2px 5px; }
.sheet-pagination .forward .inner { width: 16px; height:16px; background-color: #3A3E47; -moz-border-radius:10px; -webkit-border-radius: 10px; margin:2px; position:relative; }
.sheet-pagination .forward .inner .arrow { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:8px solid #1d628b; position:absolute; top:2px; left:5px; }


.sheet-left { text-align:right; }
.sheet-left div { width:130px; }
.sheet-right { text-align:left; margin-left:25px; width:230px; }

.sheet-details-inner { padding:10px; }
.sheet-details-inner-left { width:120px; text-align:right; }
.sheet-details-inner-right { width:150px; margin-left:25px; }

.sheet .original_photo img { width:190px; height:150px; }
.sheet .offer_photo img { width:190px; height:150px; margin-left:20px; }

.sheet .original_photo_error { width:200px; height:50px; text-align:center; padding-top:25px; }
.sheet .offer_photo_error { width:200px; height:50px; text-align:center; padding-top:25px; }


.sheet #status { margin:10px 0 0 15px; width:350px; }
.sheet #lawyer-select { margin:10px 0 0 15px; width:350px; }
.sheet #partner { margin:10px 0 0 15px; width:350px; }
.sheet #description { margin:10px 0 0 0px; width:calc(100% - 35px); }
.sheet #period { margin:10px 0 0 0px; }

/*  Anlagen */

.sheet-attachments { min-height:335px; max-height:325px; height:325px; background-color:#fff; padding:10px 10px 10px 10px; }
.sheet-attachments .attachments { height:300px; overflow:scroll; overflow-x:hidden; }
.sheet-attachments .attachments .attachment .date { width:20%; padding:5px; background-color:#f5f5f5; margin:1px; border:1px solid #e2e2e2; }
.sheet-attachments .attachments .attachment .attachment { width:74%; padding:5px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; background-color:#f5f5f5; margin:1px; border:1px solid #e2e2e2; }
.sheet-attachments .attachments .attachment .download { padding:0 5px; background-color:#f5f5f5; margin:1px; border:1px solid #e2e2e2; cursor:pointer; }
.sheet-attachments .attachments .attachment .delete { padding:0 5px; background-color:#f5f5f5; margin:1px; border:1px solid #e2e2e2; cursor:pointer; }

/**********************************/
/*        	Navigation            */
/**********************************/

#navigation-wrapper { width:100%; }
#navigation { width:940px; min-width:940px; margin:0 auto; }
#navigation-inner {  }

#nbi { margin:10px 0 0 0; }

#nbi ul li.nbutton {
	float: left;
	margin: 0 8px 8px 8px;
	cursor: pointer;
	background-color: #263440;
	height: 30px;
	color: #fff;
	border-radius: 3px;
}

#nbi ul li ul a { text-decoration: none; z-index:900; }
#nbi ul li ul a:hover { text-decoration: underline; }

#nbi ul {text-align:left; padding:0px;}
#nbi ul li {float:left; display:inline;}
#nbi ul li ul {z-index:999; position:absolute; padding-left:0px; display:none; margin-top:0px !important;}
#nbi ul li ul li {float:left; clear:both; width:100%; ;min-width:110px;}

#nbi ul li ul li a { display:block; color:#fff; padding:10px 15px; background-color: #263440; }
#nbi ul li ul li:not(:last-child) a { border-bottom:1px solid #3f4952; }
#nbi ul li ul li:last-child a { border-bottom-left-radius:5px; border-bottom-right-radius: 5px; }
#nbi ul li ul li:first-child a { border-top-left-radius:5px; border-top-right-radius: 5px; }

#nbi ul li ul.fallback {display:none;}
#nbi ul li:hover ul.fallback {display:block;}

#nbi .nbutton .element_holder, #nbi .current-nbutton .element_holder { height:31px; }

#nbi .nbutton { height:36px; border:none; cursor:pointer; float:left; padding-right:20px; }

#nbi .nbutton:hover {  }
#nbi .current-nbutton { cursor:pointer; height:36px; border:none; cursor:pointer; float:left; padding-right:20px; }

#nbi .nav-title { padding-top:8px; padding-left:12px; text-decoration:none !important; font-size:12px; color:#ffffff;}
#nbi .nav-title a { padding-top:14px; text-decoration:none !important; font-size:12px; color:#ffffff;}

#nbi ul { list-style: none; margin:0;}

#nbi .nav-drop {border: 1px solid #fff; border-radius:5px; }

/**
 * Toolbar
 */

#toolbar {
	display: inline-block;
    /*left:0px;*/
    /*right:0;*/
    /*top:0;*/
    background-color:#fff;
    /*position:absolute;*/
    width:100%;
	box-shadow: 0 0 7px 0 #6e6e6e;
	z-index:10;
}

#toolbar #toolbar-menu {
    position:relative;
}

#toolbar #toolbar-menu ul {
    list-style: none;
}

#toolbar #toolbar-menu ul li {
    float:left;
    margin:0 8px 0 8px;
    cursor:pointer;
    background-color:#263440;
    width:70px;
    height:30px;
    color:#fff;
    border-radius:3px;
}

#toolbar #toolbar-menu ul li .txt {
    line-height:2.5;
}

#toolbar #toolbar-menu ul li:nth-child(3) i {
    padding:3px 8px;
}

#toolbar #toolbar-menu ul li:nth-child(2) i {
    padding:3px 5px;
}

#toolbar #toolbar-menu ul li:nth-child(1) i {
    padding:3px 12px;
}

#toolbar .appointments {
    width:450px;
    background-color:#E0E0E0;
    position:absolute;
    top:42px;
    right:16px;
    z-index:10;
}

#toolbar .appointments .head {
    width:50%;
    height:20px;
    background-color:#a1a1a1;
    color:#fff;
    text-align:center;
    line-height:1.7;
    cursor:pointer;
}

#toolbar .appointments .sub {
    width:calc(100%/3);
    height:20px;
    background-color:#a1a1a1;
    color:#fff;
    text-align:center;
    line-height:1.7;
    cursor:pointer;
}

#toolbar .appointments .sub-half {
    width:calc(100%/2);
    height:20px;
    background-color:#a1a1a1;
    color:#fff;
    text-align:center;
    line-height:1.7;
    cursor:pointer;
}

#toolbar .appointments .head.active,
#toolbar .appointments .sub.active,
#toolbar .appointments .sub-half.active{
    background-color:#3A3E47;
}

#toolbar .appointments .list {
    height:200px;
    overflow-y:scroll;
}

#toolbar .appointments .list-partner {
	height:200px;
	overflow-y:scroll;
}

#toolbar .appointments .list div {
    width:97%;
    padding:5px;
    cursor:pointer;
    border-bottom:1px solid #fff;
}

#toolbar .appointments .list-partner .row {
	width:97%;
	padding:5px;
	cursor:pointer;
	border-bottom:1px solid #fff;
}

#toolbar .appointments .list-partner .row .x {
	width:9px;
	height:13px;
}

#toolbar .appointments .list-partner .row .txt {
	width:80%;
	margin-left:10px;
	padding:3px;
}

#toolbar .appointments .list div:hover {
    background-color:#6e6e6e;
    color:#fff;
}

#toolbar .appointments .list-partner .x {
	width:9px;
	height:13px;
	display:inline-block;
	padding:3px;
	border-radius:5px;
	background-color:#999;
	font-weight:bold;
	color:#6e6e6e;
}

#toolbar .appointments .list-partner .x:hover {
	background-color:#263440;
	color:#fff;
}

#toolbar #portals {
	width:30px;
	height:30px;
	float: right;
	cursor: pointer;
	background-color: #263440;
	color: #fff;
	border-radius: 3px;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:12px;
	position: relative;
}

#toolbar #portals i {
	font-size: 20px;
}

#toolbar #portals .overlayBox {
	top: 45px;
	right:0;
	position:absolute;
	background-color: white;
	border: 1px solid #263440;
	border-radius: 5px;
}

#toolbar #portals .overlayBox .triangleTop {
	position: absolute;
	top: -10px;
	right: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #263440 transparent;
}

#toolbar #portals .overlayBox .portal-led,
#toolbar #portals .overlayBox .portal-crm
{
    width: 40px;
    height:30px;
    float: right;
    cursor: pointer;
    background-color: #263440;
    color: #fff;
    border-radius: 3px;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:12px;
    position: relative;
}



/* Google-Maps */

#google-maps {
	width: 100%;
	height: calc(100% - 115px);
}

#google-maps #map {
	height: 100%;
	width: 100%;
}

#google-maps .google-image-holder img {
	width: 100%;
	height: 100%;
}

.google-map-marker {
	width: 250px;
	height: 350px;
	color: #999;
}

.google-images {
	width: 100%;
	position: relative;
}

.google-images .left-arrow {
	position: absolute;
	left: 0;
	top: 40%;
	padding: 1px 6px;
	font-weight: bold;
	cursor: pointer;
	background-color: #999;
	color: #fff;
}

.google-images .right-arrow {
	position: absolute;
	right: 0;
	top: 40%;
	padding: 1px 6px;
	font-weight: bold;
	cursor: pointer;
	background-color: #999;
	color: #fff;
}

.google-map-marker .image-counter {
	text-align: center;
}



/* Predefined Filter */

.predefined-filter {
	padding:0 0 15px 0;
}

.predefined-filter .filter {
	width:174px;
	background-color:#fff;
	cursor:pointer;
	user-select: none;
}

.predefined-filter .filter span {
	display:block;
	float:left;
	padding:6px;
}

.predefined-filter .filter i {
	float:right;
	font-size:20px;
	padding:3px 6px 3px 0;
}





/**********************************/
/*            Gallery             */
/**********************************/


.gallery-attachment {
	float:left;
	width:6%;
	margin-right: 2%;
	margin-bottom:25px;
}

@media (max-device-width: 1024px) {
	.gallery-attachment {
		width:20%;
	}
}

.gallery-attachment .thumbnail img {
	width:100%;
	z-index:10;
}

.gallery-attachment .thumbnail {
	width:100%;
	height:100px;
	overflow:hidden;
	position:relative;
}


.gallery-attachment .thumbnail i {
	text-align:center;
	font-size:5vw;
	margin:0 auto;
	display: block;
}

.gallery-attachment .gallery-image-name {
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}

.gallery-attachment .delete {
	padding:0 5px;
	background-color:#f5f5f5;
	margin:1px;
	border:1px solid #e2e2e2;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	z-index:15;
}

.icon-info { width:25px; height:25px; border-radius:15px; background-color:#455667; position:relative; cursor:pointer; margin:0 5px 0 5px; }

.info-holder-inner { width:200px; min-width:200px; max-width:200px; position:absolute; background-color:#3A3E47;
	border-radius:2px; padding:5px; left:-185px; top:35px; color:#fff; border:1px solid #a1a1a1; }

.info-holder { position:absolute; top:0px; z-index:1; }

.info-holder-inner { width:200px; min-width:200px; max-width:200px; position:absolute; background-color:#3A3E47;
	border-radius:2px; padding:5px; left:-185px; top:10px; color:#fff; border:1px solid #a1a1a1; }

.info-holder { position:absolute; top:20px; z-index:1; }


#partner-popup { width:500px; display:none; position:absolute; left:calc(50% - 250px); top:200px; z-index:6; }
#partner-popup .box-top-big { border:1px solid #fff; }