/* Add here all your CSS customizations */
.adminmenu ul.simplelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0
}

    .adminmenu ul.simplelist > li {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100%/7);
        flex: 0 0 calc(100%/7);
        font-family: arial, sans-serif;
        font-size: 14px;
        min-width: 160px;
        padding: 15px;
        text-align: center
    }

        .adminmenu ul.simplelist > li a {
            border: 1px solid #ddd;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
            flex-flow: column wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 15px;
            position: relative
        }

            .adminmenu ul.simplelist > li a:before {
                content: "\f07c";
                display: block;
                font-family: FontAwesome;
                font-size: 30px;
                margin-bottom: 5px
            }

            .adminmenu ul.simplelist > li a.lnkSiteSettings:before {
                content: "\f013"
            }

            .adminmenu ul.simplelist > li a.lnkSiteList:before {
                content: "\f03a"
            }

            .adminmenu ul.simplelist > li a.lnkSecurityAdvisor:before {
                content: "\f132"
            }

            .adminmenu ul.simplelist > li a.lnkRoleAdmin:before {
                content: "\f0e8"
            }

            .adminmenu ul.simplelist > li a.lnkPermissionAdmin:before {
                content: "\f084"
            }

            .adminmenu ul.simplelist > li a.lnkMemberList:before {
                content: "\f0c0"
            }

            .adminmenu ul.simplelist > li a.lnkAddUser:before {
                content: "\f234"
            }

            .adminmenu ul.simplelist > li a.lnkPageTree:before {
                content: "\f0c5"
            }

            .adminmenu ul.simplelist > li a.lnkContentWorkFlow:before {
                content: "\f126"
            }

            .adminmenu ul.simplelist > li a.lnkContentManager:before {
                content: "\f25a"
            }

            .adminmenu ul.simplelist > li a.lnkContentTemplates:before {
                content: "\f247"
            }

            .adminmenu ul.simplelist > li a.lnkStyleTemplates:before {
                content: "\f121"
            }

            .adminmenu ul.simplelist > li a.lnkFileManager:before {
                content: "\f07c"
            }

            .adminmenu ul.simplelist > li a.lnkNewsletter:before {
                content: "\f1ea"
            }

            .adminmenu ul.simplelist > li a.lnkRegistrationAgreement:before {
                content: "\f0e3"
            }

            .adminmenu ul.simplelist > li a.lnkLoginInfo:before {
                content: "\f016";
                font-size: 30px
            }

            .adminmenu ul.simplelist > li a.lnkLoginInfo:after {
                content: "\f023";
                display: block;
                font-family: FontAwesome;
                font-size: 15px;
                left: 50%;
                margin-bottom: 5px;
                position: absolute;
                top: 29px;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%)
            }

            .adminmenu ul.simplelist > li a.lnkCoreData:before {
                content: "\f1c0"
            }

            .adminmenu ul.simplelist > li a.lnkCurrencyAdmin:before {
                content: "\f155"
            }

            .adminmenu ul.simplelist > li a.lnkCountryAdmin:before {
                content: "\f024"
            }

            .adminmenu ul.simplelist > li a.lnkGeoZone:before {
                content: "\f0ac"
            }

            .adminmenu ul.simplelist > li a.lnkTaxClassAdmin:before {
                content: "\f24e"
            }

            .adminmenu ul.simplelist > li a.lnkTaxRateAdmin:before {
                content: "%";
                font-weight: 700
            }

            .adminmenu ul.simplelist > li a.lnkAdvancedTools:before {
                content: "\f0ad"
            }

            .adminmenu ul.simplelist > li a.lnkUrlManager:before {
                content: "\f0c1"
            }

            .adminmenu ul.simplelist > li a.lnkRedirectManager:before {
                content: "\f112"
            }

            .adminmenu ul.simplelist > li a.lnkBannedIPs:before {
                content: "\f05e"
            }

            .adminmenu ul.simplelist > li a.lnkFeatureAdmin:before {
                content: "\f005"
            }

            .adminmenu ul.simplelist > li a.lnkTaskQueue:before {
                content: "\f161"
            }

            .adminmenu ul.simplelist > li a.lnkDesignTools:before {
                content: "\f1fc"
            }

            .adminmenu ul.simplelist > li a.lnkSkinList:before {
                content: "\f042"
            }

            .adminmenu ul.simplelist > li a.lnkCacheTool:before {
                content: "\f0c7"
            }

            .adminmenu ul.simplelist > li a.lnkLogViewer:before {
                content: "\f0ea"
            }

            .adminmenu ul.simplelist > li a.lnkServerInfo:before {
                content: "\f05a"
            }

            .adminmenu ul.simplelist > li a:hover {
                background-color: #eeeeee;
                text-decoration: none
            }

.admin-drawer__open {
    background-color: rgba(51, 122, 183, 0.5);
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    color: #fff;
    left: 0;
    padding: 10px 11px 10px 9px;
    position: fixed;
    top: 10%;
    z-index: 10000
}

    .admin-drawer__open .fa {
        font-size: 20px;
        vertical-align: middle
    }

    .admin-drawer__open:hover {
        background-color: rgba(51, 122, 183, 0.7)
    }

.admin-drawer__close .pull-right {
    font-size: 21px;
    line-height: 1;
    margin: -2px 5px;
}

.admin-drawer {
    background-color: #FFF;
    bottom: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    font-family: Arial, sans-serif;
    font-size: 12px;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 250px;
    will-change: transform;
    z-index: 10000
}

    .admin-drawer.active {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .admin-drawer.refresh {
        -webkit-transition: none;
        transition: none
    }

.admin-drawer__user {
    background-color: rgba(51, 122, 183, 0.5);
    height: 70px;
    line-height: 40px;
    margin-bottom: 5px;
    padding: 15px;
    position: relative
}

    .admin-drawer__avatar, .admin-drawer__user > img.avatar {
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
        height: 40px;
        left: 15px;
        overflow: hidden;
        position: absolute;
        top: 15px;
        width: 40px
    }

.admin-drawer__name {
    display: inline-block;
    font-size: 15px;
    margin-left: 51px;
    vertical-align: middle
}

    .admin-drawer__name a {
        color: #FFF
    }

.admin-drawer__page-links, .admin-drawer__site-links {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 6px;
    padding-bottom: 5px
}

.admin-drawer__collapse-drawer {
    border-top: 1px solid #eeeeee;
    margin-top: 6px;
    padding-top: 5px
}

.admin-drawer__list > li > a {
    border-radius: 0;
    color: #000;
    padding: 5px 0px 5px 20px;
}

.admin-drawer__list--big > li {
    position: relative
}

    .admin-drawer__list--big > li > a {
        padding: 5px 0px 5px 50px;
        position: relative;
        display: block;
    }

.admin-drawer__list-icon {
    color: #757575;
    height: 21px;
    left: 15px;
    line-height: 21px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 21px;
    z-index: 1
}

    .admin-drawer__list-icon .fa-stack-2x {
        font-size: 21px
    }

    .admin-drawer__list-icon .fa-stack-1x {
        font-size: 10.5px
    }

.admin-drawer__list-icon--page.admin-drawer__list-icon .fa-stack-1x {
    line-height: 28px
}

.mdl-switch {
    display: inline-block;
    height: 24px;
    margin: -4px 0;
    position: relative;
    width: 36px;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    border-radius: 14px;
    cursor: pointer;
    height: 14px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 36px
}

.mdl-switch__thumb {
    background: #fafafa;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    -webkit-transition-duration: .28s;
    transition-duration: .28s;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 20px
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(51, 122, 183, 0.5)
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #337ab7;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    left: 16px
}

.slider-switch {
    background-color: rgba(51, 122, 183, 0.5);
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    line-height: 1.5;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 68px
}

    .slider-switch:after, .slider-switch:before {
        display: table;
        content: ""
    }

    .slider-switch:after {
        clear: both
    }

.slider-switch__track-left, .slider-switch__track-right {
    float: left;
    text-align: center;
    white-space: nowrap;
    width: 50%
}

.slider-switch__thumb {
    background-color: #fafafa;
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    height: 100%;
    left: 0;
    margin: -2px 0;
    padding: 2px 0;
    position: absolute;
    -webkit-transition-duration: .28s;
    transition-duration: .28s;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    top: 0;
    width: 50%
}

    .slider-switch__thumb.active {
        left: 50%
    }

    .slider-switch__thumb.refresh {
        -webkit-transition: none;
        transition: none
    }

.workflow-type {
    display: none !important
}

    .workflow-type.show {
        display: block !important
    }

    .workflow-type .slider-switch {
        margin-top: -1px
    }


.breadcrumb, .feedmanagerpage .breadcrumbs {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #ccc
        }

    .breadcrumb > .active {
        color: #777777
    }

#cboxOverlay, #cboxWrapper, #colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    overflow: hidden
}

#cboxWrapper {
    max-width: none;
    background-color: #fff
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxBottomLeft, #cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic, #cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#cboxContent, #cboxLoadedContent, #colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: #222222
}

#colorbox {
    outline: 0
}

#cboxContent {
    margin-top: 32px;
    overflow: visible;
    background: #fff;
    padding: 0
}

.cboxIframe {
    background: #fff
}

    .cboxIframe[src*="/FileManager"] {
        margin: 0 -15px -15px;
        width: calc(100% + 30px);
        height: calc(100% + 15px)
    }

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    background: #fff;
    padding: 15px
}

#cboxLoadingGraphic {
    min-height: 120px;
    position: relative
}

    #cboxLoadingGraphic:before {
        border: 16px solid #f3f3f3;
        border-top: 16px solid #337ab7;
        border-radius: 50%;
        content: "";
        display: block;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    #cboxLoadingGraphic:after {
        content: "Loading, please wait";
        display: inline-block;
        font-size: 18px;
        left: 50%;
        margin-top: 90px;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        white-space: nowrap
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

#cboxLoadingOverlay {
    background: #fff
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 15px;
    color: #000
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(../img/colorbox/controls.png) no-repeat 0 0
}

    #cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active {
        outline: 0
    }

#cboxPrevious {
    background-position: 0px 0px;
    right: 70px
}

    #cboxPrevious:hover {
        background-position: 0px -25px
    }

#cboxNext {
    background-position: -25px 0px;
    right: 45px
}

    #cboxNext:hover {
        background-position: -25px -25px
    }

#cboxClose {
    background-position: -50px 0px;
    right: 15px
}

    #cboxClose:hover {
        background-position: -50px -25px
    }

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 95px
}

    .cboxSlideshow_on #cboxSlideshow:hover {
        background-position: -100px -25px
    }

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 95px
}

    .cboxSlideshow_off #cboxSlideshow:hover {
        background-position: -75px -25px
    }

.ModuleEditLink, .modulelinks {
    font-family: arial, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
}

.modulelinks {
    padding-left: 10px;
}

    .modulelinks > a:not(:last-child) {
        border-right: 1px solid black;
        padding-right: 7px;
        padding-left: 3px;
    }

.inlineedittoggle {
    display: inline-block;
    vertical-align: sub
}

#editLink:before, .editlink:before, [id*=_editLink]:before {
    content: "\f044";
    display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto
}

#editLink img, .editlink img, [id*=_editLink] img {
    display: none
}

.btn:not(input):empty {
    display: none;
}

.btn-group > .btn:not(input):empty + .btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.form-group, .gmap, .modulepager, .pagelayout-buttons, .settingrow, .ui-widget, .uploadcontainer, [id*=_divRole], [id*=_pnlLookup], [id*=pnlNewFolder] {
    margin-bottom: 15px;
}

.secwarning {
    display: none;
}

a.lnkSecurityAdvisorWarning {
    color: Red !important;
    border-color: Red !important;
}