html {height:100%;margin:0;padding:0;}
body {overflow-y:scroll;height:100%;font-family:tahoma,sans-serif; font-size:13px; line-height:1.2; margin:0;padding:0;background-color:#fff;color:#000;}
#main-table{width:100%;height:100%;border-collapse:collapse;}

p, p.nompp {margin: 0; padding: 0;}
a {color:#2c7c96;text-decoration:none;}
a:hover {color:#DF300D;text-decoration: none;}
hr {height:1px;border:0;background:#cbcbcb;}
ul{list-style-type: none;}
.t-right{text-align:right;}
.t-left{text-align:left;}
.red {color: #f00;font-weight: 900;}
.toggle-link {color: #777; cursor: pointer; font-size: 13px; font-weight: bold; margin-bottom: 9px; cursor:pointer;}
.editor-msg {width: 500px; margin: 8px auto 16px auto; padding: 10px; background: #fff; border: dotted 1px #777; font-size: 15px; text-align: center; color: #f00;}
.img-inline {vertical-align: -8px; margin: 1px;}
.hidden{display:none;}

/************************************************************************************ HEADER */
#top-info{position:absolute;top:0;height:60px;line-height:60px;width:100%;font-size:13px;background:rgba(0,0,0,0.8);color:#dadada;}
#top-info-left{position:absolute;top:0px;left:10px;}
#top-info-right{position:absolute;top:0px;right:10px;text-align:right;}
#top-info a:hover{color:#fff;}
#header-td{height:170px;}
#ums-header{position:relative;height:170px;background-color:#d5a646;background-repeat:no-repeat;background-position:right;margin:0;padding:0;}
#exodus{display:inline-block;height:30px;width:30px;border-radius:4px;vertical-align:middle;}
#exodus:hover{background-color:#FBA91D}
#logo-text{position:absolute;top:90px;left:40px;font-size:28px;color:#fff;}

.change-pass-head,.guidlines-icon{display: inline-block;height: 30px;width: 30px;border-radius: 4px;vertical-align: middle;}
.change-pass-head:hover,.guidlines-icon:hover{background-color: #FBA91D;}
.change-pass-body{text-align:right;display:none;position:fixed;right:10px;padding:20px;border-radius:10px;background-color:rgb(255,255,255);color:#000;z-index:7000;border:1px solid #000;line-height:1.2;max-width:400px;}
.change-pass-body input{border: 1px solid #aeaeae;padding: 5px 7px;}
.change-pass-body a:hover{color:#000 !important}
.change-pass-submit{margin-top:15px;margin-bottom:25px;}
.change-pass-submit a, .change-pass-submit a:hover{color:#fff !important}
#change-pass-response{width:100%;font-weight:bold;text-align:center;color:forestgreen;}

/************************************************************************************ HOME */
.ums-subtitle {font-weight:900;font-size:15px;letter-spacing:2px;}
#cover-table {width: 510px; margin: 30px 0 0 15px;border-collapse:collapse;}
#cover-img {float: right; margin: 0 15px 10px 25px;}

/*********************************************************************************** FORMS */
#show-id-form{display:inline-block;} #id_form_input{width:40px;}
.button{display:inline-block;font-size:120%;padding:6px 15px;border-radius:3px;border:none;cursor:pointer;vertical-align:middle;background-color:#2c7c96;color:#fff;}
.button:hover {background-color:#3c3c3c;color:#fff;}
.search-box, #id_form_input, .filter-orderings-selector{padding:8px 12px;border-radius:3px;border:1px solid #838383;vertical-align:middle;}
input.text-input, input.file-input, .selector, textarea.notinymce {width:90%;max-width:682px;padding:8px 10px;background:#f5f5f5;border:1px solid #cecece;box-sizing:content-box;}
input.text-input:focus, input.file-input:focus, .selector:focus, textarea.notinymce:focus {background:#d9ecec;}
.readonly {background:#999;color:#fff;}
select, label{cursor:pointer;}
.file_input_delete{display:inline-block;margin-left:10px;}

/*********************************************************************************** MENU TABLE */
#menu-cell{width:200px;padding-top:16px;vertical-align:top;background:#2d2d2d;border-right:10px solid #ccc;}
#menu-cell hr{background:#4f4f4f;}
#menu{position:relative;display:block;width:200px;background:#2d2d2d;}
#menu.fixed{position:fixed;top:12px;left:0px;}
.icon-cell{width:24px;}
.modules-menu, .extras-menu, .areas-menu {width:100%;border-collapse:collapse;}
.modules-menu td, .extras-menu td, .areas-menu td{padding:5px 8px;text-align:right;vertical-align:middle;}
.menu-item-link{color:#c1c1c1;display:block;padding:5px 0 5px 8px;font-size:16px;}
.menu-item-link:hover{color:#fff;text-decoration:none;}
.modules-menu tr.selected{background-color:#ccc;}
.selected .menu-item-link{color:#000;}
#year-select .selector{width:30%;text-align:center;margin-left:50%;}

/*********************************************************************************** ORDERING */
#ordering_module{display:inline-block;padding:10px 25px;font-size:18px;border:1px solid #d8d8d8;background:#e4e4e4;cursor:pointer;}
#ordering_module:hover{background:#d8d8d8;}
#ordering_group{display:inline-block;padding:10px 25px;font-size:18px;border:1px solid #d8d8d8;background:#e4e4e4;cursor:pointer;}
#ordering_group:hover{background:#d8d8d8;}
.select-form{display:inline;}
#sortlist {width: 900px; margin:0 auto; padding:0;list-style:none;}
#sortlist li {padding:4px 5px;background:#e4e4e4;margin:2px 0;font-size:12px; cursor:move; display:block;text-align:left;border-radius:5px;}
#sortlist li:hover{background:#d8d8d8;}
.sortlist-order{width:20px;text-align:right;font-size:14px;font-weight:bold;}
.msg{display:inline-block;min-width:500px;text-align:center;padding:10px 20px;border-radius:5px;margin:10px 0;background:#636363;color:#fff;font-size:18px;}
.msg.green{background:#41953d;}

/*********************************************************************************** MAIN */
.central-table {width:100%;border-collapse:collapse;}
.central-table th{padding:12px 8px;text-align:left;background:#ccc;border-bottom:1px solid #e5e5e5;}
.central-table td{padding:12px 8px;}
.central-table .cell-checkbox{width:20px;vertical-align:middle;}
.central-table .cell-id{width:28px;font-size:80%;vertical-align:middle;color:#969696;}
.central-table .cell-info{width:40px;vertical-align:middle;}
.central-table .cell-actions{width:140px;vertical-align:middle;}
.central-table .cell-title{vertical-align:middle;}
.central-table .list:nth-child(even){background:#f0f0f0}
.central-table .list:nth-child(odd){background:#e0e0e0}
.title{background:#ccc;color:#000;padding:15px;text-align:center;font-size:20px;}
.preview-content{padding:20px;}
.content {background: #fff;}
.list .basic-actions{opacity:0.3;}
.list:hover .basic-actions{opacity:1;}
.form-table{width:100%;border-collapse:collapse;}
.form-table td{padding:8px 8px;border-bottom:1px solid #e5e5e5;vertical-align:top;}
.form-table td.t-right{width:300px;}
.central-thumb {width:70px; float: left; margin-right: 9px; margin-bottom:10px; border: solid 1px #777;}
.padding{padding:10px;}

.home-block{display:inline-block;vertical-align:top;padding:10px;margin:10px 1% 10px 0;width:46%;background:#ebebeb;}
.home-block-head{display:block;padding:10px;margin-bottom:10px;background:#2d2d2d;color:#9d9d9d;font-size:120%;font-weight:bold;}
.home-block-head:hover{background:#1b1b1b;color:#fff;}
.home-block-head a:hover{background:#1b1b1b;color:#fff;}
.home-block-info{display:block;padding:10px;margin-bottom:10px;background:#d6d6d6;}
.home-block-list{display:block;padding:10px;background:#f7f7f7;}
.home-block-list-title{display:block;padding:5px;margin-bottom:2px;background:#d6d6d6;}
.home-block-list-item{display:block;padding:5px;margin-bottom:2px;background:#ebebeb;}
.home-block-list-item:hover{background:#fff;}
.home-block-list-item .ums-icon{opacity:0.3;}
.home-block-list-item:hover .ums-icon{opacity:1;}
.home-block-list-table{width:100%;}
.home-block-list-table td{padding:0 2px;}

.info_block{display:block;margin:20px;padding:8px 15px;background:#e3e3e3;}
.info_block span{display:inline-block;white-space:nowrap;margin-right:30px;}

/********************** options */
.options-group-table {width:100%;border-collapse:collapse;background-color:#f2f2f2;margin:20px 30px 0px 0px;}

/********************** pivots */
.response p {width:92%;max-width:694px; margin: 5px 0; padding: 5px;}
.pivots-head {line-height: 1.3; margin: 0 0 7px 8px; font-weight: 900; list-style-type:none;}
.pivots-li, .pivots-li-formend-c, .pivots-li-formend-u {margin: 0 0 2px 22px; padding-bottom: 2px;}
.pivots-li-formend-c, .pivots-li-formend-u {width: 640px;}
.pivots-li-formend-c {background: #e1fce5;}
.pivots-li-formend-u {background: #F2FC99;}

/********************** files */
.files-table{background:#e8e8e8;margin-bottom:10px;}
.files-table td{border:0;padding:1px;}
.files-table td.t-right{max-width:150px;}
.files-table td.t-right {width:150px;}

/*********************************************************************************** TABS */
.tabs,#tabs{display:block;padding-top:20px;text-align:left;background:#a6a6a6;border-bottom:5px solid #fff;}
.tab{display:inline-block;padding:20px 30px 20px 60px;margin:0 0 0 12px;border-radius:10px 10px 0 0;background-position:12px 12px;background-repeat:no-repeat;cursor:pointer;background-color:#cdcdcd;color:#787878;}
.tab:hover{background-color:#d5d5d5;}
.tab.current{background-color:#fff;color:#343434;}
.tab-content{position:fixed;top:-35000px;}
.tab-content.current{position:relative;top:auto;}

/*********************************************************************************** EDIT ICONS */
.ums-icon{position:relative;display:inline-block;vertical-align:middle;width:24px;height:24px;margin:0;border-radius:2px;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.3);}
.icon-calendar{cursor:help;} .icon-calendar:hover{background-color:#00d1bb;cursor:help;}
.icon-edit:hover{background-color:#26739f;}
.icon-cloud:hover {background-color:#000080;}
.icon-delete:hover{background-color:#cd3a37;}
.icon-display0{background-color:#db832d;} .icon-display0:hover{background-color:#ff7e00;}
.icon-display1{background-color:#47b752;} .icon-display1:hover{background-color:#00d115;}
.icon-add:hover{background-color:#1aa84c;}
.icon-info{cursor:help;} .icon-info:hover{background-color:#3ec389;cursor:help;}
.icon-preview:hover{background-color:#d1ae0d;}
.icon-noicon{background-color:rgba(0,0,0,0.2);cursor:default;}
.order-direction{display:inline-block;width:12px;height:12px;}
.order-direction.desc .order-direction-icon{transform:rotate(180deg);}

#edit-dates{padding:10px 0;line-height:1.6;}

/********************************************************************************** FOOTER */
#footer-td{height:60px;line-height:60px;text-align:center;vertical-align:middle;background:#1b1b1b;color:#676767;}
#footer-td a:hover, #footer a:hover{color:#fff;}

/*********************************************************************************** PAGER */
.pager-wrap{display:block;padding:12px 6px;text-align:center;background-color: #f0f0f0;}
.pager{display:inline-block;}
.pager a {display:inline-block; padding:0 15px;height:24px;line-height:24px;text-decoration:none;font-size:12px;background-color:#ccc;color: #000;}
.pager a:hover {text-decoration: none;color: #fff; background-color: #2c7c96;}
.pager-selector {padding:0;height:24px;line-height:24px;font-size:12px;display:inline-block;cursor:pointer;border:none;color: #fff; background-color: #2c7c96;}

/*********************************************************************************** TIPS */
.tipstertext{display:none;}
.tooltipster-default {background:#333333;color:#fff;max-width:500px;padding:10px;border:2px solid #222;}
.tooltipster-default .tooltipster-content{font-size:12px;padding:4px 8px;max-width:400px;}
.info_label_table td{padding:1px 3px;}

/*********************************************************************************** SCROLL TOP */
#scroll-top{display:none;position:fixed;bottom:90px;left:165px;width:35px;height:40px;background-color:#919191;background-repeat:no-repeat;background-position:center;border-radius:10px 0 0 10px;z-index:1500;}
#scroll-top:hover{background-color:#1b1b1b;}

/********************************************************************************* */
#body-cover #footer{border:none;text-align:center;background:#1b1b1b;width:100%;}
#wrapper.ums-front-cover{min-height:100%;padding:0;margin:0 auto;border:none;background-repeat:no-repeat;background-position:center;background-size:cover; background-attachment: fixed;}
#ums-login-form-wrap{position:relative;}
#ums-header.ums-header-cover{background:rgba(0,0,0,0.8);text-align:center;height:52px;line-height:52px;}
#logo-text.logo-text-cover{position:relative;left:auto;top:auto;font-size:22px;letter-spacing:2px;}

#show-hide-dates{display:inline-block;width:80%;cursor:pointer;padding:8px 12px 8px 26px;border-radius:4px;background:url(https://commons.utopia.gr/images/icons/oc_closed_18x18.png) no-repeat 4px #dadada;}
#show-hide-dates.open{background:url(https://commons.utopia.gr/images/icons/oc_opened_18x18.png) no-repeat 4px #dadada;}
#show-hide-dates:hover, #show-hide-dates.open:hover{background-color:#3f3f3f;color:#fff;}
#edit-dates-input .form-table .t-right{width:500px;}

.selector-menu{width:100%;}
.selector-menu td{padding:5px 8px;text-align:right;vertical-align:middle;}
#menu-item-selector-main .selector {margin:0;padding:0;display:inline-block;height:40px;text-align:center;font-size:130%;background:#535353;color:#fff;border:0;border-radius:15px;}

#menu-cell{padding-bottom:100px;}
.central-table th{white-space:nowrap;}
.order-direction{margin-right:5px;}

.ajax-unique-response{display:inline-block;margin:10px 0 5px; font-weight:bold;}

.file_input_delete{display:inline-block;margin-left:10px;}
img{max-width:100%;max-height:100%;}
.thumb-c{text-align:center;margin:10px 0 10px 0;display:inline-block;}
.img-g-thumb{display:inline-block;vertical-align:middle;text-align:center;background:rgba(255,255,255,0.6);border:1px solid #9b9b9b;border-radius:4px;overflow:hidden;}
.thumb-c{width: 75px;height:56px;padding:2px;margin:4px 2px;}
.gal-d{display:block;width:100%;height:100%;border-radius:3px;overflow:hidden;opacity:0.7;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.3s;}
.gal-d:hover{opacity:1;}

.site-selector-wrap{display:inline-block;position:absolute;min-height:36px;width:250px;z-index:999;top:90px;right:20px;border-radius:10px;background:#fff;border:3px solid #2d2d2d;overflow:hidden;transition:width 0.3s;z-index:6000;}
.site-selector-overlay{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));}
.site-selector-wrap:hover .site-selector-overlay{display:none;}
#site-selector{font-size:115%;height:28px;width:250px;border:0;background:#fff;cursor:pointer;}
.site-selector-arrow{position:absolute;display:block;top:10px;right:7px;width:10px;height:10px;border-top:4px solid #404040;border-left:4px solid #2d2d2d;transform:rotate(-135deg);transition:transform 0.3s;}
.site-selector-wrap.open .site-selector-arrow{transform:rotate(45deg);}
#site-selector-form{display:none;}
#site-selector-items{display:none;padding:0 10px 10px 10px;line-height: 20px;}
#site-selector-title{position:relative;height:36px;line-height:36px;padding-left:10px;width:100%;font-size:14px;font-weight:bold;cursor:pointer;white-space:nowrap;overflow:hidden;color:#2d2d2d}
#site-selector-title:hover{color:#404040;}
.site-selector-item{font-size:14px;cursor:pointer;padding:3px 10px;border-radius:4px;white-space:nowrap;color:#2d2d2d}
.site-selector-item:hover{background:#2d2d2d;color:#fff;}
.site-selector-item.selected{background:#404040;color:#fff;}
#site-selector-cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
#site-selector-cover.block{display:block;}
.scrolled>.title>.save-scroll{position:fixed;top:25px;right:25px;width:200px;z-index:1500;}
.global{position:relative;display:inline-block;top:0}
.half{display:inline-block;width:100%;vertical-align:top;}

.tox-promotion{display:none !important}
.tox-statusbar__branding{display:none !important}

@media (min-width: 800px) {
	.hidden-xs{display:inline-block;}
	.half{width:49%;}
	.half.half-lg{width:100%;}
	.site-selector-wrap{width:250px;}
	.site-selector-overlay{display:none;}
}
@media (min-width: 1500px) {
	.half.half-lg{width:49%;}
	.half.half-lg.two-thirds{width:54%;}
	.half.half-lg.one-third{width:45%;}
	.half.half-lg.border{border-left:1px solid #a6a6a6;border-right:1px solid #a6a6a6;}
	.half.half-lg.border-right{border-right:10px solid transparent;}
	.half.half-lg.border-left{border-left:10px solid transparent;}
}

.form-table.no-td tr{position:relative;display:block;margin:30px 5px 10px 5px;padding:20px 10px 10px 10px;border:1px solid #cbcbcb;border-radius:5px;background:#fff;}
.form-table.no-td td{display:inline-block;width:100%;border:0;padding:0;margin:0;}
.form-table.no-td td.t-right{position:absolute;width:auto;top:-20px;left:8px;border:1px solid #cbcbcb;padding:5px 8px;line-height:1;border-radius:5px;background:#d7d7d7;color:#000;min-height:24px;line-height:24px;}
.form-table.no-td .tinymce-tabs-content, .form-table.no-td .tinymce-tabs, .form-table.no-td input.text-input, .form-table.no-td input.file-input, .form-table.no-td .selector, .form-table.no-td textarea.notinymce{box-sizing:border-box;width:100%;max-width:100%;}
.form-table.no-td .files-table tr{display:table-row;width:auto;position:relative;left:auto;right:auto;top:auto;border:0;padding:0;margin:0;background:transparent;border-radius:0;}
.form-table.no-td .files-table td.t-right{display:table-cell;width:20%;position:relative;left:auto;right:auto;top:auto;border:0;padding:0;margin:0;background:transparent;border-radius:0;}

@media (max-width: 1200px) {
	.home-block{width:95%;}
}