.moxman-container-body .moxman-stack-layout {overflow: auto;}
.moxman-scrollbar .moxman-scrollbar-v {display: none;}
.moxman-scrollbar .moxman-scrollbar-h {display: none;}

/* Base definitions */
a,body,button,div,form,h1,h2,header,html,i,img,input,label,p,span,table,tbody,textarea,thead,td,tr,section,select,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;font-family:Arial,sans-serif;font-weight: normal;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;box-sizing:border-box;}
::-webkit-input-placeholder{color:rgb(199,199,201);font-style:italic;}
::-moz-placeholder{color:rgb(199,199,201);font-style:italic;}
::-moz-placeholder{color:rgb(199,199,201);font-style:italic;}
::-ms-input-placeholder{color:rgb(199,199,201);font-style:italic;}
a:link,a:visited,a:active{text-decoration:none;color:rgb(148,149,153);}
a:link:hover,a:visited:hover,a:active:hover{color:rgb(56,57,58);}
body{background-color:rgb(199,199,201);font-size:14px;}
h1{font-size:18px;line-height:20px;}
h2{font-size:14px;line-height:16px;}
input[type="radio"], input[type="checkbox"]{display: none;}
input[type="radio"]+label, input[type="radio"]+label span{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
input[type="radio"]:checked+label span, input[type="checkbox"]:checked+label span{background-color:rgb(188,215,82);}
input[type="radio"]+label, input[type="checkbox"]+label{display:block;width:18px;height:18px;border:1px solid rgb(148,149,153);background-color:rgb(255,255,255);}
input[type="radio"]+label span, input[type="checkbox"]+label span{display:block;width:12x;height:12px;margin:2px;cursor: pointer;}
input[type="text"], input[type="password"], select, textarea{font-size:12px;color:rgb(100,99,100);background-color:rgb(251,249,250);border:1px solid rgb(186,184,185);padding:10px 10px 8px 10px;width:100%;}
form .no-label{margin-top:26px;}
table{border-collapse:collapse;}
ul{list-style:none}
.errors {background-color:rgb(249,242,244);border:1px solid rgb(199,37,78);color:rgb(199,37,78);}
.hidden{display:none;}
.success{background-color:rgb(241,249,247);border:1px solid rgb(29,157,116);color:rgb(29,157,116);}

/* Apply CSS transitions */
.transition{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}

/* this will be shown when javascript is disabled */
.noscript{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgb(0, 0, 0);z-index:100;}
.noscript div{position:absolute;display:block;left:50%;top:50%;height:120px;width:300px;margin-left:-150px;margin-top:-60px;padding:20px;background-color:rgb(251,249,250);text-align:center;}

/* this will be presented to devices with to small resolutions */
.toSmallDevice{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgb(0, 0, 0);display:none;z-index:100;}
.toSmallDevice div{position:absolute;display:block;left:50%;top:50%;height:100px;width:300px;margin-left:-150px;margin-top:-50px;padding:20px;background-color:rgb(251,249,250);text-align:center;}

/* Login and password forgotten */
body.login .topColor{position:absolute;top:0;right:0;left:0;height:350px;background-color:rgb(56,57,58);border-bottom:1px solid rgb(255,255,255);z-index:-1;}
body.login .center{margin:0 auto;height:400px;width:400px;}
body.login .center .logo{width:100%;text-align:center;margin:40px auto 45px auto;float:left;}
body.login .center form{width:100%;background-color:rgb(253,253,253);border:1px solid rgb(186,184,185);padding:20px 20px 15px 20px;float:left;}
body.login .center form *{width:100%;margin-bottom:10px;font-size:13px;float:left;}
body.login .center form label{color:rgb(64,64,64);margin-bottom:5px;}
body.login .center form button{width:100%;background-color:rgb(189,215,83);border:1px solid rgb(186,184,185);padding:10px;font-weight:bold;text-align:center;}
body.login .center form button:hover{background-color:rgb(180,200,60);}
body.login .center form button i{margin:2px 0 0 0;width:20px;line-height:18px;float:none;}
body.login .center form .forgotten{font-size:12px;text-align:center;margin:5px 0 0 0;}
body.login .center form .message{margin-top:10px;}
body.login .center form .message li{font-size:12px;margin:0;padding:10px;}

/* CMS Core */
body.cms .overlayer{position:fixed;top:0;right:0;bottom:0;left:0;background-color: rgba(0, 0, 0, 0.6);}
body.cms .overlayer .delete{position:absolute;display:block;left:50%;top:50%;height:142px;width:400px;margin-left:-215px;margin-top:-71px;padding:20px;background-color:rgb(251,249,250);border:1px solid rgb(56,57,58);}
body.cms .overlayer .delete div{position:absolute;left:20px;right:20px;bottom:20px;}
body.cms .overlayer .delete button{display:block;width:170px;padding:10px 10px 8px 10px;font-size:13px;cursor:pointer;}
body.cms .overlayer .delete button.confirm{float:left;}
body.cms .overlayer .delete button.cancel{float: right;}

/* Logo */
body.cms .logo a{position:absolute;width:220px;height:80px;text-align:center;display:block;padding-top:15px;background-color:rgb(251,249,250);}
body.cms .logo a img{width:180px;height:54px;}

/* Topbar */
body.cms .topbar{position:absolute;top:0;left:220px;right:0;height:80px;padding:0 40px 0 40px;background-color:rgb(251,249,250);}
body.cms .topbar a{float:left;font-size:20px;height:80px;}
body.cms .topbar a.link{padding:28px 0 0 0;margin:0 20px 0 0;}
body.cms .topbar a.link:hover{border-bottom:5px solid rgb(186,211,81);}
body.cms .topbar a.link.active{color:rgb(56,57,58);border-bottom:5px solid rgb(186,211,81);}
body.cms .topbar a.link i{margin-right:10px;}
body.cms .topbar a.button{font-size:30px;width:80px;margin-left:2px;padding:25px 0 0 0;text-align:center;background-color:rgb(238,244,210);float:right;}
body.cms .topbar a.button.inactive:hover{color:rgb(251,249,250);background-color:rgb(56,57,58);border-bottom:5px solid rgb(186,211,81);}
body.cms .topbar a.button.active{color:rgb(56,57,58);background-color:rgb(188,215,82);}
body.cms .topbar .help{position:absolute;left:0;top:80px;right:0;z-index:10;}
body.cms .topbar .help .description{display:none;padding:20px;border-bottom:1px solid rgb(238, 238, 238);background-color:rgba(0,0,0,0.8);color:rgb(251,249,250);}
/*body.cms .topbar .help i{float:right;height:40px;width:40px;font-size:30px;padding-top:4px;text-align:center;cursor:pointer;border-left:1px solid rgb(238, 238, 238);border-right:1px solid rgb(238, 238, 238);border-bottom:1px solid rgb(238, 238, 238);background-color:rgb(100,99,100);color:rgb(251,249,250);}*/
body.cms .topbar .help i{position:absolute;right:0;top:0;height:40px;width:40px;font-size:30px;padding-top:4px;text-align:center;cursor:pointer;border-left:1px solid rgb(238, 238, 238);border-right:1px solid rgb(238, 238, 238);border-bottom:1px solid rgb(238, 238, 238);background-color:rgb(100,99,100);color:rgb(251,249,250);}
body.cms .topbar .help i:hover{background-color:rgb(56,57,58);}

/* Sidebar */
body.cms .sidebar{position:absolute;top:80px;left:0;bottom:0;width:220px;padding-top:40px;background-color:rgb(56,57,58);border-right:1px solid rgb(251,249,250);overflow-x:hidden;overflow-y:auto;}
body.cms .sidebar .nav{border-top:1px solid rgb(224,224,224);}
body.cms .sidebar .nav a{width:100%;color:rgb(251,249,250);padding: 15px 0 15px 20px;border-bottom:1px solid rgb(224,224,224);float:left;}
body.cms .sidebar .nav a span{float:left;font-size: 14px;line-height:30px;vertical-align:middle;}
body.cms .sidebar .nav a i{float:left;width:30px;margin: 0 20px 0 0;font-size: 30px;text-align:center;}
body.cms .sidebar .nav a.active{border-left:5px solid rgb(189,215,83);border-bottom:1px solid rgb(188,215,82);padding-left: 15px;background-color:rgb(251,249,250);color:rgb(56,57,58);}
body.cms .sidebar .nav a.inactive:hover{background-color:rgb(100,99,100);border-right:5px solid rgb(188,215,82);}

/* Content */
body.cms .content{position:absolute;top:120px;right:39px;bottom:40px;left:260px;background-color:rgb(251,249,250);border:1px solid rgb(186,184,185);}
body.cms .content .header{position:absolute;top:0;right:0;bottom:0;left:0;height:40px;background-color:rgb(238,244,210);border-bottom:1px solid rgb(186,184,185);}
body.cms .content .header h2{padding:12px 0 0 20px;float:left;}
body.cms .content .header a{min-width:120px;height:40px;padding:12px 20px 0 20px;border-left:1px solid rgb(186,184,185);text-align:center;float:right;}
body.cms .content .header a:hover{color:rgb(56,57,58);background-color:rgb(188,215,82);border-bottom:1px solid rgb(186,184,185);}
body.cms .content .inner{float:left;position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;}
body.cms .content .header+.inner{top:40px;}
body.cms .content .inner .data{width:100%;}
body.cms .content .inner .data tr{border-bottom:1px solid rgb(186,184,185);}
body.cms .content .inner .data td{vertical-align:middle;padding-left:20px;}
body.cms .content .inner .data thead tr{background-color:rgb(238,244,210);height:40px;}
body.cms .content .inner .data tbody tr{height:40px;}
body.cms .content .inner .data tbody tr:nth-child(odd){background-color:rgb(240,240,240);}
body.cms .content .inner .data tbody tr:hover{background-color:rgb(230,230,230);}
body.cms .content .inner .data td.buttons{width:40px;padding: 0 0 0 0;border:1px solid rgb(186,184,185);}
body.cms .content .inner .data td.buttons a{height:40px;width:40px;text-align:center;display:block;padding-top:12px;}
body.cms .content .inner .data td.buttons a.settings{background-color: rgb(100,99,100);}
body.cms .content .inner .data td.buttons a.edit{background-color: rgb(100,99,100);}
body.cms .content .inner .data td.buttons a:hover{color:rgb(251,249,250);background-color: rgb(56,57,58);border-bottom:5px solid rgb(186,211,81);}
body.cms .content .inner table.checkboxes{border:1px solid rgb(186,184,185);}
body.cms .content .inner table.checkboxes thead td{font-weight:600;}
body.cms .content .inner table.checkboxes td.center{text-align: center;}
body.cms .content .inner table.checkboxes td.center .table_check{display:inline-block;}

/* Content forms '.content .inner form'  */
.content .inner form{width:100%;padding:0 0 20px 20px;float:left;}
.content .inner form.data{padding:0;}
.content .inner form .row{float:left;width:100%;display:block;}
.content .inner form .row .message{float:left;padding:20px 20px 0 0;width:100%;}
.content .inner form .row .message ul{padding:10px;}
.content .inner form .row .cell{float:left;padding:20px 20px 0 0;width:50%;}
.content .inner form .row .cell.full{width:100%;}
.content .inner form .row .cell.file{position: relative;}
.content .inner form .row .cell.file a{position: absolute;top:46px;right:20px;height:34px;width:40px;text-align:center;padding-top:8px;background-color:rgb(100,99,100);}
.content .inner form .row .cell.file a:hover{color:rgb(251,249,250);background-color: rgb(56,57,58);border-bottom:5px solid rgb(186,211,81);}
.content .inner form .row .cell .cellInput{float:left;width:100%;background-color:rgb(255,255,255);height:34px;}
.content .inner form .row .cell textarea.cellInput{float:left;display:block;background-color:rgb(255,255,255);max-width: 100%;min-height: 120px;max-height: 400px;}
.content .inner form .row .cell .cellLabel{float:left;width:100%;padding-bottom:10px;}
.content .inner form .row .cell .cellSelect{float:left;background-color:rgb(255,255,255);display:block;-webkit-appearance: none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
.content .inner form .row .cell .cellSelect:not([multiple]){background: rgb(255,255,255) url("/ImagineCMS/Assets/Cms/Img/Backgrounds/arrow.png") no-repeat 98% 50%;}
.content .inner form .row .cell .cellButton{width:100%;background-color:rgb(189,215,83);border:1px solid rgb(186,184,185);padding:10px;font-weight:bold;text-align:center;cursor:pointer;}
.content .inner form .row .cell .cellButton:hover{background-color:rgb(180,200,60);}
.content .inner form .row .cell .cellButton i.fa{width:20px;}
.content .inner form .row .cell .option{float:left;margin-right:10px;line-height:18px;}
.content .inner form .row .cell .option .checkbox{float:left;margin:0 5px 10px 0;background-color:rgb(255,255,255);}
.content .inner form .row .cell .fold{width:100%;margin:0;padding:0;background-color:rgb(255,255,255);border:1px solid rgb(186,184,185);}
.content .inner form .row .cell .fold .foldLabel{display:block;cursor:pointer;padding:10px;}
.content .inner form .row .cell .fold .foldLabel i.fa{float:right;line-height:16px;font-size:20px;}
.content .inner form .row .cell .fold>p{display:none;width:100%;padding:0 10px 10px 10px;margin:0;}
.content .inner form .row .cell .fold>p.active{display:block;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* Page specific styles ----------------------------------------------------------------------------------------------------- */
/* Dasboard */
#dasboardPagesList .td_3{text-align:right;padding-right:32px;}

/* Webpages */
#pagesList .td_1{width:18px;}
#pagesList .td_2{min-width:220px;max-width:320px;}

/* Users */
#usersList .td_1{width:18px;}
#usersList .td_2{width:220px;}

/* UserGroups */
#userGroupsList .td_1{width:18px;}
#userGroupsList .td_2{width:220px;}

/* Templates */
#templatesList .td_1{}

/* Modules */
#modulesList .td_1{}

/* Module parts */
#modulePartsList .td_1{width:18px;}

#changelog .version{width:200px;padding:5px 5px 5px 20px;vertical-align:top;text-align:left;}
#changelog .description{padding:5px;vertical-align:top;text-align:left;}
#changelog ul{list-style-type:square;margin-left: 30px;}

/* Media queries ------------------------------------------------------------------------------------------------------------ */
/* less then 700 px hide all */
@media(max-width:699px){
	.toSmallDevice{display:block;}
}
/* between 700 and 1024px show the small tablet version */
@media(min-width:700px) and (max-width:1023px){
	/* Logo */
	body.cms .logo{display:none;}
	/* Topbar */
	body.cms .topbar{left:61px;height:61px;padding-left:18px;}
	body.cms .topbar a{height:61px;}
	body.cms .topbar a.link{padding:18px 0 0 0;}
	body.cms .topbar a.button{width:61px;padding:15px 0 0 0;text-align:center;}
    body.cms .topbar .help{top:61px;}
	/* Sidebar */
	body.cms .sidebar{top:0;padding-top:0;width:61px;}
	body.cms .sidebar .nav{border-top:none;}
	body.cms .sidebar .nav a{padding: 15px 0 15px 15px;}
	body.cms .sidebar .nav a.active{padding: 15px 0 15px 10px;}
	body.cms .sidebar .nav a span{display:none;}
	body.cms .sidebar .nav a i{margin: 0;}
	/* Content */
	body.cms .content{top:78px;right:17px;bottom:17px;left:78px;}
}