#site-tree {
    .rems(11);
    margin: 0;
    padding: 0;
    border: 0;
    display: block;

    > li:last-child {
        border: 0;
    }

    ul {
        margin: 0;
        padding: 0;
        border: 0;
        display: block;
    }

    li {
        float: left;
        width: 100%;
        background: darken(#2e3748, 10%);

        li {

            &:last-child {
                border: 0;
            }
        }

        &:hover, &.cms-page-active {
            background: #2e3748;
        }

        a {
            padding: 0 0 0 60px;
            width: 100%;
            border-radius: 0px;
            color: #f5f5f5;
            margin-bottom: 2px;
            margin-top: 1px;
            position: relative;

            span {
                padding: 6px 0;
                display: block;

                i {
                    position: absolute;
                    top: 50%;
                    left: 38px;
                    color: #f5f5f5;
                    transform: translateY(-50%);

                    &.submenu-button:hover {
                        color: #fff;
                    }

                    &.submenu-button {
                        position: absolute;
                        top: 15px;
                        right: 10px;
                        left: auto;
                    }

                    &.type-icon {
                        margin: 0 2px;
                    }

                    &.title_container {
                        overflow: hidden;
                    }
                }
            }

            &.cms-trigger-page {
                background: @primary_color;
            }
        }

        span.title_container {
            height: auto !important;
            overflow: hidden;
        }

        &.hide-submenu ul {
            display: none;
        }

        .menu-handle {
            cursor: move;
            color: #fff;
            position: absolute;
            top: 50%;
            left: 25px;
            padding: 0 5px;
            transform: translateY(-50%);
        }
    }

    ul.listing_container {
        overflow: auto;
        max-height: 175px;
    }

    .level_indent_holder {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 0;

        .level_indent {
            background: darken(#fff, 10%);
            float: left;
            margin-right: 1px;
            height: 30px;
            width: 4px;
            padding: 0;
        }
    }

    &.hide-submenu {
        border-bottom: 2px solid #C7C7C7;

        ul {
            display: none;

            li {
                position: static;
            }
        }
    }
}

#cropAdjust .btn-section {
    float: left;
    margin-right: 15px;
}

#cropAdjust .btn-section input {
    margin-right: 5px;
}

#cropAdjust .btn-section #btn_cancel {
    background: #333;
    background: -webkit-linear-gradient(top, #575757, #333);
    background: -moz-linear-gradient(top, #575757, #333);
}

#cropAdjust form .row label {
    width: 65px;
}

#cropAdjust .form-box {
    border-radius: 3px;
    text-align: center;
}

#cropAdjust .original div.container {
    width: 390px;
    height: 390px;
}

#cropAdjust form .original, #cropAdjust form .result {
    height: 390px;
    width: 47%;
    text-align: center;
}

#cropAdjust form .original {
    float: left;
}

#cropAdjust form .result {
    float: right;
}

#cropAdjust .btn-section {
    padding-top: 10px;
}

#cropAdjust .jcrop-holder {
    margin: 0 auto;
}

#cropAdjust .btn-section #btn_save {
    background: #297E01;
    background: -webkit-linear-gradient(top, #349E3C, #297E01);
    background: -moz-linear-gradient(top, #349E3C, #297E01);
}


.listing-buttons button{
    margin-left: 5px;
}

.list-more_text-input {
    float: left;
    display: block;
    border: 1px solid #D7DCE4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    font-family: Verdana;
    text-align: left;
    width: 121px;
}

.ajax-loader-smaller {
    height: 22px;
    padding-bottom: 5px;
}

fieldset fieldset {
    margin: 0 30px 10px 20px;
}

fieldset fieldset.item_list {
    padding-bottom: 10px;
    border-bottom: 1px solid #C3C9D3;
}

form fieldset fieldset > h1:first-child a {
    color: #1B4383;
    font-size: 90%;
}

form fieldset fieldset > h1:first-child a:hover {
    color: #0062FF;
}

form fieldset fieldset > h1:first-child a span {
    display: inline-block;
    position: relative;
    width: auto;
}

form fieldset fieldset > h1:first-child a span i {
    font-size: 111% !important;
    margin-left: 10px;
    float: none;
    position: relative;
}

form fieldset fieldset .list-item {
    background-color: #E2E6EE;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 5px;
    position: relative;
}

form fieldset fieldset .list-item .move-up-item-btn, form fieldset fieldset .list-item .move-down-item-btn, form fieldset fieldset .list-item .remove-item-btn {
    position: absolute;
    z-index: 100;
    right: 10px;
    color: #8B99A7;
}

form fieldset fieldset .list-item .move-down-item-btn, form fieldset fieldset .list-item .move-up-item-btn {
    font-size: 12px;
}

form fieldset fieldset .list-item .remove-item-btn {
    top: 10px;
}

form fieldset fieldset .list-item .remove-item-btn:hover {
    color: #A82626;
}

form fieldset fieldset .list-item .move-up-item-btn {
    top: 32px;
}

form fieldset fieldset .list-item .move-down-item-btn {
    top: 51px;
}

form fieldset fieldset .list-item .move-up-item-btn:hover,
form fieldset fieldset .list-item .move-down-item-btn:hover {
    color:    #0A50C0;
}

form .pagedata-settings, form .list-settings {
    background-color: #FCFCFC;
    border-radius: 10px;
    padding: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: thin solid #E0E0E0;
}

form .pagedata-settings .label-input-bundle {
    float:left;
}

form .pagedata-settings {
    width: 95%;
    margin-bottom: -7px;
}

form .pagedata-settings label,form .list-settings label {
    width: auto;
    margin-right: 1%;
}

form .pagedata-settings input, form .list-settings input {
    margin-right: 2%;
}

form .pagedata-settings input[type="text"], form .pagedata-settings input[type="select"], form .list-settings input[type="text"], form .list-settings input[type="select"] {
    width: 135px;
    width: 10px;
}

form .pagedata-settings-btn,
form .fa-crop,
form .pagedata-delete-btn,
form .pagedata-copy-btn,
form .list-settings-btn,
form .list-delete-btn,
form .list-copy-btn,
form .list-lock-btn,
form .list-item-data-lock-btn,
form .list-change-more-text-btn {
    line-height: 1.7em;
    margin-left: 1%;
    color: #084D8D;
    cursor: pointer;
}

form .iconLineHeightAlign {
    line-height: 1.7em;
    cursor: pointer;
    margin-left: 0.5%;
}

#workArea .dialogueHint {
    width: auto;
    clear: none;
    margin: 0 8px
}

#workArea .dialogueHint:hover {
    cursor: pointer;
}

#workArea .dialogueHint:hover .icon {
    color: #01378f
}

form.page-managment-panel .hint {
    width: auto;
    clear: none;
    margin-left: 10px;
}

form.page-managment-panel .hint .fa-info-circle, .pagedataHelperIcon {
    line-height: 1.7em;
    margin-left: 1%;
    color: #084D8D;
}

ul.pagedata-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.pagedata-list li {
    position: relative;
}

.ui-state-highlight {
    background: none;
    border: 0;
    height: 3em;
}

ul.pagedata-list > li > fieldset > div > ul > li.ui-state-highlight,
ul.pagedata-list > li div.list-item-holder > div > ul > li.ui-state-highlight {
    background: rgba(10, 80, 192, 0.14) url('/admin/images/group.png') no-repeat left top;
}

ul.pagedata-list li ul {
    width: 100%;
    height: 100%;
    top: 0;
    left: 1%;
    border-radius: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.pagedata-list li .list-item ul {
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    background: none;
    left: 0;
    border-radius: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.handle {
    float: left;
    margin-right: 0.2em;
    color: #ACAFB6;
    cursor: move;
    width: 9px;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.list-item .handle {
    color: #D3D7DF;
}

.list-item .handle:hover {
    color: #CDD2DB;
}

h1 .handle {
    position: absolute;
    font-size: 106% !important;
    left: 4px;
    top: 10px;
    color: #EBEDF0;
}

h1 .handle:hover {
    color: #D5D9E0;
}

form.page-managment-panel .mceEditor {
    display: inline-block;
}

.ui-datepicker {
    z-index: 1001 !important;
}

form.page-managment-panel .list-item-holder {
    overflow: auto;
    margin-top: 5px;
}

form.page-managment-panel .fa-trash:hover {
    color: #A82626;
}

/*
 * Hint styles
 */

.hint {
    width: 50px;
    clear: none;
    margin-left: 10px;
    height: 33px;
}

    .hint i {
        position: relative;
        z-index: 1;
    }

    .hint .picto {
        font-size: 2.2em;
        line-height: 1.462;
        color: #ccc;
        cursor: help;
        height: 20px;line-height: 33px;
    }

    .hint .text {
        width: 300px;
        position: absolute;
        top:0; left: 0;
        display: none;
        z-index: 100;
        background: #0F55C4;
        color: #fff;
        float: left;
        padding: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .hint .text h1 {
            color: #fff;
            margin: 0;
            line-height: 1;
            margin-bottom: 0;
            font-size: 1.3em;
            height: 15px;
            border: none;
        }

        .hint .text p {
            margin: 0;
            font-size: 0.9em;
        }

input[type="text"].coordinates {
    background-image: url(/cms/admin/content_manager/images/coordinate-input-bg.png);
    background-position: right center;
    background-repeat: no-repeat;
    width: 309px;
    color: #999;
    padding-left: 33px;
}

.clearCoordinates {
    position: absolute;
    top: 8px;
    left: 16%;
    padding: 10px;
    cursor: pointer;
    color: #3c3c3c;
}

.clearCoordinates:hover {
    color: #cc0000;
}

form.page-managment-panel .image_container,
form.page-managment-panel .file_container {
    float: left;
    position: relative;
}

    form.page-managment-panel .image_container .delete-image-btn,
    form.page-managment-panel .file_container .delete-file-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #C01111;
        text-shadow: 0 0 5px #FFF;
    }

    form.page-managment-panel .file_container .delete-file-btn {
        top: 5px;
        text-shadow: 0;
    }

form.page-managment-panel fieldset div.alert-error > label {
    color: #F00000;
}

form.page-managment-panel fieldset div.alert-error > input {
    background-color: #FFEFEF;
}

#workArea .styleBox {
    padding: 0.5% 1% 1% 1%;
    background: #F1F4F8;
    border: 1px solid #D7DCE4;
    width: 98%;
    margin: 0;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

form fieldset > h1:first-child {
    margin-top: 0.3em;
}

/*
 * So that the tinymce loading transition is smoother
 */

#workArea textarea.tinymce {
    width: 660px;
    height: 287px;
}

#workArea .list-more_text-input {
    width: 8.5em;
}

#workArea .row .data-copy-light-blue {
    visibility: hidden;
    color: #98BDBD;
    text-shadow: -1px -1px 0 #FFF;
    margin-left: 7px;
}

#workArea label:hover .data-copy-light-blue {
    visibility: visible;
}

#workArea .mtcblue {
    color: #0A50C0;
}

#workArea .fa-unlock {
    padding-left: 0.5%;
}

#workArea .clickable:hover {
    cursor: pointer;
}

.workAreaNarrow form fieldset fieldset .list-item {
    padding: 8px;
}

.workAreaNarrow form .row {
    margin: 0.11em 0;
}

form .row select {
    width: 40%;
}

#workArea fieldset {
    margin: 0;

    fieldset.item_list {
        margin: 0 0 0.5em 0;
        padding-bottom: 0px;
    }
}

.dashboardSection {
    clear: both;
    width: 100%;
}

.controlPanelLoader {
    z-index: 1001;
    float: right;
    padding: 1em;
    min-width: 14%;
}

.topBar {
    width: 100%;
    height: 55px;
}

.topBar .layoutOptions .topBarBtn {
    min-width: 0;
    padding: 3px 8px;
    margin-right: 5px;
    line-height: 100%;
}

.topBar .layoutOptions {
    float: left;
    padding-left:1%;
}

#workArea fieldset.topBarButtonFieldset {
    margin:0;
    margin-right: 0.7%;
    border: thin solid #D7DCE4;
    border-radius: 5px;
    background: #F1F4F8;
    padding: 5px 8px;
    float:left;
    min-height: 22px;
}

#workArea fieldset.topBarButtonFieldset span.topBarButtonFieldsetLabel{
    display: block;
    float: left;
    font-weight: bold;
    font-size: 0.9em;
    margin: 2px 10px 0 0;
    text-shadow: 0 1px 0px #FFF;
}

#workArea fieldset.topBarButtonFieldset a{
    min-width: 0;
    padding: 3px 4px;
}

#workArea fieldset.topBarButtonFieldset select.languageSelect {
    background: none;
    height: 22px;
    font-weight: bold;
    border: none;
    color: #0A50C0;
    font-size: 15px;
}

#workArea fieldset.alertFieldset {
    background: #fcf8e3;
    border: 1px solid #E0CBA2;
    display: none;
}

#workArea fieldset.alertFieldset a {
    color: #c09853;
}

.topBar .tabnav {
    width: 50%;
    margin-bottom: 0;
}

.workAreaH {
    float: left;
}

.controlPanelLoader .loaderMessage {
    margin-left: 1em;
    color: #0A50C0;
}

.controlPanelLoader .loaderMessageInProgress {
    color: #0A50C0;
}

.spinnerContainer {
    float: left;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
}

.controlPanelLoader.success .loaderMessage {
    color: #0AC054;
}

.spinner {
    width: 18px;
    height: 18px;
    border-radius: 0px;
    position: relative;
    vertical-align: middle;
    background-color: #0A50C0;
    display: inline-block;
}

.spinner {
    animation: spinner 2.5s infinite normal;
    -webkit-animation: spinner 2.5s infinite normal;
    transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
}

@keyframes spinner {
    50% {     transform: rotate(360deg); border-radius: 10px    ;    width: 9px; height: 9px;    }
    100% {    transform: rotate(-360deg); border-radius: 0px; width: 18px; height: 18px; }
}

@-webkit-keyframes spinner {
    50% {     transform: rotate(360deg); border-radius: 10px;width: 9px; height: 9px; }
    100% {    transform: rotate(-360deg); border-radius: 0px;width: 18px; height: 18px;    }
}

.controlPanelLoader.success .spinner {
    background-color: #0AC054;
}

.controlPanelLoader.error .loaderMessage {
    color: #D41818;
}

.controlPanelLoader.error .spinner {
    background-color: #D41818;
}

@-webkit-keyframes glowing {
    0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
    50% { background-color: #0094FF; -webkit-box-shadow: 0 0 6px #2090E1; }
    100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
}

@keyframes glowing {
    0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
    50% { background-color: #0094FF; box-shadow: 0 0 6px #2090E1; }
    100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

.glowUpButton {
    -webkit-animation: glowing 1200ms ease-in-out;
    -moz-animation: glowing 1200ms ease-in-out;
}

ul.pagedata-list {
    float: left;
    width: 100%;
    margin-bottom: 1.2em;
}

ul.pagedata-list fieldset.is_mtcadmin, ul.pagedata-list fieldset.is_mtcadmin .row {
    width: 98%;
}

.pageActionBtns .controlPanelLoaderContainerInActionBtns {
    display: none;
}

.pageActionBtns .controlPanelLoader {
    padding: 0;
}

.pageActionBtnsHovering .controlPanelLoaderContainerInActionBtns {
    display: block;
}

.pageActionBtns {
    width: 100%;
    z-index: 5000;
}

.pageActionBtnsHovering {
    -webkit-box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75);
    padding: 1.4% 0 1% 0;
    position: fixed;
    top: 0;
    background: #f5f5f5;
}

.pageActionBtns button.btn, .pageActionBtns fieldset, .pageActionBtns input {
    margin-right: 0.7%;
}

.pageListingContainerActionBtns form {
    margin: 0;
}

.pageListingContainerActionBtns form .row .btn {
    margin-left: 0;
}

.pageListingContainerActionBtns form .row {
    margin: 0;
}

#workArea .listingContainer, #workArea .historyContainer {
    width: 100%;
}

button.redBtn {
    background: #942929;
    background: -webkit-linear-gradient(top, #942929, #7E0E0E);
    background: -moz-linear-gradient(top, #942929, #7E0E0E);
}

button.greenBtn {
    background: #297E01;
    background: -webkit-linear-gradient(top, #349E3C, #297E01);
    background: -moz-linear-gradient(top, #349E3C, #297E01);
}

button.greyBtn {
    background: #9D9D9D;
    background: -webkit-linear-gradient(top, #9D9D9D, #B0B2AF);
    background: -moz-linear-gradient(top, #9D9D9D, #B0B2AF);
    color: #F0F0F0 !important;
}

button.blackBtn {
    background: #5B5454;
    background: -webkit-linear-gradient(top, #5B5454, #363A34);
    background: -moz-linear-gradient(top, #5B5454, #363A34);
    color: #F0F0F0 !important;
}

.pagedataListLoadingLi {
    padding: 1em 0 3em 0;
    text-align: center;
}

.pagedataListLoading {
    display: inline-block;
}

.pagedataListLoading .pagedataListLoadingBullet {
    position: absolute;
    padding: 5px;
    border-radius: 50%;
    background: #CDD3DD;
    -webkit-animation: animIn 1s ease-in-out 0s infinite;
    animation: animIn 1s ease-in-out 0s infinite;
}

.pagedataListLoading .pagedataListLoadingBullet:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.pagedataListLoading .pagedataListLoadingBullet:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.pagedataListLoading .pagedataListLoadingBullet:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.pagedataListLoading .pagedataListLoadingBullet:nth-child(4) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

@-webkit-keyframes animIn {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
}

@keyframes animIn {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
}

form.dialogBoxForm fieldset div.row input[type="text"], form.dialogBoxForm fieldset div.row    input, form.dialogBoxFormfow fieldset textarea {
    width:380px;
}

form.dialogBoxForm fieldset div.row select {
    width:398px;
}

form.dialogBoxForm fieldset div.row label .hint {
    float: right;
}

form.dialogBoxForm fieldset div.row label {
    width: 29%;
}

form.dialogBoxForm fieldset div.row input[type="checkbox"] {
    width:auto;
}

.image_container {
    margin-bottom: 5px;
}

.input_container {
    float: left;
    width: 40%;
}

form .row .uploadifive-button:hover {
    background: #0E57CE;
    background: -webkit-linear-gradient(top, #0E57CE, #0E57CE);
    background: -moz-linear-gradient(top, #0E57CE, #0E57CE);
}

form .row .uploadifive-button {
    text-transform: none;
    margin: 0;
}

.uploadifive-button input[type="file"] {
    width: 147px;
    height: 21px;
    cursor:pointer;
}

.uploadifive-queue-item {
    background: #F1F4F8;
    border: thin solid #D7DCE4;
    border-radius: 5px;
    margin-bottom: 5px;
}

#workArea .hint {
    width: auto;
    clear: none;
    margin-left: 10px;
}

.ui-tooltip {
    white-space: pre ;
    display: block;
    unicode-bidi: embed;
    font-size: 11px !important;
    border-width: 2px;
    box-shadow: none;
    border: none;
    max-width: 950px;
    color: white;
    background: #0F55C4;
}

.row .hint:hover .text {
    display: block;
}

.msg.alert {
    background:#fcf8e3;
    border: 1px solid #E0CBA2;
    color: #c09853;
}

#workArea .hint .fa-info-circle, #workArea .hint .icon {
        line-height: 1.7em;
        margin-left: 1%;
        color: #084D8D;
        position: relative;
}

#workArea .alert .text {
    background-color: #DB1616;
}

#workArea .alert .icon {
    color: #DB1616;
}

#workArea .yellowAlert {
    display: none;
}

#workArea .yellowAlert .icon {
    color: #ffbf01;
}

ul.pagedata-list.dragAndDrop > li > fieldset > div > ul {
     background: rgba(8, 77, 141, 0.25);
}

ul.pagedata-list.dragAndDrop > li {
    margin: 1em 0;
}

ul.pagedata-list li.ui-state-highlight {
    height: 55px;
}

.row .hint .text {
    z-index: 101;
}

form {

    fieldset {

        fieldset {

            div.singleImageItemList {
                width: 180px;
                height: 149px;
                display: inline-block;;
                margin-right: 0.5%;
                border-radius: 4px;
                padding: 11px 5px;
                overflow: hidden;

                .input_container {
                    height: 130px;
                    overflow: hidden;

                    .image_container {
                        text-align: center;
                        img {
                            max-width: 83%;
                        }
                    }
                }

                .row {
                    margin: 0;

                    label {
                        width: 100%;
                        margin-top: 8px;
                    }

                    .input_container {
                        width: 100%;
                    }

                    .delete-image-btn {
                        position: absolute;
                        right: 0;
                        top: 24px;
                    }

                    input[type="file"] {
                        width: 160px;
                    }

                    .uploadifive-button {
                        width: 150px !important;
                        left: 10px;

                        input[type="file"] {
                            width: 167px;
                        }
                    }
                }

                .pagedata-crop-anchor, .pagedataHelperIcon {
                    position: absolute;
                    right: 77px;
                    top: -10px;
                    .rems(10);
                }

                .pagedataHelperIcon {
                    right: 101px;
                }

                a.pagedataAltAnchor {
                    .rems(10);
                }

                .hint {
                    position: absolute;
                    right: 57px;
                    top: -12px;

                    .fa-info-circle {
                        font-size: 18px !important;
                    }
                }

                .move-up-item-btn {
                    top: 4px;
                    right: 22px;

                    .fa-arrow-up:before {
                        content: '\f060';
                    }
                }

                .move-down-item-btn .fa-arrow-down:before {
                    content: '\f061';
                }

                .move-up-item-btn {
                    top: 4px;
                    right: 41px;
                }

                .move-down-item-btn {
                    top: 4px;
                    right: 22px;
                }

                .remove-item-btn {
                    top: 4px;
                    right: 4px;
                }

                .uploadifive-queue-item {
                    padding: 5px
                }

                .fa-times-circle {
                    text-shadow: 0px 0px 9px rgba(255, 255, 255, 1);
                }
            }
        }
    }
}

a.pagedataAltAnchor[data-alt=""] i {
    color: rgb(173, 50, 50);
}

form .row .add-new-list-item-btn {
    margin-left: 0;
}

i.btn-fa-icon {
    font-size: 17px !important;
    margin-right: 5px;
}

.orderHandle {
    cursor: move;
}

ul.pagination li {
    display: inline-block;
    margin-right: 0;
    height: 37px;
}

@-webkit-keyframes shake {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

.fa-exclamation-circle {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

/*
 * Client view switch
 */

.clientViewSwitch {
    float: left;
    padding-left: 1%;
}

.checkboxToggleWrap {
    padding: 10px;
}

.checkboxToggleWrap label {
    float: left;
    cursor: pointer;
    padding: 1px;
    margin: 0 5px 0 0;
}

.checkboxToggle {
    visibility: hidden;
}

.checkboxToggle + label {
    cursor: pointer;
    display: block;
    position: relative;
    box-shadow: inset 0 0 0px 1px #d5d5d5;
    text-indent: -5000px;
    height: 22px;
    width: 40px;
    border-radius: 10px;
}

.checkboxToggle + label:before {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: 1px;
    left: 0;
    border-radius: 10px;
}

.checkboxToggle.transition + label:before {
    transition: background 0.25s ease-in-out 0s, width 0.25s ease-in-out 0s;
}

.checkboxToggle + label:after {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    margin: 1px;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #0f55c4;
}

.checkboxToggle.transition + label:after {
    transition: left 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;
}

.checkboxToggle:checked + label:before {
    width: 100%;
    background: #0f55c4;
}

.checkboxToggle:checked + label:after {
    left: 50%;
    background: #fff;
}

.contentManagerDebugOutput {
    display: none;
}

/*
 * Admin Options Lock
 */

.mainForm .settingLockOption {
    float: left;
    font-size: 0.75em;
    line-height: 32px;
    width: 22px;
    text-align: left;
    height: 29px;
    border-radius: 29px;
    display: inline-block;
}

.mainForm .settingLockOption.only-admin {
    color: red;
}

form fieldset .row input[type="checkbox"].checkboxLock {
    outline: none;
    width: 0;
    display: inline-block;
    margin-top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkboxLock:before {
    content: '\f09c';
    font-family: FontAwesome;
    font-size: 1.35em;
    width: 22px;
    outline: none;
    cursor: pointer;
    text-align: left;
    border-radius: 29px;
    display: inline-block;
    -webkit-transition: color 500ms ease;
    -moz-transition: color 500ms ease;
    -ms-transition: color 500ms ease;
    transition: color 500ms ease;
}

.checkboxLock:checked:before {
    color: red;
}

.checkboxLock:checked:before {
    content: '\f023';
}

form div.row.hide {
    display: none;
}

i.green {
    color: #10BD10;
}

table tr th.newForReviewal {
    width: 142px;
}

table tbody.tabular tr.liveVersionAtTheTop {
    background: #DEEBFF;
}

table tbody.tabular tr.liveVersionAtTheTop td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 5px solid #FFF;
    border-top: 5px solid #FFF;
}

.pageActionBtns  button.disabledBtn {
    cursor: default;
    color: #7D7D7D !important;
    background: #C5C5C5;
}

.pageActionBtns  button.currentBtn {
    border: #54B554 solid thin;
    background: #A9CFA9;
    color: #008000 !important;
    text-shadow: 0 1px 0 #D5E0D5;
    box-shadow: -1px -1px 0 #D5E0D5;
    cursor: default;
}

#workArea table.pageVersions .tabular tr:nth-child(odd) {
    background: #fff;
}

#workArea table.pageVersions .tabular tr.readyForReview {
    background: #f1f4f8;
}

table tr td.justCentered, table tr th.justCentered {
    text-align: center;
}

form .row input.halfLengthField {
    width: 20%;
}

/*
 * Stops large tooltips from causing a scroll bar
 */

.list-item-holder .ui-sortable {
    overflow: visible;
}

#dashboarPageOrderManager ul.dashboardSiteTree .placeholder {
    outline: 1px dashed #4183C4;
}

#dashboarPageOrderManager ul.dashboardSiteTree .fa {
    color: #30458A;
}

#dashboarPageOrderManager ul.dashboardSiteTree i.type {
    color: #054bbb;
}

#dashboarPageOrderManager ul.dashboardSiteTree i.fa-file-o {
    color: #9298A1;
}

#dashboarPageOrderManager ul.dashboardSiteTree i.fa-exclamation-triangle {
    color: #A23939;
}

#dashboarPageOrderManager ul.dashboardSiteTree {
    padding: 0;
    padding-left: 30px;
    margin: 0;
}

#dashboarPageOrderManager ul.dashboardSiteTree, ul.dashboardSiteTree ul {
    padding: 0;
    list-style-type: none;
}

#dashboarPageOrderManager ul.dashboardSiteTree ul {
    margin: 0 0 0 25px;
}

#dashboarPageOrderManager ul.dashboardSiteTree .toggleOpen {
    cursor: pointer;
    width: 10px;
    display: none;
    position: absolute;
    left: 30px;
}

#dashboarPageOrderManager ul.dashboardSiteTree .move {
    position: absolute;
    cursor: move;
}

#dashboarPageOrderManager ul.dashboardSiteTree .edit {
    position: absolute;
    left: 52px;
    cursor: pointer;
}

#dashboarPageOrderManager ul.dashboardSiteTree .type {
    position: absolute;
    left: 72px;
    cursor: pointer;
}

#dashboarPageOrderManager ul.dashboardSiteTree li.mjs-nestedSortable-collapsed > ul {
    display: none;
}

#dashboarPageOrderManager .ui-sortable li {
    margin: 5px 0 0 0;
    padding: 0;
}

#dashboarPageOrderManager .ui-sortable li div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 6px;
    margin: 0;
    background-color: rgba(206, 219, 238, 0.09);
    border-top: 1px solid #D4D8E9;
    border-bottom: 1px solid #D4D8E9;
    font-size: 11px;
    position: relative;
}

#dashboarPageOrderManager .ui-sortable li div a {
    margin-left: 86px;
    color: black;
}

#dashboarPageOrderManager li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    background: #fafafa;
}

#dashboarPageOrderManager .ui-sortable li.mjs-nestedSortable-collapsed > ul {
    display: none;
}

#dashboarPageOrderManager .ui-sortable li.mjs-nestedSortable-branch > div > .toggleOpen {
    display: inline-block;
}

#dashboarPageOrderManager .mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}

#dashboarPageOrderManager .ui-sortable li.mjs-nestedSortable-collapsed > div > .toggleOpen:before {
    content: "\f13a";
}

#dashboarPageOrderManager .ui-sortable li.mjs-nestedSortable-expanded > div > .toggleOpen:before {
    content: "\f139";
}

.dashboardFieldsetToggle {
    border-bottom: thin solid #c5c5c5;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.dashboardFieldsetToggleArrow {
    margin-left: 15px;
}

.pageActionBtns {
    min-height: 38px;
}

form .row select.listingAdvFilterInput {
    width: 5%;
    margin-left: 0.5%;
}

form .row input.listingAdvFilterInput {
    width: 10%;
    margin-left: 0.5%;
}

form .row input.listingAdvFilterInput[type="checkbox"] {
    margin: 1em 0;
}

form .row label.listingAdvFilterInputLabel {
    line-height: 3em;
}

form fieldset fieldset div.cmsPanelTagsList {
    width: 145px;
    height: 47px;
    display: inline-block;;
    margin-right: 0.5%;
    border-radius: 4px;
    padding: 5px;
}

form fieldset fieldset div.cmsPanelTagsList div.row {
    margin: 0;
}

form fieldset fieldset div.cmsPanelTagsList div.row .delete-image-btn {
    position: absolute;
    right: 0;
    top: 24px;
}

form fieldset fieldset div.cmsPanelTagsList .move-down-item-btn,
form fieldset fieldset div.cmsPanelTagsList .move-up-item-btn,
form fieldset fieldset div.cmsPanelTagsList label {
    display: none;
}

form fieldset fieldset div.cmsPanelTagsList .remove-item-btn {
    top: 14px;
    right: 4px;
}

form fieldset fieldset div.cmsPanelTagsList div.row input[type=text] {
    width: 117px;
}

form.dialogBoxForm fieldset div.row label.longLabel {
    width: 74%;
}

#dialog {
    width: 100% !important;
}

fieldset fieldset {
    margin: 0 30px 10px 20px;
}

fieldset fieldset.item_list {
    padding-bottom: 10px;
    border-bottom: 1px solid #C3C9D3;
}

form fieldset fieldset > h1:first-child a {
    color: #1B4383;
    font-size: 90%;
}

form fieldset fieldset > h1:first-child a:hover {
    color: #0062FF;
}

form fieldset fieldset > h1:first-child a span {
    display: inline-block;
    position: relative;
    width: auto;
}

form fieldset fieldset > h1:first-child a span i {
    font-size: 111% !important;
    margin-left: 10px;
    float: none;
    position: relative;
}

form fieldset fieldset .list-item {
    background-color: #E2E6EE;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 5px;
    position: relative;
}

form fieldset fieldset .list-item .move-up-item-btn , form fieldset fieldset .list-item .move-down-item-btn , form fieldset fieldset .list-item .remove-item-btn {
    position: absolute;
    z-index: 100;
    right: 10px;
    color: #8B99A7;
}

form fieldset fieldset .list-item .move-down-item-btn , form fieldset fieldset .list-item .move-up-item-btn {
    font-size: 12px;
}

form fieldset fieldset .list-item .remove-item-btn {
    top: 10px;
}

form fieldset fieldset .list-item .remove-item-btn:hover {
    color: #A82626;
}

form fieldset fieldset .list-item .move-up-item-btn {
    top: 32px;
}

form fieldset fieldset .list-item .move-down-item-btn {
    top: 51px;
}

form fieldset fieldset .list-item .move-up-item-btn:hover , form fieldset fieldset .list-item .move-down-item-btn:hover {
    color: #0A50C0;
}

form .pagedata-settings , form .list-settings {
    background-color: #FCFCFC;
    border-radius: 10px;
    padding: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: thin solid #E0E0E0;
}

form .pagedata-settings .label-input-bundle {
    float: left;
}

form .pagedata-settings {
    width: 95%;
    margin-bottom: -7px;
}

form .pagedata-settings label , form .list-settings label {
    width: auto;
    margin-right: 1%;
}

form .pagedata-settings input , form .list-settings input {
    margin-right: 2%;
}

form .pagedata-settings input[type="text"] , form .pagedata-settings input[type="select"] , form .list-settings input[type="text"] , form .list-settings input[type="select"] {
    width: 135px;
    width: 10px;
}

form .pagedata-settings-btn , form .fa-crop , form .pagedata-delete-btn , form .pagedata-copy-btn , form .list-settings-btn , form .list-delete-btn , form .list-copy-btn , form .list-lock-btn , form .list-item-data-lock-btn , form .list-change-more-text-btn {
    line-height: 1.7em;
    margin-left: 1%;
    color: #084D8D;
    cursor: pointer;
}

form.page-managment-panel .hint {
    width: auto;
    clear: none;
    margin-left: 10px;
}

form.page-managment-panel .hint .fa-info-circle {
    line-height: 1.7em;
    margin-left: 1%;
    color: #084D8D;
}

ul.pagedata-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.pagedata-list li {
    position: relative;
}

.ui-state-highlight {
    background: none;
    border: 0;
    height: 3em;
}

ul.pagedata-list > li > fieldset > div > ul > li.ui-state-highlight , ul.pagedata-list > li div.list-item-holder > div > ul > li.ui-state-highlight {
    background: rgba(10, 80, 192, 0.14) url('/admin/images/group.png') no-repeat left top;
}

ul.pagedata-list li ul {
    width: 100%;
    height: 100%;
    top: 0;
    left: 1%;
    border-radius: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.pagedata-list li .list-item ul {
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    background: none;
    left: 0;
    border-radius: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.handle {
    float: left;
    margin-right: 0.2em;
    color: #ACAFB6;
    cursor: move;
    width: 9px;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.list-item .handle {
    color: #D3D7DF;
}

.list-item .handle:hover {
    color: #CDD2DB;
}

h1 .handle {
    position: absolute;
    font-size: 106% !important;
    left: 4px;
    top: 10px;
    color: #EBEDF0;
}

h1 .handle:hover {
    color: #D5D9E0;
}

form.page-managment-panel .mceEditor {
    display: inline-block;
}

form.page-managment-panel .list-item-holder {
    overflow: auto;
    margin-top: 5px;
}

form.page-managment-panel .fa-trash:hover {
    color: #A82626;
}

/*
 * Hint styles
 */

.hint {
    width: 50px;
    clear: none;
    margin-left: 10px;
    height: 33px;
}

.hint i {
    position: relative;
    z-index: 1;
}

.hint .picto {
    font-size: 2.2em;
    line-height: 1.462;
    color: #ccc;
    cursor: help;
    height: 20px;
    line-height: 33px;
}

.hint .text {
    width: 300px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
    background: #0F55C4;
    color: #fff;
    float: left;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.hint .text h1 {
    color: #fff;
    margin: 0;
    line-height: 1;
    margin-bottom: 0;
    font-size: 1.3em;
    height: 15px;
    border: none;
}

.hint .text p {
    margin: 0;
    font-size: 0.9em;
}

form.page-managment-panel .image_container , form.page-managment-panel .file_container {
    float: left;
    position: relative;
}

form.page-managment-panel .image_container .delete-image-btn , form.page-managment-panel .file_container .delete-file-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #C01111;
    text-shadow: 0 0 5px #FFF;
}

form.page-managment-panel .file_container .delete-file-btn {
    top: 5px;
    text-shadow: 0;
}

form.page-managment-panel fieldset div.alert-error > label {
    color: #F00000;
}

form.page-managment-panel fieldset div.alert-error > input {
    background-color: #FFEFEF;
}

.listing-buttons button {
    margin-left: 5px;
}

.list-more_text-input {
    float: left;
    display: block;
    border: 1px solid #D7DCE4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    font-family: Verdana;
    text-align: left;
    width: 121px;
}

.ajax-loader-smaller {
    height: 22px;
    padding-bottom: 5px;
}

.page-managment-panel input[type="text"].coordinates {
    background-image: url(/admin/images/coordinate-input-bg.png);
    background-position: right center;
    background-repeat: no-repeat;
    width: 309px;
    color: #999;
}

/*
 * CSS3 Loader
 */

.dotsLoaderWraper div {
    margin: 35px 0 15px 28px;
}

@-webkit-keyframes dots {
    0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    }

    41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    }

    91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }
}

@-moz-keyframes dots {
    0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    }

    41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    }

    91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }
}

@-o-keyframes dots {
    0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    }

    41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    }

    91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }
}

@keyframes dots {
    0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    }

    41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    }

    83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    }

    91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }

    100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    }
}

/* end of CSS3 LOADER */

.DiffContainer {
    width: 100%;
}

.DiffContainer pre {
    margin: 0;
    padding: 0;
    width: 20000%;
}

.DiffContainer .DiffLeftContainer , .DiffContainer .DiffRightContainer {
    width: 50%;
}

.DiffContainer .DiffLeftContainer {
    float: left;
}

.DiffContainer .DiffRightContainer {
    float: right;
}

.DiffContainer .numberColumn {
    float: left;
    width: 5%;
    background: #D5D3CE;
}

.DiffContainer .codeColumn {
    float: right;
    width: 95%;
    overflow: auto;
    background: #F0EEEB;
    box-shadow: inset -5px 0 11px #C0C0C0;
}

.DiffContainer .codeColumn span.line {
    min-width: 5px;
    min-height: 19px;
}

.DiffContainer .codeColumn span.line-delete {
    background: #F88;
}

.DiffContainer .codeColumn span.line-replace {
    background: #FE9;
}

.DiffContainer .codeColumn span.line-insert {
    background: #9DDD8D;
}

.cms-patching-module .comparison-output {
    padding: 10px;
    background-color: #FFF;
    border-radius: 10px;
}

.cms-patching-module .comparison-output .importantFile {
    padding: 10px;
    background-color: #A7DBBA;
    margin-bottom: 5px;
    border-radius: 5px;
}

.cms-patching-module .comparison-output .issue {
    background-color: #E6B1B1;
    cursor: pointer;
}

.cms-patching-module .comparison-output .issue .compare {
    cursor: default;
    background: #E4E2DD;
    box-shadow: inset 0 0 10px #C0C0C0;
    padding: 13px;
    margin-top: 10px;
}

.cms-patching-module .comparison-output .importantFile label {
    display: inline-block;
    width: auto;
    font-weight: normal;
    float: none;
    margin-top: 0px;
}

.cms-patching-module .comparison-output .importantFile input[type="checkbox"] {
    margin-top: 3px;
    margin-right: 10px;
}

.cms-patching-module .comparison-output .issue:hover {
    background-color: #FADDDD;
}

.cms-patching-module .comparison-output .importantFile .compare {
    display: none;
}

form.page-managment-panel .row .data-copy-light-blue {
    visibility: hidden;
    color: #98BDBD;
    text-shadow: -1px -1px 0 #FFF;
    margin-left: 7px;
}

form.page-managment-panel .row:hover .data-copy-light-blue {
    visibility: visible;
}

a.structureIsNotSaved i.fa {
    color: #2ac2ff;
}

#site-tree .firstIconIndent {
    left: 58px;
}

#site-tree .secondIconIndent {
    left: 80px;
}

#site-tree .title_container.twoIconPadding {
    padding-left: 37px;
}

#site-tree .title_container.oneIconPadding {
    padding-left: 17px;
}

.selectInline {
	button {
		margin: 0 0 0 12px;
		min-height: 36px;
	}
}

.row.el {
	padding: 12px 0;
}

.textButton {
	.clearfix();
	float: none !important;
	clear: both !important;
	width: auto !important;
	display: flex !important;
	margin: 0 0 0 auto !important;
	justify-content: flex-end;
	
	input {
		flex: 1 1 361px;
		width: auto !important;
	}
	
	.btn {
		margin: 0 0 0 12px !important;
		min-height: 37px;
	}
	
}


.assessmentWrapper {
	padding: 0 0 40px 0;
	
	.checkboxRow {
		padding-top: 16px;
		
		input {
			position: relative;
			top: 2px;
		}
	}
}
