.leftPanel-vlist {
    padding: 0 0 !important;
}

.leftPanel-vlist .list-group-item {
    margin-top: 5px;
    border-radius: 5px;
    background: rgba(5, 3, 6, 0.08);
    /*color: rgba(247, 33, 51, 0.87);*/
}

.leftPanel-vlist li.list-group-item a:hover {
    text-decoration: none;
    color: rgba(0, 8, 232, 0.73);
    font-weight: bold;
}

.leftPanel-vlist li.bg-bright a {
    font-weight: bold;
}

#analysisPanel {
    margin-top: 5px;
    /*height: 700px;*/
    overflow: auto;
}

#analysisPanel .section {
    margin: 10px;
    padding: 5px 0;
    /*height: 400px;*/
}

#analysisPanel .section * {
    /*border: solid 1px blue;*/
}

#analysisPanel .section .titlePic {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 3px;
}

#analysisPanel .section .titlePic > .title {
    height: 35px;
    font-weight: bold;
    font-family: serif;
    font-size: 1.2em;
    background: #337ab7;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    position: relative;
}

#analysisPanel .section .titlePic > .title text {
    color: #ffffff;
}

#analysisPanel .section .titlePic > .title a {
    color: #ffffff;
}

#analysisPanel .section .col-sm-7 > label {
    height: 35px;
    vertical-align: middle;
}

#analysisPanel .section .panel {
    /*height: 350px;*/
    padding-bottom: 10px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

#analysisPanel .section .btnOption {
    display: inline-block;
    width: 50px;
    vertical-align: top;
}

#analysisPanel .section .btnOption > button {
    display: block;
    width: 60px;
    padding: 0;
}

#analysisPanel .section .dateOption {
    /*margin-left: 5px;*/
    display: inline-block;
}

#analysisPanel .section .dateOption > div {
    display: inline-block;
    max-width: 50%;
}

#analysisPanel .section .dateOption > div label {
    /*margin-left: 10px;*/
}

#analysisPanel .section .dateOption > div input {
    /*margin-left: 10px;*/
    width: 140px;
    max-width: calc(100% - 10px);
}

#analysisPanel .section .graph > label {
    display: block;
    position: absolute;
}

#analysisPanel .leftPanel,
#analysisPanel .rightPanel {
    min-width: 100%;
    width: 100%;
}

#analysisPanel .leftPanel > *,
#analysisPanel .rightPanel > * {
    height: 100%;
}

#analysisPanel .section .graph > .panel {
    /*height: 350px;*/
    padding: 5px 15px 5px 15px;
}

#analysisPanel .section .graph .toggle {
    margin-left: 10px;
    margin-top: 10px;
}

#analysisPanel .section .graph .toggle a {
    width: 50px;
    display: inline-block;
    /*margin: 0 10px;*/
}

#analysisPanel .section .graph .toggle label {
    width: 50px;
    display: inline-block;
    color: red;
    /*margin: 0 10px;*/
}

#analysisPanel .section .graph .toggle i {
    width: 20px;
    display: inline-block;
    color: #e84a4e
}

#analysisPanel .section .graph .barChart {
    width: 100%;
    height: 100%;
    /*border: solid 1px black;*/
}

#analysisPanel .section .graph .lineChart {
    width: 100%;
    height: 100%;
    /*border: solid 1px black;*/
}

#analysisPanel .section .allPlatfong-form {
    margin-left: 20px;
    display: inline-block;
    height: 100%;
    width: calc(100% - 80px);
    padding: 1px;
}

#analysisPanel .section .pieChart {
    /*border: solid 1px black;*/
    height: 100%;
    width: 100%;
    display: inline-block;
}

#analysisPanel .section .pieChart > * {
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    /*top: 50px;*/
    /*right: 30px;*/
}

#analysisPanel #textareaDiv {
    height: 200px;
    padding: 1px;
}

#analysisPanel #gameAnaTab > div:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
}

#analysisPanel .flot-x-axis .flot-tick-label.tickLabel {
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 5px;
}

.rotate330 {
    transform: rotate(330deg);
}

.amcharts-main-div a[title="Interactive JavaScript maps"] {
    display: none !important;
}
/* app css stylesheet */

#wrapper {
    min-width: 1024px;
    min-height: 800px;
}

.common-form-input-label {
    /*text-align: right;*/
    clear: both;
    float: left;
    margin-right: 15px;
    margin-top: 6px;
    max-width: 20%;
    min-width: 15%;
}

.common-form-label-input {
    width: 70%;
}

input.ng-invalid.ng-dirty {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input.ng-invalid.ng-dirty~.help-block {
    color: #b94a48;
}

input.ng-valid.ng-dirty {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    float: right;
    position: relative;
    top: -24px;
    right: 10px;
    -webkit-animation: rotating 1s linear infinite;
}

.halflings-icon.refresh {
    background-position: -239px -24px;
}

.footerVersion {
    margin: 0px;
}

a:hover {
    cursor: pointer;
}

span.error {
    color: #b94a48;
}


/*
Styles for nodes and connectors.
*/

.node-rect {
    stroke: black;
    stroke-width: 2;
}

.mouseover-node-rect {
    stroke: black;
    stroke-width: 4;
}

.selected-node-rect {
    stroke: red;
    stroke-width: 3;
}

.connector-circle {
    fill: white;
    stroke: black;
    stroke-width: 2;
}

.mouseover-connector-circle {
    fill: white;
    stroke: black;
    stroke-width: 3;
}


/*
Style for connections.
*/

.connection {}

.connection-line {
    stroke: gray;
    stroke-width: 4;
    fill: transparent;
}

.mouseover-connection-line {
    stroke: gray;
    stroke-width: 6;
    fill: transparent;
}

.selected-connection-line {
    stroke: red;
    stroke-width: 4;
    fill: transparent;
}

.connection-endpoint {
    fill: gray;
}

.selected-connection-endpoint {
    fill: red;
}

.mouseover-connection-endpoint {
    fill: gray;
}

.connection-name {
    fill: black;
}

.selected-connection-name {
    fill: red;
}

.mouseover-connection-name {
    fill: gray;
}


/*
Style for the connection being dragged out.
*/

.dragging-connection {
    pointer-events: none;
}

.dragging-connection-line {
    stroke: gray;
    stroke-width: 3;
    fill: transparent;
}

.dragging-connection-endpoint {
    fill: gray;
}


/*
The element (in this case the SVG element) that contains the draggable elements.
*/

.draggable-container {
    border: solid 1px blue;
}


/*
Drag selection rectangle.
*/

.drag-selection-rect {
    stroke: blue;
    stroke-width: 2;
    fill: transparent;
}

.popover {
    width: auto !important;
    max-width: none
}


/*
angular-datepicker
*/


/* Note: It is difficult to inspect live CSS for the datepicker, because it hides itself when it is unfocused!
         To inspect elements, I switched over to the non-minified source file angular-datepicker.js
         and I disabled the code inside the function clear(). */


/* We use #wrapper below to make the rules more specific, in order to override the component's own styles (which are loaded later). */


/* In Platform Config > Announcements, the date picker was appearing too narrow, although only when displayiing hour+minute pickers. */

#wrapper [date-picker] table {
    min-width: 200px;
}


/* The datepicker was too tall for the available space, and didn't need to be, so we reduce the height of the cells here. */

#wrapper [date-picker] span {
    height: 18px;
    line-height: 19px;
}

#wrapper [date-picker] [ng-switch-when=year] span,
#wrapper [date-picker] [ng-switch-when=month] span,
#wrapper [date-picker] [ng-switch-when=minutes] span {
    height: 30px;
    line-height: 30px;
}


/* The default "now" highlight is a bit too overwhelming (white on an orange background).  Instead of shading the whole background, we just draw a border. */

#wrapper [date-picker] .now {
    color: black;
    background-color: transparent;
    background-image: none;
    /* We use outline because border affects the size of the element, and causes mis-alignments. */
    outline: 2px solid #ee905b;
}


/* Now there is no reason why "now" and "active" highlights can't appear on the same element. */


/*
[date-picker] .active:hover, [date-picker] .now:hover,
[date-picker] .active:active, [date-picker] .now:active, [date-picker] .active.active, [date-picker] .now.active,
[date-picker] .active.disabled, [date-picker] .now.disabled, [date-picker] .active[disabled], [date-picker] .now[disabled] {
    color: white !important;
    background-color: #04c !important;
}
*/

.text-black {
    color: #000000;
}

.resizable-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    padding: 7px;
}

.resizable-div {
    min-height: 30px;
    min-width: 30px;
    resize: both;
    overflow: auto;
    max-height: fit-content;
    max-width: fit-content;
  }

.resizable-row {
    min-height: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.resizable-row.resizable {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 600px;
    flex: 0 0 600px;
}

.rg-bottom,
.rg-right {
    background-color: #f2dede;
}

.resizable-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    position: relative;
}
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.slider.slider-horizontal {
    width: 210px;
    height: 20px;
}
.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -5px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}
.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}
.slider.slider-vertical {
    height: 210px;
    width: 20px;
}
.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}
.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}
.slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px;
}
.slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}
.slider input {
    display: none;
}
.slider .tooltip.top {
    margin-top: -36px;
}
.slider .tooltip-inner {
    white-space: nowrap;
}
.slider .hide {
    display: none;
}
.slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}
.slider-track-low,
.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border: 0px solid transparent;
}
.slider-handle.round {
    border-radius: 50%;
}
.slider-handle.triangle {
    background: transparent none;
}
.slider-handle.custom {
    background: transparent none;
}
.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}
.slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}
.slider-tick.round {
    border-radius: 50%;
}
.slider-tick.triangle {
    background: transparent none;
}
.slider-tick.custom {
    background: transparent none;
}
.slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}
.slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
    opacity: 1;
}
.wide-table {
    display: block !important;
}

.common-table {
    /*display: block;*/
    width: 100%;
    box-sizing: border-box;
    /*border: 2px solid #aaaaff;*/
    table-layout: automatic;
    /*overflow-x: scroll;*/
    max-width: inherit;
    white-space: nowrap;
}

/*.common-table thead {*/
/*background-color: #F3F3F3;*/
/*background-image: -webkit-linear-gradient(top, #f6f6f6, #eeeeee);*/
/*
background-image: linear-gradient(to bottom, #f6f6f6, #eeeeee);*/
/*
background-repeat: repeat-x;*/
/*}*/

.common-table tbody {
    /*overflow: auto;*/
}

.common-table tbody, .common-table thead {
    text-align: center;
    border: 1px solid #337ab7;
}

/*.common-table td {*/
/*text-overflow: ellipsis;*/
/*overflow: hidden;*/
/*}*/

.common-table th {
    word-wrap: break-word;
}

.common-table tr {
    cursor: pointer;
}

thead > tr > th {
    /*vertical-align: bottom;*/
    border-spacing: 0;
    text-align: center;
    border-collapse: collapse;
    background: #337ab7;
    color: white;
    padding: 2px;
}

td.static {
    /*background-color: rgba(204, 204, 204, 1);*/
    background: #98bcdc;
    /*color: white;*/
    font-weight: 500;
}

table.border-cell td {
    border: 1px solid black;
}

/* For some reason the datatable's element.style.width kept alternating between 100% and NNNNpx. */
/* For example, when clicking a row header to sort the rows. */
/* To prevent the oscillation, we can just fix the 100% value here. */
/* Unfortunately it didn't seem to help with the column widths in the log modal, which we solved with resize()! */
#pageWrapper .dataTables_wrapper > .dataTables_scroll > * {
    width: 100% !important;
}

.table td {
    vertical-align: middle !important;
}

table#actionLogDataTable {
    width: 100%;
    max-height: 400px;
    overflow: auto;
    table-layout: fixed;
}

#actionLogDataTable td {
    white-space: normal;
    word-wrap: break-word;
}

.noBoderTable td {
    border: none !important;
}

.paddingTbl td {
    padding: 5px;
}

#feedbackPlayerInfo {
    max-height: 460px;
    overflow-y: auto;
    padding: 0;
    background-color: #e4e4e4
}

#feedbackPlayerInfo td {
    word-break: break-word;
}

#playerAllFeedbackPanel .panel-body {
    padding: 0;
    background-color: #e4e4e4;
    overflow-y: auto;
}

#playerAllFeedbackPanel .panel-body .colGrid {
    border: solid 1px rgba(0, 0, 255, 0.13);
}

#playerAllFeedbackPanel .colGrid {
    border-collapse: collapse;
    width: 25%;
    text-align: center;
    word-break: break-all;
}

.displayTable {
    display: table;
    width: 100%;
}

.displayTable > * {
    display: table-cell;
}

.wordWrap, .wordWrap * {
    word-wrap: break-word;
    white-space: normal;
}

.feedbackAdminContent {
    word-wrap: break-word;
    white-space: normal;
    max-width: 200px;
}

.dataTables_wrapper .dataTables_scroll {
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
}

table.playerInfoModalDivs {
    width: 100%
}

table.playerInfoModalDivs tbody td {
    padding: 5px 10px;
}

/*table.playerInfoModalDivs tbody tr:nth-child(even) td:nth-child(2) {*/
/*background-color: #d5d5cc;*/
/*}*/

table.playerInfoModalDivs tbody tr:not(:last-child) {
    border-bottom-style: double;
}

table.playerInfoModalDivs tbody tr td:nth-child(2) {
    padding: 10px;
}

.playerInfoModalDivs .inlineBlk {
    min-width: 150px;
    margin-right: 15px;
}

table.playerInfoModalDivs tbody tr td:first-child {
    text-align: center;
    white-space: nowrap;
    /*background-color: rgba(96, 84, 255, 0.27);*/
    padding: 5px 15px;
    /*font-style: italic;*/
}

table.playerInfoModalDivs tbody tr td:first-child > div {
    border-radius: 5px;
    padding: 5px 10px;
    background-color: rgba(30, 30, 30, 0.08);
    color: rgba(0, 0, 43, 0.82)
}

table.playerInfoModalDivs td label + text {
    margin-left: 5px;
    margin-right: 5px;
    font-family: serif;
    /*font-style: oblique;*/
}

table.dataTable tfoot td.sumText {
    text-align: right;
}

table.dataTable tfoot td {
    padding-top: 6px;
}

table.dataTable tfoot td.sumFloat,
table.dataTable tfoot td.sumInt {
    padding-right: 10px;
}

.pagingTableFooter * {
    font-size: 12px
}

.pagingTableFooter .pull-right > a, .pagingTableFooter .pull-right > button {
    padding: 5px 8px;
    border: solid 1px grey;
    margin-left: 3px;
}

.pagingTableFooter .pull-right > text:not(.dots) {
    padding: 5px 8px;
    margin-left: 3px;
}

.pagingTableFooter .pull-right > .btnPage {
    background-color: transparent;
}

.pagingTableFooter .pull-right > .jumpPage {
    margin-left: 3px;
}

.pagingTableFooter label.cur_page {
    border-radius: 9px;
    font-size: 20px;
    padding: 0px 7px 0;
    vertical-align: middle;
}

.dataTables_scrollBody .datatable-sm tbody > tr > td,
.dataTables_scrollHead .datatable-sm thead > tr > th {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

#proposalDataTable tbody td {
    padding-left: 5px;
    padding-right: 5px;
}

#proposalDataTable * {
    font-size: 12px;
}

.noWrapHeader > th {
    width: 100%;
    word-wrap: normal;
    white-space: nowrap;
}

.headerBackGround {
    background: #337ab7;
    padding: 5px;
}

.stdDateCell {
    min-width: 180px;
}

.dataTables_wrapper .dataTables_scroll .footer {
    margin-top: -25px;
}

.lastchild-noborder:last-child{
    border-bottom:none!important;
}

.lastchild-topborder:nth-last-child(2){
    border-bottom:1px solid;
}

tbody td.tbodyNoWrap {
    word-wrap: normal;
    white-space: nowrap;
}

#topupTable tbody td {
    padding: 5px 4px;
}

#paymentMonitorTable tbody td{
    padding: 5px 4px;
    font-size: smaller;
}
/*
    css variables, to be refactored after new chrome version is released with support for css variable
*/
:root {
    --font-size-small: 14px;
    --font-size-medium: 16px;
    --font-size-large: 18px;
}

body {
    padding-right: 0 !important;
}

.noWrap, .noWrap * {
    word-wrap: normal;
    white-space: nowrap;
}

.sPickDepartment {
    max-width: 155px;
}

a.dropdown-toggle text {
    position: absolute;
    right: 0;
    overflow: hidden;
    padding: 5px;
    margin-right: -10px;
    width: 60px;
}

a.dropdown-toggle:hover text {
    word-wrap: break-word;
    overflow: visible;
    background-color: #0b97c4;
}

#modalPlayerCredit .form-group {
    margin-bottom: 5px;
}

input {
    min-width: 25px
}

[ng-click], a {
    cursor: pointer;
}

.upsidedown {
    transform: rotateX(180deg);
}

.flip {
    transform: rotateY(180deg);
}

.btn.disabled, .btn[disabled], fieldset[disabled] {
    opacity: .35 !important;
}

.breadcrumb {
    background: rgba(15, 79, 122, 1);
    border: 2px solid rgba(245, 245, 245, 1);
    border-radius: 9px;
    display: block;
}

.breadcrumb li {
    font-size: 14px;
}

.breadcrumb a {
    color: rgba(66, 139, 202, 1);
}

.breadcrumb a:hover {
    color: rgba(255, 179, 179, 1);
}

.breadcrumb > .active {
    color: rgba(255, 255, 255, 1);
}

.breadcrumb > li + li:before {
    color: rgba(204, 204, 204, 1);
    content: "\003E\003E";
}

.icon-radio {
    display: inline-block;
    width: 60px;
    margin-right: 20px;
}

.icon-radio > input {
    float: left;
    margin-left: 5px;
}

.icon-radio > .fa {
    font-size: 200%;
    margin-left: 3px;
}

.nav-tabs .divider-vertical {
    height: 40px;
    margin: 0;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #ffffff;
}

/*#mainRole input[type='text'] {*/
/*max-width: 50px;*/
/*}*/
.lineThrough * {
    text-decoration: line-through;
}

.roleList {
    overflow-x: auto;
    overflow-y: hidden;
    /*height: 45px;*/
    width: 100%;
    padding: 0 15px;
    text-align: justify;

}

ul.roleList {
    width: 100%;
    /*height: 60px;*/
    padding-left: 10px;
    margin-bottom: 0;
}

.roleList li {
    /*margin: 10px 5px;*/
    /*height:100%;*/
    /*min-width: 130px;*/
    display: inline-block;
    border-radius: 4px !important;
}

.roleList li + li:before {
    content: '';
    border: solid 1px green;
    vertical-align: super;
    height: 80%;
    margin: 0 9px;
}

.roleList li .icon-text {
    display: inline-block;
}

#departmentTree .node-icon {
    color: #5facff
}

#departmentTree .list-group-item:after {
    content: '';
    display: block;
    clear: both;
}

/*.roleList text {*/
/*min-width: 150px;*/
/*margin-left: 5px;*/
/*}*/

/*.roleList .fa {*/
/*float: left !important;*/
/*font-size: 2em;*/
/*}*/
.roleSelected {
    background: rgb(166, 160, 212);
    color: rgb(203, 87, 107);
}

.treeview .badge .fa {
    margin-right: 5px !important;
}

.treeview li:nth-child(even) {
    background-color: #d5d5cc;
}

.treeview li:nth-child(odd) {
    background-color: #e4e4e4;
}

/* These are standard Bootstrap styles, but we need to make them more specific than the :nth-child selectors above. */
/* Actually Bootstrap styles on .list-item not li */
.treeview li.active,
.list-group li.active {
    background-color: #428bca;
    color: white;
}

.treeview li {
    word-wrap: break-word;
}

.treeview span.image {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.list-inline {
    white-space: nowrap;
}

.btn {
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
}

.treeview .badge {
    background-color: rgba(66, 139, 202, 1);
}

.panel {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
}

.topRadius-5 {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-all-5 {
    padding: 5px !important;
}

.padding-all-20 {

padding: 20px !important;
}

.padding-left-right-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-right-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.margin-top-bottom-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-top-bottom-small {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.margin-small {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    /*margin-left: 8px !important;*/
    /*margin-right: 8px !important;*/
}

.margin-medium {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-all-5 {
    margin: 5px !important;
}

#mainRole > .col-sm-2 {
    padding-left: 0;
    padding-right: 0;
}

#mainRole > .panel > div {
    /*height: 40px;*/
    padding: 5px;
}

.roleUser .panel-body ul.list-group li.list-group-item {
    border: solid 1px blue;
    margin-bottom: 3px;
}

.roleUser .panel-body ul.list-group li.list-group-item:after {
    content: '';
    display: block;
    clear: both;
}

#providerGamesFilter .inlineBlk input,
#providerGamesFilter .inlineBlk select {
    width: 150px;
}

.horizontalList {
    /* display: flex; */
    flex-direction: column;
    /* flex-wrap: wrap; */
    height: 76px;
    /*width: 230px;*/
    padding: 5px 0 5px 5px;
    /* height: 200px; */
    width: 100%;
    /* border: solid 1px blue; */
    overflow-x: auto;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
}

.horizontalList > div {
    margin-left: 20px;
}

.height12 {
    /*height: 12px;*/
    font-size: 12px;
    line-height: 12px;
}

.height30 {
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.common-nav-tabs > li {
    padding: 0;
}

.common-nav-tabs > li > a {
    color: #FFF;
    background: #337AB7;
    border-radius: 0;
    padding: 0px 0px;
    /* width: 106px; */
    padding: 0;
    /*box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, .4), -2px -2px 5px -2px rgba(0, 0, 0, .4);*/
    border: 0;
}

.common-nav-tabs > li > a:hover {
    /* background-color: rgba(255,255,255,0.2); */
    /* color: rgba(255,255,255,0.2); */
    /* border-radius: 0; */
    background-color: #5898D0;
}

.common-nav-tabs > li.active > a,
.common-nav-tabs > li.active > a:hover {
    /* color: rgba(255, 179, 179, 1); */
    /*background: #F5F5F5;*/
    /*box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .4), -2px -3px 5px -2px rgba(0, 0, 0, .4);*/
}

.nav-header {
    border: 0px;
    padding: 7px 1px 3px 7px;
}

.nav-header > img {
    height: 110px;
    z-index: 1000;
    margin: 0 10px;
}

.nav-statistic {
    text-align: center;
    background-color: #222222;
    margin-bottom: 5px;
    color: lightgray;
    font-size: 12px;
}

.search-box {
    border: 2px solid #337AB7;
    border-radius: 14px;
    color: #337AB7;
}

.search-box input {
    border: 0px;
    width: calc(100% - 45px);
    background-color: transparent;
    color: #333;
    font-size: 16px;
}

#rolePanel > div > div {
    display: inline-block;
}

.icon-text input:focus {
    outline-width: 0;
}

.icon-text {
    /*margin-top: 8px;*/
    border: 0px solid #337AB7;
    border-radius: 5px;
    color: #337AB7;
    font-size: 1.4em;
    padding: 1px 5px;
}

.icon-text input {
    margin-left: 30px;
    border: 1px solid #337AB7;
    border-radius: 5px;
    /*width: 85%;*/
    background-color: transparent;
    color: #333;
    /*font-size: 18px;*/
}

.icon-text text {
    margin-left: 5px;
}

.icon-text input:focus {
    outline-width: 0;
}

.icon-text .fa {
    float: left !important;
    /*width: 25px;*/
    /*height: 25px;*/
    font-size: 1.4em;
}

.common-button-sm {
    margin-right: 5px;
    height: 25px;
    margin-bottom: 5px;
    font-size: 1em;
    padding: 1px 5px 1px 5px;
    /*padding-bottom: 1px;*/
    min-width: 60px;
}

.common-button-sm img {
    float: left !important;
    width: 15px;
    height: 15px;
}

.common-button-sm .fa {
    float: left !important;
    width: 15px;
    height: 15px;
    font-size: 1em;
}

.common-button-sm text {
    margin-left: 3px;
    font-size: 1em;
}

.common-button {
    margin-right: 5px;
    height: 30px;
    margin-bottom: 5px;
    font-size: 1.2em;
    padding: 1px 5px 1px 5px;
    /*padding-bottom: 1px;*/
    min-width: 88px;
}

.common-button text {
    margin-left: 3px;
    font-size: 1em;
    float: right;
    /*width: calc(100% - 26px);*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}

.common-button[disabled] text {
    color: rgba(255, 255, 255, 0.46);
}

.common-button[disabled] a {
    background-color: rgba(71, 71, 71, 0.46) !important;
}

.common-button img {
    /*float: left !important;*/
    width: 25px;
    height: 25px;
    /*color: #ffecd6 !important;*/
    /*background-color: #ffecd6 !important;*/
}

.common-button .fa {
    /*float: left !important;*/
    width: 25px;
    height: 25px;
    font-size: 1.3em;

}
img.img-create {
    content: url("./../images/icon/create1.png");
    width: 20px;
    margin-right: .5em
}

img.img-delete {
    content: url("./../images/icon/delete1.png");
    width: 20px;
    margin-right: .5em
}

img.img-info {
    content: url("./../images/icon/info.png");
    width: 20px;
    margin-right: .5em
}

img.img-edit {
    content: url("./../images/icon/rename1.png");
    width: 20px;
    margin-right: .5em
}

img.img-move {
    content: url("./../images/icon/move1.png");
    width: 20px;
    margin-right: .5em
}
img.img-platform {
    content: url("./../images/icon/platform1.png");
    width: 20px;
    margin-right: .5em
}


.modal > .modal-dialog {
    /*text-align: center;*/
    width: 80%;
}

.modal > .modal-dialog.modal-medium {
    width: 50%;
}

/* Making the modal header dark blue, without problems with rounded corners, is not easy */
/* This approach tends to leave a sliver of white on the corners of the header. */
/*
.modal-header {
    background-color: #337ab7;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
*/
/* This approach leaves a sliver of white on the corners of the footer.  But we can manage that, because the footer is white anyway! */
.modal-content {
    background-color: #337ab7;
    color: white;
}

.modal-body, .modal-footer {
    background-color: white;
    color: black;
}

.modal-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Make the close and minimize buttons larger so they are easier to click */
.modal-header [type=button] {
    font-size: 24px;
}

.dialog-header [type=button] {
    font-size: 20px;
}

.modal-footer {
    width: 100%;
    /*align: justify;*/
}

.modal-footer .common-button {
    /*display: inline-block;*/
    margin: 5px !important;
    /*align: justify !important;*/
}

.common-left-panel-heading {
    padding: 0px;
}

.common-left-panel-body {
    padding: 5px 15px;
    overflow-y: auto;
    min-height: 700px;
}

.common-left-sub-panel-body {
    padding: 5px 15px;
    overflow-y: auto;
    min-height: 600px;
}

.common-left-panel-body div {
    overflow-y: auto;
}

.common-right-panel-body {
    padding: 10px 15px;
    min-height: 650px;
    overflow-y: auto;
}

.common-right-sub-panel-body {
    padding: 10px 15px;
    /*min-height: 650px;*/
    overflow-y: auto;
    min-height: 600px;
}

/*.common-right-panel-body div {*/
/*overflow-y: auto;*/
/*}*/

.common-nav-tabs {
    border-bottom-width: 0px;
}

.common-nav-tabs > li > a.common-tab {
    font-size: 16px;
    padding: 0px 10px 0 10px;
    height: 43px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    padding: 8px 15px;
}

/* CSS to improve the look of the tabs, by making the background slightly darker */
.panel-primary {
    border-color: #2B6698;
    /* We could also use the breadcrumb colour, but I find it a little dark: #0F4F7A; */
}

/* Blend the panel border with the header by also giving it the same colour */
.panel-primary > .panel-heading {
    background-color: #2B6698;
    /* We could also use the breadcrumb colour, but I find it a little dark: #0F4F7A; */
}

.panel-primary .nav-tabs > li {
    margin-top: 3px;
    margin-left: 0px;
    margin-right: 0px;
    /* bootstrap provides margin-bottom: -1px; */
}

.panel-primary .nav-tabs > li:not(:last-child) {
    margin-right: 2px;
}

.panel-primary .nav-tabs > li > a.common-tab {
    /*
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: 0;
    */
    border: 0;
}

.common-row-table {
    min-height: 400px;
}

#adminPolicy > .panel {
    width: calc(80% - 20px);
    margin: 5px 10px;
    display: inline-block;
    max-height: 465px;
    overflow-y: hidden;

}

#adminPolicy .panel-body {
    overflow-y: auto;
    padding: 10px;
}

#adminPolicy .adminleafPanel > div {
    display: inline-flex;
    min-width: 100px;
    /*align-items: left;*/
    margin-right: 10px;
}

#adminPolicy .adminleafPanel label input {
    margin-right: 5px;
    float: left !important;
}

#adminPolicy > .panel > .panel-heading > span > input[type='checkbox'] {
    float: right;
}

#adminPolicy > .btn-group-vertical {
    padding: 5px;
    width: 20%;
    min-width: 100px;
    display: inline-block;
    vertical-align: top;
}

#adminPolicy > .btn-group-vertical > button {
    margin: 5px 5px;
}

/*#adminPolicy > .btn-group-vertical > li.list-group-item label input {*/
/*float: right;*/
/*}*/

#permission > .panel > .panel-body {
    height: 500px;
}

#permission .panel-heading {
    padding: 5px;
}

.panel-heading label {
    text-align: center;
    margin-bottom: 0;
}

#permission .panel-body {
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
}

#permission .panel-body * {
    word-wrap: break-word;
}

#permission .col-sm-6 {
    padding-left: 0;
    padding-right: 5px;

}

#mainUser > div {
    margin-bottom: 7px;
}

.textareaDetail {
    border: 0;
}

.textareaDetail .form-control {
    height: 100%;
    border: 0;
}

.textareaDetail textarea {
    width: 100%;
    max-width: 100%;
    /*height: 100%;*/
    /*max-height: 100%;*/
    word-wrap: break-word;
    overflow-y: auto;
    resize: none;
}

.left-col {
    text-align: left;
    margin-left: 20px;
}

.left-col text {
    font-size: 1.2em;
    vertical-align: 4px;
}

.left-col .fa {
    font-size: 2em;
}

.label-select label {
    min-width: 100%;
}

.label-select select {
    min-width: 100%;
}

.label-select-inline {
    display: inline-block;
    width: 100%;
}

.btn.btn-primary.common-button.frontEndConfigTabActive {
    background-color: #0a1e2f;
}

ul.endedDragDrop > li.draggable-item > div.detailDivLeft,
ul.connected-sortable.droppable-area > li.draggable-item > div.detailDivLeft,
ul.connected-sortable.droppable-area1 > li.draggable-item > div.detailDivLeft,
ul.connected-sortable.droppable-area2 > li.draggable-item > div.detailDivLeft,
ul.connected-sortable.droppable-area3 > li.draggable-item > div.detailDivLeft{
    text-align: left;
    width: 60%;
    display: inline-block;
}

ul.endedDragDrop > li.draggable-item > div.detailDivRight,
ul.connected-sortable.droppable-area > li.draggable-item > div.detailDivRight,
ul.connected-sortable.droppable-area1 > li.draggable-item > div.detailDivRight,
ul.connected-sortable.droppable-area2 > li.draggable-item > div.detailDivRight,
ul.connected-sortable.droppable-area3 > li.draggable-item > div.detailDivRight{
    text-align: right;
    width: 40%;
    display: inline-block;
}

ul.endedDragDrop > li.draggable-item > div.detailDivLeft  > span.detailDivSpan,
ul.connected-sortable.droppable-area > li.draggable-item > div.detailDivLeft  > span.detailDivSpan,
ul.connected-sortable.droppable-area1 > li.draggable-item > div.detailDivLeft > span.detailDivSpan,
ul.connected-sortable.droppable-area2 > li.draggable-item > div.detailDivLeft > span.detailDivSpan,
ul.connected-sortable.droppable-area3 > li.draggable-item > div.detailDivLeft > span.detailDivSpan {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
}

.label-select-inline label {
    width: 50%;
    word-wrap: break-word;
}

.label-select-inline select {
    max-width: 50%;
}

.label-input {
    display: inline-block;
    width: 100%;
}

.label-input > .table {
    width: 70%;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
}

.label-input table td {
    padding: 5px !important;
    border: solid 1px blue;
    border-top: solid 1px blue !important;
}

.label-input table td span {
    margin-left: 5px;
}

.label-input table td input {
    width: 70px;
    border-radius: 5px;
}

.label-input > label:first-child {
    width: 30%;
    word-wrap: break-word;
    text-align: center;
}

.label-label > label:first-child {
    width: 30%;
    word-wrap: break-word;
    text-align: center;
    vertical-align: top;
}

.label-label > label:nth-child(2) {
    width: 70%;
    color: #cf3443;
    word-wrap: break-word;
}

.label-input > input[type="text"], .label-input > input[type="number"], .label-input > input[type="phone"] {
    /*width: 70%;*/
    min-width: 40%;
    max-width: 70%;
    border: 2px solid #337AB7;
    border-radius: 5px;
    background-color: transparent;
    color: #0914cf;
    font-size: 16px;
    padding-left: 10px;
}

.label-input > input[type="checkbox"] {
    /*width: 70%;*/
    min-width: 40%;
    max-width: 70%;
    border: 2px solid #337AB7;
    border-radius: 14px;
    background-color: transparent;
    color: #cf3443;
    font-size: 16px;
    padding-left: 10px;
    float: left;
}

.label-input div {
    display: inline-block;
    max-width: 70%;
    background-color: transparent;
    font-size: 16px;
    /*padding-left: 10px;*/
}

.label-input div label {
    margin-right: 10px;
}

.label-input div input[type="radio"] {
    display: inline-block;
    max-width: 70%;
    background-color: transparent;
    font-size: 16px;
    margin-left: 10px;
    float: left
}

.panel-heading-sm {
    padding: 4px 10px;
}

.panel-heading-sm > label {
    margin-bottom: 0;
}

.width6040 :nth-child(1) {
    margin-left: 15%;
    width: 30% !important;
}

.width10Per {
    width: 10%;
}
.width20Per {
    width: 20%;
}
.width30Per {
    width: 30%;
}

.width6040 :nth-child(2) {
    width: 40% !important;
    margin-right: 15%;
}

.shadow {
    text-shadow: 2px 2px #0B0C48;
}

.platformName {
    margin: 0px 0px;
    background-color: #246AA7;
    border-radius: 9px;
    border: 1px;
    border-style: solid;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9);;
    border-color: #8FCBFF
}

.provider-games {
    display: inline-flex;
    width: 220px;
    /*height: 250px;*/
    margin-left: 5px;
    margin-top: 5px;
    /*border: solid 2px rgba(244, 45, 50, 0.77);*/
    /*text-align: justify;*/
}

.statusenable {
    border: solid 3px rgba(0, 244, 44, 0.77);
}

.statusdisable {
    border: solid 3px rgba(244, 45, 50, 0.77);
}

.statusmaintain {
    border: solid 3px rgba(244, 241, 0, 0.77);
}

#mainPlatform .panel {
    display: table-cell !important;
    /*padding: 10px;*/
    /*min-width: 50px;*/
}

#mainPlatform .list-group {
    overflow-y: visible;
}

.provider-games img {
    display: block;
    width: 160px;
    height: 160px;
    margin-top: 5px;
    /*margin-left: 30px;*/
    /*border: solid 2px rgba(55, 82, 244, 0.77);*/
}

.provider-games > div > table:hover {
    background-color: #d9ecf7;
}

/*img.gameStat.fa.fa-wrench*/
/*img.gameStat.fa.fa-check*/
/*img.gameStat.fa.fa-times*/
.provider-games .gameIcon {
    width: 30px;
    height: 30px;
    /*position: relative;*/
    /*left: 0px;*/
    /*top: -200px;*/
    background: round;
    border: none;
    box-shadow: none;
    font-size: 200%;
}

.provider-games .gameStat.fa-check {
    width: 30px;
    height: 30px;
    /*position: relative;*/
    /*left: -30px;*/
    /*top: -200px;*/
    color: rgba(0, 244, 44, 0.77)

}

.provider-games .gameStat.fa-wrench {
    width: 30px;
    height: 30px;
    /*position: relative;*/
    /*left: -0px;*/
    /*top: -170px;*/
    color: rgb(216, 193, 19);

}

.provider-games .gameStat.fa-times {
    width: 30px;
    height: 30px;
    /*position: relative;*/
    /*left: -60px;*/
    /*top: -140px;*/
    color: rgba(244, 45, 50, 0.77)

}

.provider-games .row {
    display: block;
}

.provider-games label {
    display: block;
    /*white-space: nowrap;*/
    word-break: break-all;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    margin-bottom: 0;
    text-align: left;
}

.gameBigIcon {
    display: inline-block;
    width: 220px;
    height: 220px;
    /*border: solid 2px rgba(244, 45, 50, 0.77);*/
    margin-left: 20px;
    margin-top: 10px;
    vertical-align: bottom;
}

.gameBigIcon img {
    display: block;
    width: 180px;
    height: 180px;
    /*border: solid 1px rgba(37, 244, 207, 0.77);*/
    margin-left: 20px;
    margin-top: 0px;
}

.gameSmallIcon {
    display: inline-block;
    width: 110px;
    height: 110px;
    /*border: solid 2px rgba(244, 45, 50, 0.77);*/
    vertical-align: bottom;
    margin-left: 20px;
    margin-top: 120px;
}

.gameSmallIcon img {
    display: block;
    width: 70px;
    height: 70px;
    /*border: solid 1px rgba(37, 244, 207, 0.77);*/
    margin-left: 20px;
    margin-top: 0px;
}

.gameProperty {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin-left: 40px;
}

.highlightBorder {
    border-color: #c00013 !important;
    border-width: 3px !important;
}

.highlightProposalType {
    color: #fff;
    background-color: rgba(102, 43, 149, 0.39);
    z-index: 500;
}

/*a.highlightProposalType {*/
/*font-weight: bold;*/
/*color: blue;*/
/*}*/

a.highlightProposalType:hover {
    color: #23527c;
}

.highlightProposalType .badge {
    background-color: #ff0817;
    font-size: 1.3em;
}

.highlightProposalType:hover,
.highlightProposalType:focus {
    background-color: rgba(102, 43, 149, 0.23) !important;
}

.rewardblock {
    display: block;
    /*height: 100px;*/
    width: 100%;
    border: 1px solid #dea6be;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 5px;
    /*margin-right: 30px;*/
    overflow: hidden;
}

.rewardblock > div > div {
    display: inline-block;
    overflow-y: auto;
    padding: 5px;
}

.rewardblock .icon {
    margin-right: 10px;
    display: block;
    float: right;
    /*width: 30px;*/
    text-align: center;
    font-size: 150%;

}

.rewardblock input {
    float: right;
    width: 100px;
    min-width: 100px;
    border-radius: 5px;
}

.rewardblock table {
    margin-bottom: 0;
}

.rewardblock table input {
    width: 50px;
    min-width: 20px;
}

.rewardblock select {
    float: right;
    width: 100px;
    min-width: 100px;
}

.rewardblock .rewardBlockLabel {
    float: right;
    width: 100px;
    min-width: 100px;
}

.rewardblock .icon > * {
    margin-top: 25px;
    margin-bottom: auto;
    display: block;
    text-align: left;
    vertical-align: middle;
}

.rewardblock .icon .fa-minus-square {
    color: #de282f;
}

.rewardblock .icon .fa-minus-square {
    color: #de282f;
}

.rewardblock .icon .fa-check-circle {
    color: #de919a;
}

.rewardblock .icon .fa-times-circle {
    color: #2fddde;
}

.rewardblock .fa-plus-square {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 200%;
    color: #00a029;
    vertical-align: middle;
    /*line-height: 90px;*/
}

.platformGame {
    display: inline-block;
    width: 140px;
    height: 135px;
    padding: 5px;
    overflow-y: hidden !important;
}

.platformGame img {
    display: block;
    margin-left: 20px;
    width: 100px;
    height: 100px;
}

.platformGame > a > .divfa {
    display: block;
    font-size: 100px;
}

.platformGame > a > div > .fa {
    margin-left: 30px;
    font-size: 95px;
}

.platformGame .statusIcon {
    position: relative;
    top: -105px;
    left: -18px;
    font-size: 150%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
}

.platformGame .masterStatusIcon {
    position: relative;
    top: -125px;
    left: 0px;
    font-size: 150%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
}

.platformGame .text-center {
    overflow-x: hidden;
}

.platformGame .text-center label {
    white-space: nowrap;
}

#modalTachProvider li input {
    float: left;
    margin-right: 5px;
}

.input-sm.form-control {
    height: 34px;
}

.colorGreen {
    color: green;
}

.colorRed {
    color: red;
}

a.colorRed:hover {
    color: red;
}

.colorLimegreen {
    color: limegreen;
}

.colorYellow {
    color: rgb(216, 193, 19);
}

.colorOrangeImportant {
    color: rgb(255, 92, 0) !important;
}

.text-bold {
    font-weight: bold;
}

.bg-pale {
    color: #fff;
    background-color: rgba(51, 122, 183, 0.24);
}

.bg-pale a {
    font-weight: bold;
}

.bg-bright {
    color: #0e7a1a !important;
    background-color: rgba(217, 145, 246, 0.26) !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

a.bg-pale:hover,
a.bg-pale:focus {
    background-color: rgba(40, 96, 144, 0.2);
}

.platform-time table * {
    text-align: center;
}

/* This looks bad when hovering the close button in modal headers */
/*
a:hover {
    text-decoration: none;
    background-color: rgba(141, 201, 232, 0.76);
}
*/

/* Classic */
a:hover {
    text-decoration: underline;
}

.platform-time > div > div {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px green;
}

.platform-time table {
    table-layout: fixed;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px green;
}

.platform-time table tr td:nth-child(even) {
    width: 5%;
    /*border: solid 1px green;*/
}

.platform-time table tr td:nth-child(odd) {
    width: 20%;
    /*border: solid 1px green;*/
}

.platform-time .pickTime > div {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 5px;
}

.platform-time .pickTime a {
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

form[name='form_new_platform'] button {
    width: 80%;
    background-color: transparent;
}

form[name='form_new_platform'] button.btn-default {
    border-color: transparent;
}

.popoever .platformDetailClass {
    width: 200px;
    padding: 5px;
}

.platformDetailClass td > .fa {
    /*margin: 5px 5px 0 5px;*/
    color: blueviolet;
}

.platformDetailClass {
    /*padding-bottom: 0;*/
    margin-bottom: 0;
    color: blueviolet;
}

.platformDetailClass > div {
    margin-left: 5px;
}

.platformDetailClass span {
    vertical-align: super;
    color: darkred;
}

.platformDetailClass td {
    word-break: break-word;
    vertical-align: middle;
}

.platformDetailClass td:nth-child(odd) {
    color: blueviolet;
    max-width: 10%;
    vertical-align: middle;
}

.platformDetailClass td:nth-child(even) {
    color: darkred;
    max-width: 40%;
}

/*** Platform -> Players ***/

.search-filters-container {
    margin: 8px 0;
    border: 1px solid #337AB7;
    border-radius: 9px;
    padding: 12px 12px;
}

.search-filters-container .search-filter {
    padding: 4px 10px;
    width: 200px !important;
}

.search-filters-container label {
    margin-bottom: 2px;
}

.search-filters-container input[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.playerLvlTable thead th {
    padding: 5px;
    border: 1px solid #2B6698;
}

.playerLvlTable tbody td {
    padding: 5px;
    border: solid 1px #005f8d;
}

table.stronger-top, tr.stronger-top > td, td.stronger-top {
    border-top: 2px solid #005f8d;
}

table.stronger-bottom, tr.stronger-bottom > td, td.stronger-bottom {
    border-bottom: 2px solid #005f8d;
}

/* TAG_MIX_PERIOD_OR_TOO_COMPLEX */
.playerLvlTable .warning {
    background: #f8efc0;
    background-image: linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
}

.playerLvlTable .danger {
    background: #e7c3c3;
    background-image: linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
}

/*.playerLvlTable tbody input {
    width: 90%;
}*/

.playerLvlTable tbody input[type=number]::-webkit-inner-spin-button,
.playerLvlTable tbody input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.playerLvlTable input[type=number] {
    min-width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}

.playerLvlTable select {
    /* put 100px for testing purpose, originally 50px*/
    min-width: 100px;
}

#proposalRight {
    padding-left: 6px;
    padding-right: 15px;
    /*width: calc(75% - 63px);*/
    float: left;
}

#proposalRight #title {
    height: 50px;
    padding: 5px;
    /*border: solid 1px red;*/
    background: rgba(13, 112, 183, 0.44);
    border-radius: 20px;
    /*box-shadow: 2px 2px #c1e2b3;*/
    box-shadow: inset 0px 0px 25px 10px rgba(47, 150, 93, 0.75);
}

#proposalRight #title h3 {
    margin-top: 10px;
    text-align: center;
    /* margin-top: auto; */
    margin-bottom: auto;
    text-shadow: -2px -2px #B53D90;
    color: #ec1d68;
}

#proposalRight #proposalDataTableDiv #search .inlineBlk {
    margin-right: 5px;
}

#proposalRight #proposalDataTableDiv #search .ms-choice,
#proposalRight #proposalDataTableDiv #search .ms-choice:active,
#proposalRight #proposalDataTableDiv #search .ms-choice:focus {
    border: 0;
}

#proposalRight #proposalDataTableDiv #search .ms-parent {
    width: 150px !important;
    display: block;
}

#proposalDataTableDiv .ms-drop {
    width: initial;
    padding: 0 5px;
}

#proposalRight #proposalAuditDataTableDiv #searchAudit .inlineBlk {
    margin-right: 5px;
}

#proposalRight #proposalAuditDataTableDiv #searchAudit .ms-choice,
#proposalRight #proposalAuditDataTableDiv #searchAudit .ms-choice:active,
#proposalRight #proposalAuditDataTableDiv #searchAudit .ms-choice:focus {
    border: 0;
}

#proposalRight #proposalAuditDataTableDiv #searchAudit .ms-parent {
    width: 150px !important;
    display: block;
}

#proposalAuditDataTableDiv .ms-drop {
    width: initial;
    padding: 0 5px;
}

.selectProposalTypeDiv .ms-parent .ms-drop ul{
    min-height:500px !important;
}

.ms-drop ul > li > label > input {
    margin-right: 5px;
}

.ms-drop ul > li.group > label.optgroup > input {
    margin-right: 20px;
}

.inlineBlk .ms-choice {
    height: 30px;
}

.inlineBlk button.ms-choice {
    background: transparent;
}

.form-control button.ms-choice {
    border: 0;
}

.form-control.ng-valid.ng-dirty.ng-valid-parse.ng-touched.ng-not-empty{
   border-color: green; 
}

.form-control.ng-valid.ng-dirty.ng-valid-parse.ng-empty.ng-touched{
   border-color: #ccc; 
}

.form-control.ng-pristine.ng-untouched.ng-valid.ng-empty{
   border-color: #ccc; 
} 

.form-control.ng-valid.ng-dirty.ng-touched.ng-empty{
   border-color: #ccc; 
}

.form-control.ng-untouched.ng-valid.ng-empty.ng-dirty.ng-valid-parse{
   border-color: #ccc; 
}

#proposalRight #proposalDataTableDiv #search .ms-parent
#OPERATIONQUICKPANEL {
    /*margin-top: 200px;*/
    position: relative;
    float: right;
    height: 100%;
    width: 63px;
    padding: 15px 5px;
    z-index: 1000;
    border-radius: 10px;
    /*background: rgb(179, 163, 236);*/
}

.magnify4 {
    /*width: 200px !important;*/
    /*height: 200px !important;*/
    /*transition: all ease 0.7s;*/
    /*!*transform: rotateY(360deg);*!*/
    /*z-index: 1000;*/
}

.nextRightWall {
    position: absolute;
    right: 120%;
}

#operPlatform .panel-title div a.fa {
    float: right;
    margin-right: 10px;
    font-size: 1.2em;
    color: #de919a;
}

#operPlatform .panel-title span {
    margin-left: 5px;
    color: lightseagreen;
}

.panel-title select.platform-select {
    width: calc(100% - 42px - 2px - 8px);
    margin-left: 8px;
    background-color: #2B6698;
    color: white;
    font-size: 1.2em;
    /*border: 1px solid #337ab7;*/
    border: 1px solid rgba(255, 255, 255, 0.1);
    /*border: 0;*/
    vertical-align: 4px;
}

#operPlatform > .panel-body {
    /*height: 160px;*/
}

#operPlatform .panel-body .list-group .list-group-item {
    padding: 10px 10px;
}

#modalOperationProposal .modal-header {
    padding: 15px 15px 0 15px;
}

#modalOperationProposal .modal-header div {
    display: inline-block !important;
}

#modalOperationProposal .close + div {
    background-color: #0b97c4;
    margin-top: 5px;
    margin-bottom: 5px;
}

#modalOperationProposal .modal-header label {
    font-size: 1.5em;
    margin: 0 10px;
}

#modalOperationProposal .modal-header ul li.active a {
    background-color: #51a7b4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#modalOperationProposal .modal-header ul li a {
    background-color: #e3ddf7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#ProposalDetail > div {
    height: 400px;
    display: inline-block;
    overflow-y: auto;
    padding: 5px;
}

#ProposalDetail > div:first-child {
    width: 30%;
    min-width: 270px;
}

#ProposalDetail > div:nth-child(2) {
    width: 70%;
    border: solid 1px blue;
}

#ProposalDetail table {
    border: solid 1px purple;
    overflow-x: auto;
    width: 100%;
}

#ProposalDetail table td:nth-child(1) {
    padding: 4px 0 4px 4px;
    white-space: nowrap;
}

#ProposalDetail table td:nth-child(2) {
    padding: 4px 0 4px 4px;
    /*width: 50%;*/
    word-wrap: break-word;
    word-break: break-all;
}

#ProposalDetail table td:nth-child(2) {
    color: red;
}

.proposalDataDetail table td.title {
    text-align: center;
    font-style: italic;
}

.label-value {
    display: block;
    width: 100%;
}

.label-value label:first-child {
    /*float: left;*/
}

.label-value label:nth-child(2) {
    /*color: red;*/
    /*float: right;*/
}

.side-menu > ul > .list-group-item {
    padding: 10px;
    margin: 2px;
    /*border: solid 1px red;*/
    border-radius: 10px;
    box-shadow: inset 0px 0px 25px 10px rgba(47, 150, 93, 0.75);
}

.side-menu > ul > li.list-group-item:nth-child(even) {
    box-shadow: inset 0px 0px 25px 10px rgba(47, 150, 93, 0.75);
}

.side-menu > ul > li.list-group-item:nth-child(odd) {
    box-shadow: inset 0px 0px 25px 10px rgba(151, 185, 202, 0.75);
}

.side-menu .hiddenContent.hide {
    /*visibility: hidden;*/
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 0;
}

.side-menu .hiddenContent {
    z-index: 1001;
    visibility: visible;
    background-color: rgb(215, 215, 241);;
    display: block;
    position: absolute;
    right: 100px;
    top: 20px;
    width: 200px;
    height: 200px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.side-menu .list-group-item > a:hover {
    background-color: transparent;
}

.bottom-button-group {
    border-radius: 9px;
    bottom: 30px;
    position: absolute;
}

input[type='Number'] {
    text-align: end !important;
}

.radio-space{
    margin: 0 .5em .5em !important;
}

.panel-heading {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.paymentGroup-btn text {
    float: none;
}

.paymentCard{
    border-bottom: 1px solid;
    padding-bottom: 1em;
}

.modal-footer .btn {
    float: right;
}

.fly-right {
    transform: translate(300px, 0);
    transition: all 1s linear;
    z-index: 100000;
    position: relative;
}

.fly-left {
    transform: translate(-300px, 0);
    transition: all 1s linear;
    z-index: 100000;
    position: relative;
}

#modalDeletePlatform #WarningIcon {
    color: red;
    font-size: 3em;
    margin-right: 5px;
}

.percentage::after {
    content: "%";
    display: inline-block;
    margin-left: 5px;
}

.full-width-input-block {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.full-width-input-block > label,
.full-width-input-block > input,
.full-width-input-block > div,
.full-width-input-block > select,
.full-width-input-block > textarea {
    width: 50%;
    vertical-align: top;
}

.full-width-input-block > .percentage input {
    width: 45%;
    vertical-align: middle;
}

.percentage input {
    /* This leaves enough space in the column for the '%' sign that gets added by .percentage::after */
    width: calc(100% - 30px);

    /* Chrome adds up/down widgets on the right of number inputs.  (They only appear on hover.) */
    /* By default these create a large gap on the right of the input, which add to Bootstrap's already large padding (12px). */
    /* To counter this, we reduce the right padding.  Alternatively we will need to increase the min-width, or even small numbers like '2' will end up clipped! */
    /* The problem was visible in PlayerConsumptionReturn.jade when there were many gameTypes.  They would make the table wider than the available space, and thus squash the columns to minimum width. */
    min-width: 45px;
    padding-right: 3px;
    text-align: end;
}

.full-width-input-block > .percentage::after {
    width: 5%;
    text-align: right;
}

.full-width-input-block table input {
    margin-left: 5px;
    width: 50%;
}

.full-width-input-block > .label-checkbox {
    width: 50%;
    display: inline-block;
}

.full-width-input-block > .label-checkbox > label {
    display: block;
}

.label-checkbox input[type='checkbox'] {
    float: left;
    margin-right: 5px;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

table.simple-table, .paymentGroup-btn {
    width: 100%;
    min-width: 100%;
}

table.simple-table tbody td,
table.simple-table thead th {
    padding: 5px;
    text-align: left;
    /*border: solid 1px rgba(0, 0, 255, 0.22);*/
    border: solid 1px rgba(43, 102, 152, 0.5);
}

.popoever.in {
    max-height: 500px;
    overflow-y: auto;
}

.relative {
    position: relative !important;
}

.transfer-popover {
    width: 600px;
    max-width: none;
}

.bg-yellow {
    background-color: rgba(255, 255, 0, 0.3) !important;
}

.bg-blue {
    background-color: rgba(0, 0, 255, 0.30) !important;
}

.bg-red {
    background-color: rgba(255, 0, 0, 0.30) !important;
}

.bg-green {
    background-color: rgba(0, 255, 0, 0.30) !important;
}

.bg-pink {
    background-color: rgba(255, 192, 203, 0.3) !important;
}

/* Collapsible and floating dialogs */
.dialog-frame {
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

.dialog-frame .dialog-dialog {
    float: right;
    margin: 2px;
}

.dialog-dialog {
    z-index: 1200;
}

.dialog-dialog .dialog-content {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.dialog-content {
    background-color: white;
    border: 1px solid #337ab7;
    border-radius: 3px;
}

.dialog-header {
    background-color: #337ab7;
    color: white;
    padding: 1px 12px;
    cursor: pointer;
    min-width: 300px;
}

.dialog-header .h4, .dialog-header h4,
.dialog-header .h5, .dialog-header h5,
.dialog-header .h5, .dialog-header h5 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dialog-dialog .dialog-footer {
    text-align: right;
}

tbody > tr > td.textRight {
    text-align: right;
}

/* Force them to the bottom */
/* Method 1: table-cell.  Loses the earlier padding. */
/*
.dialog-frame {
    display: table;
}
,dialog-frame .dialog-dialog {
    display: table-cell;
    vertical-align: bottom;
}
*/
/* Method 2: rotate 180 degrees.  Keeps the padding. */
.dialog-frame {
    transform: rotate(180deg);
}

.dialog-frame .dialog-dialog {
    float: left; /* left now means right */
    transform: rotate(-180deg);
}

/* The dialog frame, despite being invisible, will block clicks from reaching the page elements behind it. */
.dialog-frame {
    pointer-events: none;
}

.dialog-frame .dialog-dialog {
    pointer-events: all;
}

/* When minimized, a dialog's main content is hidden */
.dialog-dialog.minimized .dialog-body,
.dialog-dialog.minimized .dialog-footer {
    display: none;
}

/* and also the minimize button is hidden */
.dialog-dialog.minimized [data-toggle=minimize] {
    display: none;
}

/* Prevent the dialog from getting smaller when it is on the right of the screen.  (It shrinks to avoid overlapping the window's right edge, we don't want that.) */
.dialog-dialog.windowed {
    /*display: table-cell;*/
    /*min-width: 99999px;*/
    /* Not working.  We may need a wrapper or something... */
}

.full-width-input-block .form-control {
    display: inline-block;
}

.proposalMessage {
    margin-top: 5px;
    margin-bottom: 5px;
}

.proposalMessage > a > .fa {
    margin-left: 5px;
}

.proposalMessage > label {
    margin-left: 5px;
    margin-right: 5px;
}

.block-query > * {
    margin-right: 20px;
}

.block-query > div {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

.block-query > div > label {
    display: block;
}

.block-query > div > * {
    width: 100%;
}

.block-query > div > button {
    /* This allows us to place things like a spinner after the button, instead of below it. */
    width: initial;
}

tbody > tr > td.expand {
    background: url('./../images/icon/details_open.png') no-repeat center center;
    /*content: url("./../images/icon/details_open.png");*/
    cursor: pointer;
}

tbody > tr.shown td.expand {
    background: url('./../images/icon/details_close.png') no-repeat center center;
    /*content: url("./../images/icon/details_close.png");*/

}

.divTableIndentWrap {
    display: inline-block;
    height: calc(100% - 20px);
    vertical-align: top;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
}

div.tableWrapRight {
    /*width: 20px;*/
    height: 100%;
    /*border-top-left-radius: 20px;*/
    /*border-bottom-left-radius: 20px;*/
    border: 2px dotted blue;
    border-top-style: hidden;
    border-right: 0;
}

.padding-10 {
    padding: 10px !important;
}

#reportRightTable .dataTables_length:not(:first-of-type) {
    margin-left: 10px;
}

#reportRightTable .dataTable {
    font-size: 12px;
}

#reportRightTable .dataTable > thead > tr > th {
    /*max-width: 50px;*/
    white-space: initial;
    overflow-wrap: normal;
    padding: 5px;
}

#reportRightTable button + span {
    margin-left: 10px;
}

@keyframes slideLeft {
    0% {
        margin-left: 30px;
    }
    100% {
        margin-left: -30px;
    }
}

#collapseArrow a.fa-chevron-circle-left {
    margin-left: 0px;
}

#collapseArrow a.fa-chevron-circle-left:hover {
    /*animation: slideLeft 1s ease infinite;*/
    /*animation-delay: 0.5s;*/
    /*background: transparent;*/
}

@keyframes slideRight {
    0% {
        margin-left: -30px;
    }
    100% {
        margin-left: 30px;
    }
}

#collapseArrow a.fa-chevron-circle-right {
    margin-left: 0px;
}

#collapseArrow a.fa-chevron-circle-right:hover {
    /*animation: slideRight 1s ease infinite;*/
    /*animation-delay: 0.5s;*/
    /*background: transparent;*/
}

table.table-vertical-middle td * {
    vertical-align: middle;
}

.narrowTableCol {
    word-wrap: break-word;
    white-space: normal;
}

.gameType {
    padding: 4px 10px;
    display: inline-block;
    background-color: #0b97c4;
    color: #761c19;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.analysisHeader > * {
    display: inline-block;
    height: 30px;
    margin-right: 10px
}

textarea.expand-on-focus {
    height: 34px;
}

textarea.expand-on-focus-eightyfive {
    height: 85px;
}

textarea.expand-on-focus:focus {
    height: 136px;
}

.ms-drop li.selected {
    background-color: inherit;
    color: inherit;
}

/* sn-selectables */
[sn-selectable-model] {
    cursor: pointer;
}

li.sn-selected {
    /* to match with bootstrap */
    background-color: #428bca;
    color: white;
}

tr.sn-selected, td.sn-selected {
    /* to match with datatables */
    background-color: #acbad4;
}

.faint {
    opacity: 0.4;
    transition: opacity 200ms ease-in-out;
}

.rotateOnHover:hover {
    transform: rotateZ(720deg);
    transition: 1s;
}

.blink {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

.inlineBlk {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}

.tableRow {
    display: table;
    width: 100%;
}

.tableCell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tdPadding5 td {
    padding: 5px;
}

.form-control-sm .form-control {
    height: 25px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.form-control-sm .inlineBlk label {
    font-size: 12px;
}

.tdCenter td {
    text-align: center;
}

.font1em * {
    font-size: 1em !important;
}

.thPadding5 th {
    padding: 5px;
    text-align: center;
}

.merchantPropFlex {
    padding: 5px 0 5px 5px;
    height: 150px;
    overflow-x: auto;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start
}

.merchantPropdiv {
    flex-direction: column;
    /*height: 65px;*/
    padding: 5px 0 0 5px;
    /*overflow-x: auto;*/
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
}

.merchantPropdiv label {
    max-width: 120px;
    word-wrap: break-word;
}

.platformBankcardDiv {
    display: inline-block;
    /*width: 140px;*/
    /*height: 80px;*/
    padding: 5px;
}

.platformBankcardDiv > * {
    word-wrap: break-word;
}

.platformBankcardDiv table td:not(:first-child) {
    min-width: 76px;
    padding: 5px;
}

.platformBankcardDiv table td:first-child {
    min-width: 30px;
    padding: 5px;
}

.dashboardTitle {
    margin-bottom: 15px;
}

.dashboardTitle text {
    font-size: 2em;
    font-family: monospace;
    font-weight: bold;
    /*display: block;*/
    /*height: 10px;*/
    background-color: rgba(0, 0, 246, 0.43);
    /*width: 80%;*/
    border-radius: 8px;
    padding: 10px;
}

.dashboardDiv .panel-footer {
    background-color: transparent;
}

.dashboardChart {
    width: 100%;
}

#tooltip.dashboardTip {
    position: absolute;
    border: 1px solid #fdd;
    padding: 2px;
    background-color: #fee;
    opacity: 0.80;
    z-index: 2000;
}

.modal-body .panel-body:last-child {
    margin-bottom: 0;
}

.modal-body .panel-body:last-child .well:last-child {
    margin-bottom: 0;
}

.feedbackQueryDiv > select {
    margin-right: 5px;
    max-width: 80px;
    padding: 10px;
}

.feedbackQueryDiv .fa-times.close {
    float: right;
    margin-right: 10px;
}

.feedbackQueryDiv .inlineBlk {
    margin-right: 20px;
}
.feedbackQueryDiv .inlineBlk label {
    width: 100%;
}

.child-margin-5 > * {
    margin-right: 5px;
}

#playerPermissionHistory .panel-body {
    padding: 5px;
}

#playerPermissionHistory .panel-body div[class^="col-md-"] {
    padding-left: 5px;
    padding-right: 5px;
}

#playerPermissionHistory .panel-body > .row {
    border: solid 1px blue;
    border-width: 1px 0 0 0;
    margin: 0
}

#playerPermissionHistory .panel-head div[class^="col-md-"] {
    text-align: center;
    padding: 10px 5px;
}

.bg-grey {
    background-color: #eae9f5;
}

#playerPermissionHistory .panel-body > .row li:after {
    content: '';
    display: block;
    clear: both;
}

.adminLogQueryDiv {
    margin-bottom: 10px;
}

.adminLogQueryDiv > .inlineBlk {
    margin-right: 10px;
}

.adminLogQueryDiv input[type='date'] {
    width: 160px;
}

.feedbackAdminQueryDiv > .inlineBlk {
    margin-right: 10px;
}

.feedbackAdminQueryDiv input[type='date'] {
    width: 160px;
}

.feedbackAdminQueryDiv input[type='text'] {
    width: 100px;
}

.feedbackAdminQueryDiv input[type='number'] {
    width: 100px;
}

.analysisLocationTable {
    padding-bottom: 5px;
    overflow-y: auto
}

#PlayerRewardHistory .panel-head div[class^="col-md-"] {
    text-align: center;
    padding: 5px 10px;
    /*border-radius: 4px;*/
}

#PlayerRewardHistory .panel-head {
    background-color: #337ab7 !important;
    color: #ffffff;
    border-radius: 4px;
}

#PlayerRewardHistory .panel-head {

}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 99999;
}

.bootstrap-datetimepicker-widget.dropdown-menu > ul {
    padding: 10px;
}

.providerInfo.panel label {
    word-wrap: break-word;
}

.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle {
    text-align: center;
}

.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle:hover {
    text-align: center;
    background-color: #0b97c4;
}

.bootstrap-datetimepicker-widget ul {
    list-style-type: none;
}

.bootstrap-datetimepicker-widget .timepicker table {
    min-width: 100%;
}

.bootstrap-datetimepicker-widget .timepicker-picker table td {
    text-align: center;
}

.input-append.form-control input {
    border: 0;
    padding: 0;
    width: 150px;
}

.datepicker-days td:hover,
.datepicker-days td.active,
.datepicker-months td > span:hover,
.datepicker-years td > span:hover,
.timepicker-hours td:hover,
.timepicker-minutes td:hover,
.timepicker-seconds td:hover {
    background-color: #0b97c4;
}

.bootstrap-datetimepicker-widget td span {
    display: block;
    text-align: center;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datetimepicker input[type='text'] {
    border: 0;
    width: 90%
}

.widthto5 {
    width: 0;
    transition: width, 1s, linear;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
}

.widthto25 {
    width: 25%;
    transition: width, 1s, linear;
}

.widthto75 {
    width: 75%;
    transition: width, 1s, linear;
}

.widthto95 {
    width: calc(100% - 10px);
    transition: width, 1s, linear;
}

.subAll0 * {
    width: 0;
    display: none;
    transition: width, 1s, linear;
}

.contractIcon {
    min-height: 10px;
    font-size: 30px;
    margin-right: 5px;
}

.playerBtn button img,
.playerBtn button i {
    float: left;
}

.searchDiv .inlineBlk {
    margin-right: 5px;
}

#feedbackAdminTableSummary span {
    margin: 0 2px;
}

#feedbackAdminTableSummary span:nth-child(odd) {
    font-style: italic;
}

#feedbackAdminTableSummary span:nth-child(even) {
    text-decoration: underline;
}

.oblique {
    font-family: serif;
    font-style: oblique;
}

td.alignLeft, .alignLeft  {
    text-align: left !important;
}

tfoot td > label.alignRight,
td.alignRight, .alignRight {
    text-align: right;
}

#playerIpHistory, #partnerIpHistory, #playerReferralPopover {
    position: fixed;
    top: 100px;
    left: 15%;
    width: 900px;
    z-index: 5000;
    overflow: auto;
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px;
}

#playerIpHistory .inlineBlk, #partnerIpHistory .inlineBlk {
    margin-right: 10px;
}

#playerIpHistory .inlineBlk label, #partnerIpHistory .inlineBlk label {
    font-family: serif;
    font-style: oblique;
}

.form-group-col-md-6 {
    margin-bottom: 3px;
}

/*depositTest checkbox*/
.form-group-flex{
    display: flex;
    align-items: center; /* Align items vertically in the center */
}

.checkbox-label {
    margin-right: 10px; /* Adjust space between label and checkbox */
}
  
.checkbox-input {
    width: auto; /* Ensure the checkbox doesn't take up full width like typical form-control elements */
    height: 50px;
    cursor: pointer;
}

.block-query.well div > label > a.fa-times {
    margin-left: 5px;
    margin-right: 5px;
    /* This makes it the same height as the text/label, so it looks vertically centralised with the text/label */
    line-height: 1.42857143;
}

.inline-block {
    display: inline-block;
}

.sn-hoverable-text {
    cursor: pointer;
    color: #23527c;
    text-decoration: none;
    border-bottom: 1px dotted #23527c;
}

.block {
    display: block;
}

.smallLink a {
    font-size: 12px;
    margin-right: 5px;
}

.transform150 {
    transform: scale(1.5);
}

.maxWidth100 {
    max-width: 100px;
}

.titleBackground {
    background-color: #2f6ab4;
    color: #FFFFFF;
}

input[type='number'].leftALignNumber {
    text-align: left !important;
}

.realNameCell {
    max-width: 200px;
    min-width: 60px;
}

#phoneCallModal.modal.in .modal-dialog,
#smsPlayerModal.modal.in .modal-dialog,
#messagePlayerModal.modal.in .modal-dialog {
    width: 60%
}


.statTXT{
    display:inline-block;
    width:19.5%;
    margin-right:5px;
}

.statGraph{
    width:20%;
}

.operateStat{
    width:20%;
    display:inline-block;
    margin-right:10px;
}

.scrollRecord {
    overflow-x: scroll;
}

.limitOffersTB td input[type='text'] {
    min-width: 85px;
}

.popupHeaderMenu{
    background-color: #2B6698;
    -webkit-border-top-left-radius: 9px !important;
    -webkit-border-top-right-radius: 9px !important;
    -moz-border-radius-topleft: 9px !important;
    -moz-border-radius-topright: 9px !important;
    border-top-left-radius: 9px !important;
    border-top-right-radius-radius: 9px !important;
}

#modalUpdatePlatform .nav-tabs>li {
    cursor: pointer;
}

#modalUpdatePlatform .nav-tabs>li.active>a {
    border: 1px solid #337AB7;
    border-bottom: none;
}

#platformSetting .nav-tabs>li {
    cursor: pointer;
}

#platformSetting .nav-tabs>li.active>a {
    border: 1px solid #337AB7;
    border-bottom: none;
}

#platformRewardSetting .nav-tabs>li.active>a {
    border: 1px solid #337AB7;
    border-bottom: none;
}

#modalPlayerTopUp .nav-tabs>li {
    cursor: pointer;
    z-index: 9;
}
#modalPlayerTopUp .nav-tabs>li.active>a {
    background: #e8e8e8;
    border: 1px solid #dcdcdc;
    border-bottom: none;
}
#modalPlayerAddRewardTask .nav-tabs>li {
    cursor: pointer;
}
#modalPlayerAddRewardTask .nav-tabs>li.active>a {
    border: 1px solid #2B6698;
    border-bottom: none;
}

#modalReapplyLostOrder .nav-tabs>li {
    cursor: pointer;
}
#modalReapplyLostOrder .nav-tabs>li.active>a {
    border: 1px solid #337AB7;
    border-bottom: none;
}

#modalPlayerRewardPointsAdjustment .nav-tabs>li {
    cursor: pointer;
}
#modalPlayerRewardPointsAdjustment .nav-tabs>li.active>a {
    border: 1px solid #337AB7;
    border-bottom: none;
}

#modalPlayerAccountingDetail .nav-tabs>li {
    cursor: pointer;
}
#modalPlayerAccountingDetail .nav-tabs>li.active>a {
    border: 1px solid #337AB7;
    border-bottom: none;
}

#similarPlayersTable .nav-tabs>li {
    cursor: pointer;
}
#similarPlayersTable .nav-tabs>li.active>a {
    border: 1px solid #337AB7;
    border-bottom: none;
}

.text-disabled{
    color: red;
}

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
    outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle:before {
    content: 'Off';
    left: -4rem;
}
.btn-toggle:after {
    content: 'On';
    right: -4rem;
    opacity: .5;
}
.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.active {
    transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}
.btn-toggle.active:before {
    opacity: .5;
}
.btn-toggle.active:after {
    opacity: 1;
}
.btn-toggle:before,
.btn-toggle:after {
    color: #6b7381;
}
.btn-toggle.active {
    background-color: #5cb85c;
}
.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
    outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle.btn-lg:before {
    content: 'Off';
    left: -5rem;
}
.btn-toggle.btn-lg:after {
    content: 'On';
    right: -5rem;
    opacity: .5;
}
.btn-toggle.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
    left: 2.8125rem;
    transition: left .25s;
}
.btn-toggle.btn-lg.active:before {
    opacity: .5;
}
.btn-toggle.btn-lg.active:after {
    opacity: 1;
}
.grid {
    width: 100%;
    height: 250px;
}

.grid-msg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.grid-msg-overlay .msg {
    opacity: 1;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 50%;
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid #555;
    text-align: center;
    font-size: 24px;
    display: table;
}

.grid-msg-overlay .msg > .center {
    display: table-cell;
    vertical-align: middle;
}

.grid input[type="file"] {
    font-size: 14px;
    display: inline-block;
}

#newPlayerListTable_wrapper .dataTable {
    font-size: 12px;
}
#Game .processing-transfer-out{
    background-color: rgba(210,50,130,1);
}

.grayRow{
    background-color: rgba(153, 153, 153, 100);
}

.bootstrap-datetimepicker-widget.inverted:before,
.bootstrap-datetimepicker-widget.inverted:after {
    border: none;
}

.bootstrap-datetimepicker-widget.inverted:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    top: 100%;
    left: 7px;
}

.bootstrap-datetimepicker-widget.inverted:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0,0,0,0.2);
    position: absolute;
    top: calc(100% + 1px);
    left: 6px;
}

.callOutSucceeded {
    background-color: lightgreen !important;
}
.callOutFailed {
    background-color: rgb(180,180,180) !important;
}

table.simple-table.platformFrontEndDisplayTable {
    table-layout: fixed;
}
table.simple-table.platformFrontEndDisplayTable tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#customerServicePanel > div {
    display: inline-block;
    float: none;
}

#partnerPanel > div {
    display: inline-block;
    float: none;
}

.yellow-background {
    background-color: yellow;
}

/* for player deposit tracking report table */
.headerTooltip {
    position: relative;
}

.headerTooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -70px;
}

.headerTooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.headerTooltip:hover .tooltiptext {
    visibility: visible;
}

/* for player credibility blacklist ip detail */
.blacklistIpDot {
    height: 8px;
    width: 8px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.blacklistIpDot .playerBlacklistIpDetail {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -70px;
}

.blacklistIpDot .playerBlacklistIpDetail::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 5%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.blacklistIpDot:hover .playerBlacklistIpDetail {
    visibility: visible;
}

.playerCredibilityBlacklistIpDetailTable > tbody > tr > td {
    color: black;
}

.frontendConfigurationNoPadding {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

table.simple-table-single > tbody > tr > td,
table.simple-table-single > thead > tr > th {
    padding: 5px;
    text-align: center;
    border: solid 1px rgba(43, 102, 152, 0.5);
}

.no-border td,
.no-border th {
    padding: 0px !important;
    line-height: 2em !important;
}

#platformTreeHeader ul.list-group{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}

#platformTreeHeader li {
    width: 250px;
    background-color: white;
    color:#337ab7;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

#platformTreeHeader li:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#platformTreeHeader li:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#platformTreeHeader li:hover {
    background-color: #337ab7;
    color:white;
}

.questionTooltip {
    margin-left: 0.3em;
    color: #A9A9A9
}

.beforeAuction{
    background-color:#787878 !important;
}

.startingAuction{
    background-color:#FFFFFF !important;
}

.notInPublishAuction{
    background-color:#E9CD4C !important;
}

.overAuction{
    background-color:#F17C67 !important;
}

/**************************************************New Style Guide****************************************************/
/*Search Filter Container*/

.search-filters-container {
    margin: 8px 0;
    border: 1px solid #337AB7;
    border-radius: 9px;
    padding: 12px 12px;
}
.search-filters-item {
    width: 190px;
    display: inline-block;
    margin: .5em 1em;
}
.search-filters-twoBoxes {
    width: 145px;
    display: inline-block;
    margin: .5em 1em;
}
.search-filters-threeBoxes-noLabel {
    width: 160px;
    display: inline-block;
    margin: .5em 1em;
    margin-top: 32px;
}
.search-filters-threeBoxes {
    width: 232px;
    display: inline-block;
    margin: .5em 1em;
}
.threeBoxes {
    width: 65px;
    display: inline-block;
    margin-right:.5em;
}
.symbol {
    display: inline-block;
    margin-right: .5em!important;
}
.vertical-button-group {
    width: 100%;
    font-size: 13px;
    padding: 0.2em;
    margin-bottom: .2em;
}
.btn-space {
    margin: 0 .25em;
}
.newcontanier textarea {
    margin: .5em 1em;
}
.newcontanier {
    border: 2px solid rgba(43, 102, 152, 0.5);
    padding: 1em 2em;
    margin-bottom: 2em;
}
hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.widthto100 {
    width: 100%;
    min-width: 100%;
}
.widthto50 {
    width: 50%;
    min-width: 50%;
}
.blue-annotation {
    font-size: 10px;
    color:rgb(0,0,255);
}
.black-annotation {
    font-size: 12px;
    color: black;
}
.red-annotation {
    font-size: 12px;
    color:red;
}
.wrap-text {
    word-wrap: break-word;
}
.widthto80 {
    width: 80%;
}
.widthto20 {
    width: 20%;
}
.merchantExceed .merchantCount {
    background-color: #C7EA46;
}

.playerExceed .playerCount {
    background-color: #FFFF66;
}

.topUpAmountExceed .playerTopUpAmountExceed {
    background-color: #ffc766;
}

.colorDisplay{
    width : 80px;
    height: 25px;
    border: 2px solid lightgrey;
}

.colorTab{
    border: 1px solid #ddd;
    padding: 1em 1em 1em 0;
    border-top-color: transparent;
    display: flex;
}

.colorTab input{
    width: 13em;
}

.fronendConfigDiv {
    background: #d3d3d34d;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px;
    position: relative;
    border: 1px solid rgb(190,190,190);
    border-radius: 10px;
    height: 90vh;
    min-height: 500px;
    display: inline-block;
    width: calc(100% / 3 - 20px);
    text-align: center;
}

.fronendConfigScrollDiv {
    height: calc(100% - 20px);
    overflow: auto;
}

.frontendConfigSeperator {
    border-bottom: 2px solid #2B6698;
    margin-top: 10px;
    margin-bottom: 10px;
}

.eventSettingDiv {
    padding: 10px;
    /*margin: 10px;*/
    position: relative;
    border: 1px solid rgb(190,190,190);
    border-radius: 10px;
    max-height: 700px;
    display: inline-block;
}

.eventSettingTab {
    border: 1px solid rgb(190,190,190);
    border-radius: 10px;
    padding: .5em;
    margin: 1em 0em;
}

.frontendImagePreviewPanel {
    padding: 10px;
    border: 1px solid #aaa;
    text-align: center;
    height: 300px;
    overflow: auto;
}

.frontendImagePreview {
    display: block;
    max-height: calc(100% - 30px);
    margin: auto;
}

#rewardMainTasks .btn-group.bootstrap-select {
    height: auto;
}
#rewardMainTasks .btn-group.bootstrap-select > button > span.filter-option {
    white-space: normal;
}

.navbar-right {
    padding-right: 10px !important;
}

.navbar-right > li > a i {
    color: #337AB7 !important;
}

.navbar-right > li {
    width: 40px !important;
    background-color: transparent !important;
    background-image: none !important;
}

.navbar-right > li > a:hover {
    background-color: transparent;
}

.navbar-right .dropdown-menu li a i {
    margin-right: 5px;
}

#cssmenu {
    margin: 0;
    /*padding: 10px;*/
    padding: 7px;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial;

}

#cssmenu > ul {
    margin: 0;
    /*padding: 17px 0 0 0;*/
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

#cssmenu ul li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

#cssmenu > ul > li > a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 73px;
}

#cssmenu .dropdown .dropdown-menu {
    display: block;
}

#cssmenu .dropdown .dropdown-menu li a i {
    margin-right: 5px;
}

#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu:after, #cssmenu > ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu > ul > li {
    float: left;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), color-stop(85%, #ebebeb), to(#cccccc));
    background-image: -webkit-linear-gradient(#f2f2f2, #ebebeb 85%, #cccccc);
    background-image: -moz-linear-gradient(top, #f2f2f2, #ebebeb 85%, #aaaaaa);
    background-image: -o-linear-gradient(#f2f2f2, #ebebeb 85%, #aaaaaa);
    background-image: linear-gradient(#f2f2f2, #ebebeb 80%, #aaaaaa);
    background-repeat: no-repeat;
    text-align: center;
    margin-right: 2px;
    border-radius: 6px 6px 6px 6px;
    height: 68px;
}

#cssmenu > ul > li.active {
    background: #2d85be;
    /*box-shadow: inset 0px 0px 30px rgba(244, 45, 50, 0.77);*/
}

#cssmenu > ul > li.active a {
    color: white;
}

#cssmenu > ul > li.active a i {
    color: white;
}

#cssmenu > ul > li.active:hover {
    background: #2d85be;
}

#cssmenu > ul > li:hover {
    background: #2d85be;
}

#cssmenu > ul > li > a i {
    color: #4d4d4d;
    text-align: center;
    display: block;
    margin-bottom: 5px;
    font-size: 36px;
    margin-top: 7px;
}

#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}

#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right > ul > li {
    float: right;
}

#cssmenu > ul > li > a {
    padding: 4px 4px;
    font-size: 12px;
    text-decoration: none;
    color: #4d4d4d;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
}

#cssmenu > ul > li:hover > a {
    color: white;
}

#cssmenu > ul > li:hover > a i {
    color: white;
}

#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #bfbfbf;
    content: '';
}

#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #bfbfbf;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}

#cssmenu > ul > li.has-sub:hover > a:after {
    background: white;
}

/*#cssmenu ul ul {*/
/*position: absolute;*/
/*left: -9999px;*/
/*z-index: 10000;*/
/*}*/

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu ul ul li {
    /*background: #2d85be;*/
    /*height: 0;*/
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu li:hover > ul {
    left: auto;
}

#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}

#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#cssmenu ul ul li a {
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    /*color: white;*/
    font-weight: 400;
    text-align: left;
}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    color: white;
    background: #2d85be;
}

#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}

#cssmenu.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px;
}

#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px;
}

#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}

.privilegeLogo div{
    background-image: url(/images/icon/privilege.png);
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width:40px; height: 36px;
}

.privilegeLogo:hover div{
    background-image: url(/images/icon/privilege_hover.png);
}

.clickedBackstagePrivilege div{
    background-image: url(/images/icon/privilege_hover.png);
}

.wbLogo div{
    background-image: url(/images/icon/websiteBusiness.png);
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width:40px; height: 36px;
}

.wbLogo:hover div{
    background-image: url(/images/icon/websiteBusiness_hover.png);
}

.clickedWebsiteBusiness div{
    background-image: url(/images/icon/websiteBusiness_hover.png);
}

/*@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {*/
    /*#cssmenu {*/
        /*width: 100%;*/
        /*border-radius: 2px 2px 0 0;*/
        /*background-color: #3187bf;*/
        /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3693cf), color-stop(85%, #3693cf), to(#1f5a80));*/
        /*background-image: -webkit-linear-gradient(#3693cf, #3693cf 85%, #1f5a80);*/
        /*background-image: -moz-linear-gradient(top, #3693cf, #3693cf 85%, #1f5a80);*/
        /*background-image: -o-linear-gradient(#3693cf, #3693cf 85%, #1f5a80);*/
        /*background-image: linear-gradient(#3693cf, #3693cf 85%, #1f5a80);*/
        /*background-repeat: no-repeat;*/
    /*}*/

    /*!*#cssmenu ul {*!*/
        /*!*width: 100%;*!*/
        /*!*display: none;*!*/
    /*!*}*!*/

    /*#cssmenu.align-center > ul {*/
        /*text-align: left;*/
    /*}*/

    /*#cssmenu ul li {*/
        /*width: 100%;*/
        /*border-top: 1px solid #4C4C4C;*/
        /*background: #444444;*/
    /*}*/

    /*#cssmenu ul li:hover {*/
        /*width: 100%;*/
        /*background: #474747;*/
    /*}*/

    /*!*#cssmenu ul ul li {*!*/
    /*!*height: auto;*!*/
    /*!*background: #555555;*!*/
    /*!*}*!*/
    /*#cssmenu li:hover > ul > li {*/
        /*height: auto;*/
        /*background: #555555;*/
    /*}*/

    /*!*#cssmenu ul ul li:hover, #cssmenu li:hover > ul > li:hover {*!*/
    /*!*height: auto;*!*/
    /*!*background: #575757;*!*/
    /*!*}*!*/
    /*#cssmenu ul li a {*/
        /*width: 100%;*/
        /*border-bottom: 0;*/
        /*text-align: left;*/
        /*color: #eee;*/
        /*border-radius: 0;*/
        /*padding: 15px;*/
    /*}*/

    /*#cssmenu ul ul {*/
        /*position: relative;*/
        /*left: 0;*/
        /*width: 100%;*/
        /*margin: 0;*/
        /*text-align: left;*/
    /*}*/

    /*#cssmenu ul ul li a {*/
        /*width: 100%;*/
        /*border-bottom: 0;*/
        /*text-align: left;*/
        /*!*color: #eee;*!*/
        /*border-radius: 0;*/
        /*padding: 15px;*/
        /*padding-left: 25px;*/
    /*}*/

    /*#cssmenu ul ul ul li {*/
        /*background: #666666;*/
        /*border-top: 1px solid #585858;*/
    /*}*/

    /*#cssmenu ul ul ul li:hover {*/
        /*background: #646464 !important;*/
        /*border-top: 1px solid #676767;*/
    /*}*/

    /*#cssmenu ul ul ul li a {*/
        /*padding-left: 35px;*/
    /*}*/

    /*#cssmenu ul ul li a {*/
        /*color: white;*/
        /*background: none;*/
    /*}*/

    /*#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {*/
        /*color: white;*/
    /*}*/

    /*#cssmenu ul ul ul {*/
        /*position: relative;*/
        /*left: 0;*/
        /*width: 100%;*/
        /*margin: 0;*/
        /*text-align: left;*/
    /*}*/

    /*#cssmenu > ul > li {*/
        /*float: none;*/
        /*border-radius: 0;*/
    /*}*/

    /*#cssmenu > ul > li > a i {*/
        /*color: #eee;*/
        /*text-align: center;*/
        /*display: inline;*/
        /*margin-right: 5px;*/
        /*margin-bottom: 0;*/
        /*font-size: 16px;*/
        /*margin-top: 10px;*/
    /*}*/

    /*#cssmenu.align-right ul ul {*/
        /*position: relative;*/
        /*left: 0;*/
        /*width: 100%;*/
        /*margin: 0;*/
        /*text-align: left;*/
    /*}*/

    /*#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before {*/
        /*display: none;*/
    /*}*/

    /*#cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {*/
        /*display: none;*/
    /*}*/

    /*#cssmenu #menu-button {*/
        /*display: block;*/
        /*padding: 20px 17px;*/
        /*color: white;*/
        /*cursor: pointer;*/
        /*font-size: 12px;*/
        /*text-transform: uppercase;*/
        /*font-weight: 700;*/
    /*}*/

    /*#cssmenu #menu-button:after {*/
        /*position: absolute;*/
        /*top: 22px;*/
        /*right: 17px;*/
        /*display: block;*/
        /*height: 4px;*/
        /*width: 20px;*/
        /*border-top: 2px solid white;*/
        /*border-bottom: 2px solid white;*/
        /*content: '';*/
        /*-webkit-box-sizing: initial;*/
        /*-moz-box-sizing: initial;*/
        /*box-sizing: initial;*/
    /*}*/

    /*#cssmenu #menu-button:before {*/
        /*position: absolute;*/
        /*top: 16px;*/
        /*right: 17px;*/
        /*display: block;*/
        /*height: 2px;*/
        /*width: 20px;*/
        /*background: white;*/
        /*content: '';*/
    /*}*/

    /*#cssmenu #menu-button.menu-opened:after {*/
        /*top: 23px;*/
        /*border: 0;*/
        /*height: 2px;*/
        /*width: 15px;*/
        /*background: white;*/
        /*-webkit-transform: rotate(45deg);*/
        /*-moz-transform: rotate(45deg);*/
        /*-ms-transform: rotate(45deg);*/
        /*-o-transform: rotate(45deg);*/
        /*transform: rotate(45deg);*/
    /*}*/

    /*#cssmenu #menu-button.menu-opened:before {*/
        /*top: 23px;*/
        /*background: white;*/
        /*width: 15px;*/
        /*-webkit-transform: rotate(-45deg);*/
        /*-moz-transform: rotate(-45deg);*/
        /*-ms-transform: rotate(-45deg);*/
        /*-o-transform: rotate(-45deg);*/
        /*transform: rotate(-45deg);*/
    /*}*/

/*}*/


/*! jQuery UI - v1.12.1 - 2018-07-01
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 2px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("../images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}


.modal-header .btnGrp{
    position: absolute;
    top: 8px;
    right: 10px;
}


.min{
    width: 250px !important;
    height: 35px !important;
    overflow: hidden !important;
    padding: 0px !important;
    margin: 0px !important;

    float: left;
    position: static !important;
}

.min .modal-dialog, .min .modal-content{
    height: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
}

.min .modal-header{
    height: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 3px 5px !important;
}

.modal-backdrop {
    display: none;
}

.display-none{
    display: none;
    /*z-index: 9999;*/
    /*tabindex: 9999;*/
}

button .fa{
    font-size: 16px;
    margin-left: 10px;
}

.min .fa{
    font-size: 14px;
}

.min .menuTab{display: none;}

button:focus { outline: none; }

.minmaxCon{
    width: 0px;
    height: 35px;
    bottom: 1px;
    left: 1px;
    position: fixed;
    right: 1px;
    z-index: 9999;
}

.modalMinimizeOpen {
    overflow: auto !important;
}

#modalTransferVoiceCallFeeRow .list-group li.active {
    background-image: none !important;
    background-color: #999 !important;
    border-color: none !important;
}

#modalTransferVoiceCallFeeRow .list-group li.active a{
    color: white !important;
}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('./../images/icon/multiple-select.png') left top no-repeat;
}

.ms-choice > div.open {
    background: url('./../images/icon/multiple-select.png') right top no-repeat;
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('./../images/icon/multiple-select.png') no-repeat 100% -22px;
    background: url('./../images/icon/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('./../images/icon/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('./../images/icon/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('./../images/icon/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('./../images/icon/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('./../images/icon/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}

.ng-table th {
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ng-table th.sortable {
  cursor: pointer;
}
.ng-table th.sortable .sort-indicator {
  padding-right: 18px;
  position: relative;
}
.ng-table th.sortable .sort-indicator:after,
.ng-table th.sortable .sort-indicator:before {
  content: "";
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: visible;
  right: 5px;
  top: 50%;
  position: absolute;
  opacity: .3;
  margin-top: -4px;
}
.ng-table th.sortable .sort-indicator:before {
  margin-top: 2px;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
}
.ng-table th.sortable .sort-indicator:hover:after,
.ng-table th.sortable .sort-indicator:hover:before {
  opacity: 1;
  visibility: visible;
}
.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.ng-table th.sortable.sort-desc .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:after {
  margin-top: -2px;
}
.ng-table th.sortable.sort-desc .sort-indicator:before,
.ng-table th.sortable.sort-asc .sort-indicator:before {
  visibility: hidden;
}
.ng-table th.sortable.sort-asc .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.ng-table th.sortable.sort-desc .sort-indicator:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.ng-table th.filter .input-filter {
  margin: 0;
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ng-table .ng-table-group-header th {
  text-align: left;
}
.ng-table .ng-table-group-selector {
  display: block;
}
.ng-table .ng-table-group-close,
.ng-table .ng-table-group-toggle {
  float: right;
}
.ng-table .ng-table-group-toggle {
  margin-right: 5px;
}
@media only screen and (max-width: 800px) {
  .ng-table-responsive {
    border-bottom: 1px solid #999999;
  }
  .ng-table-responsive tr {
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
  }
  .ng-table-responsive td:before {
    position: absolute;
    padding: 8px;
    left: 0;
    top: 0;
    width: 50%;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  .ng-table-responsive thead tr th {
    text-align: left;
  }
  .ng-table-responsive thead tr.ng-table-filters th {
    padding: 0;
  }
  .ng-table-responsive thead tr.ng-table-filters th form > div {
    padding: 8px;
  }
  .ng-table-responsive td {
    border: none;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }
  .ng-table-responsive td:before {
    content: attr(data-title-text);
  }
  .ng-table-responsive,
  .ng-table-responsive thead,
  .ng-table-responsive tbody,
  .ng-table-responsive th,
  .ng-table-responsive td,
  .ng-table-responsive tr {
    display: block;
  }
}
.ng-table-pagination {
  margin-top: 0;
}
.ng-table-group-selector:before,
.ng-table-group-selector:after,
.filter:before,
.filter:after {
  display: table;
  content: " ";
}
.ng-table-group-selector:after,
.filter:after {
  clear: both;
}
.filter > .filter-cell {
  float: left;
  box-sizing: border-box;
}
.filter-horizontal > .filter-cell {
  padding: 0 2px;
}
.filter-horizontal > .filter-cell:first-child {
  padding-left: 0;
}
.filter-horizontal > .filter-cell:last-child,
.filter-horizontal > .filter-cell.last {
  padding-right: 0;
}
.s12 {
  width: 100%;
}
.s11 {
  width: 91.66666666666666%;
}
.s10 {
  width: 83.33333333333334%;
}
.s9 {
  width: 75%;
}
.s8 {
  width: 66.66666666666666%;
}
.s7 {
  width: 58.333333333333336%;
}
.s6 {
  width: 50%;
}
.s5 {
  width: 41.66666666666667%;
}
.s4 {
  width: 33.33333333333333%;
}
.s3 {
  width: 25%;
}
.s2 {
  width: 16.666666666666664%;
}
.s1 {
  width: 8.333333333333332%;
}
@media all and (max-width: 468px) {
  .s12,
  .s11,
  .s10,
  .s9,
  .s8,
  .s7,
  .s6,
  .s5,
  .s4,
  .s3,
  .s2,
  .s1 {
    width: 100%;
  }
  .filter > .filter-cell {
    padding: 0px;
  }
}
/* Chrome, Safari, Edge, Opera */
.hideArrow::-webkit-outer-spin-button,
.hideArrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.hideArrow[type=number] {
    -moz-appearance: textfield;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    right:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/*!
 * ui-grid - v4.0.7 - 2017-09-27
 * Copyright (c) 2017 ; License: MIT 
 */#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-scrollbar-placeholder{background-color:transparent}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-contents-wrapper{position:relative;height:100%;width:100%}.ui-grid-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.ui-grid-top-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:border-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:table;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-header-cell-row{display:table-row;position:relative}.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;display:table-cell;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell:last-child{border-right:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-column-menu-button-last-col{margin-right:25px}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}.ui-grid-filter-container .ui-grid-filter-button-select{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:0;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}select.ui-grid-filter-select{padding:0;margin:0;border:0;width:90%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}select.ui-grid-filter-select:hover{border:1px solid #d4d4d4}.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select{width:100%}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ui-grid-viewport:focus{outline:none !important}.ui-grid-canvas{position:relative;padding-top:1px}.ui-grid-row{clear:both}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{background-color:#f0f0ee;border-bottom:solid 1px #d4d4d4}.ui-grid-footer-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-grid-footer{float:left;width:100%}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-footer-cell-row{display:table-row}.ui-grid-footer-cell{overflow:hidden;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box;display:table-cell}.ui-grid-footer-cell:last-child{border-right:0}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-menu-button{z-index:2;position:absolute;right:0;top:0;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;height:31px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:3px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow:scroll;border:1px solid #d4d4d4}.ui-grid-menu{z-index:2;position:absolute;padding:0 10px 20px 10px;cursor:pointer;box-sizing:border-box}.ui-grid-menu .ui-grid-menu-inner{background:#f3f3f3;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:0}.ui-grid-menu .ui-grid-menu-inner ul li button{min-width:100%;padding:8px;text-align:left;background:transparent;border:none}.ui-grid-menu .ui-grid-menu-inner ul li button:hover,.ui-grid-menu .ui-grid-menu-inner ul li button:focus{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2);background-color:#cecece}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>button{border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('../fonts/ui-grid.eot');src:url('../fonts/ui-grid.eot#iefix') format('embedded-opentype'),url('../fonts/ui-grid.woff') format('woff'),url('../fonts/ui-grid.ttf') format('truetype'),url('../fonts/ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-indent-left:before{content:'\e800'}.ui-grid-icon-indent-right:before{content:'\e801'}.ui-grid-icon-spin5:before{content:'\ea61'}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child,.ui-grid[dir=rtl] .ui-grid-header-cell:last-child{border-right:1px solid #d4d4d4;border-left:0}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}.ui-grid-focuser{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.ui-grid-focuser:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-offscreen{display:block;position:absolute;left:-10000px;top:-10000px;clip:rect(0, 0, 0, 0)}div.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}div.ui-grid-cell input:focus{color:inherit;outline:none}div.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}div.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}div.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}.ui-grid-viewport .ui-grid-empty-base-layer-container{position:absolute;overflow:hidden;pointer-events:none;z-index:-1}.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:none}.ui-grid-expandable-buttons-cell i{pointer-events:all}.scrollFiller{float:left;border:1px solid #d4d4d4}.ui-grid-tree-header-row{font-weight:bold !important}.movingColumn{position:absolute;top:0;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid-pager-panel{position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px;box-sizing:content-box}.ui-grid-pager-container{float:left}.ui-grid-pager-control{margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button{height:25px;min-width:26px;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#eee;background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active:focus,.ui-grid-pager-control button.active:focus,.ui-grid-pager-control button.focus,.ui-grid-pager-control button:active.focus,.ui-grid-pager-control button.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:hover,.ui-grid-pager-control button:focus,.ui-grid-pager-control button.focus{color:#333;text-decoration:none}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-pager-control button.disabled,.ui-grid-pager-control button[disabled],fieldset[disabled] .ui-grid-pager-control button{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.ui-grid-pager-control button.disabled,fieldset[disabled] a.ui-grid-pager-control button{pointer-events:none}.ui-grid-pager-control button:focus,.ui-grid-pager-control button.focus{color:#eee;background-color:#dadada;border-color:#8c8c8c}.ui-grid-pager-control button:hover{color:#eee;background-color:#dadada;border-color:#adadad}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active,.open>.dropdown-toggle.ui-grid-pager-control button{color:#eee;background-color:#dadada;border-color:#adadad}.ui-grid-pager-control button:active:hover,.ui-grid-pager-control button.active:hover,.open>.dropdown-toggle.ui-grid-pager-control button:hover,.ui-grid-pager-control button:active:focus,.ui-grid-pager-control button.active:focus,.open>.dropdown-toggle.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active.focus,.ui-grid-pager-control button.active.focus,.open>.dropdown-toggle.ui-grid-pager-control button.focus{color:#eee;background-color:#c8c8c8;border-color:#8c8c8c}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active,.open>.dropdown-toggle.ui-grid-pager-control button{background-image:none}.ui-grid-pager-control button.disabled:hover,.ui-grid-pager-control button[disabled]:hover,fieldset[disabled] .ui-grid-pager-control button:hover,.ui-grid-pager-control button.disabled:focus,.ui-grid-pager-control button[disabled]:focus,fieldset[disabled] .ui-grid-pager-control button:focus,.ui-grid-pager-control button.disabled.focus,.ui-grid-pager-control button[disabled].focus,fieldset[disabled] .ui-grid-pager-control button.focus{background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control button .badge{color:#f3f3f3;background-color:#eee}.ui-grid-pager-control input{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;display:inline;height:26px;width:50px;vertical-align:top}.ui-grid-pager-control input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-pager-control input::-moz-placeholder{color:#999;opacity:1}.ui-grid-pager-control input:-ms-input-placeholder{color:#999}.ui-grid-pager-control input::-webkit-input-placeholder{color:#999}.ui-grid-pager-control input::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly],fieldset[disabled] .ui-grid-pager-control input{background-color:#eee;opacity:1}.ui-grid-pager-control input[disabled],fieldset[disabled] .ui-grid-pager-control input{cursor:not-allowed}textarea.ui-grid-pager-control input{height:auto}select.ui-grid-pager-control input{height:30px;line-height:30px}textarea.ui-grid-pager-control input,select[multiple].ui-grid-pager-control input{height:auto}.ui-grid-pager-control .ui-grid-pager-max-pages-number{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number>*{vertical-align:middle}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-7px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-control .last-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-11px}.ui-grid-pager-row-count-picker{float:left}.ui-grid-pager-row-count-picker select{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:26px;width:67px;display:inline}.ui-grid-pager-row-count-picker select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-pager-row-count-picker select::-moz-placeholder{color:#999;opacity:1}.ui-grid-pager-row-count-picker select:-ms-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-webkit-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly],fieldset[disabled] .ui-grid-pager-row-count-picker select{background-color:#eee;opacity:1}.ui-grid-pager-row-count-picker select[disabled],fieldset[disabled] .ui-grid-pager-row-count-picker select{cursor:not-allowed}textarea.ui-grid-pager-row-count-picker select{height:auto}select.ui-grid-pager-row-count-picker select{height:30px;line-height:30px}textarea.ui-grid-pager-row-count-picker select,select[multiple].ui-grid-pager-row-count-picker select{height:auto}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}.ui-grid-pinned-container{position:absolute;display:inline;top:0}.ui-grid-pinned-container.ui-grid-pinned-container-left{float:left;left:0}.ui-grid-pinned-container.ui-grid-pinned-container-right{float:right;right:0}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:1px solid #d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:0}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left{border-left:1px solid #d4d4d4}.ui-grid.column-resizing{cursor:col-resize}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610b38}.ui-grid-row-error .ui-grid-cell{color:#f00 !important}.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#c9dde1}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{cursor:pointer}.ui-grid-selection-row-header-buttons::before{opacity:.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before{opacity:1}.ui-grid-tree-row-header-buttons.ui-grid-tree-header{cursor:pointer;opacity:1}.ui-grid-tree-header-row{font-weight:bold !important}.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:all}div.ui-grid-cell-contents.invalid{border:1px solid #fc8f8f}