/****************************** CONTEXTMENU ***************************/
.rutanCMS ul.contextmenu {
    position: absolute;
    z-index: 1900;
    background: var(--cmsMainColor);
    padding:6px;
    max-width: 350px;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	border-radius: 4px;
}

.rutanCMS ul.contextmenu  ul:first-child{
    margin-top:0;
}

.rutanCMS ul.contextmenu li a:hover{
    background:var(--cmsHighlightColor);
}
.rutanCMS ul.contextmenu li,
.rutanCMS ul.contextmenu li a{
    white-space: nowrap;
}

.rutanCMS ul.contextmenu ul li{
    display: inline-block;
}

.rutanCMS ul.contextmenu ul li.iconOnly{
    width:36px;
    text-align: center;
	flex: 0 0 36px;
}

.rutanCMS ul.contextmenu ul{
    margin-top:10px;
	display:flex;
}

.rutanCMS ul.contextmenu li a{
    padding:6px 6px;
    position: relative;
    display:block;
	border-radius: 4px;
}

.rutanCMS .contextmenu li a i {
    font-size:18px;
    display: inline-block;
    left: 0;
}

.rutanCMS .contextmenu li a i img{
    width:22px;
}

.rutanCMS .contextmenu li a.alias i{
    margin-top: 2px;
}

.rutanCMS .contextmenu li a.redirect i{
    margin-top: 2px;
}

.rutanCMS .contextmenu a i {
    color: #fff;
}

a.alias i,
.rutanCMS .contextmenu a.alias i{
    color: rgb(67,132,241);
}

a.redirect i,
.rutanCMS .contextmenu a.redirect i {
    color: rgb(52,181,122);
}

.rutanCMS .contextmenu li ul:not(.contextmenu) > a.ajax > i {
    position: absolute;
    top: 10px;
    display: block;
}

.rutanCMS .contextmenu li ul.iconsonly li a i {
    margin: 0;
}

.rutanCMS .contextmenu li a span {
    color: rgb(255, 255, 255);
    display: inline-block;
    position: relative;
    width: calc(100% - 25px);
    padding-left: 10px;
}

.rutanCMS ul.contextmenu li.seperator {
    height: 1px;
    margin: 6px -6px;
    background:rgba(255,255,255,0.1);
}

/****************************** DROPDOWNS ***************************/

.rutanCMS div.dropdown{
    display:inline-block;
    vertical-align: top;
    z-index:1000;
    position: relative;
}

.onPageEditing div.dropdown{
    position: absolute;
    z-index:8888;
    left: 30px
}

.rutanCMS div.dropdownContent,
.rutanCMS div.dropdownContent *,
.rutanCMS div.dropdownContent *:before,
.rutanCMS div.dropdownContent *:after{
    color: rgb(130,130,130);
}

.rutanCMS div.dropdownContent *:before{
    float: left;
    font-size: 18px;
    margin-right: 9px;
}

.rutanCMS div.dropdown > ul > li{
    display:inline-block;
    vertical-align: top;
    position: relative;
}

.rutanCMS div.dropdown > ul > li:first-child{
    margin-left:0;
}

.rutanCMS div.dropdown > ul > li > i,
.rutanCMS div.dropdown > ul > li > span{
    padding:0 10px 0 9px !important;
    cursor:default;
    white-space: nowrap;
    float:left;
    line-height: 39px;
    height:40px;
    color:rgb(130,130,130);
    position: relative;
    user-select: none;
    -moz-user-select: none;
}

.rutanCMS div.dropdown > ul > li > i{
    font-size: 26px;
    width:28px;
}

.rutanCMS div.dropdown > ul > li.open > div.dropdownContent{
    display:flex;
    flex-wrap: wrap;
}

.rutanCMS div.dropdown > ul > li.open > div.dropdownContent break{
    flex-basis: 100%;
    height: 0;
}

.rutanCMS div.dropdown > ul > li > span:hover,
.rutanCMS div.dropdown > ul > li > i:hover,
.rutanCMS div.dropdown > ul > li.open > span,
.rutanCMS div.dropdown > ul > li.open > i{
    background: #000;
}


.rutanCMS div.dropdown li{
    list-style-type: none !important;
    margin:0;
    padding:0;
}

.rutanCMS div.dropdownContent{
    min-width:100%;
    background: transparent;
    cursor: default;
    position: absolute;
    top:0px;
    margin-top:43px;
    left: 0px;
    background:#000;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
}

.rutanCMS div.dropdown:not(.contextMenu) div.dropdownContent{
    display:none;
}

.rutanCMS  div.dropdown.contextMenu{
    position: absolute;
}

.rutanCMS  div.dropdown.contextMenu > ul > li{
    position: static;
}

.rutanCMS div.dropdown.contextMenu div.dropdownContent > ul{
    width: 200px;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
}

.rutanCMS div.dropdown.contextMenu div.dropdownContent div.before,
.rutanCMS div.dropdown.contextMenu div.dropdownContent:before{
    display:none;
}

.rutanCMS div.dropdownContent div.before{
    background:#000;
    position: absolute;
    top:-6px;
    left:0;
    height:8px;
}

.rutanCMS div.dropdownContent.right div.before{
    right:0;
    left:auto;
}

.rutanCMS div.dropdownContent li.seperator:not(:empty) {
    background:none;
    color: #fff !important;
    cursor: default;
    height: auto;
    margin: 0;
    padding: 2px 15px;
    width: 100%;
    margin-bottom:3px;
    text-align:left;
    text-transform:uppercase;
}

.rutanCMS div.dropdownContent li.seperator a.icon{
    float: right;
    font-size: 28px;
    line-height: 0;
    padding:0;
    margin: 0 0 0 10px;
    color:#fff;
}

.rutanCMS div.dropdownContent li.seperator:hover a.icon,
.rutanCMS div.dropdownContent ul:not(.iconsonly) > li:hover a.icon{
    background: none;
}

.rutanCMS div.dropdownContent li.iconsonly{
    margin:0;
}

.rutanCMS div.dropdownContent li.iconsonly:hover{
    background: none;
}

.rutanCMS div.dropdownContent li.seperator a.icon i{
    color:#fff;
    font-family: 'cms-icons-filled' !important;
}


.rutanCMS div.dropdownContent li.seperator:not(:empty):not(:first-child){
    margin-top: 15px;
}

.rutanCMS div.dropdownContent li.seperator:empty{
    background:rgb(217,217,217);
    cursor: default;
    height: 0px;
    margin: 24px 0;
    padding: 0;
}


.rutanCMS div.dropdownContent li.seperator.hr:empty{
    height:2px;
}

.rutanCMS div.dropdownContent ul {
    width: 280px;
    flex-basis:280px;
    vertical-align: top;
    margin:10px;
}



.rutanCMS div.dropdownContent li.seperator + ul.iconsonly{
    margin-top:-8px;
}

.rutanCMS div.dropdownContent ul.iconsonly + li.seperator{
    margin-top:0;
}

.rutanCMS div.dropdownContent ul.iconsonly{
    display:flex;
    flex-wrap:wrap;
    margin:0;
}

.rutanCMS div.dropdownContent ul.iconsonly li{
    width: 66px;
}

.rutanCMS div.dropdownContent li.seperator a{
    float:right;
    color:#fff;
    margin-left: 15px;
}
.rutanCMS header div.dropdownContent li.seperator a i{
    color:#fff !important;
}

.rutanCMS div.dropdownContent ul.iconsonly > li:not(.seperator) > a{
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 6px 15px;
}

.rutanCMS div.dropdownContent ul:not(.iconsonly):nth-child(2n+3){
    margin:10px 30px;
}

.rutanCMS div.dropdownContent ul:not(.iconsonly):last-child{
    margin-right:10px;
}

.rutanCMS div.dropdown.contextMenu div.dropdownContent > ul > ul.iconsonly{
    margin:-10px 0 0 -10px;
    width:calc(100% + 20px);
}
.rutanCMS .contextMenu div.dropdownContent ul.iconsonly li{
    width: 73px;
}
.rutanCMS div.dropdownContent ul li{
    display: block;
    list-style-type: none;
    width: 100%;
}

.rutanCMS div.dropdownContent ul:not(.iconsonly) > li:not(.seperator),
.rutanCMS div.dropdownContent ul:not(.iconsonly) form li:not(.seperator),
.rutanCMS div.cmsSearchResults ul li a{
    display: block;
    margin: 0;
    padding: 6px 15px;
    text-align: left;
    white-space: normal;
    width:100%;
}

.rutanCMS div.dropdownContent ul:not(.iconsonly) > li:not(.seperator) > a{
    display:block;
    padding: 6px 15px;
    margin:-6px -15px;
}


.rutanCMS div.dropdownContent ul:not(.iconsonly) > li:hover a,
.rutanCMS div.dropdownContent ul.iconsonly > li:hover,
.rutanCMS div.cmsSearchResults ul:not(.iconsonly) li:hover a,
.rutanCMS div.dropdownContent a.selected{
    background: var(--cmsHighlightColor);
}

.rutanCMS div.dropdownContent a.selected{
    color:#fff;
}

.rutanCMS div.dropdown.pageInfos {
    cursor: default;
}

.rutanCMS div.dropdown.pageInfos li{
    width:100%;
    height:100%;
}

.rutanCMS div.dropdown > ul > li > span.icon-infomation-circle:before{
    font-size: 26px;
    line-height: 39px;
}

.rutanCMS div.dropdown .error:not(input){
    float:right;
}

.rutanCMS .arrow {
    display:inline-block;
    position: relative;
    margin:0 10px 7px 15px;
}

.rutanCMS .arrowUpper:before,
.rutanCMS .arrowUpper:after,
.rutanCMS .arrowLower:before,
.rutanCMS .arrowLower:after {
    content: '';
    position: absolute;
    display: block;
    right: -9px;
    width: 11px;
    height: 2px;
    background: rgb(130,130,130);
    transition: all 0.5s;
}

.rutanCMS .arrowUpper:before,
.rutanCMS .arrowUpper:after {
    top: 0px;
    transform: rotate(-45deg);
}

.rutanCMS .arrowUpper:after {
    right: inherit;
    left: -9px;
    transform: rotate(45deg);
}

.rutanCMS .arrowLower:before,
.rutanCMS .arrowLower:after {
    top: 0px;
    transform: rotate(-45deg);
}

.rutanCMS .arrowLower:after {
    right: inherit;
    left: -9px;
    transform: rotate(45deg);
}

.rutanCMS .animate .arrowLower:before,
.rutanCMS .animate .arrowLower:after {
    top: 6px;
    transform: rotate(45deg);
}

.rutanCMS .animate .arrowLower:after {
    transform: rotate(-45deg);
}

.rutanCMS div.dropdown > ul > li img,
.rutanCMS div.dropdown > ul > li svg{
    height: 20px;
    display: inline-block;
    float: left;
    margin-top: 4px;
    margin-bottom: 5px;
    width:auto;
}

.rutanCMS div.dropdown > ul > li img.shareImage{
    width:100%;
    height:auto;
}

.rutanCMS div.dropdown > ul > li span img,
.rutanCMS div.dropdown > ul > li span svg{
    margin-top: 9px;
    margin-bottom: 0;
}

.rutanCMS div.dropdown > ul > li svg *{
    fill:rgb(130,130,130);
}

.rutanCMS div.dropdown > ul > li span wbr{
    display: none;
}

.rutanCMS div.dropdownContent ul:not(.iconsonly) > li i,
.rutanCMS div.dropdownContent ul:not(.iconsonly) > li i{
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    margin-top: 2px;
}


.rutanCMS div.dropdownContent ul:not(.iconsonly) > li i + span,
.rutanCMS div.dropdownContent ul:not(.iconsonly) > li i + span{
    display: inline-block;
    width:calc(100% - 44px);
    vertical-align: middle;
    line-height: 1.2em;
}

.rutanCMS div.dropdownContent label.checkbox{
    margin:0;
}

/***************CONTROLS*************/
.content header.rutanCMS ul{
    white-space: nowrap;
    height: 35px;
	margin-top: 2px;
	margin-left: 3px;
}

.content header.rutanCMS ul li{
    height:100%;
    display: inline-block;
    margin-right: 3px;
}
.content header.rutanCMS ul li a,
.pylon header ul li a{
    padding: 0 12px;
    text-align: center;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
    height: 100%;
    display: inline-block;
    line-height: 35px;
    white-space: nowrap;
    cursor: pointer;
	border-radius: 4px;
}

.content header.rutanCMS ul.sidebarControls li:hover{
    background:#000;
}

.content header.rutanCMS ul li img{
    height:calc(100% - 16px);
    margin:9px 0;
}

.pylon header ul li a:hover,
.content header.rutanCMS ul li a:hover,
.content header.rutanCMS ul li a.selected,
.content header.rutanCMS ul li.selected{
    background:var(--cmsHighlightColor);
	border-radius: 4px;
}

aside.rutanCMS {
    border-left: 3px solid var(--cmsSecondaryColor);
    background:var(--cmsMainColor);
    color:#fff;
    height:calc(100% - 30px);
    position: relative;
    min-width: 240px;
    max-width: 800px;
    padding:30px 0 0;
}

aside.rutanCMS .scrollContainer{
    overflow-x: hidden;
    width:calc(100% + 25px);
    padding-right: 10px;
    height:100%;
    overflow-y: scroll;
}

.flexContainer{
    width:100%;
    height:100%;
    overflow: hidden;
}

aside.rutanCMS .scrollContainerContent{
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    height: 4000px;
}

aside.rutanCMS  div.sidebarItem {
    width: 100%;
    padding:10px;
}

aside.rutanCMS div.sidebarItem:nth-child(even){
    background:var(--cmsSecondaryColor);
}

aside.rutanCMS[data-cols="2"] .sidebarItem:nth-child(2n+1) {
    order: 1;
}
aside.rutanCMS[data-cols="2"] .sidebarItem:nth-child(2n+2) {
    order: 2;
}
aside.rutanCMS[data-cols="2"] .sidebarItem{
    width:50%;
}

aside.rutanCMS[data-cols="3"] .sidebarItem:nth-child(3n+1) {
    order: 1;
}
aside.rutanCMS[data-cols="3"] .sidebarItem:nth-child(3n+2) {
    order: 2;
}
aside.rutanCMS[data-cols="3"] .sidebarItem:nth-child(3n)   {
    order: 3;
}
aside.rutanCMS[data-cols="3"] .sidebarItem{
    width:33%;
}

.scrollContainerContent:before,
.scrollContainerContent:after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2;
}

aside.rutanCMS  div.sidebarItem h3{
    color:var(--cmsHighlightColor);
    border-bottom: 1px solid var(--cmsHighlightColor);
    margin:20px 0 20px;
    font-weight: 400;
}

aside.rutanCMS  div.sidebarItem h3:first-child{
	margin-top:0;
}

aside.rutanCMS  div.sidebarItem a{
    color:#fff;
}


aside.rutanCMS  div.sidebarItem:last-child{
    border:none;
}


aside.rutanCMS ul li{
    display: block;
    margin: 0;
    position: relative;
}

aside.rutanCMS ul li > *{
    display:inline-block;
    transition: padding ease-in-out .2s;
    padding: 6px 0;
}

aside.rutanCMS ul li.seperator,
aside.rutanCMS h6.taggroup{
    color:rgba(255,255,255,.7);
    font-weight: 600;
    text-transform: uppercase;
    border-bottom:1px solid rgba(255,255,255,.7);
    margin:0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


aside.rutanCMS h6.taggroup{
	margin:30px 0 10px 0;
	display:block;
}

aside.rutanCMS div.taggroup:first-child h6.taggroup{
	margin-top:0;
}

aside.rutanCMS ul li a {
    cursor:pointer;
}
aside.rutanCMS ul li a:not(.icon){
    padding-left: 6px;
    margin-left: -6px;
    padding-top:4px;
    padding-bottom: 4px;
}
aside.rutanCMS ul li a:not(.icon):hover,
aside.rutanCMS ul li a.selected{
    background: var(--cmsHighlightColor);
    color: white;
    padding: 4px 8px;
	border-radius: 4px;
}

aside.rutanCMS label.checkbox{
    margin:0;
}
aside.rutanCMS div.checkboxContainer + h4{
	margin-top: 30px;
}

aside.rutanCMS label.checkbox span b,
aside.rutanCMS h4{
    font-weight: 600;
    line-height: 1rem;
}

aside.rutanCMS h4{
    margin:6px 0 3px 0;
}

aside.rutanCMS ul li a.icon{
    margin-left: 10px;
    padding:0;
}

aside.rutanCMS ul li i{
    font-size: 17px;
}

aside.rutanCMS ul li i:first-child{
    line-height: 1em;
	padding: 0;
}

aside.rutanCMS input,
aside.rutanCMS textarea,
aside.rutanCMS select,
aside.rutanCMS option,
aside.rutanCMS input[type="checkbox"].switch + div,
aside.rutanCMS input[type="checkbox"].custom + label{
    background: rgba(255,255,255,0.15);
	color:#fff;
}

aside.rutanCMS div.inputGroup input:not(:placeholder-shown) ~ label,
aside.rutanCMS div.inputGroup input:placeholder-shown:focus ~ label,
aside.rutanCMS div.inputGroup textarea:not(:placeholder-shown) ~ label,
aside.rutanCMS div.inputGroup textarea:placeholder-shown:focus ~ label ,
aside.rutanCMS div.inputGroup select ~ label{
    color:#fff;
    font-family:'Font';
    font-weight: 600;
}

aside.rutanCMS div.inputGroup{
    display:inline-block;
	width:100%;
}

aside.rutanCMS label.checkbox,
aside.rutanCMS div.inputGroup,
aside.rutanCMS div.group{
	margin:20px 0 0 0;
}

aside.rutanCMS div.inputGroup span.bar{
	bottom:6px;
}

aside.rutanCMS label.checkbox{
	margin:10px 0 0 0;
}

aside.rutanCMS select{
	margin-bottom: 20px;
}

aside.rutanCMS ul li{
	margin-bottom: 20px;
}

aside.rutanCMS div.group{
	padding:0;
}


aside.rutanCMS ul li > p{
    display:block;
}

aside.rutanCMS form{
    width:100%;
}

aside.rutanCMS textarea + small{
    margin-top: -10px;
    display: block;
}

ul.rewrite li{
    white-space: nowrap;
    position: relative;
}

ul.rewrite li > div{
    display:flex;
    align-items: center;
    width:100%;
}

ul.rewrite li > div input:first-child,
ul.rewrite li > div input:last-child{
    flex:0 0 auto;
}

aside.rutanCMS ul.rewrite input[type='text']{
    margin: 0 10px 0 10px;
}

aside.rutanCMS ul li input + a.icon{
    float:none;
}

aside.rutanCMS ul.rewrite input[type="radio"].custom + label{
    transform: translate(0, 2px);
}

aside.rutanCMS a.clearSidebar{
    position: absolute;
    top: -1px;
    right: 2px;
    padding:5px 8px;
    color:rgba(255,255,255,1);
    font-size: 23px;
    line-height: 0;
}

aside.rutanCMS div.sidebarItem option{
    color:var(--cmsMainColor);
}