.clear {
    clear: both;
}

/*#region LOADER*/
.windows8 {
    position: relative;
    width: 30px;
    height: 30px;
}

    .windows8 .wBall {
        position: absolute;
        width: 29px;
        height: 29px;
        opacity: 0;
        -moz-transform: rotate(225deg);
        -moz-animation: orbit 4.4s infinite;
        -webkit-transform: rotate(225deg);
        -webkit-animation: orbit 4.4s infinite;
        -ms-transform: rotate(225deg);
        -ms-animation: orbit 4.4s infinite;
        -o-transform: rotate(225deg);
        -o-animation: orbit 4.4s infinite;
        transform: rotate(225deg);
        animation: orbit 4.4s infinite;
    }

        .windows8 .wBall .wInnerBall {
            position: absolute;
            width: 4px;
            height: 4px;
            background: #FE6900;
            left: 0px;
            top: 0px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }

    .windows8 #wBall_1 {
        -moz-animation-delay: 0.96s;
        -webkit-animation-delay: 0.96s;
        -ms-animation-delay: 0.96s;
        -o-animation-delay: 0.96s;
        animation-delay: 0.96s;
    }

    .windows8 #wBall_2 {
        -moz-animation-delay: 0.19s;
        -webkit-animation-delay: 0.19s;
        -ms-animation-delay: 0.19s;
        -o-animation-delay: 0.19s;
        animation-delay: 0.19s;
    }

    .windows8 #wBall_3 {
        -moz-animation-delay: 0.38s;
        -webkit-animation-delay: 0.38s;
        -ms-animation-delay: 0.38s;
        -o-animation-delay: 0.38s;
        animation-delay: 0.38s;
    }

    .windows8 #wBall_4 {
        -moz-animation-delay: 0.58s;
        -webkit-animation-delay: 0.58s;
        -ms-animation-delay: 0.58s;
        -o-animation-delay: 0.58s;
        animation-delay: 0.58s;
    }

    .windows8 #wBall_5 {
        -moz-animation-delay: 0.77s;
        -webkit-animation-delay: 0.77s;
        -ms-animation-delay: 0.77s;
        -o-animation-delay: 0.77s;
        animation-delay: 0.77s;
    }

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

/*#endregion LOADER*/
/*NEW POPUP CONTAINER*/
.MrBackGround {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1200;
    background: #3d3d3d;
    width: 100%;
    height: 100%;
}

.MrVerbale {
    position: absolute;
    padding-top: 10px;
    top: 0;
    left: 0;
    z-index: 1200;
    background: #3d3d3d;
    height: 100%;
}

.MrVerbaleHeight {
    height: 80%;
}

.MrVerbaleLabelColor {
    color: #fcf8e3;
}

.MrVerbaleTextArea {
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: pre-wrap !important;
    background: #3d3d3d;
    color: #fcf8e3;
    height: 100%;
    border: none;
    border-top: solid thin #E6E6E8 !important;
    border-bottom: solid thin #E6E6E8 !important;
}

.popupContainer {
    min-height: 100px;
    width: 100%;
    border-top: solid thin #666;
    position: fixed;
    z-index: 1300;
    bottom: -100px;
    padding-bottom: 10px;
    -moz-transition: bottom ease-in 0.5s;
    -o-transition: bottom ease-in 0.5s;
    -webkit-transition: bottom ease-in 0.5s;
    transition: bottom ease-in 0.5s;
}

.popupContainerActived {
    bottom: 0;
}

.popup-content {
    float: left;
    margin-left: 30px;
    width: 80%;
}

.popup-close {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
    color: #000000;
}

.bk-danger {
    background: #FB4446;
    color: #fcf8e3;
}

.bk-success {
    background: #B3CC57;
}

.bk-normal {
    background: #BDEBCA;
}

.bk-warning {
    background: #ECB163;
}

.bk-dark {
    background: #383838;
}

.bk-manager {
    background: #fcf8e3;
}

.bk-user {
    background: #D9EDF7;
}

.bk-admin {
    background: #E6E6E8;
}

.table-active {
    background-color: #ECB163 !important;
}

.btn-default {
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

    .btn-default:hover, .btn-default:focus {
        color: #fff !important;
        background-color: #ff6a00 !important;
    }

    .btn-default:active, .active.btn-default {
        background-color: #ff6a00 !important;
    }

/* COOL STUFF */
.contextContainer {
    white-space: nowrap;
    height: 400px;
    width: 100%;
    border-bottom: solid thin #E6E6E8;
    position: fixed;
    z-index: 1100;
    top: -400px;
    padding: 10px;
    -moz-transition: top ease-in 0.2s;
    -o-transition: top ease-in 0.2s;
    -webkit-transition: top ease-in 0.2s;
    transition: top ease-in 0.2s;
}

.contextContainerAvailable {
    top: -370px;
}

.contextContainerActived {
    top: -310px;
}

.contextContainerExpanded {
    top: 0;
}

.contextFrame {
    width: 100%;
    height: 320px;
    overflow-y: auto;
    opacity: 0;
    color: #E6E6E8;
}

.contextFrameExpanded {
    opacity: 1;
}

.contextFrameContainer {
    width: 100%;
    height: 280px;
    overflow-y: auto;
}

.contextFrameButton {
    margin-left: 20px;
    margin-top: 5px;
}

.contextClose {
    background: none;
    position: absolute;
    right: 5px;
    left: auto;
    bottom: 0;
    cursor: pointer;
    font-size: 20px;
    color: #E6E6E8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.closeContextButton {
    width: 30px;
    height: 30px;
    border: #383838;
}

.hideContextButton {
    width: 30px;
    height: 30px;
    border: #383838;
}

.contextList {
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: 40px;
}

.contextListItem {
    color: #E6E6E8;
    -moz-transition: background linear 0.3s;
    -o-transition: background linear 0.3s;
    -webkit-transition: background linear 0.3s;
    transition: background linear 0.3s;
    margin: 10px;
    padding: 5px;
    vertical-align: central;
    cursor: pointer;
    width: auto;
    height: 40px;
    display: inline-block;
    border: #383838;
}

    .contextListItem:hover, .contextListItem:active {
        background: #ff6a00;
    }

@media (min-width: 768px) {
    .contextContainer {
        white-space: nowrap;
        height: 500px;
        width: 100%;
        border-bottom: solid thin #666;
        position: fixed;
        z-index: 1100;
        top: -500px;
        padding: 10px;
        -moz-transition: top ease-in 0.2s;
        -o-transition: top ease-in 0.2s;
        -webkit-transition: top ease-in 0.2s;
        transition: top ease-in 0.2s;
    }

    .contextContainerAvailable {
        top: -480px;
    }

    .contextContainerActived {
        top: -400px;
    }

    .contextContainerExpanded {
        top: 0;
    }

    .contextFrame {
        width: 100%;
        height: 420px;
        overflow-y: auto;
        color: #E6E6E8;
    }

    .contextFrameExpanded {
        opacity: 1;
    }

    .contextFrameContainer {
        width: 100%;
        height: 380px;
        overflow-y: auto;
    }

    .contextFrameButton {
        margin-left: 20px;
        margin-top: 5px;
    }

    .contextClose {
        position: absolute;
        right: 5px;
        left: auto;
        bottom: 5px;
        cursor: pointer;
        font-size: large;
        color: #E6E6E8;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .closeContextButton {
        width: 30px;
        height: 30px;
        border: #383838;
    }

    .hideContextButton {
        width: 30px;
        height: 30px;
        border: #383838;
    }

    .contextList {
        overflow-x: auto;
        overflow-y: hidden;
        margin-right: 30px;
    }

    .contextListItem {
        color: #E6E6E8;
        -moz-transition: background linear 0.3s;
        -o-transition: background linear 0.3s;
        -webkit-transition: background linear 0.3s;
        transition: background linear 0.3s;
        margin: 10px;
        padding: 5px;
        vertical-align: central;
        cursor: pointer;
        width: auto;
        height: 40px;
        display: inline-block;
        border: #383838;
    }

        .contextListItem:hover, .contextListItem:active {
            background: #ff6a00;
        }
}

.verticalDivisor {
    margin-top: 20px;
}

/*loader*/

#loader {
    position: fixed;
    top: 20%;
    width: 60px;
    height: 60px;
    z-index: 2000;
}

.progress {
    border-radius: 0;
}

.noDisplay {
    display: none !important;
}

/*TREE STUFF*/
/* TREE PLUG IN SECTION*/

#tree-root li {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADRJREFUeNpi/LlY6j8DFsAe+4yRgQjAxEAhYMTlAmIBxS4YeDDwYTBqwLAx4AMF+j8ABBgA+CgLZHykRTkAAAAASUVORK5CYII=') /*../ar_plugin/ar_file/views/img/folder_fill_16x16.png*/;
    cursor: pointer !important;
    margin-left: 20px;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
}

#tree-root ul {
    padding-left: 20px;
    display: none;
    margin-bottom: 5px;
    margin-top: 5px;
}

#tree-container {
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 5px;
    width: 100%;
    max-height: 500px;
    color: #666;
    overflow: auto;
}

@media (min-width: 768px) {
    #tree-root li {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADRJREFUeNpi/LlY6j8DFsAe+4yRgQjAxEAhYMTlAmIBxS4YeDDwYTBqwLAx4AMF+j8ABBgA+CgLZHykRTkAAAAASUVORK5CYII=') /*../ar_plugin/ar_file/views/img/folder_fill_16x16.png*/;
        cursor: pointer !important;
        margin-left: 20px;
        font-size: 12px;
    }
}

.btn-show {
    color: #fcf8e3;
    background: #383838;
    border-radius: 0;
    box-shadow: none;
}

    .btn-show:hover, .btn-show:focus, .focus.btn-show {
        color: #fcf8e3;
    }

.explainTable th {
    background: #E38E2B;
    border: none !important;
}

.explainTable td {
    border: none !important;
}

.noBorder {
    border: none !important;
}

.buttonSpace {
    margin: 20px 0;
}

.pointerRow {
    cursor: pointer;
}

.select {
    background: #383838;
    border: none;
}

.dropdown-menu {
    z-index: 1500 !important;
}

.span2 {
    color: #fcf8e3 !important;
    border: none !important;
    border-bottom: dotted #fcf8e3 thin !important;
}

.no-display {
    display: none !important;
}

.inline-warning {
    padding: 5px 10px;
}

.textArea {
    white-space: pre-wrap !important;
}

.label
{
    border-radius:0 !important;
}