::-moz-selection {
    background-color: #6e256a;
    color: #fff;
}

::selection {
    background-color: #6e256a;
    color: #fff;
}

html,
body {
    font-family: 'irsans';
}

html {
    position: relative;

    /* fix dashboard height is not fit to parent */
    height: 100%;
}

body {
    position: relative;
}

.highcharts-container svg {
    font-family: 'irsans' !important;
}

/*html {*/
/*line-height: 2.3;*/
/*!* line-height: 1.618; // Golden value *!*/
/*}*/

a,
img,
i,
b,
small,
span,
strong,
map,
label,
input,
select,
textarea,
button,
time {
    display: inline-block;
}

/* */

a {
    color: inherit;
}

.datagrid-cell a,
.datagrid-cell [onclick*="addPanel"],
.datagrid-cell [onclick*="window.open"] {
    color: #00e !important;
    text-decoration: underline;
    cursor: pointer;
}

[onclick*="addPanel"] {
    cursor: pointer;
}

/*!* Cause on blank window prevent click *!
[onclick*="addPanel"],
[href*="addPanel"],
a[onclick*="addPanel"],
a[href*="addPanel"] {
    pointer-events: none;
    cursor: default;
}*/

/* */

i {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: relative;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    vertical-align: middle;
}

a {
    outline: 0 !important;
}

input[type=button],
input[type=submit],
button {
    outline: 0 !important;
    cursor: pointer;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 9999px #fff;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
}

textarea {
    min-height: 2.2rem;
    resize: vertical;
}

img {
    transition: 300ms;
}

img[src="#"] {
    opacity: 0;
    visibility: hidden;
}

.no-border {
    border: 0;
}

.text-center {
    text-align: center !important;
}

/**
 * Fixes
 */
#form1 {
    width: 100%;
}

.datagrid-filter-c .icon-filter,
.datagrid-filter-c .icon-filter-beginwith,
.datagrid-filter-c .icon-filter-contains,
.datagrid-filter-c .icon-filter-endwith,
.datagrid-filter-c .icon-filter-equal,
.datagrid-filter-c .icon-filter-getcurrentDate,
.datagrid-filter-c .icon-filter-notequal {
    background-position-x: 3px !important;
}

.datagrid-filter-c .icon-filter-greater {
    background-position: 3px -101px !important;
}

.datagrid-filter-c .icon-filter-greaterorequal {
    background-position: 3px -127px !important;
}

.datagrid-filter-c .icon-filter-less {
    background-position: 2px -153px !important;
}

.datagrid-filter-c .icon-filter-lessorequal {
    background-position: 3px -179px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 5px;
}

.highcharts-container {
    margin: 0 auto;
}

.highcharts-root > desc {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/*.highcharts-root .highcharts-legend {*/
.highcharts-legend {
    direction: ltr;
}

.highcharts-container svg .highcharts-tooltip text {
    direction: rtl;
}

/*.highcharts-container svg .highcharts-tooltip text tspan:before {
    content: "\A";
    white-space: pre;
}*/

.highcharts-tooltip {
    text-anchor: end;
}

.highcharts-legend-item {
    cursor: pointer;
}

[id^=mnu_menuApproval] {
    width: auto !important;
}

[id^=mnu_menuApproval] > .menu-line {
    display: none;
}

/*.form-label + td {
    text-align: center;
}*/

.query-builder {
    font-family: inherit;
}

.drag-handle .glyphicon-sort {
    font-size: 16px;
}

.group-conditions > .btn {
    text-transform: uppercase;
}

#dataNavigationContent {
    height: 100%;
}

/* Pre-loader */

.loader {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90px;
    height: 90px;
    top: 50%;
    left: 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(-50%, -50%) rotateX(45deg) rotate(45deg);
    transform: translate(-50%, -50%) rotateX(45deg) rotate(45deg);
}

.loader .box {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fed750;
    top: 0;
    left: 0;
    -webkit-box-shadow: 112.5px 112.5px 20px #000;
    box-shadow: 112.5px 112.5px 20px #000;
    -webkit-animation: move 2s ease-in-out infinite both;
    animation: move 2s ease-in-out infinite both;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.loader .box:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.loader .box:nth-child(2) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

.loader .box:nth-child(3) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}

.loader .box:before, .box:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
}

.loader .box:before {
    top: 100%;
    left: 0;
    background: #e6a32f;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.loader .box:after {
    background: #c87932;
    top: 0;
    left: 100%;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

@-webkit-keyframes move {
    0%, 100% {
        -webkit-transform: none;
        transform: none;
    }
    12.5% {
        -webkit-transform: translate(30px, 0);
        transform: translate(30px, 0);
    }
    25% {
        -webkit-transform: translate(60px, 0);
        transform: translate(60px, 0);
    }
    37.5% {
        -webkit-transform: translate(60px, 30px);
        transform: translate(60px, 30px);
    }
    50% {
        -webkit-transform: translate(60px, 60px);
        transform: translate(60px, 60px);
    }
    62.5% {
        -webkit-transform: translate(30px, 60px);
        transform: translate(30px, 60px);
    }
    75% {
        -webkit-transform: translate(0, 60px);
        transform: translate(0, 60px);
    }
    87.5% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }
}

@keyframes move {
    0%, 100% {
        -webkit-transform: none;
        transform: none;
    }
    12.5% {
        -webkit-transform: translate(30px, 0);
        transform: translate(30px, 0);
    }
    25% {
        -webkit-transform: translate(60px, 0);
        transform: translate(60px, 0);
    }
    37.5% {
        -webkit-transform: translate(60px, 30px);
        transform: translate(60px, 30px);
    }
    50% {
        -webkit-transform: translate(60px, 60px);
        transform: translate(60px, 60px);
    }
    62.5% {
        -webkit-transform: translate(30px, 60px);
        transform: translate(30px, 60px);
    }
    75% {
        -webkit-transform: translate(0, 60px);
        transform: translate(0, 60px);
    }
    87.5% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }
}