html, body { width: 100% !important; min-height: 100% !important; overflow: visible !important; }
#mPanel .components { position: fixed; left: -355px; top: 0; width: 350px; margin-right: 20px; height: 100%; background: white; z-index: 98; box-shadow: 1px 0 3px #8e44ad; padding-right: 10px; }
    #mPanel .components > .data-block { overflow-y: auto; overflow-x: hidden; height: 100vh; }
    #mPanel .components.active { left: 0; z-index: 101; }
    #mPanel .components .widget-block { width: 100px; margin-bottom: 0; height: 125px; padding: 0 5px; }
        #mPanel .components .widget-block:first-child { margin-left: 2.5%; }
        #mPanel .components .widget-block section { padding: 20px 0px; text-align: center; }
    #mPanel .components .data-block.widget-block strong { font-size: 15px; font-weight: normal; letter-spacing: -0.75px; }
#mPanel .itemList { overflow: auto; /* max-height: 500px; */ position: relative; height: 90%; }
    #mPanel .itemList .span2 { width: 160px; float: none; display: inline-block; margin-right: -5px; vertical-align: top; }
#mPanel #ContentEditor { -webkit-transition: height .4s; -moz-transition: height .4s; -o-transition: height .4s; -ms-transition: height .4s; transition: height .4s; }
#mPanel .acTitle { float: left; width: 99%; margin-top: 35px; padding-left: 1%; padding-top: 10px; font-size: 20px; border-top: 1px solid #8e44ad; }
#mPanel .publishedPageTitle { margin-bottom: 10px; display: block; margin-left: 3px; margin-top: -5px; }

#mPanel .contentEditorTab { margin-left: 10px; }
    #mPanel .contentEditorTab span { display: inline-block; padding: 8px 15px; font-size: 18px; line-height: 30px; height: 30px; cursor: pointer; position: relative; margin-right: -2px; background: #a1aab0; border-radius: 5px 5px 0 0; /* transition: all .3s; */ vertical-align: bottom; }
        #mPanel .contentEditorTab span i { position: relative; top: 7px; }
        #mPanel .contentEditorTab span.openTab { background: #8e44ad; color: #fff; z-index: 2; box-shadow: 0 0 5px #8e44ad; height: 36px; }
        #mPanel .contentEditorTab span:hover { }

#mPanel .contentManager { visibility: hidden; display: none; margin: 0; border: 0; border: 3px solid #8e44ad !important; box-sizing: content-box; border-radius: 5px; position: absolute; top: 0; left: 0; opacity: 0; }
    #mPanel .contentManager.openTab { visibility: visible; position: relative; display: block; opacity: 1; z-index: 11; }
#mPanel.openInlineEditor .contentManager.openTab { z-index: initial; }
#mPanel mcms.m_content .m_context { padding: 0px; }
    #mPanel mcms.m_content .m_context .error { width: 100%; height: 100%; position: relative; background: #8e44ad url(/assets/images/error-leke.jpg) no-repeat center center; background-size: cover; text-align: center; color: #fff; font-weight: bold; line-height: 100%; }
        #mPanel mcms.m_content .m_context .error span { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 32px }

#mPanel .barTitleGroup { background: #8e44ad; width: 100%; border-top-right-radius: 6px; border-top-left-radius: 6px; }
    #mPanel .barTitleGroup .PageName { float: left; text-transform: capitalize; }
    #mPanel .barTitleGroup .barTitle { float: right; position: relative; z-index: 99; }
#mPanel .barTitle.right-border:after { content: ''; display: block; position: absolute; right: -1px; top: 25%; height: 60%; width: 1px; background: #ecf0f1; z-index: 102; }
#mPanel .barTitle.right-border.active:after { opacity: 0 }
#mPanel .barTitleGroup .barTitle .title { /* transition: all .4s; */ z-index: 101; position: relative; }
#mPanel .barTitleGroup .barTitle.active .title, .barTitleGroup .barTitle.active .title * { color: #a1aab0 !important; }
#mPanel .barTitle.active .title { background: white; box-shadow: 0 -5px 5px #8e44ad; cursor: pointer; }
#mPanel .barTitleGroup .barPanel { max-height: 440px; overflow: hidden; background: white; color: #000; box-shadow: 0 5px 5px #8e44ad; position: absolute; top: 48px; right: 0px; width: 400px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; visibility: hidden; opacity: 0; padding: 20px; }
#mPanel .barTitleGroup .barTitle.active .barPanel { z-index: 12; visibility: visible; opacity: 1; }

#mPanel body.modal-open .open-modal-mask1, #mPanel .TelerikModalOverlay { opacity: 0.5 !important; visibility: visible !important; }
#mPanel .open-modal-mask1, #mPanel .TelerikModalOverlay { background: #000 url(../img/bg-crossline.png) !important; position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; opacity: 0; z-index: 101 !important; visibility: hidden; }
#mPanel .TelerikModalOverlay { z-index: 1000 !important; }
#mPanel body.modal-open .contentEditorTabContainer { z-index: 102; position: relative; }
.fixClear { clear: both; }
.wysiwyg-text-align-left { text-align: left; }
.wysiwyg-text-align-center { text-align: center; }
.wysiwyg-text-align-right { text-align: right; }
#mPanel .wysihtml5-command-active { border: 1px solid purple; box-shadow: 0 0 2px purple; }
#mPanel .wysiwyg-text-align-center { text-align: center; }
#mPanel .wysiwyg-text-align-left { text-align: left; }
#mPanel .wysiwyg-text-align-right { text-align: right; }

.RadWindow_Metro .rwTopLeft, .RadWindow_Metro .rwTopRight, .RadWindow_Metro .rwTitlebar, .RadWindow_Metro .rwTopResize, .RadWindow_Metro .rwFooterLeft, .RadWindow_Metro .rwFooterRight, .RadWindow_Metro .rwFooterCenter, .RadWindow_Metro .rwStatusbar div, .RadWindow_Metro .rwStatusbar, .RadWindow_Metro .rwBodyLeft, .RadWindow_Metro .rwBodyRight, .RadWindow_Metro .rwStatusbarRow .rwCorner { background: #8e44ad !important; }
#mPanel .RadWindow_Metro .rwControlButtons a { /* background-color: #8e44ad !important; */ border: 1px solid White !important; color: White; }
#mPanel .RadWindow.rwInactiveWindow .rwTitlebar { opacity: 1 !important; }
#mPanel .RadWindow_Metro a.rwCloseButton { background: none !important; border: none !important; overflow: visible; width: 50px; display: block; height: 50px; position: absolute; right: 10px; opacity: 1; cursor: pointer; }
.rwCloseButton:before { position: absolute; display: block; width: 50px; height: 50px; color: #fff; z-index: 10; text-indent: 0; line-height: 50px; font-weight: bold; border-radius: 50px; opacity: 1; right: 0px; top: 0px; background-color: #da4f49; border-color: #bd362f #bd362f #802420; font-size: 26px; content: "X"; }
#mPanel .RadWindow_Metro table.rwTitlebarControls em { text-transform: none !important; }
#mPanel .rwIcon { display: none !important; }
#mPanel .marginfix { margin-left: 5px; }
#mPanel #pnlLogin { background: transparent !important; width: 360px !important; height: 510px; margin-left: -180px !important; left: 50%; }
    #mPanel #pnlLogin .modal-body { padding: 0px; }
#mPanel #mcmsLoginBox { width: 360px; border: none; border-radius: 6px; z-index: 100000; position: relative; }
#mPanel .modalContent.active { display: block; opacity: 1; }
#mPanel #bgMask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
#mPanel .modalClose { color: #c0392b; background: #fff; padding: 6px 12px; font-size: 14px; border-radius: 4px; float: right; margin-left: 10px; font-weight: bold; }
    #mPanel .modalClose:hover { cursor: pointer; }
#mPanel .loadingMask { position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: block; z-index: 110; background: #000; opacity: .7; }
    #mPanel .loadingMask .loading { position: absolute; top: 50%; margin-top: -14px; left: 50%; margin-left: -14px; }
#mPanel .pointer { cursor: pointer; }
#mPanel .infoError { color: rgb(255, 6, 1) !important; position: absolute; left: 40%; margin-left: -20px; top: 12px; font-weight: bold; }
#mPanel .defaultpage { background: rgb(151, 221, 151) !important; color: white !important; }
#mPanel .btn-purple { background-color: #8e44ad !important; padding: 5px 10px; }
.clear { clear: both; }
#mPanel .openablePanel { -webkit-transition: 0.3s all; transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; }
#mPanel .openPanel { cursor: pointer; }
    #mPanel .openPanel.icon { width: 40px; height: 40px; color: #fff; position: absolute; font-size: 35px; background: #fff; padding: 10px 10px 10px 6px; text-align: center; z-index: 101; }
        #mPanel .openPanel.icon.alignTR { right: -55px; top: 50%; margin-top: -30px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; box-shadow: 3px 0 3px #8e44ad; }
#mPanel .openablePanel .icon.alignTR:before { transition: transform .3s; background: #8e44ad; height: 40px; width: 38px; line-height: 43px; text-align: center; border-radius: 20px; font-size: 28px; padding-left: 2px; }
#mPanel .openablePanel.active .icon.alignTR:before { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
#mPanel .barTitleGroup { float: left; background: #8e44ad; width: 100%; border-top-right-radius: 6px; border-top-left-radius: 6px; }
#mPanel .green .barTitleGroup { background: #27ae60; color: #fff; }
#mPanel .barTitleGroup .PageName { float: left; }
#mPanel .border { border: 2px solid purple; border-radius: 3px; }
#mPanel .cmbSites { padding: 0px 10px !important; font-weight: bold; font-size: 15.5px; color: #a1aab0; background: #ffffff; line-height: 40px; }
    #mPanel .cmbSites select { height: 30px; padding: 0; position: relative; top: -2px; }
#mPanel .top60 { padding-top: 60px; }
#mPanel .bottom60 { padding-bottom: 60px; }
#mPanel .margin0 { margin: 0px !important; }
#mPanel #icons .fa-hover { text-align: center; padding: 20px 0; transition: all 300ms ease; color: #8E44AD; cursor: pointer; }
#mPanel #icons .fa { font-size: 40px; display: block; color: inherit; }
#mPanel #icons .fa-hover:hover,
#mPanel #icons .fa-hover.selected { background: #8E44AD; border-radius: 6px; color: #fff; }
#mPanel #icons .fa-hover.selected { box-shadow: 0 0 6px 2px #8E44AD; }
@font-face { font-family: fontello; src: url(font/fontello.eot?89707375); src: url(font/fontello.eot?89707375#iefix) format('embedded-opentype'),url(font/fontello.woff?89707375) format('woff'),url(font/fontello.ttf?89707375) format('truetype'),url(font/fontello.svg?89707375#fontello) format('svg'); font-weight: 400; font-style: normal; }
#mPanel .fontello:before { font-family: fontello !important; }
#mPanel .icon-keyboard:before { content: '\e801'; }
#mPanel .icon-map:before { content: '\e802'; }
#mPanel .icon-box:before { content: '\e803'; }
#mPanel .icon-beaker:before { content: '\e804'; }
#mPanel .icon-flask:before { content: '\e805'; }
#mPanel .icon-sliders:before { content: '\e806'; }
#mPanel .icon-beaker-1:before { content: '\e807'; }
#mPanel .expired section { height: 100px; overflow: hidden; }
#mPanel .expMsg { display: none; position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; text-align: center; background-color: #fff; font-size: 40px; line-height: 100px; }
#mPanel .customStyle .item, #mPanel .customStyle .item .info, #mPanel .customStyle .item input { display: inline-block; vertical-align: top; }
#mPanel .rwCorner.rwTopLeft { border-radius: 6px 0 0; }
#mPanel .rwCorner.rwTopRight { border-radius: 0 6px 0 0; }
#mPanel .rwCorner.rwFooterRight { border-radius: 0 0 6px; }
#mPanel .rwCorner.rwFooterLeft { border-radius: 0 0 0 6px; }
#mPanel .RadWindow { box-shadow: 0 0 5px 2px #8e44ad; border: none !important; border-radius: 6px; }
#mPanel .reToolbarWindow .rwTitlebar, #mPanel .RadWindow_Metro .rwTopLeft, #mPanel .RadWindow_Metro .rwTopResize, #mPanel .RadWindow_Metro .rwTopRight { background-color: #8e44ad !important; }
#mPanel .reToolbarWindow .rwControlButtons a { background-color: transparent !important; border-color: #fff !important; }
    #mPanel .reToolbarWindow .rwControlButtons a:last-child { border-radius: 0 3px 0 0; }
#mPanel .li_options .btn { float: right !important; }
#mPanel .hideBtn { }
#mPanel .customStyle { padding: 10px; }
    #mPanel .customStyle .item { width: 50%; padding: 5px 0; }
        #mPanel .customStyle .item .info { font-size: 16px; padding: 0 5px; margin-top: -3px; }
#mPanel .itemList .item { width: 920px; float: left; }
    #mPanel .itemList .item:after { content: ' '; display: block; width: 100%; height: 1px; }
#mPanel .itemList .title { padding: 5px 20px; width: 850px; border-bottom: 2px solid #8e44ad; margin-left: 20px; color: #8e44ad; font-weight: 700; }
#mPanel .modal-footer.fixed { position: fixed; bottom: 0; left: 0; width: 96%; z-index: 200; background-color: #fff; }
#mPanel .modal-footer.absoluted { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 200; background-color: #fff; box-sizing: border-box; }
#mPanel .top60 { padding-top: 60px; }
#mPanel bottom60 { padding-bottom: 60px; }
#mPanel .m_tooltip { position: relative; }
    #mPanel .m_tooltip:hover:after { background-color: #8e44ad; position: absolute; bottom: 120%; left: 0; line-height: 20px !important; padding: 5px; border-radius: 2px; min-width: 125px; /* min-height: 40px; */ text-align: center; }
/*#mPanel .flaticon-cross106:before { content: "\e000"; }
#mPanel .flaticon-hide:before { content: "\e001"; }
#mPanel .flaticon-tick11:before { content: "\e002"; }
#mPanel .flaticon-two154:before { content: "\e003"; }
#mPanel .flaticon-view8:before { content: "\e004"; }
#mPanel .flaticon-wizard2:before { content: "\e005"; }*/
#mPanel .btn-icon { width: 50px !important; height: 50px !important; line-height: 40px !important; text-align: center !important; padding: 0 !important; border-radius: 50px; position: relative; }
    #mPanel .btn-icon i, #mPanel .btn-icon i:before { font-size: 28px !important; line-height: 50px; margin-left: 0; }
#mPanel .btn-servericon { position: absolute; left: 0; top: 0; width: 100% !important; height: 100%; opacity: 0; }
#mPanel .icon-morcms-head { background: url(/assets/images/morcms-head.png) no-repeat center; height: 56px; background-size: auto 100%; }
#mPanel .m_mask { opacity: 0; visibility: hidden; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #000 url(../img/bg-crossline.png); }
    #mPanel .m_mask.transparent { background: none !important; z-index: 88; }
    .openInlineEditor .m_mask, #mPanel .m_mask.active { opacity: 0.5 !important; visibility: visible !important; }
#morcmsM:after, body:after { display: none !important; }
#morcms { min-height: 500px; }
#morcmsM { min-height: 500px; }
#mPanel #m_btnInline { position: absolute; z-index: 100; padding-left: 375px; visibility: hidden; opacity: 0; transition: all .3s; -webkit-transition: all .3s; }
#mPanel.openInlineEditor #m_btnInline { opacity: 1 !important; visibility: visible !important; }
#mPanel.m_hide .m_btnInlineCancel,
#mPanel.m_hide .m_btnInlineSave { visibility: hidden !important; opacity: 0 !important; }
ul.rwControlButtons { padding: 0 !important; }
#mPanel .hover-zoom-in:hover { animation: zoom-in linear 2s infinite; -webkit-animation: zoom-in linear 2s infinite; }
#mPanel #morcms, #mPanel #morcmsM { overflow: visible; }

@-webkit-keyframes zoom-in {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.15); }
    100% { -webkit-transform: scale(1); }
}

@keyframes zoom-in {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

.dd-item button[data-action="collapse"],
.dd-item button[data-action="expand"] { position: absolute; left: 28px !important; font-size: 35px !important; margin-top: 1px !important; color: #8E44AD; }
.dd-item button[data-action="expand"] { margin-top: 5px !important; }
.inline-editor { background-color: #fff; }
#responsive_map, .map, .form, .whosmenu, #mPanel .whosmenu .container { width: 100%; height: 100%; }
#mBox_Padding { position: absolute; visibility: hidden; opacity: 0; z-index: -1; transition: opacity .5s; }
    #mBox_Padding.active { opacity: 1; visibility: visible; z-index: 11; box-shadow: 0 0 5px #8E44AD; }
    #mBox_Padding .btn { background: #8E44AD; color: #fff; font-size: 24px; position: absolute; display: block; width: 32px; height: 32px; line-height: 32px; opacity: .7; border-radius: 0; padding: 0; outline: none; cursor: pointer; }
        #mBox_Padding .btn._top { left: 50%; top: -40px; margin-left: -32px; }
            #mBox_Padding .btn._top.down { margin-left: 0px; }
        #mBox_Padding .btn._right { right: -40px; top: 50%; margin-top: -32px; }
            #mBox_Padding .btn._right.down { margin-top: 0; }
        #mBox_Padding .btn._bottom { bottom: -40px; left: 50%; margin-left: -32px; }
            #mBox_Padding .btn._bottom.down { margin-left: 0; }
        #mBox_Padding .btn._left { left: -50px; top: 50%; margin-top: -32px; }
            #mBox_Padding .btn._left.down { margin-top: 0; }
        #mBox_Padding .btn.close { left: 11px; top: 6px; margin: 0; width: 44px; height: 44px; background: none; }
        #mBox_Padding .btn:hover { background-color: #A1AAB0; }
#nestable .dd3-item.multiple img { width: 200px; height: 200px; max-height: initial; object-fit: cover; }
#nestable .dd3-item.multiple,
#nestable.multiple .dd-placeholder { display: inline-block; vertical-align: top; width: 200px; height: 200px; margin-right: 10px; }
    #nestable .dd3-item.multiple .dd-handle { z-index: 10; border-radius: 0 0 4px 0; }
#nestable .dd3-item.multiple { }
.dd3-item img { max-height: 30px; position: relative; transform-origin: left top; }
#nestable .dd3-item:not(.multiple) img:hover { transform: scale(10); z-index: 2; }
#mPanel .absoliteBottom { position: absolute; width: 100%; box-sizing: border-box; bottom: 0; }
#mPanel .rwWindowContent { position: relative; }

/*Loading*/
body.loading .morcms-loading, .morcms-loading.inline { visibility: visible; opacity: 1; }
.morcms-loading.inline { z-index: 0; position: absolute; min-width: 360px; min-height: 360px; }
body#morcms.loading #conteiner { display: none !important; }
.morcms-loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 100000; text-align: center; visibility: hidden; opacity: 0; display: block; transition: all .5s; }
.morcms-icon-1,
.morcms-icon-2 { position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -37px; }
.morcms-icon-2 { animation: eyeBounceDelay 1.5s infinite; -webkit-animation: eyeBounceDelay 1.5s infinite; }
.morcms-loading-text { position: absolute; top: 50%; left: 0; display: block; text-align: center; width: 100%; margin-top: 120px; }
.morcms-springer { width: 250px; height: 200px; position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -125px; }
    .morcms-springer .circle { margin: 100px auto; width: 40px; height: 40px; position: relative; }
    .morcms-springer .child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
        .morcms-springer .child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #9E67A9; border-radius: 100%; -webkit-animation: circleBounceDelay 1.2s infinite ease-in-out both; animation: circleBounceDelay 1.2s infinite ease-in-out both; }
    .morcms-springer .circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
    .morcms-springer .circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
    .morcms-springer .circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    .morcms-springer .circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
    .morcms-springer .circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
    .morcms-springer .circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
    .morcms-springer .circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
    .morcms-springer .circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
    .morcms-springer .circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
    .morcms-springer .circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
    .morcms-springer .circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
    .morcms-springer .circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
    .morcms-springer .circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
    .morcms-springer .circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
    .morcms-springer .circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
    .morcms-springer .circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
    .morcms-springer .circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
    .morcms-springer .circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
    .morcms-springer .circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
    .morcms-springer .circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
    .morcms-springer .circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
    .morcms-springer .circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes eyeBounceDelay {
    0% { opacity: 0; }
    0.1% { opacity: 1; }
    50% { opacity: 1; }
    50.1% { opacity: 0; }
    99.9% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes eyeBounceDelay {
    0% { opacity: 0; }
    0.1% { opacity: 1; }
    50% { opacity: 1; }
    50.1% { opacity: 0; }
    99.9% { opacity: 0; }
    100% { opacity: 1; }
}

#mPanel .RadWindow:first-child { z-index: 1099 !important; }
#mPanel .RadWindow:nth-child(2) { z-index: 1098 !important; }
#mPanel .RadWindow:nth-child(3) { z-index: 1097 !important; }
#mPanel .RadWindow:nth-child(4) { z-index: 1096 !important; }
#mPanel .RadWindow:nth-child(5) { z-index: 1095 !important; }
#mPanel .RadWindow:nth-child(6) { z-index: 1094 !important; }
#mPanel .RadWindow:nth-child(7) { z-index: 1093 !important; }
#mPanel .RadWindow:nth-child(8) { z-index: 1092 !important; }
#mPanel .RadWindow:nth-child(9) { z-index: 1091 !important; }
#mPanel .MetroTouch.reDropDownBody { z-index: 1111; }

#mPanel .RadWindow.rwMaximizedWindow { position: fixed !important; top: 0 !important; left: 0 !important; }

body#mPanel [class^="flaticon-mk"]:before,
body#mPanel [class*=" flaticon-mk"]:before,
body#mPanel [class^="flaticon-mk"]:after,
body#mPanel [class*=" flaticon-mk"]:after { font-size: inherit !important; }
body#mPanel .activeClient { position: absolute !important; left: 1px; top: -70%; margin-top: 2px; /* font-size: 16.5px; */ color: #A1AAB0; /* background: #fff; */ padding: 0 10px; font-weight: bold; }


body#mPanel .secimekrani { width: 100%; height: 100vh; position: absolute !important; text-align: center; background: #fff; box-sizing: border-box; z-index: 100; }
    body#mPanel .secimekrani .sag, .secimekrani .sol { width: 50%; height: 100%; float: left; position: relative; text-align: center; cursor: pointer; transition: all .3s; }
        body#mPanel .secimekrani .sag:hover,
        body#mPanel .secimekrani .sol:hover { background: #8E44AD; color: #fff; }
    body#mPanel .secimekrani i { font-size: 120px; display: block; line-height: 200px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin-top: -120px !important; }
    body#mPanel .secimekrani span { font-size: 40px; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); line-height: 1; }

#mPanel .reTextAreaHidden { display: none; }
#mPanel .MetroTouch.RadEditor .reNoBorder div.reContentArea { border: none; }


.reToolbarWindow,
.reToolbarWindow .reLayoutWrapper,
.RadWindow_MetroTouch,
.RadWindow_MetroTouch.RadEditor .reContentCell,
.RadWindow_MetroTouch.reColorPicker,
.RadWindow_MetroTouch.reInsertTable,
.RadWindow_MetroTouch.reDropDownBody,
.RadWindow_MetroTouch.reCustomLinks a:hover { border: none !important; }
#txtContentCenter,
#txtContentWrapper,
.txtContentWrapper tr, .txtContentWrapper td { border: 0px; }
    #txtContentWrapper .reLeftVerticalSide,
    #txtContentWrapper .txtContentLeft,
    #txtContentWrapper .reRightVerticalSide { display: none; }
.RadWindow_MetroTouch .reDropdown:hover { border-color: #8e44ad !important; }
.RadWindow_MetroTouch .rwTitlebar,
.RadWindow_MetroTouch .rwTopLeft,
.RadWindow_MetroTouch .rwTopRight { background-color: #8e44ad !important; display: none; }
#mPanel .reDropdown .FormatBlock { display: none !important; }
#mPanel .MetroTouch .reDropdown { min-width: 10px !important; }
.reToolbarWindow.RadWindow_MetroTouch { position: absolute !important; top: auto; width: 325px; height: 42px; background-color: #ddd !important; box-shadow: none !important; border-radius: 5px !important; transition: height .3s; padding: 5px !important; }
#RadWindowWrapper_RW_Header_toolbarMode { /*width: 390px;*/ margin-left: 20px !important; }
#mPanel .TelerikModalOverlay { max-width: 100%; max-height: 100vh; }
#mPanel #RadWindowWrapper_RW_Header_toolbarMode.RadWindow_MetroTouch ul:first-child .reGrip.grip_last:after { display: none; }
.openInlineEditor .reToolbarWindow.active { display: block !important; visibility: visible !important; }
.reToolbarWindow.m_hide { visibility: hidden !important; opacity: 0; display: none !important; }
.reToolbarWindow ul:first-child { visibility: visible !important; opacity: 1 !important; position: relative; border: none !important; }
.reToolbarWindow .rwContent { overflow: visible !important; background: none !important; }
.reToolbarWindow ul:last-child { visibility: hidden; opacity: 0; transition: opacity .3s; transition-delay: .3s; }
#mPanel .showToolPlus ul { visibility: visible !important; opacity: 1 !important; }

.reToolbarWindow ul.reToolbar li { height: 43px !important; position: relative; }
.reToolbarWindow .reTool:hover,
.reToolbarWindow .reTool_selected,
.reToolbarWindow .reTool_selected.reTool_disabled:hover { background-color: rgba(142, 68, 173, 0.52) !important; }
#mPanel .showToolPlus { height: 130px; }
.reToolbarWindow .reTool span { margin: 12px 0 0 7px !important; }
.reToolbarWindow .reToolbar { height: auto !important; border: none !important; }
.reToolbarWindowul.reToolbar.RadWindow_MetroTouch { border: none; width: 100%; }
.reDropDownBody { width: 280px !important; min-width: 200px; white-space: nowrap; padding-right: 20px; }
.rwCorner { padding: 0 !important; /* width: 0 !important; */ /* display: block; */ }
.reToolbarWindow.RadWindow .rwWindowContent { background: none !important; }
.openInlineEditor .m_mask { opacity: 0.5 !important; visibility: visible !important; }
body.m_hide .m_mask { background: none; }
.inline-editor .RadEditor { border: none !important; background: transparent !important; }
    .inline-editor .reWrapper_corner,
    .inline-editor .RadEditor th,
    .inline-editor .reCenter_top,
    .inline-editor .reLeftVerticalSide,
    .inline-editor .RW_ContentLeft,
    .inline-editor #RW_ContentLeft,
    .inline-editor #RW_ContentTop,
    .inline-editor .reTlbVertical,
    .inline-editor .reRightVerticalSide,
    .inline-editor .reCenter_bottom { display: none; padding: 0 !important; border: none !important; }
#mBox_Manager .RadEditor .reContentCell { display: block !important; padding: 0; border: 0; background: transparent; }
body#mPanel.m_hide #mBox_Manager div.inline-editor { visibility: hidden !important; opacity: 0; }
#mBox_Manager .reContentArea { overflow-y: scroll; padding: 0 !important; }
#mBox_Manager * { outline: none !important; }
body#mPanel div.m_content { z-index: 1 !important; }
#mPanel .RadEditor { font-size: inherit; font-family: inherit; color: inherit; }
#mPanel .btn i,
#mPanel .btn span { display: inline-block; /* margin-right: 3px; */ }
#mPanel .btn.active .add,
#mPanel .btn .edit,
#mPanel .btn .delete { display: none; }
#mPanel .btn.active .edit,
#mPanel .btn.active .delete { display: inline-block; }
#mPanel .btn.active .add { }
#mPanel .rotate-180 { display: block; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
#mPanel .manset.fade { visibility: visible; display: block; opacity: 1; }


#mPanel .ui-sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
    #mPanel .ui-sortable li { margin: 7px; margin-right: 0; padding: 5px; border: 3px solid #8e44ad; border-radius: 4px; }
        #mPanel .ui-sortable li .img { max-width: 100%; max-height: 100px; overflow: hidden; margin-bottom: 7px; }
            #mPanel .ui-sortable li .img img { width: 100%; height: auto; min-height: 100%; }
        #mPanel .ui-sortable li a.btn { display: inline-block; text-align: center; width: 36px !important; height: 36px !important; }
            #mPanel .ui-sortable li a.btn i { font-size: 20px !important; line-height: 20px; margin: 0; font-weight: normal; }
                #mPanel .ui-sortable li a.btn i:before { line-height: 18px; }
    #mPanel .ui-sortable.sortable-x { white-space: nowrap; overflow-x: scroll; }
        #mPanel .ui-sortable.sortable-x li { width: 145px; height: 150px; display: inline-block; vertical-align: text-bottom; background: #fff; white-space: normal; cursor: pointer; }
    #mPanel .ui-sortable li span { position: absolute; margin-left: -1.3em; }
#mPanel [content-name="ContactForm"] .m_context img { width: 100%; height: 100%; object-fit: contain; padding: 20px; box-sizing: border-box; background: #fff; }
#mPanel .inline-editor table { width: 100%; }
#mBox_Manager .mcms_content [data-row="1"].m_content.minWidth .buttonTop, #mBox_Manager .mcms_content [data-row="1"].m_content.minHeight .buttonTop { /* top:auto; */ /* left: -10px; */ /* bottom: -50px; */ }
#mBox_Manager .customStyle { position: absolute; top: 10px; right: 100px; z-index: 9999; background: red; background: rgba(255, 0, 0, 0.75); padding: 5px; box-shadow: 0 0 5px; }
#mPanel .showToolPlus .reGrip.grip_last:after { transform: rotateZ(-90deg) !important; }
#mPanel .RadWindow_MetroTouch ul:first-child .reGrip.grip_last:after { position: absolute; right: -40px; left: auto; top: -5px; transition: transform .5s; background: #8e44ad; height: 42px; width: 42px; cursor: pointer; line-height: 44px; text-align: center; border-radius: 40px; font-size: 28px; padding-left: 0px; border: 5px solid #ddd; /* box-shadow: 0px 0px 5px #8e44ad; */ transform: rotateZ(90deg); display: block; }
#mPanel #m_editor_RW_Header .RadWindow_MetroTouch ul:first-child .reGrip.grip_last:after { display: none; }
#mBox_Manager #m_editor_RW_Content,
#mBox_Manager #m_editor_RW_Header,
#mBox_Manager #m_editor_RW_Table { position: absolute; z-index: 102; opacity: 0; visibility: hidden; display: none; transition: .3s opacity; /* background-color: #8E44AD; */ box-sizing: border-box; }
#mPanel #RadWindowWrapper_RW_Content_toolbarMode { z-index: 102 !important }
#mBox_Manager mcms style,
#mBox_Manager mcms script { visibility: hidden; }
#mBox_Manager #m_editor_RW_Content.openTab,
#mBox_Manager #m_editor_RW_Header.openTab,
#mBox_Manager #m_editor_RW_Table.openTab { opacity: 1; visibility: visible !important; display: block; }
#mBox_Manager #m_editor_RW_Table .rrHandle { display: none; }
#mPanel .InsertSpecialLink { background-position: -665px center }
#mPanel #pnlTags { position: relative; z-index: 99; }
    #mPanel #pnlTags .tag { cursor: pointer; }

.morTooltip { position: relative; font-family: inherit; }
#mPanel .fa { position: relative; }
#mPanel .morTooltip.inspan { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 80px; margin: 0; z-index: 99; }
#mPanel .morTooltip:before { content: attr(data-content); margin-bottom: 10px; padding: 10px 15px; border-radius: 4px; background: #8E44AD; font-weight: bold; box-shadow: 0 0 3px #000; }
#mPanel .morTooltip:before,
#mPanel .morTooltip:after { position: absolute; bottom: 100%; left: 0; display: block; line-height: 1.3; color: #fff; font-size: 14px; visibility: hidden; max-width: 120px; white-space: normal; font-family: 'Open Sans',sans-serif; }
#mPanel .morTooltip:hover:before,
#mPanel .morTooltip:hover:after { visibility: visible; }
#mPanel .morTooltip:after { content: ''; top: -10px; left: 8px; border: 8px solid transparent; border-top: 8px solid #8E44AD; }
#mPanel .morTooltip.large:before { width: 260px; max-width: initial; }
#mPanel .morTooltip.top-right:before { left: initial; right: 0; }
#mPanel .morTooltip.top-right:after { left: -8px; }
#mPanel #pnlSearchResult { position: absolute; left: 0px; width: 100%; top: 60px; background: #dce4ec; z-index: 99; border: 2px solid #dce4ec; padding: 10px 10px 10px; border-radius: 4px; box-sizing: border-box; font-size: 14px; text-align: left; max-height: 210px; visibility: hidden; }
    #mPanel #pnlSearchResult.show { visibility: visible }
    #mPanel #pnlSearchResult .mcms_content_container { overflow-y: auto; width: 100%; height: 190px; }
    #mPanel #pnlSearchResult .item a { margin-bottom: 10px; text-decoration: none; white-space: normal; color: #2c3e50; }
        #mPanel #pnlSearchResult .item a:hover { color: red; }
        #mPanel #pnlSearchResult .item a:before { content: '- '; font-weight: 700; }
    #mPanel #pnlSearchResult .btn-close { position: absolute; right: 0; top: 0; }
/*** Nestable */
#mPanel .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; line-height: 20px; margin-bottom: 20px; }
.dd-list { display: block; position: relative; padding: 0; list-style: none; }
#mPanel .dd > .dd-list { margin-left: 0 }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 5px 0; padding: 0; min-height: 20px; line-height: 20px; clear: both; }
.dd-handle { display: block; height: 40px; margin: 5px 0; padding: 0 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
    .dd-handle:hover { color: #2ea8e5; background: #fff; }
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 30px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 20px; line-height: 1; text-align: center; font-weight: bold; }
    .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
    .dd-item > button[data-action="collapse"]:before { content: '-'; }
.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 30px 30px; }
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
    .dd-dragel > .dd-item .dd-handle { margin-top: 0; }
    .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); }
/*** Nestable Extras */
.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
#nestable-menu { padding: 0; margin: 20px 0; }
#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
#nestable2 .dd-handle { color: #fff; border: 1px solid #999; background: #bbb; background: -webkit-linear-gradient(top, #bbb 0%, #999 100%); background: -moz-linear-gradient(top, #bbb 0%, #999 100%); background: linear-gradient(top, #bbb 0%, #999 100%); }
    #nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #fff; }
.dd { float: left; width: 100%; }
    .dd + .dd { margin-left: 2%; }
.dd-hover > .dd-handle { background: #2ea8e5 !important; }
/*** Nestable Draggable Handles*/
.dd3-content { display: block; height: 40px; line-height: 40px; margin: 0px 0; padding: 0 10px 0 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #8e44ad; background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
.defaultpage { background: -webkit-linear-gradient(top, #B3FFB3 0%, #A1FFB0 100%) !important; }
.dd3-prop { display: block; margin: 5px 0; padding: 5px 10px 5px 5px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd3-content:hover { /* color: #2ea8e5; */ /* background: #fff; */ }
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
.dd3-item > button { margin-left: 30px; }
.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #8e44ad; background: #8e44ad; /* background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%); */ background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); background: linear-gradient(top, #ddd 0%, #bbb 100%); border-top-right-radius: 0; border-bottom-right-radius: 0; transition: all .3s; }
    .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 8px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
    .dd3-handle:hover { background: #ddd; }
.li_options { display: block !important; width: 0px; overflow: hidden; height: 40px; white-space: nowrap; position: relative; transition: opacity .3s; visibility: hidden; opacity: 0; position: absolute; right: 0; top: 0; }
    .li_options.active, .dd-item.multiple:hover .li_options { opacity: 1; visibility: visible; width: auto; }

.dd-item .label, .dd-item .btn, .dd-item .title { line-height: 32px; padding: 0 5px; float: left; margin: 3px 5px; }
.dd-item .title { max-width: 50%; overflow: hidden; display: block; height: 100%; }
.dd-item:hover { z-index: 20; }