.img-responsive { max-width: 100%; height: auto; }

/* Header */

.role-manager header.header-wrapper { background: #DBB46E; }

.role-3rd_shop_manager header.header-wrapper { background: #ca364c; }

header.header-wrapper { background: #0C0C0C; }

.block-page-title-block { float: left; }
.menu--account { float: right; }
.menu--account ul.menu { margin: 34px 0 34px 20px; }
.menu--account .menu .menu-item { display: inline-block; margin-right: 10px; }

.role-manager .menu--account .menu .menu-item a,
.role-manager .users-block a { color: #0c0c0c; }

.role-3rd_shop_manager .menu--account .menu .menu-item a,
.role-3rd_shop_manager .users-block a { color: #FFF; }
.role-3rd_shop_manager .menu--account .menu .menu-item a:hover,
.role-3rd_shop_manager .users-block a:hover { opacity: 0.8; }

.menu--account .menu .menu-item a,
.users-block a { text-transform: uppercase; color: #DBB46E; font-weight: 700; letter-spacing: 1px; transition: .3s ease-out; }

.menu--account .menu .menu-item a:hover,
.menu--account .menu .menu-item a:focus,
.users-block a:hover,
.users-block a:focus { text-decoration: none; color: #FFF; }

.users-block { float: right;  margin: 37px 0 34px 20px; }

.role-manager header.header-wrapper h1 { color: #0c0c0c; font-weight: 400; }

/* Tooltip */

.tooltipped,
.filter-help { cursor: pointer; }

.tooltipped,
.filter-help a { color: #DBB46E; }

/* Buttons */

.btn,
.button-action { background-color: #2B2B2B; }

.btn:hover,
.button-action:hover,
.btn:focus,
.button-action:focus { background-color: #DBB46E; }

.role-3rd_shop_manager .btn:hover,
.role-3rd_shop_manager .button-action:hover,
.role-3rd_shop_manager .btn:focus,
.role-3rd_shop_manager .button-action:focus { background-color: #ca364c; }

.add-buttons,
.taxonomy-button {
	background-color: #2B2B2B;
	color: #FFF;
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .5px;
	padding: 10px 30px;
	transition: .3s ease-out;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.add-buttons::before {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: text-top;
	font-size: 1.25rem;
	font-weight: 600;
	content: 'add';
	font-family: 'Material Icons';
	text-transform: none;
	line-height: 1;
	letter-spacing: normal;
	white-space: nowrap;
	font-style: normal;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.add-buttons:hover,
.add-buttons:focus,
.taxonomy-button:hover,
.taxonomy-button:focus { text-decoration: none; background: #DBB46E; }

.role-3rd_shop_manager .add-buttons:hover,
.role-3rd_shop_manager .add-buttons:focus,
.role-3rd_shop_manager .taxonomy-button:hover,
.role-3rd_shop_manager .taxonomy-button:focus { text-decoration: none; background: #ca364c; }

[type="checkbox"].filled-in:checked + label:after,
input[type="checkbox"][type='checkbox']:checked + label:after { border: 2px solid #2B2B2B; background-color: #2B2B2B; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after { border: 2px solid #2B2B2B; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after { background-color: #2B2B2B; }

fieldset.form-wrapper legend span.fieldset-legend { background: #2B2B2B; }

/* User Login */

.login-header .block-local-tasks-block nav.tabs li a.active { color: #DBB46E; }
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #DBB46E; box-shadow: 0 1px 0 0 #DBB46E; }

.role-3rd_shop_manager input[type=text]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=password]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=tel]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=email]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=url]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=date]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=datetime]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager input[type=number]:not(.browser-default):focus:not([readonly]),
.role-3rd_shop_manager textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #ca364c; box-shadow: 0 1px 0 0 #ca364c; }

textarea.materialize-textarea:focus { border: 1px solid #DBB46E; }
.role-3rd_shop_manager textarea.materialize-textarea:focus { border: 1px solid #ca364c; }

.user-pass p { margin-bottom: 20px!important; }

/* Navigation */

.role-manager .breadcrumb-section-wrapper { background: #0C0C0C; }
.breadcrumb-section-wrapper { background: #2B2B2B; }

.menu--main ul.menu { margin: 0; }
.menu--main .menu .menu-item { padding-top: 0; float: left; }
.menu--main .menu .menu-item a { color: #FFF; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; transition: .3s ease-out; }
.menu--main .menu .menu-item a:hover,
.menu--main .menu .menu-item a:focus,
.menu--main .menu .menu-item a.is-active { text-decoration: none; color: #DBB46E; }

.role-3rd_shop_manager .menu--main .menu .menu-item a:hover,
.role-3rd_shop_manager .menu--main .menu .menu-item a:focus,
.role-3rd_shop_manager .menu--main .menu .menu-item a.is-active { text-decoration: none; color: #ca364c; }

.menu--main .menu .menu-item::after { content: "|"; color: #FFF; margin-right: 5px; }
.menu--main .menu .menu-item:last-child::after { display: none; }

/* Date */

.picker__date-display,
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected { background-color: #DBB46E; }

.picker__today,
.picker__close,
.picker__day.picker__day--today { color: #DBB46E; }

.field--type-datetime .label { color: #757575; font-weight: normal; margin-top: 45px; }

.field--type-datetime .form-type-date { margin: 0; }

.picker__nav--prev:hover,
.picker__nav--next:hover { background: rgba(219, 180, 110, 0.5); }

.clockpicker-canvas line { stroke: #DBB46E; }
.clockpicker-canvas-bearing { fill: #DBB46E; }
.clockpicker-canvas-bg { fill: #DBB46E; }

.clockpicker-tick.active,
.clockpicker-tick:hover { background-color: rgba(219, 180, 110, 0.5); }

/* Locale */

.locale-translate-filter-form .input-field label { top: -35px!important; }

/* Nodes */

.node-kartela-pelati-form .tabledrag-toggle-weight-wrapper,
.node-kartela-pelati-edit-form .tabledrag-toggle-weight-wrapper,
.node-kartela-ypalliloy-form .tabledrag-toggle-weight-wrapper,
.node-kartela-ypalliloy-edit-form .tabledrag-toggle-weight-wrapper,
.taxonomy-overview-terms .tabledrag-toggle-weight-wrapper { display: none; }

fieldset.fieldgroup.form-wrapper legend span.fieldset-legend { color: #DBB46E; }

.dropdown-content li > a,
.dropdown-content li > span { color: #0C0C0C; }

.form-item-field-paratiriseis-0-value label { font-size: 15px; font-weight: bold; }
.form-item-field-paratiriseis-0-value .form-textarea-wrapper { margin-top: 20px; }

/* Exposed Filters */

.views-exposed-form #edit-actions { display: flex; }
.views-exposed-form .picker__container__wrapper { flex: 2!important; }
.views-exposed-form .picker__calendar-container { padding-top: 15px; }
.views-exposed-form .form-type-date label {
	color: #757575;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	font-size: 1rem;
	cursor: text;
	transition: transform .2s ease-out;
	-ms-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	text-align: initial;
	-ms-transform: translateY(12px);
	transform: translateY(12px);
	pointer-events: none;
}
.views-exposed-form .form-type-date label.active { transform: translateY(-14px) scale(0.8); transform-origin: 0 0; }

.views-exposed-form .select-wrapper span.caret { right: 50%; }


@media only screen and (min-width: 601px) {
	.exposed-form-collapsible .collapsible-body .form--inline div { margin: 0 auto!important; width: auto; min-width: auto; }
}

/* E-mails */

.view-emails .views-form #edit-mail #edit-token,
.view-emails .views-form #edit-additional .form-item-views-send-headers { display: none; }
.view-emails .views-form #edit-actions a {
	color: #E53935;
	box-shadow: none;
	background-color: transparent;
	cursor: pointer;
	transition: background-color .2s;
	font-size: 1rem;
	outline: 0;
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
}

.form-item-field-imerominia-gennisis-0-value-date.has-initial-content {
    visibility: hidden;
}

/* Pagination */

.pagination li.active { background-color: #2B2B2B; }

/* Ραντεβού */

.node-ranteboy-form .layout-region-node-main,
.node-ranteboy-edit-form .layout-region-node-main { width: 100%!important; }

.node-ranteboy-form .layout-region-node-secondary,
.node-ranteboy-edit-form .layout-region-node-secondary { width: 100%!important; margin-left: 0!important; }

.node-ranteboy-form .entity-meta__header,
.node-ranteboy-edit-form .entity-meta__header { display: none; }

#edit-field-pinakas-ranteboy-0--description { display: none; }

.form-type-tablefield label { font-size: 15px; }

.view-ranteboy .views-field-nothing h3 { text-align: center; }

.rantevou-actions { text-align: center; }
.rantevou-actions a {
	background-color: #2B2B2B;
	color: #FFF;
	border-radius: 4px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .5px;
	padding: 10px 30px;
	transition: .3s ease-out;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.rantevou-actions a:hover { text-decoration: none; background: #DBB46E; }

.view-ranteboy .views-field-nothing table thead th,
.view-ranteboy .views-field-nothing .tablefield .col_0 { color: #0C0C0C; font-size: 15px; font-weight: normal; border-right: 1px solid #d0d0d0; }
.view-ranteboy .views-field-nothing .tablefield .col_1,
.view-ranteboy .views-field-nothing .tablefield .col_2,
.view-ranteboy .views-field-nothing .tablefield .col_3,
.view-ranteboy .views-field-nothing .tablefield .col_4,
.view-ranteboy .views-field-nothing .tablefield .col_5,
.view-ranteboy .views-field-nothing .tablefield .col_6,
.view-ranteboy .views-field-nothing .tablefield .col_7 { border-right: 1px solid #d0d0d0; }


/* Mobile Phone */

.mobile-number-field .mobile-number-flag { background-position: -32px -155px; }

.field--type-mobile-number .form-item-field-kinito-tilefono-0-mobile input { margin-bottom: 0; }

.mobile-number-field .form-item-field-kinito-tilefono-0-country-code .country-select .country input { margin-top: -47px; }

/* Δραστηριότητα Προσωπικού */

.view-drastiriotita-prosopikoy h3 { text-align: center; }

.calendar-calendar .month-view .full div.calendar,
.calendar-calendar .week-view .full div.calendar,
.calendar-calendar .day-view div.calendar { width: 100%!important; }

.calendar-calendar div.calendar { padding-left: 5px;}

.calendar-calendar div.calendar .contents { font-size: 12px; text-align: center; }

.calendar-calendar div.calendar .contents a { color: #000; display: block; padding-top: 3px!important; }
.calendar-calendar div.calendar .contents a:hover { text-decoration: none; }

.calendar-calendar div.calendar .contents p { color: #000; font-weight: 400; padding-bottom: 3px; border-bottom: 1px solid #DBB46E; }

.view-drastiriotita-prosopikoy .dropbutton-wrapper { display: block; }

.view-drastiriotita-prosopikoy .dropbutton-wrapper .dropbutton-widget .dropdown-content .edit,
.view-drastiriotita-prosopikoy .dropbutton-wrapper .dropbutton-widget .dropdown-content .delete { min-height: 25px; text-align: center; }

.view-drastiriotita-prosopikoy .dropbutton-wrapper .dropbutton-widget .dropdown-content li > a { font-weight: normal; font-size: 12px; }

.drastiriotita-edit-link {
	background-color: #2B2B2B!important;
	color: #FFF!important;
	margin-top: 10px;
	border-radius: 4px;
	font-weight: 400!important;
	text-align: center;
	letter-spacing: .5px;
	padding: 3px 0!important;
	transition: .3s ease-out;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.drastiriotita-edit-link:hover { background: #DBB46E!important; }

/* Νέο Ραντεβού */

.view-neo-ranteboy textarea.materialize-textarea,
.view-ranteboy-neoy-magazioy textarea.materialize-textarea,
.view-ranteboy-tritoy-magazioy textarea.materialize-textarea { width: 100%; text-align: center; margin-bottom: 0; }

.view-neo-ranteboy .views-field-nothing td,
.view-ranteboy-neoy-magazioy .views-field-nothing td,
.view-ranteboy-tritoy-magazioy .views-field-nothing td { text-align: center; padding: 5px 15px!important; }

.view-neo-ranteboy .views-field-nothing thead th,
.view-ranteboy-neoy-magazioy .views-field-nothing thead th,
.view-ranteboy-tritoy-magazioy .views-field-nothing thead th { text-align: center; font-weight: bold; }

.view-neo-ranteboy .views-field-nothing .field--type-string-long .form-type-textarea,
.view-ranteboy-neoy-magazioy .views-field-nothing .field--type-string-long .form-type-textarea,
.view-ranteboy-tritoy-magazioy .views-field-nothing .field--type-string-long .form-type-textarea { margin: 0!important; }

.view-neo-ranteboy .views-field-nothing h3,
.view-ranteboy-neoy-magazioy .views-field-nothing h3,
.view-ranteboy-tritoy-magazioy .views-field-nothing h3 { font-size: 25px; text-align: center; margin-bottom: 35px; }

.view-neo-ranteboy .views-table table.sticky-header thead tr th,
.view-ranteboy-neoy-magazioy .views-table table.sticky-header thead tr th,
.view-ranteboy-tritoy-magazioy .views-table table.sticky-header thead tr th {
	position: sticky;
	position: -webkit-sticky;
  	position: -moz-sticky;
  	position: -ms-sticky;
  	position: -o-sticky;
	top: 0;
	background-color: #FFF;
	border-bottom: 1px solid rgb(117, 117, 117);
	z-index: 100;
	border-radius: 0;
	box-shadow: 0px 2px 2px rgba(20, 20, 20, 0.3);
	font-size: 16px;
}

.toolbar-horizontal .view-neo-ranteboy .views-table table.sticky-header thead tr th,
.toolbar-horizontal .view-ranteboy-neoy-magazioy .views-table table.sticky-header thead tr th,
.toolbar-horizontal .view-ranteboy-tritoy-magazioy .views-table table.sticky-header thead tr th { top: 55px; }

.view-neo-ranteboy table.highlight > tbody > tr:hover,
.view-ranteboy-neoy-magazioy table.highlight > tbody > tr:hover,
.view-ranteboy-tritoy-magazioy table.highlight > tbody > tr:hover { background: transparent; }

.pull-left { float: left; }
.pull-right { float: right; }
.left-icon { padding: 10px 0 0 5px; cursor: pointer; }
.right-icon { padding: 10px 5px 0 0; cursor: pointer; }

.calendar-block a:-webkit-any-link{
	text-decoration:none!important;
	color: black!important;
}
.calendar-block a { color: black!important; }

.calendar-block { min-height: 335px; }
.calendar-block .wrapper {
	margin: 30px auto;
	border: 0.1em solid #ccc;
	width: 500px;
	/*height: 325px;*/
	box-shadow: 0.1em 0.2em 0.8em #ccc;
}
.calendar-block .wrapper { display: none; }

.calendar-block .header {
	height: 50px;
	background-color: #404040;
	color: white;
	text-align: center;
}

/*.calendar-block .glyphicon.glyphicon-chevron-right,
.calendar-block .glyphicon.glyphicon-chevron-left { cursor: pointer; }*/

.calendar-block .calendar-body .col-xs-1 {
	width: 70px;
	margin-left: 0;
	text-align: center;
}

.calendar-block .header p {
	padding-top: 15px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
  }

.calendar-block .header span { padding: 1.3em; }

.calendar-block .inactive { color: #ccc; }

.calendar-block .weekdays { padding: 1em; }

.calendar-block .dates { padding: 0.2em 1em 0.2em 1em; }

.calendar-block .weekdays, .calendar-block .dates {
	display: flex;
}

.calendar-block .weekdays > div, .calendar-block .dates > div {
	flex: 1;
	text-align: center;
	padding: 5px;
}

.calendar-block .weekdays > div p, .calendar-block .dates > div p { margin: 0; }

.calendar-block .line { height: 0.1em; border: 0.1em solid #EEEEEE; }

.calendar-block .current-date {
	text-transform: uppercase;
	text-align: center;
	padding: 0.7em;
}

.calendar-block .calendar-body .row .col-xs-1 p:hover { color: #4778a6; }

.calendar-block .calendar-body .row a.selected { font-weight: bold; }

.view-neo-ranteboy .form-actions,
.view-ranteboy-neoy-magazioy .form-actions,
.view-ranteboy-tritoy-magazioy .form-actions { position: fixed; top: 160px; left: 0; z-index: 100; }

.view-neo-ranteboy .form-actions i.waves-effect.waves-input-wrapper.button,
.view-ranteboy-neoy-magazioy .form-actions i.waves-effect.waves-input-wrapper.button,
.view-ranteboy-tritoy-magazioy .form-actions i.waves-effect.waves-input-wrapper.button { height: 65px; border-radius: 0; }

.view-neo-ranteboy .form-actions input.success.button.form-submit.waves-button-input,
.view-ranteboy-neoy-magazioy .form-actions input.success.button.form-submit.waves-button-input,
.view-ranteboy-tritoy-magazioy .form-actions input.success.button.form-submit.waves-button-input {
	width: 60px;
	font-size: 0;
	background-image: url(/sites/default/files/save-button.png);
	background-repeat: no-repeat;
	background-position: center;
}

.view-neo-ranteboy .form-actions input.success.button.form-submit.waves-button-input:focus,
.view-ranteboy-neoy-magazioy .form-actions input.success.button.form-submit.waves-button-input:focus,
.view-ranteboy-tritoy-magazioy .form-actions input.success.button.form-submit.waves-button-input:focus { outline: 0; }

@media only screen and (max-width: 768px) {
	.menu--account { float: none; }
	.menu--account ul.menu { margin: 15px 0 15px 0; text-align: center; }
	.menu--account .menu .menu-item { margin-right: 5px; }
	.users-block { margin: 0 0 15px 0px; width: 100%; text-align: center; }
	header.header-wrapper h1 { margin-top: 5px; }
	.view-pelatologio .views-table .views-field-title .tablesaw-cell-label,
	.view-prosopiko .views-table .views-field-title .tablesaw-cell-label { display: none; }
	input:not([type]),
	input[type='text']:not(.browser-default),
	input[type='password']:not(.browser-default),
	input[type='email']:not(.browser-default),
	input[type='url']:not(.browser-default),
	input[type='time']:not(.browser-default),
	input[type='date']:not(.browser-default),
	input[type='datetime']:not(.browser-default),
	input[type='datetime-local']:not(.browser-default),
	input[type='tel']:not(.browser-default),
	input[type='number']:not(.browser-default),
	input[type='search']:not(.browser-default) { width: 100%; }
	i.waves-input-wrapper .waves-button-input { padding: 0 1em; }
	.path-emails header.header-wrapper,
	.path-emails .breadcrumb-section-wrapper { width: 610px; }
	.path-emails .views-exposed-form .exposed-form-collapsible { width: 575px; }
	.path-emails .views-exposed-form .collapsible-body .form-item { margin-right: 20px!important; }
	.path-sms header.header-wrapper,
	.path-sms .breadcrumb-section-wrapper { width: 430px; }
	.path-sms .views-exposed-form .exposed-form-collapsible { width: 405px; }

	.path-new-rantevou header.header-wrapper,
	.path-new-rantevou .breadcrumb-section-wrapper,
	.path-rantevou-newshop header.header-wrapper,
	.path-rantevou-newshop .breadcrumb-section-wrapper,
	.path-rantevou-third-shop header.header-wrapper,
	.path-rantevou-third-shop .breadcrumb-section-wrapper { width: 990px; }

	.view-neo-ranteboy .form-actions,
	.view-ranteboy-neoy-magazioy .form-actions,
	.view-ranteboy-tritoy-magazioy .form-actions { top: 220px; }

	.calendar-block .wrapper { margin: 30px 235px; }

	.view-neo-ranteboy .form-actions input.success.button.form-submit.waves-button-input,
	.view-ranteboy-neoy-magazioy .form-actions input.success.button.form-submit.waves-button-input,
	.view-ranteboy-tritoy-magazioy .form-actions input.success.button.form-submit.waves-button-input { width: 45px; }

	.view-neo-ranteboy .form-actions i.waves-effect.waves-input-wrapper.button,
	.view-ranteboy-neoy-magazioy .form-actions i.waves-effect.waves-input-wrapper.button,
	.view-ranteboy-tritoy-magazioy .form-actions i.waves-effect.waves-input-wrapper.button { height: 55px; }

	.view-neo-ranteboy textarea.materialize-textarea,
	.view-ranteboy-neoy-magazioy textarea.materialize-textarea,
	.view-ranteboy-tritoy-magazioy textarea.materialize-textarea { width: 100px; }
}