@charset "utf-8";
/* @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&subset=latin,greek-ext); */
@import url(v2_style_custom_text.css);

html,
body {font-family: 'Roboto Condensed', sans-serif;-webkit-font-smoothing: antialiased;min-height: 100%;background: #f9f9f9;font-size:14px;margin:0px;padding:0px;}
input, select, textarea {font-family:"Roboto Condensed", Verdana, Geneva, sans-serif;font-size:16px;}

a {color:#343434;text-decoration:none;cursor:pointer;outline:none;}
a:hover, a:active, a:focus {color:#53baab;outline:none;text-decoration:none;}
.btn:focus {outline:none;}

.btnSave {padding:3px 10px;border:solid 1px #ccc;line-height:20px;font-size:16px;}
.btnSave i {font-size:24px;line-height:24px;padding:2px 0;}
.btnSave:hover {background-color:#4B4B4B;color:#fff;}
.btnfixed {position:fixed;top:2px;right:60px;z-index: 99;}

.btn-danger {color:#fff!important}

img {max-width: 100%!important;}
.gm-style img {max-width: none!important;}
a img {border:none; }
h1{font-size:18px; }
h2{font-size:16px; }
h3{font-size:14px; }
.clear {clear:both!important;}
.show {display:block!important;}
.hide {display:none!important;}
.left {float:left!important;}
.right {float:right!important;}
.no-float {float:initial!important;}
.red {color:#d00!important;}
.no-padding {padding:0px!important;}

.gap-10, .gap10 {height:10px;width:100%;}
.gap-20, .gap20 {height:20px;width:100%;}
.gap-30, .gap30 {height:30px;width:100%;}
.gap-40, .gap40 {height:40px;width:100%;}
.gap-50, .gap50 {height:50px;width:100%;}
.gap-60, .gap60 {height:60px;width:100%;}
.gap-70, .gap70 {height:70px;width:100%;}
.gap-80, .gap80 {height:80px;width:100%;}
.gap-90, .gap90 {height:90px;width:100%;}
.gap-100, .gap100 {height:100px;width:100%;}

.hr {display:block;border-bottom:1px solid #ccc;}
/*** Layouts ***/
.wrapper {min-height: 100%;}
.wrapper:before,
.wrapper:after {display: table;content: " ";}
.wrapper:after {clear: both;}
/*** Header ***/
body > .header {position: absolute;top: 0;left: 0;right: 0;z-index: 1030;}
.right-side,
.left-side {min-height: 100%;display: block;}
.right-side {background-color: #f9f9f9;margin-left:220px;}
.left-side {position: absolute;width: 220px;top:0;border-right: 1px solid #DBDBDB;background: #f4f4f4;-webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);}

.big_left_menu .left-side {width: 300px;}
.big_left_menu .right-side {margin-left: 300px;}


.hide_left_top_menu > .header {display:none!important;}
.hide_left_top_menu > .wrapper {margin-top:0px!important;}
.hide_left_top_menu .left-side {display:none;}
.hide_left_top_menu .right-side {margin-left:0px;}

body.fixed > .header,
body.fixed .left-side,
body.fixed .navbar {position: fixed;}
body.fixed > .header {top: 0;right: 0;left: 0;}
body.fixed .navbar {left: 0;right: 0;}
body.fixed .wrapper {margin-top: 50px;}

/*** navbar topTools ***/
body > .header {position:relative;max-height:100px;z-index:1031;}
body > .header .navbar {margin-bottom: 0;margin-left: 220px;background:#474747;}
body > .header .navbar .sidebar-toggle {float: left;padding:8px 0 0 5px;margin-top:4px;margin-right: 0;margin-bottom:4px;margin-left: 5px;background-color: transparent;background-image: none;border: 1px solid transparent;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
body > .header .navbar .sidebar-toggle i {color:#fff;font-size:24px;}
/* body > .header .navbar .sidebar-toggle:hover .icon-bar {background: #d00;}
body > .header .navbar .sidebar-toggle .icon-bar {display: block;width: 22px;height:2px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
body > .header .navbar .sidebar-toggle .icon-bar + .icon-bar {margin-top: 4px;} */
body > .header .navbar .navbar-right .nav {margin-right:10px;}
body > .header .navbar .topTools li {margin-right: 5px;}
body > .header .navbar .topTools li a {color:#fff;font-size:20px;}
body > .header .navbar .topTools .nav > li > a:focus,
body > .header .navbar .topTools .nav > li > a:hover {background:none;color:#53baab;}
body > .header .navbar .topTools .nav > li > a > .fa {margin-right: 5px;}
body > .header .logo {float:left;line-height:50px;text-align:center;background-color:#363636;width:220px;display:block;}
body > .header .logo img {max-width:100%;padding:8px 30px;float:left;}

/*** sidebar ***/
.sidebar {border-bottom: 1px solid #fff;margin-bottom:5px;}
.sidebar.scroll {overflow-y:scroll;}
.sidebar .sidebar-menu {list-style:none;margin:0;padding: 0;}
.sidebar > .sidebar-menu > li {border-top:1px solid #fff;border-bottom:1px solid #dbdbdb;margin: 0;padding: 0;}
.sidebar > .sidebar-menu > li:first-of-type {border-top: 1px solid #dbdbdb;}
.sidebar > .sidebar-menu > li:first-of-type > a {border-top: 1px solid #fff;}
.sidebar > .sidebar-menu > li > a {margin-right: 1px;padding: 12px 5px 12px 15px;display: block;position:relative;}
.sidebar .sidebar-menu > li > a > .fa { width: 18px;}
.sidebar .sidebar-menu > li > a > .fa.pull-right { position:absolute;right:5px;padding:3px 0 0 0;background: #f4f4f4; width: 10px;z-index:9999;}
.sidebar > .sidebar-menu > li > a:hover,
.sidebar > .sidebar-menu > li.active > a {color: #222;background: #f9f9f9;}
.sidebar > .sidebar-menu .treeview-menu {margin: 0 1px;background: #f9f9f9;display: none;list-style: none;padding: 0;margin: 0;}
.sidebar > .sidebar-menu .treeview-menu > li {margin: 0;}
.sidebar > .sidebar-menu .treeview-menu > li.divider {border-bottom:1px solid #ccc;margin:5px 20px 6px 20px;height:1px;}
.sidebar > .sidebar-menu .treeview-menu > li > a:before {content: "\f105";font-family:"FontAwesome";padding-right:10px;}
.sidebar > .sidebar-menu .treeview-menu > li > a {padding: 5px 5px 5px 15px;display: block;font-size: 14px;margin: 0px 0px;}
.sidebar a {color: #555555;}
.sidebar a:hover {text-decoration: none;}
.treeview-menu > li > a {color: #777;}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover {color: #111;}
.sidebar > .sidebar-menu > li > a:hover > .fa.pull-right,
.sidebar > .sidebar-menu > li.active > a > .fa.pull-right {background:#f9f9f9;}


@media screen and (min-width: 992px) {
	.left-side {top: 50px;}
	.right-side.strech {margin-left: 0;}
	.right-side.strech > .content-header {margin-top: 0px;}
	.left-side.collapse-left {left: -220px;}

	.big_left_menu .left-side.collapse-left {left: -300px;}

}
@media screen and (max-width: 500px) {
	body.fixed > .header {position:absolute;}
}
@media screen and (max-width: 560px) {
	body > .header {position:relative;}
	body > .header .logo,
	body > .header .navbar {width:100%;float:none;position:relative!important;}
	body > .header .navbar {margin:0;}
}
@media screen and (max-width: 680px) {
	body > .header .logo {display:none;}
	body > .header .navbar {margin-left:0px;}
}
@media screen and (max-width: 767px) {
  .navbar .navbar-nav > li {float:left;}
  .navbar-nav {margin:0;float:left;}
  .navbar-nav > li > a {padding-top:15px;padding-bottom:15px;line-height:20px;}
  .navbar .navbar-right {float:right;}
}
@media screen and (max-width: 992px) {
	.right-side {margin-left: 0;}
	.relative {position: relative;}
	.row-offcanvas-right .sidebar-offcanvas {right: -220px;}
	.row-offcanvas-left .sidebar-offcanvas {left: -220px;}
	.row-offcanvas-right.active {right: 220px;}
	.row-offcanvas-left.active {left: 220px;}
	.sidebar-offcanvas {left: 0;}
	body.fixed .sidebar-offcanvas {margin-top: 50px;left: -220px;}
	body.fixed .row-offcanvas-left.active .navbar {left: 220px !important;right: 0;}
	body.fixed .row-offcanvas-left.active .sidebar-offcanvas {left: 0px;}
}

/*** user ***/
.user-panel {padding:15px 20px;}
.user-panel:before,
.user-panel:after {display: table;content: " ";}
.user-panel:after {clear: both;}
.user-panel p {padding:0px;margin:0px;text-align:center;}
.user-panel .image > img {max-width:200px;height:auto;border:none;}


/*** topControl ***/
.right-side .content {position:relative;padding:15px 15px;background:#f9f9f9;}
.right-side .content-header {position:absolute;right:0px;top:0px;width:100%;display:block;border-bottom: 1px solid #dbdbdb;z-index:1030;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);}
.right-side .content-header.fixed {position:sticky;position: -webkit-sticky;top:50px;}
.content-header .topControl  {width:100%;font-size:14px;line-height:20px;padding:10px 15px 5px 15px;margin:0px;display:inline-block;background-color: #f5f5f5;}
.content-header .topControl .breadcrumb {margin:0 20px 0 0;display:inline-block;padding:0px;}
.content-header .topControl .breadcrumb > li > a {color:#444;text-decoration:none;}
.content-header .topControl .breadcrumb > li > a > .fa,
.content-header .topControl .breadcrumb > li > a > .glyphicon {margin-right: 5px;}
.content-header .topControl .breadcrumb > li + li:before {content: '>\00a0';}
.content-header .topControl .breadcrumb > li > div,
.content-header .topControl .breadcrumb > li > input,
.content-header .topControl .breadcrumb > li > select,
.content-header .topControl .breadcrumb > li > form {display:inline-block;}
.content-header .topControl .breadcrumb > li .btn {padding:2px 10px 2px 10px;}
.content-header .topControl .breadcrumb > li .btn.dropdown-toggle {padding-right:28px;}

.content-header .topControl .control {width:auto;display:inline-block;float:initial;font-size:14px;}
.content-header .topControl .control a {display:inline-block;color:#33950F;margin:0 10px;}
.content-header .topControl .control a:hover {color:#000;}
.content-header .topControl .control a.reload {}
.content-header .topControl .control a i {font-size:18px;margin-right:5px;}
.content-header .topControl .control .orderOprion,
.content-header .topControl .control .orderOption {margin:0 10px;font-weight:normal;display:inline-block;line-height:20px;}
.content-header .topControl .control .orderOprion button,
.content-header .topControl .control .orderOption button {color:#dd0000;background:none;border:none;padding:0px;display:inline-block;}
.content-header .topControl .control .orderOprion button i,
.content-header .topControl .control .orderOption button i {font-size:24px;margin:0 0 0 15px;}
.content-header .topControl .control .orderOprion .saveListOrder,
.content-header .topControl .control .orderOption .saveListOrder {display:none;}

@media screen and (max-width: 500px) {
	.right-side .content-header.fixed {position:absolute;}
}

/*** BUTTONS ***/
.toggle {border-color:#747474;}
.toggle .toggle-on {background-color: #33950f;}
.toggle .toggle-off {background-color: #dd0000;color:#fff;}


.bootstrap-select.btn-group .dropdown-menu li.selected a {background: #53baab;color: #fff;}

/*** FOOTER ***/
#footer {padding:10px 10px 0 10px;text-align:center;}
.menuFooter {margin:10px 0 0 0;text-align:center;padding:10px;}

.sendDataAgain {padding: 5px 10px;color:#ccc;}
.sendDataAgain:hover {color:#d00;}

/*** CONTENT ***/
.wrapper .rowStats {width:100%;text-align:right;}
.content .panel.panel-default {margin-bottom:50px;}
.content .panel .table thead tr th {background:#E0E0E0;color:#000;font-weight:300;font-size:15px;}
.content #list {}
.content #list tr {}
.content #list > tr:hover {background:#E7ECE8;color:#000!important;}
.content #list > tr.highlightRow {background:#e6fcdd;}
.content #list > tr.highlight {background:#FFE6E6;}
.content #list > tr.highlight:hover {background:#F5BDBD;}
.content .table {}
.content .table  > tbody > tr {border-top:1px solid #ddd;}
.content .table  > tbody > tr > th,
.content .table  > tbody > tr > td {font-size:14px;line-height:25px;border:none;vertical-align: middle;}

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {padding:3px 5px;}

.content .table  > tbody > tr:nth-child(even) {background:#FEFEFE;}
.content .table  > tbody > tr:nth-child(even):hover {background:#F0F0F0;}
.content .table  > tbody > tr:nth-child(odd):hover {background:#F0F0F0;}
.content #list tr td.open {cursor:pointer;}
.content #list tr td.pencil {width:24px;}
.content #list tr td.delete {width:52px;}
.content #list tr td.switch {width:65px;}
.content #list tr td.small,
.content #list tr td.id {width:50px;}
.content #list tr td.medium {width:120px;}
.content  a.delete {font-size:18px;color:#d00;padding:0 2px;}
.content  a.delete:hover {color:#000;}
.content  a.delete.disabled {color:#999;cursor:not-allowed;}
.btn.disabled, .btn[disabled] {cursor:not-allowed!important;filter:alpha(opacity=40);opacity: .4;}
.btn.disabled label, .btn[disabled] label {cursor:not-allowed!important;}

.content #list.ui-sortable tr,
.content #list.ui-sortable .ui-sortable-helper {width:100%;}
.content #list > .ui-sortable-placeholder {height:30px;width:100%;outline:2px dashed #6F6F6F;background:#FFFBCE!important;}


.content #list .entry .order:before {content:"\f0dc";font-family:"fontAwesome";color:#CECECE;float:left;}
.content #list .entry:hover .order:before {color:#888;}
.content #list .entry .order {cursor:move;width:50px;}
.content #list .entry .order.medium {width:100px;}

.content #list .entry {}
.content #list .entry.disableSortingEntries {opacity:0.2;}

.content .table:not(.hasSubGroup_false) #list .entry.belongsTo_0 {font-weight:bold;border-top: 1px solid #aaa;} /* πρώτο επίπεδο κατηγορίας */
.content .table:not(.hasSubGroup_false) #list .entry:not(.belongsTo_0) {color:#666666;} /* όλα τα άλλα εκτός του πρώτου επιπέδου - κατηγορία */
.content .table:not(.hasSubGroup_false) #list .entry:not(.belongsTo_0) .fa-pencil,
.content .table:not(.hasSubGroup_false) #list .entry:not(.belongsTo_0) .fa-plus {color:#999999;}

.tableHeaderStickyMe {}
.tableHeaderStickyMe .stickyMe {z-index:1029;}


/********* LIST AS TABLE **********/
/* #listWithBelongsTo {}
#listWithBelongsTo li {width:100%;display:block;}
#listWithBelongsTo li .listAsTable {width:100%;display:table;}
#listWithBelongsTo li .listAsTable > div {width:auto;display:table-cell;}
#listWithBelongsTo li:nth-child(even) {background:#F7F7F7;}

#listWithBelongsTo ul {margin:0px;padding:0px;list-style:none;}
#listWithBelongsTo ul ul {}
#listWithBelongsTo ul ul ul {}


 */








.orderBy {cursor:pointer;}
.orderBy:before  {content:"\f0dc";font-family:"FontAwesome";padding-right:5px;color:#999;}
.orderBy.orderByUp:before {content:"\f0d8";color:#000;}
.orderBy.orderByDown:before {content:"\f0d7";color:#000;}

.filterRow > th,
.filterRow > td {padding:0px!important;}
.filterRow .filterBy {padding:0 10px!important;position:relative;}
.filterRow .filterBy input {width:100%;font-size:14px;line-height:16px;color:#656565;padding:2px 4px;background:rgba(255,255,255,0.1);border:solid 1px #999;margin-bottom: 2px;z-index:101;}
.filterRow .filterBy button {position:absolute;right:0px;top:-1px;z-index:102;border: 1px solid #000;}

.levelSpace {width:14px;display:inline-block;}

/* επιστροφή στην κορυφή */
#back-to-top {color:#000;margin:0px;padding:5px 10px;position: fixed;bottom:18px;right:10px;display:none;border:solid 1px #ddd;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/* popup μήνυμα στο χρήστη */
#alert_message {cursor:pointer;width:300px;text-align:center;position:fixed;top:40%;left:50%;margin-left:-150px;border:1px solid #e2b709;padding:8px;background:#ffe57e;box-shadow:0 5px 90px #888;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;z-index:99;}
#alert_message .removeAlert {width:25px;height:25px;text-align:center;position:absolute;right:-15px;top:-15px;border:none;color:#fff;background:#000;padding:0px;overflow:hidden;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;box-shadow:2px 2px 4px rgba(0,0,0,0.4);}
#alert_message .removeAlert i {line-height:25px;font-size:22px;}
#alert_message > h2 {border:solid 1px #a2d246;padding:5px 10px;line-height:28px;margin:0px;font-weight:normal;background:#ebf8a4;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#alert_message > h2.error {background:#FFC0CB;border:1px solid #800000;}
#alert_message > textarea {resize: none;min-width:285px;max-width:285px;height:200px;margin:10px 0 0 0;border:none;background:#FFF4CE;padding:5px;}

.alert {line-height: 22px;font-weight: 300;font-size: 16px;}

/* iframe περιεχόμενο */
#iframeLoader {background:#fff;position:fixed;z-index:9999999;width: 100%;height: 100%;}

#iframebody {display:block;width: 100%;height: 100%;min-height:100vh;min-width:100%;}
#iframebody #iframe_container {min-height: 100vh}
#iframebody .wrapper {min-height: 100vh}

#iframe_container {margin:0;padding:0px;display:block;width:100%;}
#iframe_container #miniToolbarIframe {position:fixed;top:0px;right:0px;background:#000;display:block;z-index: 1030;padding:0;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;box-shadow:-1px 2px 3px rgba(0, 0, 0, 0.6);}
#iframe_container #miniToolbarIframe a {display:block;font-size:25px;line-height:30px;color:#fff;margin-bottom:10px;padding:0 10px;}
#iframe_container #miniToolbarIframe:hover {background:#4B4B4B;}
#iframe_container #miniToolbarIframe a:hover {color:#a7ff69;}
#iframe_container #miniToolbarIframe a.closeOverlayBox:hover {color:#ff6969;}
#iframe_container .pageTitle {width:100%;background:#F0F0F0;padding:10px;border-bottom:solid 1px #999;margin-bottom:10px;font-size:18px;}
#iframe_container .pageTitle.fixed {position:fixed;z-index:99;}
#iframe_container #frameContent {width:100%;padding:10px;}
#iframe_container #frameContent {font-size:16px;line-height:16px;}

#iframe_container #frameContent > div:first-child:not(.mynav-tabs) {border:none;}


/***** CUSTOM TABS for iframe *****/
.mynav-tabs {border-bottom: 1px solid #ddd;}
.mynav-tabs > li {float: left;margin-bottom: -1px;}
.mynav-tabs > li > a {color:#000;margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}
.mynav-tabs > li > a:hover {border-color: #eee #eee #ddd;}
.mynav-tabs > li.active > a,
.mynav-tabs > li.active > a:hover,
.mynav-tabs > li.active > a:focus {color: #555;cursor: default;background-color: #f9f9f9;border: 1px solid #ddd;border-bottom-color: transparent;}
.mytab-content {border:1px solid #ddd;border-top:none;padding:10px;}
.mytab-content .form-group > label {line-height: 33px;margin: 0 10px 0 0;}
.mytab-content .dropdown-header {background: #ddd;color: #000;padding: 10px 20px;font-size: 16px;margin: 0 0 10px 0;}
.mytab-content .dropdown-menu .selected {}
.mytab-content .dropdown-menu .selected a {background: #53baab;color: #fff;}

.mytab-content .form-group-inline {display:block;}
.mytab-content .form-group-inline .form-group {display:inline-block;margin-right:20px;}




#iframe_container #frameContent .nav-tabs li a {color:#000;}
#iframe_container #frameContent .tab-content > .tab-pane {padding:20px 0 0;}
#iframe_container #frameContent .tab-content {border:1px solid #ddd;border-top:none;padding:10px;background:#f2f2f2;}
#iframe_container #frameContent .tab-content.one-tab {border:1px solid #ddd;border-top:solid 1px #ddd;padding:10px;}
#iframe_container #frameContent .tab-content.one-tab > .tab-pane {padding:0px 0 0;}
#iframe_container #frameContent .nav-tabs > li.active > a,
#iframe_container #frameContent .nav-tabs > li.active > a:focus,
#iframe_container #frameContent .nav-tabs > li.active > a:hover {background:#f2f2f2;}

#iframe_container #frameContent label {font-weight:300;line-height: 30px;font-size: 16px;}
#iframe_container #frameContent .checkbox label {font-weight:300;line-height:20px;font-size:16px;}
#iframe_container #frameContent .toggle-group label {line-height: 20px;font-size:14px;}
#iframe_container #frameContent .parentSelectPicker {padding-top: 5px;}
#iframe_container #frameContent .tab-content .form-group {margin:10px 20px 10px 0;display:inline-block;width:auto;}
#iframe_container #frameContent .form-group.full {width:100%;}
#iframe_container #frameContent .form-group .form-control {display:inline-block;width:auto;margin-left:10px;float:right;max-width:100%;}
#iframe_container #frameContent .form-group .new-alignment {display:inline-block;width: -webkit-fill-available;margin-left:0;float:right;max-width:100%;}
#iframe_container #frameContent .form-group.full textarea {max-width:100%;min-width:100%;}
#iframe_container #frameContent .note {font-size:14px;color:#777;}

#iframe_container #frameContent .tab-content .tab-content {background:#eee;}
#iframe_container #frameContent .tab-content .nav-tabs li.active a {background:#eee;}

#iframe_container #frameContent .form-new .form-group .form-control {width:100%;display:block;float:none;margin:0px;}
#iframe_container #frameContent .langTabs .form-group .form-control {margin:0px;display:block;}
#iframe_container #frameContent  fieldset {background: rgba(245, 245, 245, 0.5);padding:0 10px 30px 10px;}
#iframe_container #frameContent  fieldset legend {line-height: 1;font-size: 1.3rem;}



/**** NEW STYLE - v3 *****/
.field {display:block;width:100%;position:relative;}
#iframe_container #frameContent .form-new .form-group .field .form-control {float:initial;font-size:1em!important;color:#000;padding:25px 15px 5px 15px;outline:0;height:auto;box-shadow:none;-webkit-box-shadow:none;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;border-radius:0.3em;border:1px solid #dbdbdb;}

.form-group-placeholder .form-control {padding:20px 15px 5px 15px;}
.field .placeholder-label-inline {font-size: 1em;}
.field .placeholder-label {position:absolute;pointer-events:none;left:15px;top:20px;transition:0.2s ease all;font-size: 0.9rem !important;line-height: 1.2 !important;margin: 0;}
.field .form-control.has-value ~ .placeholder-label,
.field .form-control:focus ~ .placeholder-label{top:5px;left:15px;font-size:0.8em;line-height:1.5;opacity:1;}
.field .form-control:focus {color:#000;box-shadow:none;-webkit-box-shadow:none;border-color:#ddd;}

.placeholder-label-selectbox {z-index:1;position:absolute;line-height:1.5;font-size: 0.9em !important; font-weight: 300;opacity:1;left:15px;top:2px;pointer-events:none;transition:0.2s ease all;}

.select-placeholder-container.select-has-value .placeholder-label-selectbox,
.select-placeholder-container:focus .placeholder-label-selectbox {top:2px;left:15px;font-size:0.8em;line-height:1.5;opacity:1;}

#iframe_container #frameContent .form-new .form-group .field .bootstrap-select .btn {color: #000;background-color: #fff;border: 1px solid #dbdbdb;padding:24px 35px 10px 15px;}
/**** NEW STYLE END - v3 *****/

.parentSelectPicker {width:auto;}
.parentSelectPicker .bootstrap-select {width:100%!important;}
.parentSelectPicker .bs-searchbox .form-control {width:100%!important;}


/* ***** για τα μετα στο iframe μετράει τους επιτρεπόμενους χαρακτήρες ***** */
.edit_title {width:100%!important;margin:0 0 10px 0!important;}
.edit_title.checkTitleOption label {margin:0 0 0px 0!important;}
.edit_title .checkTitle {display:none;}
.edit_title.checkTitleOption .checkTitle {line-height:25px;display:block;width:100%;min-height:25px;font-size: 1rem;font-style: italic;}
.edit_title.checkTitleOption .checkTitle > span {color:#ccc;}
/* ***** MY EDITOR ***** */
#iframe_container form .textareaMini {margin:10px 0 10px 0;display:block;width:100%;}
#iframe_container form .textareaMini label {margin:0 0 10px 0;display:block;width:100%;font-size:18px;line-height:25px;}
#iframe_container form .textareaMini .my_editor {width:100%;height:auto;display:block;position:relative;}
#iframe_container form .textareaMini .my_editor .ribbon {width:100%;display:block;padding:3px 3px;border-top:solid 1px #999;border-left:solid 1px #999;border-right:solid 1px #999;background-color: #f0f0f0;background-image: -moz-linear-gradient(top,#fff,#d9d9d9);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d9d9d9));background-image: -webkit-linear-gradient(top,#fff,#d9d9d9);background-image: -o-linear-gradient(top,#fff,#d9d9d9);background-image: linear-gradient(to bottom,#fff,#d9d9d9);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0);zoom: 1;}
#iframe_container form .textareaMini .my_editor .ribbon .toolblock {width: auto;display: inline-block;line-height: 20px;}
#iframe_container form .textareaMini .my_editor a {margin: 0px;padding:0px 5px;float:left;line-height:20px;height:auto;width:auto;min-width: 25px;position: relative;display: inline-block;text-shadow: 0 1px 1px rgba(255,255,255,.75);background-color: #f0f0f0;background-image: -moz-linear-gradient(top,#fff,#d9d9d9);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d9d9d9));background-image: -webkit-linear-gradient(top,#fff,#d9d9d9);background-image: -o-linear-gradient(top,#fff,#d9d9d9);background-image: linear-gradient(to bottom,#fff,#d9d9d9);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0);zoom: 1;border: 1px solid #b1b1b1;border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) rgba(0,0,0,.25);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);}
#iframe_container form .textareaMini .my_editor a i {text-shadow:1px 1px #fff;font-size:16px;line-height:24px;width:auto;height:auto;text-align: center;display:block;}
#iframe_container form .textareaMini .my_editor a.bull {}
#iframe_container form .textareaMini .my_editor a.bull i {font-size:8px!important;}
#iframe_container form .textareaMini .my_editor a:hover {color: #333;background-color: #e3e3e3;background-image: -moz-linear-gradient(top,#f2f2f2,#ccc);background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#ccc));background-image: -webkit-linear-gradient(top,#f2f2f2,#ccc);background-image: -o-linear-gradient(top,#f2f2f2,#ccc);background-image: linear-gradient(to bottom,#f2f2f2,#ccc);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffcccccc', GradientType=0);zoom: 1;}
#iframe_container form .textareaMini textarea {border:solid 1px #999;border-top:0px;padding:5px 10px 5px 10px;display:block;min-width:100%;min-height:90px;max-height:400px;height:90px;max-width:100%;font-size: 16px;line-height: 22px;}
#iframe_container form .textareaMini .my_editor a {border-width:1px 0 1px 0;}
#iframe_container form .textareaMini .my_editor a:first-child {border-left: 1px solid rgba(0,0,0,.25);-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
#iframe_container form .textareaMini .my_editor a:last-child {border-right: 1px solid rgba(0,0,0,.1);-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
/* ***** END MY EDITOR ***** */
/* ***** EDIT TEXTAREA ***** */
.textareaEditor {height:auto;width:auto;border:none;margin:5px 0 25px 0;}
.textareaEditor label {width:50%;float:left;margin:0 0 10px 0;font-size:18px;line-height:25px;}
.textareaEditor textarea {border:solid 1px #999;width:100%;max-width:100%;min-width:100%;}
.textareaEditor .filemanager {width:auto;color:#999;float:right;font-size:18px;line-height:30px;}
.textareaEditor .filemanager img {float:right;margin:0 0 0 10px;}
.textareaEditor .infoStyle {float:right;margin:0 0 0 30px;}
.textareaEditor .infoStyle img {float:right;}
/* ***** END EDIT TEXTAREA ***** */

/* ***** LIST IN IFRAME ***** */
#iframe_container #frameContent  .iframeList {margin:0px;padding:0px;list-style:none;}
#iframe_container #frameContent  .iframeList > li {margin:0px;padding:0px;padding:5px 5px;}
#iframe_container #frameContent  .iframeList > li:nth-child(even) {background:#F7F7F7;}

/* iframe με αρχεία */
iframe.filePanel {border:0px solid #000;margin:0;float:left;width:100%;display:block;min-height:100%;}


/* loader */
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #53baab;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
@-webkit-keyframes spin { 0% {-webkit-transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);} }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* αρχική σελίδα */
#indexPageContent {margin:0px auto;width:100%;text-align:center;display:table;height:150px;}
#indexPageWrapper {display:table-cell;vertical-align:middle;}
#indexPageLogo img#logo {max-width:500px;max-height:200px;}

.customLogoUpload .logoContainer {width:auto;margin:0 auto;position: relative;}
.customLogoUpload #changeUserLogo {position: absolute;top:0px;right:0px;z-index:9999;display: none;font-size:2em;cursor:pointer}
.customLogoUpload:hover #changeUserLogo {display: block;}
.note {display:block;width:100%;text-align:center;margin:50px 0 100px 0;font-size:20px;color:#d00;}



.popover-content {background:#eee;}
.popover-content img {min-width:100px;}
.dark  .popover-content {background:#333;}

.tooltip {font-size:16px;line-height:20px;font-style:none;}
.tooltip.fade.in {z-index: 9000!important;}

.autocompleteParent {position:relative;}
#iframe_container #frameContent .form-group .autocompleteParent .form-control {margin:0px;}
.autocompleteParent .ui-autocomplete {top:34px}
.autocompleteParent .ui-menu .ui-menu-item {padding:6px;}
/********************** checkbox ********************/
/* DEMO
<div class="checkbox">
	<label>
		<input type="checkbox" name="aa" value="bb" class="form-control" >
		<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> TITLE
	</label>
</div>
*/
.checkbox.disabled,
.radio.disabled {color:#d4d4d4;}
.checkbox label:after,
.radio label:after {content: '';display: table;clear: both;}
.checkbox .cr,
.radio .cr {position: relative;display: inline-block;border: 1px solid #a9a9a9;border-radius: .25em;width: 1.3em;height: 1.3em;float: left;margin-right: .5em;}
.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 20%;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {opacity: .5;}
.entry .checkbox,
.entry .radio {margin:3px 0 3px 0;position:relative;}
.entry .checkbox label,
.entry .radio label {padding:0 0px;}
.entry .checkbox .cr,
.entry .radio .cr {margin:0px;}
/********************** checkbox END ********************/





.ui-datepicker {z-index:2!important;}
/*************** calendar_history *************/
.customTableDatePicker {width:100%;text-align:center;background:#f3f3f3;}
.customTableDatePicker > tbody > tr > td {padding:20px 3px;}
.customTableDatePicker .prev a {float:left;padding-left:10px;}
.customTableDatePicker .next a {float:right;padding-right:10px;}
.customTableDatePicker .datePicker {font-size:20px;}
.customTableDatePicker .datePicker .datePicker_Year .active {color:#d00;}
.customTableDatePicker .datePicker .datePicker_Month .active {color:#d00;}
.customTableDatePicker .datePicker .datePicker_Month .disabled {color:#ccc;cursor:default;}
.customTableDatePicker .datePicker .datePicker_Day {width:auto;margin:0 auto;text-align:center;padding-top:10px;}
.customTableDatePicker .datePicker .datePicker_Day .dateTitle {display:inline-block;padding:4px 0;width:35px;}
.customTableDatePicker .datePicker .datePicker_Day .dateTitle:hover {background:#ccc;border-radius:3px;}
.customTableDatePicker .datePicker .datePicker_Day .dateTitle:hover a {color:#000;}
.customTableDatePicker .datePicker .datePicker_Day .dateTitle a {display:block;font-size:14px;color:#777;}
.customTableDatePicker .datePicker .datePicker_Day a.active {color:#d00;}
.customTableDatePicker .datePicker .datePicker_Day a.disabled {color:#ccc;cursor:default;}

.usersTimeLine ul.timeline li {position: relative;border-bottom: 1px solid #e8e8e8;clear: both}
.usersTimeLine .timeline .block {margin: 0;border-left: 3px solid #e8e8e8;overflow: visible;padding: 10px 15px;margin-left: 105px}
.usersTimeLine .timeline.widget {min-width: 0;max-width: inherit}
.usersTimeLine .timeline.widget .block {margin-left: 5px}
.usersTimeLine .timeline .tags {position: absolute;top: 15px;left: 0;width: 80px}
.usersTimeLine .timeline .tag {display: block;height: 45px;font-size: 14px;padding: 7px;line-height:16px}
.usersTimeLine .tag {line-height: 1;background: #53baab;color: #fff !important}
.usersTimeLine .tag:after {content: " ";height: 45px;width: 0;position: absolute;left: 100%;top: 0;margin: 0;pointer-events: none;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left: 14px solid #53baab}

.usersTimeLine .timeline h2.title {position: relative;font-size: 16px;margin: 0;padding:0 0 15px 0;line-height: 22px;}
.usersTimeLine .timeline h2.title:before {content: "";position: absolute;left: -23px;top: 3px;display: block;width: 14px;height: 14px;border: 3px solid #d2d3d2;border-radius: 14px;background: #f9f9f9}
.usersTimeLine .timeline .text {padding:10px 0 0 0;color: #888;}
.usersTimeLine .timeline .byline {font-style: italic;font-size: .9375em;line-height: 1.3;color: #aab6aa;padding: .25em 0}
.usersTimeLine .timeline .byuser {font-style: italic;font-size: .9375em;line-height: 1.3;color: #aab6aa;padding: .25em 0}
.usersTimeLine .timeline .byuser span {color: #888;}

.usersTimeLine .timeline-block .block_content {padding-top:17px;}
/*************** calendar_history ΤΕΛΟΣ *************/

.d-flex {display:flex;}
.align-items-center {align-items: center !important;}
.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.d-flex {display:flex;}
.d-none {display:none;}
.justify-content-center {justify-content: center !important;}
.justify-content-start {justify-content: flex-start !important;}
.justify-content-end {justify-content: flex-end !important;}
.flex-row {-ms-flex-direction: row !important;flex-direction: row !important;}
.flex-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important;}


.mb-3, .my-3 {margin-bottom: 1rem !important;}

/*************** ODD EVEN - DIVs list *************/
.oddEvenDiv {}
.oddEvenDiv > div {padding: 5px;}
.oddEvenDiv > div:nth-child(even) {background: #ffff;}
.oddEvenDiv > div:nth-child(odd) {background: #f0f0f0}
.oddEvenDiv > div label {margin-top: 5px;}

/*************** ESHOP PRODUCT EDIT *************/
#iframe_container #frameContent .form-control.valuesOptions {min-height:100px;}
#iframe_container #frameContent .form-control.valuesOptions label {margin:5px;padding:5px;border:solid 1px #ccc;background:#fbfbfb;line-height: 1.2;font-size: 1.2rem;}
#iframe_container #frameContent .form-control.valuesOptions label.disabled {background:#ffdada;}
#iframe_container #frameContent .form-control.valuesOptions label input[type="checkbox"] {margin: 0 3px 0 0;padding:0px;}




.customElementsTextEditor .field .form-control {height:50px;padding:15px 15px 3px 15px;font-size:1.2em;}
.d-flex {display: -ms-flexbox !important;display: flex !important;}
.flex-row {-ms-flex-direction: row !important;flex-direction: row !important;}
.flex-column {-ms-flex-direction: column !important;flex-direction: column !important;}
.justify-content-between {-ms-flex-pack: justify !important;justify-content: space-between !important;}
.align-items-start {-ms-flex-align: start !important;align-items: flex-start !important;}
.pb-4, .py-4 {padding-bottom: 1.5rem !important;}
.pb-5, .py-5 {padding-bottom: 3rem !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}
.text-center {text-align: center !important;}
.order-1 {-ms-flex-order: 1;order: 1;}
.order-2 {-ms-flex-order: 2;order: 2;}
.w-100 {width: 100%;}




.text-capitalize {text-transform: capitalize !important;}
.d-block {display: block !important;}

.pl-3, .px-3 {padding-left: 1rem !important;}
.pr-3, .px-3 {padding-right: 1rem !important;}
.customElementsTextEditor .btn.btn-default {background: #53baab;color: #fff;}
.customElementsTextEditor .btn.btn-default:hover, 
.customElementsTextEditor .btn.btn-default.active {background: #64d0c1;}

/* ---------------------- CUSTOM TEXT ELEMENTS ---------------------- */

.galleryContainer .imageThumb {width:150px;height:150px;border:2px solid #ccc;border-radius:.3em;padding:10px;margin:15px;}
.galleryContainer .thumbBtn {background-size: contain;background-position: center;width: 100%;height: 100%;display: block;background-repeat:no-repeat;}
.addBtn .start.btn.btn-default {height:36px;}
.previewContainer .preview {position:relative;}
.previewContainer .preview .prevImg {max-width:300px;max-height:300px;}
.previewContainer .preview .previewPlaceholder {cursor:pointer;width:100%;min-height:220px;background:#e8e8e8;display:flex;align-items: center;}
.previewContainer .changeSelectedImage {position:absolute;top: 45%;left:0;width:100%;opacity: 0.5;text-align: center;}
.previewContainer .changeSelectedImage .btn {}
.previewContainer .preview:hover .changeSelectedImage {opacity:1;}

@media screen and (max-width: 1000px) {
	.galleryContainer .imageThumb {width:100px;height:100px;padding:5px;}
}
/* ---------------------- CUSTOM TEXT ELEMENTS ---------------------- */

/* ---------------------- svg start ---------------------- */

svg {width:20px;height: 20px;}
.navbar.list svg {width:12px;height: 12px;}
.navbar.list .circle-icon {width:25px;height:25px;}

.circle-icon,
.btnSave.btnFixed {background:#ccc;color:#fff;border-radius:50%;width:35px;height:35px;
	display: flex;justify-content: center; align-items: center; margin-left:.3rem;margin-right:.3rem;
}
.table .circle-icon {margin-left:auto;margin-right:auto;}
.circle-icon:hover,
.btnSave.btnFixed:hover,
.navbar.list a:hover .circle-icon {background:#53baab;}
.circle-icon svg polygon,
.circle-icon svg ellipse,
.circle-icon svg path,
.btnSave.btnFixed svg path {fill:#fff;}
.circle-icon:hover svg polygon,
.circle-icon:hover svg ellipse,
.circle-icon:hover svg path {fill:#fff;}
.circle-icon.default {background:#53baab;}
.circle-icon.red-hover:hover {background:#f06863;}
.circle-icon.default svg path {fill:#fff;}
.delete.disabled {pointer-events:none;}
.circle-icon.disabled {background:#ffffff;}
.circle-icon.disabled svg polygon,
.circle-icon.disabled svg ellipse,
.circle-icon.disabled svg path {fill:#c4c4c4;}

.add-btn,
.delete-btn {display:flex;align-items: center; width:max-content; transition: all .7s;}
.add-btn .circle-icon,
.delete-btn .circle-icon {transition: all .7s;}
.add-btn:hover {color:#53baab;}
.add-btn:hover .circle-icon {background:#53baab;}
.delete-btn {margin-left:1rem;}
.delete-btn:hover {color:#f06863;}
.delete-btn:hover .circle-icon {background:#f06863;}



/* ---------------------- svg end ---------------------- */