@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&family=Roboto&display=swap');


* {padding:0;  margin:0;}

body {font-family:Roboto, Arial, sans-serif; font-weight:400; font-size:100%;}
img {max-width: 100%;}
a {color:#2E3437;}
p {margin:12px 0;}

#wrapper {margin:0 auto; width:100%; min-width:1200px;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}
.slidb {margin-top:20px; float:left;}
.c_lista {position:relative;}
.nores {color:#666; text-align:center;}

.removebox {cursor:pointer;}
.removebox:hover {background-color:#F9FCC5; box-shadow:0 0 1px #f6faa5;}

.editbox {cursor:pointer;}
.editbox:hover {background-color:#F9FCC5; box-shadow:0 0 1px #f6faa5;}

.resavebox {cursor:pointer;}
.resavebox:hover {background-color:#F9FCC5; box-shadow:0 0 1px #f6faa5;}

.movebox {cursor:pointer;}
.movebox:hover {background-color:#F9FCC5; box-shadow:0 0 1px #f6faa5;}

.orange {background-color:orange;}
.orange:hover {background-color:#ee9a00;}

#header #mobile-next-menu .addp a#addpag {color:yellow;}
.fancybox {margin:2px;}

.amsg {background:rgba(192, 192, 192, 0.7);}
.amsg_success {background:rgba(51, 255, 51, 0.7);}
.amsg_err {background:rgba(255, 51, 51, 0.7);}
#amsg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; color:#000; text-align:center; vertical-align:middle;}
#amsg p {padding:8px; position:absolute; background:#fff; top:45%; width:auto; left:0; right:0;}
#amsg span {margin-left:15px;}
img {border:none;}

input, textarea {-webkit-box-sizing:border-box;  -moz-box-sizing:border-box; box-sizing:border-box; width:440px; font-size:12px; font-family:Arial, sans-serif; padding:10px 10px 10px 10px; border:solid 1px #a3a3a3; display:block;}
label {font-size:13px; font-weight:bold; display:block; padding:0 0 8px 0;}
input[type="checkbox"], input[type="radio"] {width:16px;}
::selection {background:#2eb197; color:#fff;}
::-moz-selection {background:#2eb197; color:#fff;}

.green {background-color:#2EB197;}
.green:hover {background-color:#2aa48c;}
.red {background-color:#E7604A;}
.red:hover {background-color:#e5533b;}

#imgs {display:none;}
#imgs2 {display:none;}
#fakeimg {width:70px; height:70px; background-color:#e76049; cursor:pointer; float:left; padding:5px; margin:5px; display:table-cell; vertical-align:bottom; text-align:center; color:#fff; font-weight:bold;}
#faaddload {width:70px; height:70px; background-color:#80FF80; cursor:pointer; float:left; padding:5px; margin:5px; display:table-cell; vertical-align:bottom; text-align:center; color:#fff; font-weight:bold;}
#faaddload img {margin-top:40px; width:30px;}

#fakeadd,
.fakeadd {width:70px; height:70px; background-color:#e76049; cursor:pointer; float:left; padding:5px; margin:5px; display:table-cell; vertical-align:bottom; text-align:center; color:#fff; font-weight:bold;}

.lximg {width:150px;}

#addform {max-width:400px; text-align:center; background-color:#2eb398;}
#bbt {border-top:1px solid #ccc;}
#items {width:100%; max-width:400px; margin-top:10px;}

#items > p {clear:both;}
.remthis {display:inline; cursor:pointer;}

.remsel {display:inline; margin-left:5px; cursor:pointer;}
.fmoveit {clear:both;}
.fmoveit input {display:inline;}
.f2moveit input {display:inline;}
.fmoveit label {display:inline; padding:0;}
.f2moveit label {display:inline; padding:0;}
.movercatf {cursor:pointer; display:inline; margin:2px 5px 0 0;}
.movercatf2 {cursor:pointer; display:inline; margin:10px 5px 0 0;}

#items .selvals input {width:263px;}
.addselval {float:left; margin-bottom:15px;}
.selvals > div {margin-top:5px;}

#editurlka {margin-left:10px; cursor:pointer; margin-top:-5px; float:left;}

#gurlka {font-size:12px; color:#aaa; margin-top:-5px; float:left;}

.sptab {width:100%; margin-top:15px;}

.sptab, .sptab td {/* width:100%; */
border:1px solid #ddd; border-collapse:collapse; padding:5px 10px;}

.remthr {position:absolute; right:2px; top:16px; cursor:pointer;}

.apdimg .apdmenu .apdremove {position:absolute; cursor:pointer; right:7px; bottom:7px;}

.apdph {border:1px solid lime; padding:5px; width:70px; height:70px; box-shadow:0 0 3px lime; margin:4px; float:left;}

#okno {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 1); z-index:100;}

#zavriokno {float:right; cursor:pointer;}

#lista {float:left; width:100%; background-color:white; border-bottom:1px solid red;}

.lximg {display:block; clear:both;}

.row .addx img {width:16px; height:16px; margin:0; cursor:pointer;}
.row .addx2 img {width:16px; height:16px; margin:0; cursor:pointer;}
.subcat {margin-left:30px; margin-top:10px; margin-bottom:10px;}
.subcat input {margin:5px 0;}
.cpolozka {clear:both; width:100%; position:relative;}
.category label {display:inline;}
.row .span12 .cpolozka input {width:19%; display:inline;}
.mocerp {position:absolute; left:-20px; top:15px;}
.subcat label {float:left; margin-top:5px; margin-bottom:-10px;}

.err {padding:8px 35px 8px 14px; margin-bottom:20px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); background-color:#fcf8e3;}
.inf {padding:8px 35px 8px 14px; margin-bottom:20px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); background-color:#fcf8e3;}

.dhere {min-height:30px; padding:0 0 10px; margin-bottom:5px;}
.cat {background-color:#703521;}
.mover-hover {background-color:red;}
.mover-active {background-color:green;}
.menu-placeholder {height:80px;}
.sort-plh {border:1px solid lime; line-height:59px; height:59px;}

#message {position:fixed; left:0; top:0; width:100%; height:50px; background-color:red; z-index:1000;}

/* -- header -- */

#header {height:70px; width:100%; background:#020c42;}
#header a#logo {float:left; height:70px; text-decoration:none;}
#header a#logo img {height: 40%; padding:20px 45px;}

/* -- header -- menu -- */

#header #main-menu {list-style-type:none; height:70px; font-size:14px;}
#header #main-menu li a {line-height:70px; height:70px; float:left; color:#8D96C7; padding:0 19px; text-decoration:none; position:relative; transition: all 0.2s ease-in-out 0s;}
#header #main-menu li a:hover {color:#fff;}
#header #main-menu li a.active {color:#fff; font-weight:bold}
#header #main-menu li.last a {border-right:none;}

/* -- header -- menu icons  -- */

#header #main-menu li.icons a  {background-repeat:no-repeat;} 

#header #main-menu li a.pages {background-image:url(/img/pages.png); background-position:25px -42px;}
#header #main-menu li a.pages:hover  {background-position:26px -42px;}
#header #main-menu li a.pages.active {background-position:26px 26px;}

#header #main-menu li a.elements {background-image:url(/img/elements.png); background-position:24px -42px;}
#header #main-menu li a.elements:hover {background-position:25px -42px;}
#header #main-menu li a.elements.active {background-position:25px 26px;}

#header #main-menu li a.design {background-image:url(/img/design.png); background-position:24px -42px;}
#header #main-menu li a.design:hover {background-position:25px -42px;}
#header #main-menu li a.design.active {background-position:25px 26px;}

#header #main-menu li a.settings {background-image:url(/img/settings.png); background-position:24px -42px;}
#header #main-menu li a.settings:hover {background-position:25px -42px;}
#header #main-menu li a.settings.active {background-position:25px 26px;}                                                                                   

/* -- header -- mobil menu -- */ 


#header #sa-icons {float:right; list-style-type:none; width:85px; height:70px; background-color:#161d20;}
#header #sa-icons li a.vg-icons {float:left; margin:25px 10px 0 5px; background-position:0 0; background-repeat:no-repeat; width:22px; height:22px; display:block;}	
#header #sa-icons li a.vg-search {background-image:url(/img/icons-search.png);}
#header #sa-icons li a.vg-search:hover {background-position:0px -23px;}
#header #sa-icons li a.vg-arrow {background-image:url(/img/icons-arrow.png);}
#header #sa-icons li a.vg-arrow:hover {background-position:0px -23px;}

/* 
#header #sa-icons span.title {position:absolute; font-size:11px; padding:0 5px 0 5px; margin:58px 0 0 -70px; background-color:#d8dce2; color:#000; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border:5px solid #d8dce2;} 
#header #sa-icons span.title:after, .title:before {bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
#header #sa-icons span.title:after {border-color:rgba(141, 206, 2, 0); border-bottom-color:d8dce2; border-width:5px; left:50%; margin-left:-5px;}
#header #sa-icons span.title:before {border-color:rgba(216, 220, 226, 0); border-bottom-color:#d8dce2; border-width:12px; left:50%; margin-left:-12px;}
*/

#header #next-menu {float:right; width:70px; height:70px; background-color:#e76049; background-image:url(/img/shutdown@2x.png); background-size:100%; margin-top:-70px;}
#header #mobile-next-menu {display:none;}

/* -- right side -- */ 

.right-side {float:left; padding:0 0 50px 0;  width:220px; background:#161d20;}
.right-side a.addpage {text-align:center; margin:45px 0 25px 20px; color:#fff; width:180px; height:36px; line-height:36px; background-color:#e76049; display:block; text-decoration:none;}
.right-side a.addpage:hover {background-color:#e3462b;}
.right-side a.addpage span {font-weight:bold; font-size:16px;}

/* -- menu -- */

.right-side ul#right-menu {margin:0 0 0 0; list-style-type:none; font-size:14px;}
.right-side ul#right-menu li {border-top:1px solid #2e3437 }
.right-side ul#right-menu li:last-child {border-bottom:1px solid #2e3437 }
.right-side ul#right-menu li:first-child {border-top:none;}
.right-side ul#right-menu li a {word-wrap:break-word; padding:0 0 0 20px; line-height:60px; display:block; color:#babcbd; text-decoration:none; border-bottom:solid 1px #000000;}
.right-side ul#right-menu li a.border-top {border-top:solid 1px #2e3437;}
.right-side ul#right-menu li a.last {border-bottom:none;}
.right-side ul#right-menu li a.active {color:#fff; background-color:#22292c; background-image:url(/img/right-menu-arrow.png); background-repeat:no-repeat; background-position:190px 22px;}
.right-side ul#right-menu li a:hover {color:#fff; background-color:#2e3437;}

.right-side ul#right-menu li ul {list-style-type:none; text-indent:15px; border-top:1px solid #2e3437;}
.right-side ul#right-menu li ul li:before {content:"•"; position:absolute; margin-left:7px; padding-top:22px; color:#babcbd;}
.right-side ul#right-menu li ul li:hover:before {color:#fff;}
.right-side ul#right-menu li ul li a:hover {color:#fff; background-color:#2e3437;}
.right-side ul#right-menu li ul li:hover {color:#fff; background-color:#2e3437;}

.right-side ul#right-menu li ul li:last-child {border-bottom:0;}

.right-side ul#right-menu li.aslink {background:none; padding-top:20px;}
.right-side ul#right-menu li.aslink a:hover {background:none;}
.right-side ul#right-menu li.aslink:hover {background:none;}

.right-side ul#right-menu li.aslink:last-child {border:none;}

/* -- tip -- */

.right-side .tip {float:left; font-size:11px; width:185px; height:auto; background-color:#2eb197; padding:15px 10px 15px 25px; margin:60px 0 0 0;}
.right-side .tip span {color:#fff; text-transform:uppercase; font-weight:bold; float:left; line-height:45px;}
.right-side .tip p {color:#83ecd7; width:130px; float:right;}

/* -- content -- */

.content {padding:45px;}
.content h1 {padding:0 0 12px 0; font-size:21px; font-family:Poppins, sans-serif; font-weight:700; border-bottom:solid 1px #dbdbdb;}
.content h2 {padding:0 0 12px 0; color:#e76049; font-size:18px; font-family:Poppins, sans-serif; border-bottom:solid 1px #dbdbdb; clear:both;}
.content h2 span {color:#9aa2a6;}
.content h3 {font-family:'Poppins'; font-weight:500; color: #01188a;}

.setting {margin:5px 0 40px 0; float:left; width:100%;}
.setting p {margin:20px 0 20px 0;}
.setting p.last {margin:25px 0 50px 0;}

.basic-settings-left {float:left; margin:0 0 0 0;} 
.basic-settings-right {float:left; margin:0 0 0 69px;}

.help-s {background-image:url(/img/help.png); width:27px; height:24px; display:block; cursor:pointer; position:absolute; margin:-60px 0 0 245px;}
.help-b {background-image:url(/img/help.png); width:27px; height:24px; display:block; cursor:pointer; position:absolute; margin:-60px 0 0 355px;}

.ttip {display:block; cursor:pointer; position:absolute; margin:-60px 0 0 355px;}
.help-s i, .help-b i, .ttip i {position:absolute; font-style:normal; min-width:50px; font-size:11px; padding:4px 5px 4px 25px; margin:0 0 0 8px; background-color:#7dd1c0; color:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; display:none;}

.iconset p {float:left; margin:0 20px 20px 0; font-size:85%;}
.iconset p a {text-decoration:none;}
.iconset p a:hover {text-decoration:underline;}
.iconset img {vertical-align:bottom;}

/* -- input & textarea -- */

input.small {width:240px;}
input.big {width:350px;}


/* -- buttons delete page & save page -- */

.buttons {margin:20px 0 0 0; /* background:#fff; padding:10px; border-top:1px solid #ccc; bottom:0; width:842px; position:fixed; */ } 

#alrx p {margin:0;}

.button {padding: 10px 25px !important; display: inline-block; width:200px !important; text-align:center; cursor:pointer; border:none; color:#fff; display:block; font-size:12px; letter-spacing:1px; font-family:'Roboto'; text-transform:uppercase; padding:9px 43px 9px 43px; text-decoration:none; box-sizing:border-box;}
.button.confirm {max-width:200px;}
button {width: 200px;}
select {display:inline-block; margin:15px 10px 0 0; padding:10px; min-width:70px; background:#fff; border:solid 1px #a3a3a3;}

#footer {padding-top:35px;}

/* -- alerty -- */

.rimgs {width:180px;}

.notif {position:relative; padding:20px 30px 20px 100px; margin:0 0 20px 0; min-height:50px; line-height:50px;}
.notif:before {content:''; position:absolute; top:25px; left:30px; width:40px; height:40px; border:5px solid; border-radius:25px;}
.notif p {font-size:16px; color:#fff; font-weight:700;}
.notif-title {margin:0 0 5px; font-size:12px; font-weight:bold; color:#333;}
.notif-title:before, .notif-title:after {content:''; position:absolute; background:white; border-radius:2px;}
.notif-notice:before {background:#60c659; border-color:#fff;}
.notif-notice {background:#60c659;}
.notif-notice .notif-title:before, .notif-notice .notif-title:after {top:44px; left:55px; width:4px; height:12px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.notif-notice .notif-title:after {top:50px; left:48px; width:8px; height:4px;}
.notif-alert:before {background:#e34f4f; border-color:#fff;}
.notif-alert {background:#e34f4f;}
.notif-alert .notif-title:before, .notif-alert .notif-title:after {top:43px; left:53px; width:4px; height:14px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.notif-alert .notif-title:after {top:48px; left:48px; width:14px; height:4px;}
.notif-warn:before {background:#fcbf49; border-color:#fff;}
.notif-warn {background:#fcbf49;}
.notif-warn .notif-title:before, .notif-warn .notif-title:after {top:42px; left:53px; width:4px; height:11px; background:#fff;}
.notif-warn .notif-title:after {top:54px; height:4px;}
.notif-info:before {background:#8ab8d9; border-color:#fff;}
.notif-info {background:#8ab8d9;}

.notif-info .notif-title:before, .notif-info .notif-title:after {top:48px; left:53px; width:4px; height:11px; background:#fff;}
.notif-info .notif-title:after {top:42px; height:4px;}


table {width:100%; margin:50px 0; border-collapse:collapse; font-size:12px; background:#fff;}
table input[type="text"] {width:100%; min-width:450px;}
table span {color:#999;}
table small {color:#aaa;}
table a {text-decoration:none}
table a:hover {text-decoration:underline}

tr {width:100%;} /* background-color:rgba(0, 0, 0, 0.02)*/
tr:hover {background-color:#b3aeac1a;}
tr:hover th {background-color:#fff;}
td,
th {padding:6px; border-bottom:2px solid #fafafa; text-align:left;}
th {text-align:left; font-size:11px; font-family:Poppins, sans-serif;}
tr.child-row {background-color:#fff; color:#999;}
tr.child-row a {color:#999;}
.tr_place {line-height:35px; border:orange;}
tr.deleted {opacity:0.5;}

.focx {padding-top:2px; padding-bottom:2px; margin-top:-5px; clear:both;}
.focx input {margin-bottom:0;}
.focx:hover {background-color:#eee;}
#change_initial {margin-top:-65px; margin-right:15px; clear:both; float:right;}
#init_px {margin-top:-90px; margin-right:15px; float:right;}
#zoradx {position:relative; top:5px;}
.mcheck {float:left; width:20px; margin-left:5px; margin-right:5px; padding-right:5px;}

.mlabel {margin-left:5px;}

#placex {position:absolute; left:0; top:0; width:100%; height:100%; background-color:white; z-index:20000;}
.afterclick_add {margin:10px; cursor:pointer;}
.swid {width:100px;}

.inpdif {width:450px;}
.tepdif {width:507px; height:40px;}

.content ul {margin:12px 0 12px 40px;}

ul.menu_inline {list-style:none; float:right; margin:-40px 0 0 200px;}
ul.menu_inline li {float:right; padding:0; margin:2px 0 2px 10px;}
ul.menu_inline li a {display:block; padding:0 6px; background:#ddd; line-height:28px; text-transform:uppercase; font-size:12px; text-decoration:none;}
ul.menu_inline li a:hover {background:#ccc;}

#nefloatuj {margin-top:40px;}
.element {float:left; margin:0 30px 30px 0;max-width: 300px;}
.element h4 {float:left; font-family: 'Poppins'; font-size:14px;}
.element p.tamplate_usage_count {float:right; margin:0; font-size:85%; color:#666;}
.element p img {border:1px solid #f5f5f5; margin-top:6px;}

.alert{
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: coral;
	color: white;
	margin-bottom: 50px;
}

.newlang{
	color: white;
	background-color: #2EB398;
}

.row{width: 100%; clear: both; margin-bottom: 30px;}
.span4{
	width: 25%;
	float: left;
	margin-right: 20px;
}
.span3{
	width: 29.5%;
	float: left;
	margin-right: 20px;
}
.span4 .button{
	width: 100% !important;
}

.riadokfarby{
	margin-top: 10px;
}
.riadokfarby label{
	width: 159px;
	display: inline-block;
}
.riadokfarby label input{
	width: 70%;
}
.riadok1f{
	display: block;
	margin-bottom: 10px;
}
.riadok1f .remvc, .riadok1f input{
	display: inline;
}
.remvc, #addvc, #addvcb{
	cursor: pointer;
	font-size: 15px;
}

textarea.tc{
	width: 100%;
	min-height: 80px;
}
#userslist{
	float: right;
	clear: both;
	height: 300px;
	overflow-y: auto;
}
#userslist a{
	text-align: right;
	margin-bottom: 5px;
}

#strankovanie{
    float: right;
    display: inline;
    list-style-type: none;
}
#strankovanie li{
    display: inline-block;
    padding: 5px;
    margin: 5px;   
}
#strankovanie li.active{
    background-color: yellow;
}

#filtertr .half input{
    width: 120px;
}

#filtertr input, #filtertr select{
    width: 100%;
    min-width: inherit;
    font-size: 11px;
    display: inline-block;
    margin: 0;
}
#filtertr label{
    display: inline;
}
#filtertr button{
    width: 100% !important;
}

.stvorcek {
    position: relative;
    float: left;
    width: 37px;
    height: 37px;
    margin-right: 3px;
    border: 1px solid #a3a3a3;
    box-sizing: border-box;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: border-box;
}
label span{
	display: block;
	margin-bottom: 3px;
}
input[name="bg_color[]"]{
	margin-right: 7px;
}
.riadokfarby .remvc{
	position: absolute;
	margin-top: 28px;
	margin-left: 3px;
}

#jrange input {
   width: 200px;
}
#jrange div {
   font-size: 9pt;
}
.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
   background: none;
   background-color: lightsteelblue;
}
.hasDatepicker{
	position: absolute !important;
}
.date-range-selected, .date-range-selected a{
	background: #2EB398 !important;
	color: white !important;
}
.ui-datepicker-month, .ui-datepicker-year{
	width: 60px !important;
}

/* --	RESPONSIVE -- */
@media (max-width:1220px) {
	#header #main-menu li a {padding: 0 12px;}
	#header #main-menu li a:hover {padding: 0 13px;}
}
/*
@media (max-width:1220px) {
	.row .span12 {width:100%;}
	.row .end {margin-right:25px; margin-left:0;}
	#builder { }
	.slidb .span4 input, .slidb .span4 label, .slidb .span4 textarea, .slidb .span4 select {display:none;}
	.pa {display:none;}
}

@media (max-width:1124px) {
	.basic-settings-left {float:none;}
	.basic-settings-right {float:none; margin:55px 0 0 0;}
	input.small {width:100%; max-width:440px;}
	input.big {width:100%; max-width:440px;}
	textarea.big {width:100%; max-width:440px;}
	.help-s, .help-b {margin:-60px 0 0 443px;}
}

@media only screen and (min-width:768px) and (max-width:1220px) {
	.row .span6 {width:47%;}
	.row .span4 {width:29%;}
	.row .span3 {width:46%;}
	.row .span3:nth-child(2) {margin-right:0;}
}

@media (min-width:767px) and (max-width:979px) {
	.help-s, .help-b {margin:-60px 0 0 443px;} 
	#header #main-menu {width:300px; display:block;}
	#header #main-menu li a {width:70px; background-position:center; padding:0;}
	#header #main-menu li a:hover {padding:0 1px 0 1px;}
	#header #main-menu li a.active {padding:0 1px 0 1px;}
	#header #main-menu li a span {display:none;}
    #header #main-menu {
        display:none;
    }
	.content {margin-left:260px;}
}  

@media (max-width:767px) {
	.row .span7 {width:100%;}
	.row .span6 {width:100%;}
	.row .span4 {width:100%;}
	.row .span3 {width:100%;}
	.help-s, .help-b, .help-s i, .help-b i {display:none;} 
	#header #main-menu {width:300px; display:block;}
	#header #main-menu li a {width:70px; background-position:center; padding:0;}
	#header #main-menu li a:hover {padding:0 1px 0 1px;}
	#header #main-menu li a.active {padding:0 1px 0 1px;}
	#header #main-menu li a span {display:none;}   
	.content {width:auto; margin:45px 48px 20px 260px;  padding-right:0;}
	.content h1 {width:100%; padding-right:0px;}
	.content h2 {width:100%; padding-right:0px;}
	.setting {width:100%;}
	#header #next-menu-mobile {float:right; width:73px; height:70px; background-color:#e76049; background-image:url(/img/orange.jpg);} 
	#header #next-menu {display:none;}
	input.small {max-width:530px;}
	input.big {max-width:530px;}
	textarea.big {max-width:530px;}
    #header #main-menu {
        display:none;
    }
}

@media (min-width:615px) and  (max-width:767px) {
	#deletepage {float:none;}
	#savepage {padding-left:40px; text-align:left; float:none; width:100%;  margin:80px 0 0 0;}
	#preview {padding-left:40px; text-align:left; float:none; width:100%; margin-right:-30px; margin-top:-90px;}
}

@media (max-width:695px) {
	#header #sa-icons {display:none;} 
	#header #main-menu {width:300px; display:block;}
	#header #main-menu li a {background-position:center; padding:0;}
	#header #main-menu li a:hover {padding:0 1px 0 1px;}
	#header #main-menu li a.active {padding:0 1px 0 1px;}
	#header #main-menu li a span {display:none;}
}

@media (max-width:615px) {
	body {background:#fff;}
	.reorderitems2 {display:block;}
	#header #sa-icons, .right-side ul#right-menu, .right-side .tip, .right-side, .content, a.addpage, .help-s, .help-b, .help-s i, .help-b i {display:none;} 
	#header {background:url(/img/header-mobile.jpg);}
	.right-side {display:none; float:none;}
	#header #next-menu-mobile {float:right; width:73px; height:70px; background-color:#e76049; background-image:url(/img/orange.jpg);} 
	#header #next-menu {display:none;}
	
	#header #main-menu {display:none; width:100%; float:left; list-style-type:none; font-size:14px; background-color:#161d20;}
	#header #main-menu li a {padding:0; width:100%;  float:none; display:block; border-left:none; border-right:none; border-bottom:solid 1px #000000; background-color:#161d20; line-height:70px; height:70px; text-transform:uppercase; color:#babcbd; text-decoration:none;}
	#header #main-menu li a.active {color:#babcbd; background-color:#161d20; padding:0;}
	#header #main-menu li a:hover {color:#babcbd; background-color:#161d20; border-bottom:solid 1px #000000; padding:0;}
	#header #main-menu li a span {text-indent:60px; display:block;}
	#header #main-menu li.border-top {border-top:solid 1px #2e3437;}

	#header #main-menu li.border-bottom:hover {border-bottom:none;}
	#header #main-menu li.last a {}
	#header #main-menu li a.pages:hover {background-position:25px -42px;}
	#header #main-menu li a.elements:hover {background-position:24px -42px;}
	#header #main-menu li a.design:hover {background-position:24px -42px;}
	#header #main-menu li a.settings:hover {background-position:24px -42px;}
	
	#header #mobile-next-menu {float:left; background-color:#161d20; display:block; list-style-type:none; width:100%; font-size:14px;}
	#header #mobile-next-menu li {border-top:1px solid #2e3437;}
	#header #mobile-next-menu li:first-child {border-top:none;}
	#header #mobile-next-menu li a {border-bottom:solid 1px #000000; line-height:70px; color:#babcbd; padding:0 0 0 25px; text-decoration:none; display:block;}
	#header #mobile-next-menu li a:hover {background:#242f34;}  
	
	#header #mobile-next-menu li ul {list-style-type:none; text-indent:15px; border-top:1px solid #2e3437;}
	#header #mobile-next-menu li ul li:before {content:"•"; position:absolute; margin-left:7px; padding-top:22px; color:#babcbd;}
	#header #mobile-next-menu li ul li:hover:before {color:#fff;}
	#header #mobile-next-menu li ul li a:hover {color:#fff; background-color:#2e3437;}
	#header #mobile-next-menu li ul li:hover {color:#fff; background-color:#2e3437;} 
	
	.button {max-width:530px;}
	label {font-size:13px; font-weight:bold; display:block; padding:0 0 2px 0;} 
	#wrapper {width:auto; background:#fff; margin-left:-10px;}
	.setting {margin-left:-3px;}
	.setting p {margin-top:15px;}   	 
	.content {margin:20px; padding:10px 0px 10px 10px;}
	div[aria-label="Insert link"] {width:100%;} 
	#slexa {margin:25px;}
}

@media (max-width:505px) {
	#deletepage {float:none;}
	#savepage {padding-left:40px; text-align:left; float:none; width:100%;  margin:80px 0 0 0;}
	#preview {padding-left:40px; text-align:left; float:none; width:100%; margin-right:-30px; margin-top:-90px;}
}

@media (max-width:285px) {
	#header a#logo {margin-left:-22px;}
	#header #next-menu-mobile {position:absolute; right:0;}
}
*/