.theme-color {
    color: var(--main-color);
}

.theme-color-inverse {
    background-color: var(--main-color);
    color: #ffffff;
}

.theme-color-light {
    background-color: var(--main-light-color);
    border-color: var(--main-color);
}

.tab:hover, .button:hover, a:hover {
    color: #fff;
    background: var(--main-color);
    text-decoration: none;
}

.customTable tr:hover, .customTable th:hover {
    background-color: var(--main-light-color);
}

.selected {
    color: #fff !important;
    background: var(--main-color) !important;
    text-decoration: none;
}

.filled .circle {
    border-color: var(--main-color) !important;
    background: var(--main-color) !important;
    color: #fff !important;
}


.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.group-end td {
    background-color: #ffffff !important;
}

html {
    font-size: 11px;
}

body {
    width: 94%;
    min-width: 600px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px 5px 5px 5px;
    margin-left: 3%;
}




/*
.ui-widget {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}*/

.gridStyle {
    /*border: 1px solid rgb(212,212,212);*/
    margin: 10px;
    height: 400px;
}

.searchbox {
    position: relative;
}

    .searchbox i {
        position: absolute;
        top: 24px;
        left: 7px;
        font-size: 15px;
    }

    .searchbox input {
        text-indent: 30px;
    }



hr {
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    border: none;
}



/* remove nasty focus outline (firefox) from dropdown arrow*/

.ui-buttonset:focus {
    outline: none;
}

.ui-buttonset::-moz-focus-inner {
    border: 0;
}

.ui-dialog-buttonset {
    width: 100%;
}

    .ui-dialog-buttonset .ui-button {
        float: right;
    }

.add-form {
    display: none;
}

/* Header styles */
#header {
    width: 100%;
    min-width: 600px;
    width: 100%;
    height: 92px;
}

    #header.guest_header {
        height: 120px;
    }

    #header .banner_middle {
        left: 251px;
        float: left;
        width: 50%;
        height: 44px;
    }

    #header .banner_right {
        right: 160px;
        float: right;
        width: 50%;
        height: 44px;
    }

    #header .banner_left {
        left: 0px;
        float: left;
    }

    #header .banner_logo {
        
        left: 32px;
        top: 33px;
        width: 195px;
    }

    #header img {
        position: absolute;
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
    }

    #header p,
    #header h1,
    #header h2 {
        padding: .4em 15px 0 15px;
        margin: 0;
    }

#accountName {
    position: absolute;
    left: 32px;
    top: 55px;
    width: 155px;
    text-align: center;
}

.left-top-menu {
    position: absolute;
    left: 250px;
    top: 55px;
    /*height: 32px;
 display: inline;*/
}

.right-top-menu {
    position: absolute;
    right: 0px;
    top: 55px;
}
/*
.left-top-menu .btn {
 float: left;
 margin: 0px 2px;
}

.left-top-menu .btn button {
 display: inline-block;
}*/





.ui-icon-empty {
    background: none;
}

.column {
    width: 33.3333%;
    float: left;
    padding-bottom: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.column50 {
    position: relative;
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.columnN {
    position: relative;
    float: left;
    margin: 2px;
    padding: 0px;
}

.column100 {
    position: relative;
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.column25 {
    width: 25%;
}

    .column25 .columnN {
        float: none;
        margin: 0px;
    }

.column33 {
    width: 33%;
}

    .column33 .columnN {
        float: none;
        margin: 0px;
    }

.summary-column {
    width: 50%;
    float: left;
    padding-bottom: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


.gtable-headerRow {
    font-weight: bold;
    padding: 10px 18px !important;
    outline: none;
}

.gtable-tableRow {
    background-color: #ffffff;
    border-top: 1px solid #ddd;
}

.gtable-oddTableRow {
    border-top: 1px solid #ddd;
    background-color: #f9f9f9;
}

.gtable-selectedTableRow {
    background-color: #B0BED9;
}

.gtable-hoverTableRow {
    background-color: #f6f6f6;
}

.gtable-headerCell {
    padding: 10px 18px !important;
}

.gtable-tableCell {
    padding: 8px 10px !important;
}

.gtable-rowNumberCell {
}


/*
    table.dataTable {
 width:100%;
 margin:0 auto;
 clear:both;
 border-collapse:separate;
 border-spacing:0
}
table.dataTable thead th,
table.dataTable tfoot th {
 font-weight:bold
}
table.dataTable thead th,
table.dataTable thead td {
 padding:10px 18px
}
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
}
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
}
*/
/*
.portlet {
 margin: 0px 5px 5px 0px;
 display: none;
}

.portlet-header {
 height: 18px;
 margin: 2px;
 padding-bottom: 0px;
 padding-left: 2px;
}

.portlet-header .ui-icon {
 float: right;
}

.portlet-headerCell {
 text-align: left;
 border-bottom: solid blue
}

.portlet-content {
 margin: 0px;
 margin-top: 1px;
}

.portlet-tableRow {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 color: #000000;
 font-size: 1.1em;
 font-weight: normal;
 text-align: center;
}

.portlet-oddTableRow {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #eff5f9;
 color: #000000;
 font-size: 1.1em;
 font-weight: normal;
 text-align: center;
}

.portlet-headerRow {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #EFEFEF;
 color: #000000;
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
}

.portlet-selectedTableRow {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #eff5f9;
 color: #000000;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
}

.portlet-hoverTableRow {
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
}*/

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    /* half width of the loader gif */
    margin-top: -32px;
    /* half height of the loader gif */
    text-align: center;
    z-index: 9999;
    overflow: auto;
    width: 64px;
    /* width of the loader gif */
    height: 66px;
    /*hight of the loader gif +2px to fix IE8 issue */
}

div.green {
    background-color: #99FF99;
    border-color: #33CC33;
}

div.red {
    background-color: #FF9999;
    border-color: #FF0000;
}

div.yellow {
    border-color: #FF9900;
    background-color: transparent;
    width: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

div.timeline-event-selected {
    border-color: blue;
    background-color: #9999FF;
    padding: 0px;
}

div.timeline-groups-axis {
    border-color: #BEBEBE;
    border-width: 0px;
}

.timeline1 div.timeline-axis-grid {
    background-color: #9999FF;
    border-width: 1px;
}

div.timeline-frame {
    border-width: 0px;
}

div.timeline-event-content {
    margin: 0px;
}

#divupdate {
    width: 415px;
    display: none;
    text-align: right;
}

#divsave {
    width: 415px;
    display: none;
    text-align: right;
}

#divsavebottom {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

#divworkinghours {
    width: 415px;
    display: none;
}

#divwhbottom {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

#mainrel {
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

#title {
    z-index: 10;
    position: relative;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    height: 70px;
}

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}

    .ui-sortable-placeholder * {
        visibility: hidden;
    }



#container {
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
    min-width: 600px;
}

#content {
    /*   position:relative;*/
    margin: 0;
    margin-left: 0px;
    margin-right: 0px;
}

.mainHeader {
}

    .mainHeader h2 {
        float: left;
        padding-left: 7px;
    }

    .mainHeader .buttons {
        float: right;
        margin-right: 4px;
    }

        .mainHeader .buttons .button {
            float: right;
        }

        .mainHeader .buttons .ui-button-text {
            padding: 11px;
        }

.subheader {
    vertical-align: middle;
    padding: 4px;
}

    .subheader a {
        color: #333;
    }

.livemap .olControlAttribution {
    bottom: 36px;
    right: 6px;
    font-size: 1em;
}

.mapReport .olControlAttribution,
.minimap .olControlAttribution,
#le_map .olControlAttribution {
    bottom: 6px;
    right: 4px;
    z-index: 801 !important;
}

.vehicle-cards .olControlAttribution {
    z-index: 801 !important;
}

#le_map .olControlLayerSwitcherEX .overlays {
    display: none;
}

.olControlLayerSwitcherEX .layersDiv .dataLayersDiv input {
    margin-top: 0px;
    margin-bottom: 0px;
}

.crud .olControlLayerSwitcherEX input,
.crud .olControlLayerSwitcherEX select,
.crud .olControlLayerSwitcherEX textarea {
    width: auto;
    float: none;
}

.crud .olControlLayerSwitcherEX label {
    float: none;
    text-align: left;
}

.detailReport .attribution {
    text-align: center;
    padding: 8px 0px;
}

.subpanel {
    border: 1px solid #d7d7d7;
    margin-bottom: 12px;
}

    .subpanel .mCustomScrollbar {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .subpanel .mCSB_container {
        margin: 0px 12px 0px 8px;
    }

    .subpanel .subheader {
        border-top: none;
        border-right: none;
        border-left: none;
        border-radius: 0px;
    }

        .subpanel .subheader h3 {
            margin: 5px 0 5px 8px;
        }

.threecol {
    /* border: 1px solid rgb(212,212,212);*/
    height: 100%;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 11px;
    position: relative;
}

.columnFill {
    position: absolute;
    width: 100%;
    left: 0%;
    height: 100%;
    padding-right: 10px;
}

.column1 {
    position: absolute;
    width: 20%;
    left: 0px;
    height: 100%;
    padding-right: 10px;
}

.column2 {
    border-left: 1px solid rgb(212, 212, 212);
    position: absolute;
    width: 80%;
    left: 20%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}


/*
.column1{  float: left;
    height: 100%;
    left: 0;
    margin-left: 0;
    margin-right: auto;
    max-width: 15%;
    padding-right: 10px;    
    width: 15%;
    
    }

.column2 {
    border-left: 1px solid #D4D4D4;
    display: inline-table;
    float: left;
    height: 100%;    
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:0px;
    width: 82%;
}
*/

.column_left_20 {
    width: 20%;
}

.column_right_80 {
    width: 80%;
    left: 20%;
}

.column3 {
    position: absolute;
    width: 0%;
    /* Width of right column content (column width minus padding on either side) */
    right: 0px;
    height: 100%;
}

.column100 ul, .column1 ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .column100 ul li, .column1 ul li {
        font-weight: bold;
        margin: 0 !important;
        padding: 0.5rem 1.5rem 0.5rem 1rem !important;
        /*border-bottom: 1px solid #ccc;*/
        color: #666;
        background-color: #fff;
        -webkit-transition: background-color .5s, color .5s;
        -moz-transition: background-color .5s, color .5s;
        -ms-transition: background-color .5s, color .5s;
        -o-transition: background-color .5s, color .5s;
        transition: background-color .5s, color .5s;
    }

        .column100 ul li:hover, .column1 ul li:hover {
            color: #000;
            background-color: var(--main-light-color);
            cursor: pointer;
            cursor: hand;
        }

        .column100 ul li:last-of-type, .column1 ul li:last-of-type {
            border-bottom: none;
        }

        .column100 ul li table td:first-of-type, .column1 ul li table td:first-of-type {
            max-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }



/* Footer styles */

#footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60px;
    /* Height of the footer */
    background: #6cf;
}

    #footer p {
        padding: 10px;
        margin: 0;
    }

.clearfooter {
    height: 60px;
    clear: both;
}

a {
    color: #369;
}

h1,
h2,
h3 {
    margin: .8em 0 .2em 0;
    padding: 0;
}

p {
    margin: .4em 0 .8em 0;
    padding: 0;
}


/*img {
  margin:10px 0 5px;
}*/

.crud {
    padding: 2px;
}

.cardleft {
    float: left;
    width: 90px;
    height: 100%;
    clear: left;
}

.cardright {
    margin-left: 100px;
    height: 100%;
}

.right {
    /*background-color: Aqua;*/
    margin-left: 50%;
}

#title {
    z-index: 10;
    position: relative;
    margin: 0px;
    top: 0px;
    left: 0px;
    height: 68px;
    padding: 0px;
}

.tabs {
    height: 22px;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: -1px;
}

.activetab {
    background: #FFFFFF;
}

.tabs li {
    float: left;
    list-style: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #FFFFFF;
    margin-right: 5px;
    padding: 4px 14px 3px 12px;
    font-weight: bold;
    color: #000000;
    background: #eff5f9;
    display: block;
    text-decoration: none;
}

    .tabs li:hover {
        background: #eff5f9;
    }

.content {
    position: relative;
    min-height: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.header-wrapper {
    position: absolute;
    font-weight: bold;
    font-size: 1.4em;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 22px;
    z-index: 1;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    padding: 3px;
    padding-left: 7px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.container {
    position: absolute;
    margin-bottom: 0px;
    margin-top: 24px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: auto;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    padding: 5px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.footer-wrapper {
    font-size: 1.2em;
    position: absolute;
    top: 0px;
    height: 22px;
    width: 100%;
    z-index: 1;
    visibility: hidden;
}

.portlet-tableRow {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
}

.portlet-oddTableRow {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eff5f9;
    color: #000000;
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
}

.portlet-headerRow {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EFEFEF;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.portlet-selectedTableRow {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eff5f9;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.portlet-hoverTableRow {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.box {
    border-style: solid;
    border-width: 0.5px;
    border-color: rgb(166, 201, 226);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.sortdropdownmenu,
.class-list {
    position: absolute;
    z-index: 10000;
    display: none;
}

.subheader h2 {
    display: block;
    height: 100%;
    margin: 0px;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
    padding-right: 3px;
    width: 150px;
}

    .cell.first {
        padding-left: 5px;
    }

.head_expand {
    margin-left: 2px;
    margin-top: 2px;
}

.card-items .v_items {
}

.card-header p {
    display: block;
    margin: 0px;
    width: 100%;
    text-align: center;
    height: 26px;
    display: block;
    margin-top: 0px;
    width: 100%;
    border: 0px;
}

.card-items {
    display: none;
    padding: 10px;
}

.head_title {
    font-weight: bold;
}

.top-header {
    background: linear-gradient(#e5e3e1, #f5f0eb) repeat scroll 0 0 #287BBC;
}

.card-brief {
    height: 60px;
    margin: 5px;
}

.cardleft span {
    color: #666;
}

.card-items hr {
    display: block;
    clear: both;
}

.crud form {
    background: #fff;
    padding: 1em;
}

.crud fieldset {
    min-height: 50px;
    margin-bottom: 10px;
}

    .crud fieldset > div {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        clear: both;
    }

.crud :not(.prettycheckbox) label {
    float: right;
    /* width: 100px;*/
    text-align: right;
    margin-right: 1em;
}

.crud legend {
    color: #0b77b7;
    font-size: 1.2em;
}

    .crud legend span {
        width: 10em;
        text-align: right;
    }

.crud button {
    float: right;
}


.crud input,
.crud textarea {
    float: right;
    width: 200px;
    border: 1px solid #ddd;
    background: #fafafa;
    -moz-border-radius: 0.4em;
    -khtml-border-radius: 0.4em;
}

.crud select {
    float: right;
    border: 1px solid #ddd;
    background: #fafafa;
    -moz-border-radius: 0.4em;
    -khtml-border-radius: 0.4em;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 206px;
}


.crud .wider {
    width: 300px;
}

.crud select.wider {
    width: 306px;
}


.crud input:hover,
.crud input:focus {
    border-color: #c5c5c5;
    background: #f6f6f6;
}

.crud fieldset {
    border: 1px solid #ddd;
    padding: 1.5em 1.5em;
    border-radius: 4px;
}

.crud .date input {
    background-image: url(../gfx/calendar-small.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.crud .date fieldset label {
    float: none;
    display: block;
    text-align: left;
    width: auto;
}

.crud .date fieldset div {
    float: left;
    clear: none;
    margin-right: 0.2em;
}

.crud .radio,
.crud .date {
    position: relative;
}

    .crud .radio fieldset,
    .crud .date fieldset {
        border: none;
        width: auto;
        padding: 1px 0 0 11em;
    }

    .crud .radio legend,
    .crud .date legend {
        font-size: 1.2em;
        color: #000;
    }

        .crud .radio legend span,
        .crud .date legend span {
            position: absolute;
            left: 0;
            top: 0.3em;
            width: 10em;
            display: block;
        }

    .crud .radio label,
    .crud .radio input {
        vertical-align: middle;
        display: inline;
        float: none;
        width: auto;
        background: none;
        border: none;
    }

    .crud .radio div {
        float: left;
        white-space: nowrap;
        clear: none;
    }

.crud input.default {
    color: #bbb;
}

.crud .information {
    background-color: #eee;
    border-radius: 4px;
    margin: 0px 6px;
    padding: 12px;
    margin-bottom: 8px;
}

.crud .tableBlock {
    background-color: #fff;
}

.crud table.customTable {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    table-layout: fixed;
}

    .crud table.customTable tr td,
    .crud table.customTable tr th {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    /*.crud table.customTable tbody tr:hover td,
.crud table.customTable tbody tr:hover th {
  background: #fee8c9;
}*/

    .crud table.customTable tbody tr.clickable:hover td,
    .crud table.customTable tbody tr.clickable:hover th {
        cursor: pointer;
        cursor: hand;
    }
    /*
.crud table.customTable tbody tr.selected td,
.crud table.customTable tbody tr.selected th {
  color: #fff;
  background: #f1b665;
}*/

    .crud table.customTable th,
    .crud table.customTable td {
        -webkit-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        -moz-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        text-align: left;
        border-width: 0px;
        vertical-align: middle;
    }

    .crud table.customTable th {
        color: #666;
        text-align: left;
        padding: 5px 6px;
        vertical-align: middle;
        background: #ececec;
        white-space: nowrap;
    }

        .crud table.customTable th div.sortable {
            width: 100%;
            display: table-row;
            cursor: pointer;
            cursor: hand;
        }

            .crud table.customTable th div.sortable > div {
                display: table-cell;
                vertical-align: middle;
                text-align: left;
            }

                .crud table.customTable th div.sortable > div.btn {
                    padding: 0px 2px;
                }

    .crud table.customTable tbody th {
        background: #fff;
        border-bottom: 2px solid #eee;
    }

    .crud table.customTable td {
        padding: 5px 6px;
        border-bottom: 2px solid #eee;
    }

    .crud table.customTable tr > td:last-of-type {
        border-right: none;
    }

    .crud table.customTable tr.key td {
        color: red;
    }

        .crud table.customTable tr.key td div.label {
            display: block;
            padding: 2px 10px;
            border-radius: 20px;
            margin-top: 5px;
            width: 50px;
            margin: 5px auto 0px auto;
            text-align: center;
        }

    .crud table.customTable td.datetime span.startPrint {
        border-radius: 0px;
    }

/*.crud table.detailTable tbody tr:hover td,
.crud table.detailTable tbody tr:hover th {
  background: #e1f1fd;
}*/

.crud .tableBlock .innerWhite {
    padding: 0px;
    border-radius: 0px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.crud table.customTable th.datetime,
.crud table.customTable td.datetime {
    text-align: center;
}

.crud table.customTable th.control,
.crud table.customTable td.control {
    text-align: right;
    width: auto;
}

.crud table.customTable th.money,
.crud table.customTable td.money {
    text-align: left;
}

.crud table.customTable th.distance,
.crud table.customTable td.distance {
    text-align: left;
}

.crud table.customTable th.include,
.crud table.customTable td.include {
    text-align: center;
}

    .crud table.customTable td.include .prettycheckbox label {
        display: none;
    }

    .crud table.customTable td.include .prettycheckbox label,
    .crud table.customTable td.include .prettycheckbox a {
        float: none;
    }


.card-header {
    height: 26px;
    display: block;
    margin-top: 0px;
    width: 100%;
}

.head_expand {
    line-height: 26px;
}

.float-menu {
    z-index: 30000;
}

.overlay {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    cursor: default;
    left: 0;
    right: 0;
    top: 0;
    z-index: 300000;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.bookmark-list {
    list-style: none;
}

.bookmark-input {
    width: auto;
}

.olMap {
    width: 100%;
    height: 600px;
    margin-top: 0px;
    overscroll-behavior: none;
}

.fullmap,
.fullwidget {
    position: fixed;
    top: 26px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1001;
    background-color: #fff;
}

.ui-widget-fullmap,
.ui-widget-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 26px;
    z-index: 1002;
}

.flagHighlight {
    border-color: #FF0000 !important;
    border-width: 2px !important;
}

.searchHighlight {
    background-color: #2da61d !important;
    color: #fff !important;
    border-radius: 4px;
}

table {
    table-layout: fixed;
}

th.actiontype,
th.actiontemplate {
    width: 15%;
}

th.actionrecipient {
    width: 60%;
}

th.actionbutton {
    width: 15%;
}

.bookmark-table .bookmark-text-name {
    padding-left: 10px;
    text-align: left;
}

.bookmark-table .bookmark-checkbox-field {
    width: 20px;
}

    .bookmark-table .bookmark-checkbox-field .bookmark-checkbox {
        width: 20px;
    }

.dashbard-table .dashboard-radio-field {
    width: 20px;
}

    .dashbard-table .dashboard-radio-field .dashboard-radio {
        width: 20px;
    }

.dashbard-table .dashboard-text-name {
    padding-top: 5px;
}


/**
 * Layer switcher
 */

.olControlLayerSwitcherEX {
    position: absolute;
    top: 25px;
    right: 0;
    width: 28em;
    /*font-size: 7.25pt;*/
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    /*font-size: smaller;*/
    color: white;
    background-color: transparent;
    height: 80%;
}

    .olControlLayerSwitcherEX .layersDiv {
        text-align: left;
        padding-top: 20px;
        padding-left: 14px;
        padding-bottom: 20px;
        padding-right: 10px;
        background: #fff;
        background: rgba(255, 255, 255, 0.8);
        color: #333;
        font-size: 1.2em;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        overflow-y: auto;
        direction: rtl;
        height: 100%;
    }

        .olControlLayerSwitcherEX .layersDiv > * {
            direction: ltr;
        }

        .olControlLayerSwitcherEX .layersDiv .baseLbl,
        .olControlLayerSwitcherEX .layersDiv .dataLbl {
            margin-top: 6px;
            margin-left: 3px;
            margin-bottom: 6px;
            /* color: #ca7b11;*/
        }

        .olControlLayerSwitcherEX .layersDiv .baseLayersDiv,
        .olControlLayerSwitcherEX .layersDiv .dataLayersDiv {
            font-weight: normal;
        }

        .olControlLayerSwitcherEX .layersDiv .baseLayersDiv,
        .olControlLayerSwitcherEX .layersDiv .dataLayersDiv {
            padding-left: 10px;
            line-height: 20px;
        }

            .olControlLayerSwitcherEX .layersDiv .baseLayersDiv input,
            .olControlLayerSwitcherEX .layersDiv .dataLayersDiv input {
                margin-bottom: 4px;
                margin-right: 8px;
            }

    .olControlLayerSwitcherEX .maximizeDiv,
    .olControlLayerSwitcherEX .minimizeDiv {
        width: 18px;
        height: 18px;
        top: 5px;
        right: 0;
        cursor: pointer;
    }

.minimap .olControlLayerSwitcherEX {
    padding-top: 0px;
    width: 21em;
}

    .minimap .olControlLayerSwitcherEX .layersDiv {
        padding-top: 1.2em;
        padding-left: 14px;
        padding-bottom: 20px;
        padding-right: 10px;
    }

.olControlLayerSwitcherEX .dataLayersDiv input[name='Locations'] + label {
    background: url(../Images/Location.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Tracks'] + label {
    padding-left: 16px;
    margin-left: -16px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Stops'] + label {
    background: url(../Images/marker_stop.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Starts'] + label {
    background: url(../Images/marker_start.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Moving'] + label {
    background: url(../Images/marker_moving.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Idling'] + label {
    background: url(../Images/marker_pause.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Behaviour'] + label {
    background: url(../Images/marker_lightning_red.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Speeding'] + label {
    background: url(../Images/marker_speeding.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}

.olControlLayerSwitcherEX .dataLayersDiv input[name='Incident'] + label {
    background: url(../Images/marker_incident.png) no-repeat left -4px transparent;
    padding-left: 42px;
    margin-left: -42px;
}


.olBingAttribution {
    color: #DDD;
}

    .olBingAttribution.road {
        color: #333;
    }

.olGoogleAttribution.hybrid,
.olGoogleAttribution.satellite {
    color: #EEE;
}

.olGoogleAttribution {
    color: #333;
}

.headerToggleBtn {
    padding-top: 2px;
    float: right;
}

    .headerToggleBtn > a {
        display: inline-block;
        font-size: 1em;
    }

    .headerToggleBtn .ui-button-text {
        padding: .2em 1em .2em 2.1em;
    }

.jobCard {
}

    .jobCard > div.jobIcon {
        float: left;
        width: 86px;
        height: 64px;
        background: url(../Images/FadeLocation32.png) center top no-repeat;
    }

    .jobCard > div.jobContent {
        float: left;
        padding-top: 14px;
        font-size: 1.2em;
        width: 80%;
    }

        .jobCard > div.jobContent > div.descLine {
            padding: 1px 0px;
        }

        .jobCard > div.jobContent table.statusTable {
            border-collapse: collapse;
            position: relative;
            left: -2px;
        }

            .jobCard > div.jobContent table.statusTable th,
            .jobCard > div.jobContent table.statusTable td {
                text-align: left;
                padding-left: 8px;
                padding-right: 8px;
            }

                .jobCard > div.jobContent table.statusTable th:first-child,
                .jobCard > div.jobContent table.statusTable td:first-child {
                    padding-left: 0px;
                }

    .jobCard .matched {
        background-color: #00ff00;
    }

    .jobCard > div.jobContent .notes {
        padding: 16px 0px;
    }

    .jobCard > div.jobContent span.label {
        font-weight: bold;
    }

.activities {
    padding: 8px 1.2em;
    font-size: 1.3em;
}

    .activities .desc {
        padding: 5px 0px 8px 0px;
        font-weight: normal;
        color: #666;
    }

    .activities ul {
        list-style-type: disc;
        list-style-position: inside;
    }

    /*
.activities ul li {
 border: none!important;
}

.activities ul a:hover {
 color: #369;
 background: transparent!important;
}

.activities ul li:hover {
 color: #666!important;
 background: transparent!important;
}*/

    .activities .filters ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .activities a {
        font-weight: normal;
    }

.vehicle-cards .cardleft,
.place-cards .cardleft,
.admin-cards .cardleft {
    float: left;
    width: 75px;
    text-align: center;
}

.vehicle-cards .cardright,
.place-cards .cardright,
.admin-cards .cardright {
    margin-left: 80px;
    margin-right: 1.2em;
}

.vehicle-cards .olMap {
    height: unset;
    font-size: 1em;
}


.admin-cards .cardleft .icon {
    font-size: 5em;
    color: #8e5394;
}



hr.fade-to-right {
    border: none;
    height: 1px;
    background: unset;
    border-top: 0px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}


/*
hr.dim {
 margin-right: 1.2em;
 background: none;
 border: none;
 border-top: 1px solid #c0c0c0;
 height: 1px;
}*/



.vehicle-cards .cardright .line,
.place-cards .cardright .line,
.admin-cards .cardright .line {
    display: block;
    padding-bottom: 6px;
    font-size: 1.3em;
    color: #261e04;
}



.vehicle-cards .inner_right .line,
.place-cards .inner_right .line,
.admin-cards .inner_right .line {
    display: inline-block;
}

.vehicle-cards .cardright .strong,
.place-cards .cardright .strong,
.admin-cards .cardright .strong {
    font-weight: bold;
    /*font-size:1.3em;*/
    color: #423300;
}

.vehicle-cards .cardright .inner_left,
.place-cards .cardright .inner_left,
.admin-cards .cardright .inner_left {
    float: left;
    width: 40%;
}

.vehicle-cards .cardright .inner_right,
.place-cards .cardright .inner_right,
.admin-cards .cardright .inner_right {
    float: right;
    text-align: right;
}

.vehicle-cards .cardright .group,
.place-cards .cardright .group,
.admin-cards .cardright .group {
    margin-bottom: 5px;
}


.vehicle-cards .cardright .olPopup_content .line {
    font-size: 1em;
    padding-bottom: 1px;
}


/*
.vehicle-cards .cardright .group span:nth-child(1),
.place-cards .cardright .group span:nth-child(1),
.admin-cards .cardright .group span:nth-child(1) {
 display:inline-block;
 width:33%;
}

.vehicle-cards .cardright .group span:nth-child(2),
.place-cards .cardright .group span:nth-child(2),
.admin-cards .cardright .group span:nth-child(2) {
 display:inline-block;
 width:66%;
}

.vehicle-cards .cardright .group .dotted_line {
 background: url(../Images/dotted_line.png) center center repeat-x;
 height: 3px;
}
*/


.vehicle-cards .cardright .lowergroup,
.place-cards .cardright .lowergroup,
.admin-cards .cardright .lowergroup {
    padding-bottom: 5px;
    padding-top: 5px;
}

.vehicle-cards .cardright .border,
.place-cards .cardright .border,
.admin-cards .cardright .border {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 2px 6px;
}

.admin-cards .cardright .mod_admin_delete_device {
    background: red;
    color: #fff;
    border: 2px solid red;
}

.vehicle-cards .minimap {
    /*width: 320px;
 height: 220px;*/
    /*position:absolute;
 top:0px;
 bottom:0px;
 left:0px;
 right:0px;*/
    background: #eee;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
}

.vehicle-cards .searchHighlight,
.place-cards .searchHighlight,
.admin-cards .searchHighlight {
    border-radius: 4px;
    padding: 2px 6px;
}

.small-buttons .ui-button-text {
    font-size: 0.8em;
}

.small-buttons .ui-button {
    width: 18px;
}

.activities span {
    font-weight: normal;
    color: #000;
}

.summary-panel {
    margin: 5px;
    padding: 10px 35px;
    background-color: var(--main-light-color);
    border-radius: 4px;
    background: #eee;
    color: grey;
    font-size: 1.2em;
}

.hint-panel {
    margin-top: 10px;
    padding: 10px 35px;
    border-radius: 8px;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--main-light-color)', endColorstr='var(--main-light-color)', GradientType=0);
    font-size: 1.3em;
}

    .hint-panel h1 {
        /*font-size: 2.1em;*/
        margin: 10px 0px 14px 0px;
    }

    .hint-panel p.bold {
        font-weight: bold;
        /*font-size: 1.4em;*/
        margin-top: 10px;
    }

    .hint-panel ul {
        list-style-type: circle;
        margin: 22px 26px 26px 26px;
    }

        .hint-panel ul li {
            margin-top: 4px;
            margin-bottom: 4px;
        }

    .hint-panel p,
    .hint-panel span,
    .hint-panel a,
    .hint-panel li {
        /*font-size: 1.5em;*/
    }

        .hint-panel a:hover {
            color: #fff;
        }

    .hint-panel p {
        margin: 0px;
    }

    .hint-panel .close {
        text-align: center;
        padding-top: 16px;
    }

        .hint-panel .close a.button {
            display: inline-block;
            padding: 6px 30px;
            border-radius: 4px;
            text-decoration: none;
            font-weight: bold;
            /*font-size: 1.2em;*/
            transition: background-color 0.5s ease;
        }


.add-group-holder {
    padding: 18px 8px;
    text-align: center;
    border-top: 1px solid #ccc;
}

    .add-group-holder .btn {
        display: inline-block;
        padding: 4px 16px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.2em;
        transition: background-color 0.5s ease;
    }

        .add-group-holder .btn:hover {
            background-color: #c2d8dd;
        }

.location-overview .label {
    float: left;
    padding: 5px 3px;
    font-size: 1.2em;
}

.ui-menu-nowrap .ui-menu-item a {
    white-space: nowrap;
}

.ui-menu {
    width: 200px;
}

#view_map_events {
    background-color: #828282;
    /* IE 8 */
    background-color: rgba(130, 130, 130, 0.9);
    position: relative;
    top: -30px;
    margin-bottom: -30px;
    overflow: hidden;
    z-index: 999;
    border-collapse: collapse;
    width: 100%;
}

    #view_map_events td {
        padding: 0px;
        margin: 0px;
    }

    #view_map_events .title {
        color: #fff;
        font-size: 1.2em;
        padding: 7px 10px;
        font-weight: bold;
        /*background-color: #e78f08;*/
        /* IE 8 */
        /*background-color: rgba(255, 147, 0, 0.9);*/
        width: 70px;
        text-align: center;
    }

.view_map_events_fullscreen {
    position: fixed !important;
    margin: 0px !important;
}

#view_map_events .inner {
    color: #efefef;
    font-size: 1.2em;
    font-weight: normal;
    overflow: hidden;
    padding: 0px;
}

    #view_map_events .inner > span {
        position: relative;
        padding: 0px 6px;
        margin: 0px;
    }

        #view_map_events .inner > span .white {
            color: #fff;
        }

#view_map_events .button {
    color: #fff;
    font-size: 1.2em;
    width: 25px;
    text-align: center;
    padding-right: 4px;
}

#view_map_events_dialog table.filters td.label {
    text-align: right;
    padding: 2px 5px 2px 5px;
}

#view_map_events_dialog table.filters td.checkbox input {
    width: 30px;
}

#view_map_events .takemeto_btn {
    color: #e1fd22;
    text-decoration: none;
    margin-left: 6px;
}

.featureRadio input {
    width: 1px;
}

.featureRadio label {
    width: auto;
    float: none;
}

#le-search {
    text-align: left;
    margin: 0px;
    padding: 4px 2px;
}

.featureRadio label {
    background: none !important;
    border: none !important;
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    padding-top: 8px;
}

.featureRadio .labelright label .ui-button-text {
    padding: 4px;
}

.featureRadio .labelright {
    margin-left: 20px;
}

.featureRadio div {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.location-edit-controls div {
    padding: 0px;
    margin: 0px;
}

    .location-edit-controls div.messages {
        margin: 8px 0px;
    }

        .location-edit-controls div.messages div {
            margin: 4px 0px;
        }

.location-edit-controls ul {
    padding-left: 25px;
    margin: 0px;
}

#load-edit .statusTable td,
#load-edit .statusTable th {
    background-color: #eee;
}

#load-edit .statusTable th {
    font-weight: bold;
    text-align: center;
}

.ui-red-icons {
    background-image: url(http://code.jquery.com/ui/1.9.1/themes/base/images/ui-icons_cd0a0a_256x240.png);
}

#ui-datepicker-div {
    z-index: 1200 !important;
}

.ui-force_content_icons .ui-icon {
    background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/images/ui-icons_469bdd_256x240.png) !important;
}

.makeLinkText,
.makeLinkText:hover {
    color: #000;
    text-decoration: none;
    cursor: text;
    background: transparent;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.dialog_preloader_container {
    text-align: center;
    padding-top: 30px;
}

    .dialog_preloader_container span {
        padding-top: 16px;
        display: block;
        text-align: center;
    }

#divlogin .message,
#div_mod_userDialog .message {
    padding: 0px;
    margin: 0px;
    background-color: #eee;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 8px;
}

#divlogin form > div {
    display: table-row;
    text-align: right;
}

#divlogin form label,
#divlogin form input {
    display: table-cell;
    margin-top: 4px;
    margin-bottom: 4px;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    vertical-align: bottom;
}

#div_mod_userDialog form input,
#div_mod_userDialog form label {
    display: table-cell;
    margin-top: 4px;
    margin-bottom: 4px;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    vertical-align: bottom;
}

#divlogin form .remember_me label,
#divlogin form .remember_me input {
    margin-top: 8px;
    margin-bottom: 8px;
}

#divlogin .forgot p {
    font-weight: normal;
    text-align: right;
}

.add_credit_btn {
    border: 1px solid #d59d83;
    background: #e78f08 !important;
    font-weight: bold;
    color: #ffffff !important;
}

    .add_credit_btn:hover {
        background: #f9a92f !important;
    }

    .add_credit_btn:active {
        background: #dd8600 !important;
    }

.admin_column_left {
    position: absolute;
    width: 60%;
    left: 0px;
    height: 100%;
    padding-right: 10px;
}

    .admin_column_left .admin_content table {
        border-collapse: collapse;
        border-spacing: 0px;
        margin-top: 8px;
        width: 100%;
    }

        .admin_column_left .admin_content table .hsep {
            border-right: 3px solid #fff !important;
        }

        .admin_column_left .admin_content table tr td {
            border-bottom: 3px solid #fff !important;
        }

        .admin_column_left .admin_content table th {
            color: #3a3a3c;
            text-align: center;
            font-size: 1.2em;
            padding: 10px 20px;
            background: #c9c9c9;
            background: -moz-linear-gradient(top, #c9c9c9 0%, #bdbec0 70%, #bdbec0 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c9c9), color-stop(70%, #bdbec0), color-stop(100%, #bdbec0));
            background: -webkit-linear-gradient(top, #c9c9c9 0%, #bdbec0 70%, #bdbec0 100%);
            background: -o-linear-gradient(top, #c9c9c9 0%, #bdbec0 70%, #bdbec0 100%);
            background: -ms-linear-gradient(top, #c9c9c9 0%, #bdbec0 70%, #bdbec0 100%);
            background: linear-gradient(to bottom, #c9c9c9 0%, #bdbec0 70%, #bdbec0 100%);
        }

            .admin_column_left .admin_content table th.lt-corner {
                border-top-left-radius: 4px;
            }

            .admin_column_left .admin_content table th.rt-corner {
                border-top-right-radius: 4px;
            }

        .admin_column_left .admin_content table td {
            width: auto;
            text-align: left;
            background: #e7e8e9;
            padding: 10px 20px;
            color: #111;
            font-size: 1.1em;
        }

        .admin_column_left .admin_content table tr:nth-child(2n) td {
            background: #f3f3f4;
        }

        .admin_column_left .admin_content table td.number {
            text-align: right;
        }

        .admin_column_left .admin_content table td.date {
            text-align: center;
        }

.admin_column_right {
    position: absolute;
    width: 39%;
    left: 60%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

    .admin_column_right .dotted_line {
        background: url(../Images/dotted_line.png) center center repeat-x;
        height: 3px;
    }

    .admin_column_right .admin_panel {
        border-radius: 4px;
        margin-bottom: 8px;
    }

    .admin_column_right .account_panel {
        background-color: #283891;
    }

    .admin_column_right .users_panel {
        background-color: #2bb673;
    }

    .admin_column_right .panel_padding {
        padding: 18px 20px;
    }

    .admin_column_right .account_title {
        padding-top: 5px;
        padding-bottom: 18px;
        padding-left: 8px;
        font-size: 1.4em;
        font-weight: bold;
        color: #fff;
    }

    .admin_column_right table {
        margin: 6px 0px;
        width: 100%;
        border-spacing: 8px;
    }

        .admin_column_right table th {
            color: #fff;
            text-align: left;
            width: 160px;
            font-size: 1.2em;
        }

        .admin_column_right table td {
            color: #d1d2d4;
            text-align: left;
            padding-left: 20px;
            font-size: 1.2em;
            vertical-align: top;
        }

    .admin_column_right .devices_panel {
        background-color: #8e5394;
    }

.admin_column_left .admin_content .card {
    border: 1px solid #e5e5e5;
    margin: 4px 0px;
    border-radius: 4px;
    background: #ffffff;
}

    .admin_column_left .admin_content .card hr {
        border: none;
        border-top: 1px solid #eee;
        margin: 4px auto;
    }

    .admin_column_left .admin_content .card > table {
        margin: 0px;
        width: 100%;
    }

        .admin_column_left .admin_content .card > table td {
            vertical-align: top;
            text-align: left;
            background: transparent;
        }

            .admin_column_left .admin_content .card > table td.icon {
                font-size: 7em;
                width: 85px;
                color: #8e5394;
            }

    .admin_column_left .admin_content .card .line {
        padding: 5px 0px;
        clear: both;
        font-size: 1.2em;
    }

    .admin_column_left .admin_content .card .label,
    .admin_column_left .admin_content .card .value {
        float: left;
    }

    .admin_column_left .admin_content .card .label {
        color: #333;
        font-weight: bold;
        min-width: 120px;
        padding-left: 10px;
    }

    .admin_column_left .admin_content .card .value {
        padding-right: 10px;
    }

    /*
.date_pickers input {
 border-radius: 5px;
 border: 1px solid #aaa;
 padding: 2px 4px;
 font-size: 1.1em;
}*/

    .admin_column_left .admin_content .card .assigned-to {
        border-radius: 4px;
        padding: 6px 10px;
        color: #fff;
        font-weight: bold;
        margin-top: 8px;
    }

    .admin_column_left .admin_content .card .assigned-to-group {
        padding: 10px 0px 0px 0px;
    }

    .admin_column_left .admin_content .card .button-panel {
        text-align: right;
        padding: 10px 0px 0px 0px;
    }

    .admin_column_left .admin_content .card .delete {
        display: inline-block;
        padding: 8px 8px;
        background: red;
        color: #fff;
        border-radius: 4px;
        text-decoration: none;
    }

.date_pickers button {
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 2px 4px;
    font-size: 1.1em;
}

sup.required {
    color: red;
}

/*
#div_mod_userDialog input {
 width: 230px;
}*/

.dialog_delete_btn {
    float: left !important;
    margin-left: 13px !important;
    background: red !important;
    color: #fff !important;
}

#hint-overlay {
    background: rgb(0, 0, 0);
    background: transparent\9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999998;
    margin: 0px;
    padding: 0px;
}

    #hint-overlay:nth-child(n) {
        filter: none;
    }

.hint-overlay-highlight {
    position: relative !important;
    z-index: 9999999 !important;
}

.no-locations-message {
    font-size: 1.2em;
    text-align: center;
    padding: 26px;
    font-weight: normal;
    color: #666;
}

#livemap_tools {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.reports_section .column1 h3 {
    padding: 8px 0px 8px 10px;
}

/* map control z-index fix*/

.olControlPanZoom {
    z-index: 800 !important;
}

.olControlLayerSwitcherEX {
    z-index: 801 !important;
}

.mod_userDialog_permissions label {
    width: auto !important;
    text-align: left;
    padding-left: 12px;
}

.mod_userDialog_permissions .prettycheckbox,
.mod_userDialog_permissions .prettyradio {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
}

.hover_popup {
    position: absolute;
    z-index: 30000;
    overflow: hidden;
    width: 150px;
    margin-top: 10px;
    margin-left: 20px;
    background: #fff !important;
    background: rgba(255, 255, 255, 0.8) !important;
    -webkit-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.4);
    border: 1px solid #dddddd;
}

.olPopup {
    z-index: 20000 !important;
    font-size: 1em;
    background: #fff !important;
    /*background: rgba(255, 255, 255, 0.8) !important;*/
    -webkit-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
    border: 1px solid #dddddd;
}

.location_popup {
    background: #ffe !important;
    background: rgba(255, 255, 255, 0.8) !important;
}

.olPopup_content {
    padding: 8px 12px 8px 12px;
    /*height: 130px;*/
    /*width: 260px;*/
    margin: 0 auto;
    color: #333;
}



    .olPopup_content .line_header {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .olPopup_content hr {
        border: none;
        border-bottom: 1px solid #aaa;
        background: none;
        margin: 8px 0px;
    }

    .olPopup_content .line .line_header {
        padding: 5px 0px;
    }

    .olPopup_content .line_narrow .line_header {
        padding: 1px 0px;
    }

    .olPopup_content .line_narrow .name,
    .olPopup_content .line .name {
        font-weight: bold;
        float: left;
        width: 40%;
    }

    .olPopup_content .line_narrow .value,
    .olPopup_content .line .value {
        float: right;
        width: 60%;
    }


/*
Begin Common CSS classes=======================================================================================================================
*/

.relHolder {
    width: 0px;
    height: 0px;
    position: relative;
}

.clrFloat {
    clear: both;
}

.hidden {
    display: none !important;
}


/*
End Common CSS classes=========================================================================================================================
*/

.sendTrackFlag {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}

.sendTrackVehicles {
    display: block;
    left: -30px;
    top: -3px;
}

.sendTrack {
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url("../Images/sendTrack.png") center center no-repeat;
    opacity: 0.8;
}

    .sendTrack:hover {
        background: url("../Images/sendTrack.png") center center no-repeat;
        opacity: 1.0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

#sendTrackDialog .minimap {
    width: 100%;
    height: 220px;
    /*float: left;*/
    border-radius: 4px;
    overflow: hidden;
}

#sendTrackDialog .olControlNoSelect,
#sendTrackDialog .olControlLayerSwitcherEX {
    display: none !important;
}

#sendTrackDialog .sideFieldsDiv {
    float: left;
    padding-left: 20px;
}

    #sendTrackDialog .sideFieldsDiv > div {
        clear: both;
        padding: 0px 0px 30px 0px;
    }

#sendTrackDialog fieldset {
    padding: 0.5em 1.5em 1em 1.5em;
}

    #sendTrackDialog fieldset > div {
        margin: 0px;
    }

#sendTrackDialog .info > div.header {
    font-weight: bold;
    font-size: 1.2em;
}

#sendTrackDialog .info > div {
    padding: 6px 0px;
}

#sendTrackDialog input,
#sendTrackDialog label {
    float: left;
}

#sendTrackDialog label {
    width: 30px;
    text-align: left;
    margin-top: 1px;
}

#sendTrackDialog input,
#sendTrackDialog select {
    width: 150px;
}

#sendTrackDialog textarea {
    width: 100%;
    height: 65px;
}

#sendTrackDialog .error {
    color: red;
    margin-bottom: 10px;
}

.minimap,
.map,
.livemap,
.olMap {
    -ms-touch-action: none;
    touch-action: none;
}


#Logout {
    margin: 0px;
}

#delete-unit-confirm {
    height: 259px;
    padding: 0px 20px;
}

    #delete-unit-confirm .dialogIcon {
        font-size: 10em;
        color: red;
        text-align: center;
        padding: 20px 0px 10px 0px;
    }

    #delete-unit-confirm input {
        display: inline-block;
        width: 20px;
        border-radius: 5px;
        border: 1px solid #999;
        padding: 4px 8px;
    }


.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-dialog {
    z-index: 1003 !important;
    border-color:var(--main-color)!important;
    padding: 0px;
}

.ui-menu {
    z-index: 1005; /*above map*/
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: bold;
}

.ui-dialog .confirm-button {
    color: #fff;
    background: red;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 2px;
}

.ui-widget-overlay {
    background: #333333;
    opacity: .8;
    -ms-filter: Alpha(Opacity=80);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    /* border: 1px solid #dad55e; */
    border: none;
    background: #fffa90;
    color: #777620;
    padding: 10px;
    border-radius: 2px;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.8em;
    position: relative;
    background: var(--main-color);
    border: unset;
    border-bottom-width: 1px;
    border-bottom-color: rgb(221,221,221);
    border-bottom-style: solid;
    font-size: larger;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.toggleFlags {
    border: 1px solid #d7d7d7;
    background: #e1e2e7 url("../skins/lightness/images/ui-bg_glass_100_e1e2e7_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #333333;
    width: 90px;
    height: 16px;
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    border-radius: 4px;
    padding-top: 5px;
}

    .toggleFlags.active {
        border: 1px solid #d59d83;
        background: #e78f08 url("../skins/lightness/images/ui-bg_glass_30_e78f08_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #ffffff;
    }

.toggleFlagsList {
    position: absolute;
    z-index: 1005;
}

.ui-widget-fullmap .toggleFlagsList {
    position: fixed !important;
}

.toggleFlagsList {
    background: #fff;
    padding: 4px 0px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #eee;
}

    .toggleFlagsList > div {
        cursor: pointer;
        padding: 4px 10px;
        font-size: 1em;
    }


/*------------------------------------------------------------------*/

.place-map-icon {
    position: absolute;
    font-size: 1.6em;
    cursor: pointer;
}

    .place-map-icon .glyph {
        width: 0px;
        height: 0px;
        position: relative;
        z-index: 100;
    }

        .place-map-icon .glyph:before {
            margin: 0px !important;
            padding: 0px !important;
        }

    .place-map-icon .filling {
        background: #fff;
        position: relative;
        width: 12px;
        height: 12px;
        left: 2px;
        top: 2px;
        margin: 0px;
        padding: 0px;
        border-radius: 0px;
    }

    .place-map-icon .label {
        position: absolute !important;
        z-index: 200;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        white-space: nowrap;
        text-shadow: 2px 0 0 #2b2b2b, -2px 0 0 #2b2b2b, 0 2px 0 #2b2b2b, 0 -2px 0 #2b2b2b, 1px 1px #2b2b2b, -1px -1px 0 #2b2b2b, 1px -1px 0 #2b2b2b, -1px 1px 0 #2b2b2b;
        -webkit-font-smoothing: antialiased;
    }

.layer-switch-settings {
    cursor: pointer;
    padding-left: 5px;
    color: #444;
    font-size: 1.2em;
}

#mod_placeIconsForm {
}

    #mod_placeIconsForm .header {
        padding: 8px 25px 5px 25px;
    }

        #mod_placeIconsForm .header h5 {
            font-size: 2.2em;
            margin: 0px;
        }

    #mod_placeIconsForm .entry {
        width: 100px;
        text-align: center;
        padding: 10px 0px;
        margin-bottom: 5px;
        float: left;
        border-radius: 4px;
        margin: 10px 10px 18px 10px;
        border: 1px solid #ccc;
    }

        #mod_placeIconsForm .entry .close {
            text-decoration: none;
            left: 69px;
            top: -26px;
            font-size: 0.6em;
        }

            #mod_placeIconsForm .entry .close .btn {
                text-decoration: none;
                padding: 4px;
                color: #fff;
                background: red;
                width: 21px;
                display: block;
                -webkit-border-top-left-radius: 4px;
                -webkit-border-top-right-radius: 4px;
                -moz-border-radius-topleft: 4px;
                -moz-border-radius-topright: 4px;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

                #mod_placeIconsForm .entry .close .btn:before {
                    margin: 0px;
                }

    #mod_placeIconsForm .icon-preview {
        text-decoration: none;
        font-size: 4em;
        display: inline-block;
        width: 40px;
        height: 40px;
        border: 0px;
        -webkit-transition: background-color .5s, color .5s;
        
        -moz-transition: background-color .5s, color .5s;
        -ms-transition: background-color .5s, color .5s;
        -o-transition: background-color .5s, color .5s;
        transition: background-color .5s, color .5s;
    }

        #mod_placeIconsForm .icon-preview:hover {
            text-decoration: none;
            background: none;
            color: #666;
            border: 0px;
        }

        #mod_placeIconsForm .icon-preview .glyph-holder {
            position: relative;
            z-index: 100;
            width: 0px;
            height: 0px;
        }

            #mod_placeIconsForm .icon-preview .glyph-holder .glyps {
                font-size: 4em;
            }

        #mod_placeIconsForm .icon-preview .filling-holder {
            position: relative;
            z-index: 80;
            width: 0px;
            height: 0px;
            left: 6px;
            top: 4px;
        }

        #mod_placeIconsForm .icon-preview .filling {
            width: 30px;
            height: 30px;
            background: #fff;
        }

    #mod_placeIconsForm .entry .dayControl {
        margin-top: 10px;
    }

        #mod_placeIconsForm .entry .dayControl a {
            text-decoration: none;
            display: block;
            width: 50px;
            padding: 5px;
            color: #fff;
            background: #ffdaa8;
            margin: 0px auto;
            -webkit-transition: background-color .5s, color .5s;
            
            -moz-transition: background-color .5s, color .5s;
            -ms-transition: background-color .5s, color .5s;
            -o-transition: background-color .5s, color .5s;
            transition: background-color .5s, color .5s;
        }

            #mod_placeIconsForm .entry .dayControl a.plus {
                -webkit-border-top-left-radius: 4px;
                -webkit-border-top-right-radius: 4px;
                -moz-border-radius-topleft: 4px;
                -moz-border-radius-topright: 4px;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

            #mod_placeIconsForm .entry .dayControl a.minus {
                -webkit-border-bottom-right-radius: 4px;
                -webkit-border-bottom-left-radius: 4px;
                -moz-border-radius-bottomright: 4px;
                -moz-border-radius-bottomleft: 4px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 4px;
            }

            #mod_placeIconsForm .entry .dayControl a:hover {
                text-decoration: none;
                background-color: #eb8e0f;
            }

    #mod_placeIconsForm .entry .dayInput {
        margin: 0px;
        width: 50px;
        text-align: center;
        padding: 4px;
        font-size: 1.3em;
        border: 1px solid #ffdaa8;
    }

    #mod_placeIconsForm .entry select {
        display: inline-block;
        font-size: 1.4em;
        padding: 6px;
        border-radius: 4px;
    }

    #mod_placeIconsForm .entry .icon-place:before {
        margin: 0px !important;
    }

    #mod_placeIconsForm .content {
        padding: 15px 14px 8px 14px;
    }

    #mod_placeIconsForm .add {
        text-decoration: none;
        margin: 10px auto;
        width: 89%;
        padding: 12px;
        font-size: 3em;
        text-align: center;
        display: block;
        color: #fff;
        background-color: #ffdaa8;
        border-radius: 4px;
        -webkit-transition: background-color .5s, color .5s;
        -moz-transition: background-color .5s, color .5s;
        -ms-transition: background-color .5s, color .5s;
        -o-transition: background-color .5s, color .5s;
        transition: background-color .5s, color .5s;
    }

        #mod_placeIconsForm .add:hover {
            background-color: #eb8e0f;
        }

.days-ago-flag {
    font-weight: normal;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 4px;
}

.mod_alerts {
}

    .mod_alerts .moreBlock {
        padding-bottom: 10px;
    }

        .mod_alerts .moreBlock .period {
            color: #404040;
            margin: 10px 0px 4px 0px;
            font-weight: bold;
            font-size: 1.2em;
        }

        .mod_alerts .moreBlock .panel {
            background: #eee;
            padding: 8px 0px;
            border-radius: 4px;
        }

            .mod_alerts .moreBlock .panel .summary {
                font-weight: bold;
                font-size: 1.2em;
                padding: 4px 10px;
            }

            .mod_alerts .moreBlock .panel table {
                width: 100%;
                border-collapse: collapse;
                margin-top: 5px;
            }

                .mod_alerts .moreBlock .panel table th {
                    color: #404040;
                    text-align: left;
                    font-size: 1.2em;
                    padding: 8px 10px;
                    background: #eaeaea;
                }

                .mod_alerts .moreBlock .panel table td {
                    color: #404040;
                    text-align: left;
                    font-size: 1.2em;
                    padding: 8px 10px;
                    background: #f4f4f4;
                    border-bottom: 1px solid #c0c0c0;
                }

                    .mod_alerts .moreBlock .panel table td.error {
                        color: #fff;
                        background: #d44216;
                    }

                .mod_alerts .moreBlock .panel table tr:last-child td {
                    border-bottom: none;
                }

.alertAddEditForm {
    float: none !important; /*overrides float left from .crud*/
}

    .alertAddEditForm .addHolder {
        text-align: right;
        padding-top: 3px;
        padding-bottom: 3px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border: 1px solid #ccc;
        border-top: 0px;
    }

        .alertAddEditForm .addHolder > table {
            width: 100%;
        }

        .alertAddEditForm .addHolder input {
            width: unset;
        }

    .alertAddEditForm .entryList .entries {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #ccc;
        padding: 0px 0px;
        margin-bottom: 0px;
    }

    .alertAddEditForm .no-timespans {
        padding: 10px 20px;
        background: #eee;
        margin: 15px 0px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .alertAddEditForm .entryList {
        margin-bottom: 12px;
    }

        .alertAddEditForm .entryList .entries .timeTable {
            width: 100%;
        }

            .alertAddEditForm .entryList .entries .timeTable select {
                width: auto;
            }

            .alertAddEditForm .entryList .entries .timeTable td {
                border-bottom: 1px solid #eee;
            }

            .alertAddEditForm .entryList .entries .timeTable th.td {
                padding: 1px 1px;
                vertical-align: middle;
                text-align: center;
            }

            .alertAddEditForm .entryList .entries .timeTable th {
                background: #eee;
            }


    .alertAddEditForm .addTimespan select {
        width: 100px;
    }

    .alertAddEditForm .actionTable {
        width: 100%;
    }

        .alertAddEditForm .actionTable a {
            padding: 5px 15px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            display: inline-block;
            text-decoration: none;
        }

        .alertAddEditForm .actionTable input {
            width: 90%;
            padding: 10px;
        }

        .alertAddEditForm .actionTable td,
        .alertAddEditForm .actionTable th {
            padding: 10px 5px;
            vertical-align: middle;
            text-align: center;
        }

        .alertAddEditForm .actionTable th {
            background: #eee;
        }

        .alertAddEditForm .actionTable td {
            border-bottom: 1px solid #eee;
        }

    .alertAddEditForm .actionTableAddHolder select,
    .alertAddEditForm .actionTableAddHolder a {
        float: right;
        padding: 3px;
        display: block;
    }

    .alertAddEditForm .actionTableAddHolder a {
        padding: 5px 40px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
        display: inline-block;
        text-decoration: none;
    }

/*
.alertAddEditForm .field-row {
 padding: 10px 0px;
}

.alertAddEditForm .param-fields {
 width: 100%;
}

.alertAddEditForm .param-fields td {
 padding: 5px 0px;
}

.alertAddEditForm .param-fields td input,
.alertAddEditForm .param-fields td select,
.alertAddEditForm .param-fields td textarea {
 width: 200px;
 padding: 2px;
 box-sizing: border-box;
 border-radius: 4px;
}

.alertAddEditForm .param-fields .label {
 width: 100px;
 max-width: 100px;
 text-align: right;
}


*/
.alertFieldSet {
    padding: 0px 10px;
}


.alertFieldSet {
    padding: 0px 10px;
}


.crud fieldset.alertFieldSet {
    margin: 0px;
    padding: 0px 20px;
}


    .crud fieldset.alertFieldSet > div {
        margin: 0px;
        padding: 0px;
    }

.alertFieldSet .title {
    color: #666;
    font-weight: bold;
    padding-top: 10px;
    margin: 6px 14px 6px 0px;
    margin-right: 42px;
}

.alertFieldSet button {
    float: none;
}
/*
.crud fieldset.alertFieldSet {
 margin: 0px;
 padding: 0px 20px;
}

.crud fieldset.alertFieldSet > div {
 margin: 0px;
 padding: 0px;
}

.alertFieldSet .title {
 color: #666;
 font-weight: bold;
 padding-top: 10px;
 margin: 6px 14px 6px 0px;
 margin-right: 42px;
}

    /*
.alertFieldSet .fieldGroup {
 margin-left: 10px;
 margin: 0px 14px;
 text-align: left;
}

.alertFieldSet .field {
 margin-bottom: 10px;
}

.alertFieldSet .field .descriptions {
 padding-bottom: 16px;
}

.alertFieldSet .fieldGroup > div:last-of-type {
 margin-bottom: 0px;
}

.alertFieldSet .field .desc {
 margin: 8px 0px;
 padding: 0px 0px 0px 8px;
 border-left: 5px solid #ccc;
}

.alertFieldSet .field .desc span {
 color: #333;
 padding: 4px 0px;
 display: inline-block;
}

.alertFieldSet .field .select {
 overflow-y: scroll;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-bottomleft: 4px;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
 border: 1px solid #ccc;
 max-height: 100px;
}

.alertFieldSet .field .dropdown {
 width: 96px!important;
 background: #fff;
 position: absolute;
 z-index: 1000;
 margin-top: -1px;
 box-sizing: border-box;
 padding: 3px;
}

.alertFieldSet .field .select > a:last-of-type {
 border-bottom: 0px;
}

.alertFieldSet .field .select .option {
 display: block;
 text-decoration: none;
 color: #333;
 padding: 4px 8px;
 border-bottom: 1px solid #eee;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}


/*
.alertFieldSet .field .select .option:hover {
 color: #333;
 background: #fee8c9;
}

.alertFieldSet .field .select .selected {
 color: #fff!important;
 background: #f1b665!important;
}*/

.alertFieldSet .field .date > input,
.alertFieldSet .field .time > input {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #666;
    border: 1px solid #ccc;
    padding: 4px 10px;
    width: 75px;
}

.alertFieldSet .field .date > .ui-datepicker-trigger,
.alertFieldSet .field .time > .ui-datepicker-trigger {
    margin: 0px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    border-left: 0px;
    color: #666;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    cursor: hand;
}

    .alertFieldSet .field .date > .ui-datepicker-trigger:hover,
    .alertFieldSet .field .time > .ui-datepicker-trigger:hover {
        color: #fff;
        background: 0;
    }

.alertFieldSet .field .cost > input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #666;
    border: 1px solid #ccc;
    padding: 4px 10px;
    width: 75px;
}

.alertFieldSet select {
    float: none;
    padding: 0px 2px;
}

.alertFieldSet label,.alertFieldSet input {
	float:none;
}

.rssfeedcontainer {
    border-radius: 5px;
    text-align: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Trebuchet MS', Verdana, Arial;
    font-size: 1.2em;
    border: 0px solid #CCCCCC;
}

.rssfeedheader {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    color: #FFF;
    background-color: #DCDCDC;
    background-image: none;
}

    .rssfeedheader .feed_title {
        margin: 0;
        padding: 0;
        font-weight: bold;
        word-wrap: break-word;
    }

        .rssfeedheader .feed_title a:link {
            color: #FFFFFF;
            text-decoration: none;
        }

        .rssfeedheader .feed_title a:visited {
            color: #FFFFFF;
            text-decoration: none;
        }

        .rssfeedheader .feed_title a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

        .rssfeedheader .feed_title a:active {
            color: #FFFFFF;
            text-decoration: none;
        }

.rssfeedcontent {
    height: 180px;
    overflow: hidden;
    margin: 0 20px 0 0;
    padding: 5px 0px 0px 0px;
    background-color: #FFFFFF;
    background-image: none;
}

    .rssfeedcontent .feed_item {
        margin: 0 0 7px 0;
        padding: 0 0 7px 0;
        border-bottom: 1px dashed #CCCCCC;
        clear: both;
    }

    .rssfeedcontent .feed_item_title {
        margin: 1px 0 1px 3px;
        padding: 1px 2px 1px 3px;
        color: #747373;
        font-weight: bold;
    }

        .rssfeedcontent .feed_item_title a:link {
            color: #747373;
            text-decoration: none;
        }

        .rssfeedcontent .feed_item_title a:visited {
            color: #747373;
            text-decoration: none;
        }

        .rssfeedcontent .feed_item_title a:hover {
            color: #747373;
            text-decoration: underline;
        }

        .rssfeedcontent .feed_item_title a:active {
            color: #747373;
            text-decoration: none;
        }

    .rssfeedcontent .feed_item_podcast {
        margin: 0 0 0 3px;
        padding: 0 0 0 3px;
    }

    .rssfeedcontent .feed_item_date {
        margin: 0 0 0 3px;
        padding: 0 2px 0 3px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        clear: both;
    }

    .rssfeedcontent .feed_item_link {
        margin: 0 0 0 3px;
        padding: 0 2px 0 3px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        clear: both;
    }

        .rssfeedcontent .feed_item_link a:link {
            color: #666666;
            text-decoration: none;
        }

        .rssfeedcontent .feed_item_link a:visited {
            color: #666666;
            text-decoration: none;
        }

        .rssfeedcontent .feed_item_link a:hover {
            color: #666666;
            text-decoration: none;
        }

        .rssfeedcontent .feed_item_link a:active {
            color: #666666;
            text-decoration: none;
        }

    .rssfeedcontent .feed_item_description {
        overflow: hidden;
        margin: 0 20px 0 3px;
        padding: 0 2px 0 3px;
        color: #666666;
        line-height: 135%;
        word-wrap: break-word;
        clear: both;
    }

        .rssfeedcontent .feed_item_description a {
            font-family: 'Trebuchet MS', Verdana, Arial;
            font-size: 1.3em;
            color: #666666;
            text-decoration: underline;
        }

        .rssfeedcontent .feed_item_description p {
            font-family: 'Trebuchet MS', Verdana, Arial;
            font-size: 1.1em;
            color: #666666;
        }

    .rssfeedcontent .feed_item_thumbnail {
        width: 110px;
        height: 100px;
        float: left;
        margin: 5px;
        overflow: hidden;
    }

.rssfeedfooter {
    display: none;
    height: 0px;
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    background-color: #FFFFFF;
    background-image: none;
}

.scroll-pane {
    width: 100%;
    overflow: auto;
}

div.topUpBlock {
    text-align: center;
}

    div.topUpBlock .btnTable {
        width: 100%;
    }

        div.topUpBlock .btnTable .left,
        div.topUpBlock .btnTable .right {
            text-align: left;
            padding: 0px;
            vertical-align: middle;
        }

        div.topUpBlock .btnTable .left {
            color: #fff;
            padding-right: 10px;
            width: 60%;
        }

        div.topUpBlock .btnTable .right {
            text-align: center;
        }

    div.topUpBlock a.button {
        display: inline-block;
        padding: 8px 15px;
        background: #ea9d25 /*url(../Images/topup.png) center center no-repeat*/
        ;
        border-radius: 30px;
        text-decoration: none;
        color: var(--main-light-color);
        font-weight: bold;
        transition: background-color 0.5s ease;
        border: 3px solid #d78c31;
        text-align: center;
    }

        div.topUpBlock a.button:hover {
            background-color: #dccf95;
            border: 3px solid #e8a24d;
        }

    div.topUpBlock .bubble {
        pointer-events: none;
        display: block;
        position: relative;
        width: 270px;
        height: 30px;
        background: #fc0c0c;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        top: -50px;
        padding: 5px;
        font-size: 1.2em;
        transition: all 0.5s ease;
    }

        div.topUpBlock .bubble:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 15px 15px 0;
            border-color: #fc0c0c transparent;
            display: block;
            width: 0;
            z-index: 1;
            bottom: -15px;
            left: 120px;
        }

.circleblob {
    width: 0px;
    height: 0px;
    border-radius: 50%;
    border-style: solid;
    border-width: 8px;
}



.amdReport {
    color: #666666;
    padding: 0px 0px;
    /* hide bits for print */
}

.amdReportFill {
    overflow-x:hidden;
    overflow-y:auto;
}

    .amdReport .colcontent {
        position: relative;
    }

    .amdReport .colleft {
        position: absolute;
        float: left;
        width: 42px;
        height: 100%;
    }

    .amdReport .colright {
        margin-left: 42px;
    }

    .amdReport.amdReportFullscreen {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 1000;
        background-color: #fff;
        padding: 10px 10px;
    }

    .amdReport .amdReportBorder {
        background: #ccc;
        padding: 1px;
        -webkit-border-radius: 4px;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius: 4px;
        -moz-border-radius-bottomright: 0;
        border-radius: 4px;
        border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
    }

    .amdReport .amdReportHeader {
        border-bottom: 1px solid #ccc;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background: #eee;
        -webkit-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        -moz-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
    }

    .amdReport.reportDashboard > .amdReportTabContent > .amdReportHeader {
        margin-bottom: 1px;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #eee;
        -webkit-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        -moz-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
    }

    .amdReport.reportDashboard {
        color: #666;
    }

        .amdReport.reportDashboard .reportLayout {
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

        .amdReport.reportDashboard .innerCell {
            position: absolute;
            border: none;
            height: 290px;
            width: 290px;
            padding: 0px;
            margin: 0px;
        }

        .amdReport.reportDashboard .innerCellBorder {
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .amdReport.reportDashboard .innerCell > a.addBtn {
            display: none;
        }

        .amdReport.reportDashboard .innerCellBorder > a.addBtn {
            position: relative;
            display: block;
            box-sizing: border-box;
            width: 120px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 10px 16px;
            text-align: center;
            text-decoration: none;
            color: #fff;
            font-weight: bold;
            font-size: 1.2em;
            background: #ccc;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .amdReport.reportDashboard .innerCellBorder > button {
            position: relative;
            display: block;
            box-sizing: border-box;
            width: 120px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .amdReport .amdReportHeaderPadding {
        padding: 4px 8px 4px 8px;
    }

    .amdReport .amdReportChartName {
        font-weight: bold;
        float: left;
        font-size: 1.3em;
        padding: 6px 0px 0px 0px;
    }

        .amdReport .amdReportChartName .amdReportChartUserName {
            color: #666;
        }

    .amdReport .amdReportCommonButtons {
        float: right;
    }

        .amdReport .amdReportCommonButtons > div {
            float: right;
        }

        .amdReport .tr_group_1 {
    
        }

    .amdReport .tr_group_1 td {
        vertical-align: bottom;
        font-weight: bold;
        background-color:var(--main-light-color)!important;
    }

    .amdReport .tr_group_2 {
        height:4rem;
    }

    .amdReport .tr_group_2 td {
        border-top-style:none!important;
        border-bottom:solid;
        border-bottom-width:1px;
        vertical-align: bottom;
        background-color:#eeeeee!important;
    }

    /*
.amdReport .amdReportCommonButtons button,
.amdReport .amdReportCommonButtons label {
  display: block;
height: 26px;
}
.amdReport .amdReportCommonButtons label {
  height: 24px;
}
.amdReport .amdReportCommonButtons input {
  display: block;
  position: relative;
  width: 0px;
  height: 0px;
  font-size: 0px;
  display: none;
}
    */

    .amdReport .amdReportContent {
        overflow: hidden;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius: 4px;
        -moz-border-radius-bottomright: 0;
        border-radius: 4px;
        border-bottom-right-radius: 0;
    }

    .amdReport .amdReportScrollable {
        overflow-y: auto;
        overflow-x: hidden;
        height: 600px;
    }

    .amdReport .amdReportScrollableHidden {
        overflow-y: hidden !important;
        overflow-x: hidden !important;
    }

    .amdReport .amdReportScrollableDisable {
        overflow-x: visible !important;
        overflow-y: visible !important;
        width: auto !important;
        height: auto !important;
    }

    .amdReport .amdReportTabs {
        padding: 0px;
        height: 26px;
    }

        .amdReport .amdReportTabs .amdReportTimePlayer {
            float: left;
        }

        .amdReport .amdReportTabs .amdReportTabsAlign {
            float: right;
        }

        .amdReport .amdReportTabs .tab {
            display: block;
            float: left;
            color: #888;
            font-weight: bold;
            font-size: 1.2em;
            text-decoration: none;
            margin-left: 4px;
            background: #ccc;
            padding: 4px 20px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .amdReport .amdReportTabs .tab:hover {
                padding: 4px 30px !important;
            }

            .amdReport .amdReportTabs .tab.selected {
                padding: 4px 30px !important;
            }

    .amdReport .loadingIcon {
        height: 100%;
        background: #fff url(../images/loading.gif) no-repeat center center;
    }

    .amdReport .fillParametersButton {
        height: 100%;
    }

        .amdReport .fillParametersButton > a {
            position: relative;
            display: block;
            font-size: 1.2em;
            box-sizing: border-box;
            width: 200px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 10px 16px;
            text-align: center;
            text-decoration: none;
            color: #fff;
            font-weight: bold;
            background: #ccc;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }



    .amdReport .parent {
        margin: 0px 20px;
    }

    .amdReport a.greyButton {
        display: block;
        box-sizing: border-box;
        padding: 4px 16px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        background: #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }


    .amdReport .optionsTab .group {
        margin: 8px 16px;
        padding: 10px 16px;
    }

        .amdReport .optionsTab .group h1 {
            margin: 0px;
            padding: 0px 0px 0px 20px;
            border-left: 12px solid #ff0000;
            margin-bottom: 18px;
        }

            .amdReport .optionsTab .group h1.valid {
                border-left: 12px solid #00ff00;
            }

    .amdReport .optionsTab .progress {
        font-size: 1.2em;
        margin: 16px auto 16px auto;
        max-width: 600px;
        text-align: left;
    }

        .amdReport .optionsTab .progress .circle,
        .amdReport .optionsTab .progress .bar {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            display: block;
            float: left;
            width: 40px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            border: 1px solid #d5d5da;
            text-align: center;
            color: #666;
            background: #fff;
        }

        .amdReport .optionsTab .progress .circle {
            text-align: center;
        }

            .amdReport .optionsTab .progress .circle .label {
                display: inline-block;
                width: 32px;
                height: 32px;
                line-height: 32px;
                border-radius: 32px;
                margin-top: 5px;
                font-size: 1.7em;
            }

        .amdReport .optionsTab .progress .bar {
            border-color: #d5d5da;
            background: #eee;
            width: 6px;
            height: 94%;
            margin: 5px 16px 30px 18px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }



        .amdReport .optionsTab .progress .title {
            float: left;
            color: #666;
            font-weight: bold;
            line-height: 30px;
            margin: 6px 14px;
            margin-right: 42px;
        }

        .amdReport .optionsTab .progress .fieldGroup {
            margin-left: 10px;
            margin: 0px 14px;
            text-align: left;
        }

            .amdReport .optionsTab .progress .fieldGroup > div:last-of-type {
                margin-bottom: 0px;
            }
/*.amdReport .optionsTab*/ .field {
    margin-bottom: 16px;
}
    /*.amdReport .optionsTab*/ .field .descriptions {
        padding-bottom: 16px;
    }
    /*.amdReport .optionsTab*/ .field .desc {
        margin: 8px 0px;
        padding: 0px 0px 0px 8px;
        border-left: 5px solid #ccc;
    }
        /*.amdReport .optionsTab*/ .field .desc span {
            color: #333;
            padding: 4px 0px;
            display: inline-block;
        }
    /*.amdReport .optionsTab*/ .field .select {
        overflow-y: scroll;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border: 1px solid #ccc;
        max-height: 100px;
    }
        /*.amdReport .optionsTab*/ .field .select > a:last-of-type {
            border-bottom: 0px;
        }
        /*.amdReport .optionsTab*/ .field .select .option {
            display: block;
            text-decoration: none;
            color: #333;
            padding: 4px 8px;
            border-bottom: 1px solid #eee;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    /*.amdReport .optionsTab .field .select .option:hover {
  color: #333;
  background: #fee8c9;
}*/

    /*.amdReport .optionsTab .field .select .selected {
  color: #fff!important;
  background: #f1b665!important;
}*/

    /*.amdReport .optionsTab*/ .field .dropdown {
        width: 96px !important;
        background: #fff;
        position: absolute;
        z-index: 1000;
        margin-top: -1px;
        box-sizing: border-box;
        padding: 3px;
    }
    /*.amdReport .optionsTab*/ .field .date > input,
    /*.amdReport .optionsTab*/ .field .time > input {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #666;
        border: 1px solid #ccc;
        padding: 4px 10px;
        width: 75px;
    }
    /*.amdReport .optionsTab*/ .field .date > .ui-datepicker-trigger,
    /*.amdReport .optionsTab*/ .field .time > .ui-datepicker-trigger {
        margin: 0px;
        padding: 4px 6px;
        border: 1px solid #ccc;
        border-left: 0px;
        color: #666;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        cursor: pointer;
        cursor: hand;
    }


    .field .textinput input {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #666;
        border: 1px solid #ccc;
        padding: 4px 10px;
        width: 75px;
    }

    /*.amdReport .optionsTab*/ .field .cost > input {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #666;
        border: 1px solid #ccc;
        padding: 4px 10px;
        width: 75px;
    }
    /*.amdReport .optionsTab*/ .field .days .day {
        display: inline-block;
        background: #ccc;
        border-radius: 6px;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        padding: 12px 10px;
        min-width: 40px;
        text-align: center;
        -webkit-transition: background-color 0.5s, color 0.5s;
        -moz-transition: background-color 0.5s, color 0.5s;
        -ms-transition: background-color 0.5s, color 0.5s;
        -o-transition: background-color 0.5s, color 0.5s;
        transition: background-color 0.5s, color 0.5s;
    }

    /*
.amdReport .optionsTab .field .days .selected {
  background: #f1b665;
}*/


    /*.amdReport .optionsTab*/ .field .days .disabled {
        cursor: default;
        background: #aaa;
    }
/*.amdReport .optionsTab*/ .warn {
    color: red;
}
/*.amdReport .optionsTab*/ .finishedText {
    position: relative;
    top: -5px;
    left: 14px;
    color: #666;
}
    /*.amdReport .optionsTab*/ .finishedText a.greyButton {
        margin-top: 19px;
        width: 80%;
    }

.amdReport .detailReport {
    color: #666;
    padding-bottom: 10px;
    font-size: 1.2em;
}

    .amdReport .detailReport .detailsFor {
        float: left;
        display: block;
        padding: 8px 8px;
    }

    .amdReport .detailReport .discoverLocations {
        padding: 4px 4px;
        float: right;
    }

        .amdReport .detailReport .discoverLocations .working {
            background-color: #aaa !important;
            cursor: default !important;
        }


    .amdReport .detailReport .instructions {
        color: #666;
        padding: 12px 0px 12px 0px;
        font-weight: bold;
        text-align: center;
    }

    .amdReport .detailReport .backButton {
        display: block;
        cursor: pointer;
        cursor: hand;
        color: #888;
        font-weight: bold;
        text-decoration: none;
        background: #ccc;
        padding: 10px 20px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 60%;
        margin: 0px auto;
        text-align: center;
    }

    .amdReport .detailReport .tableBlock {
        background-color: #fff;
    }

    .amdReport .detailReport table.customTable {
        margin: 0px;
        padding: 0px;
        border: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        width: 100%;
        table-layout: fixed;
    }

        .amdReport .detailReport table.customTable td,
        .amdReport .detailReport table.customTable th {
            -webkit-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
            -moz-box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
            box-shadow: inset 0px 0px 19px 0px rgba(51, 51, 51, 0.05);
        }

        .amdReport .detailReport table.customTable tr td,
        .amdReport .detailReport table.customTable tr th {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        /*.amdReport .detailReport table.customTable tbody tr:hover td,
.amdReport .detailReport table.customTable tbody tr:hover th {
  background: #fee8c9;
}*/

        .amdReport .detailReport table.customTable tbody tr.clickable:hover td,
        .amdReport .detailReport table.customTable tbody tr.clickable:hover th {
            cursor: pointer;
            cursor: hand;
        }
        /*
.amdReport .detailReport table.customTable tbody tr.selected td,
.amdReport .detailReport table.customTable tbody tr.selected th {
  color: #fff;
  background: #f1b665;
}*/

        .amdReport .detailReport table.customTable th,
        .amdReport .detailReport table.customTable td {
            text-align: left;
            border-width: 0px;
        }

        .amdReport .detailReport table.customTable th {
            color: #666;
            text-align: left;
            padding: 10px 12px;
            vertical-align: middle;
            background: #ececec;
        }

            .amdReport .detailReport table.customTable th div.sortable {
                width: 100%;
                display: table-row;
                cursor: pointer;
                cursor: hand;
            }

                .amdReport .detailReport table.customTable th div.sortable > div {
                    display: table-cell;
                    vertical-align: middle;
                    text-align: left;
                }

                    .amdReport .detailReport table.customTable th div.sortable > div.btn {
                        padding: 0px 2px;
                    }

        .amdReport .detailReport table.customTable tbody th {
            background: #fff;
            border-bottom: 2px solid #eee;
        }

        .amdReport .detailReport table.customTable td {
            padding: 10px 12px;
            border-bottom: 2px solid #eee;
            vertical-align: top;
        }

        .amdReport .detailReport table.customTable tr > td:last-of-type {
            border-right: none;
        }

        .amdReport .detailReport table.customTable tr.key td {
            color: red;
        }

            .amdReport .detailReport table.customTable tr.key td div.label {
                display: block;
                padding: 2px 10px;
                border-radius: 20px;
                margin-top: 5px;
                width: 50px;
                margin: 5px auto 0px auto;
                text-align: center;
            }

        .amdReport .detailReport table.customTable td.datetime span.startPrint {
            border-radius: 0px;
        }

    /*.amdReport .detailReport table.detailTable tbody tr:hover td,
.amdReport .detailReport table.detailTable tbody tr:hover th {
  background: #e1f1fd;
}*/

    .amdReport .detailReport .tableBlock .innerWhite {
        padding: 0px;
        border-radius: 0px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
    }

    .amdReport .detailReport table.customTable th.datetime,
    .amdReport .detailReport table.customTable td.datetime {
        text-align: center;
    }

    .amdReport .detailReport table.customTable th.money,
    .amdReport .detailReport table.customTable td.money {
        text-align: left;
    }

    .amdReport .detailReport table.customTable th.distance,
    .amdReport .detailReport table.customTable td.distance {
        text-align: left;
    }

    .amdReport .detailReport table.customTable th.include,
    .amdReport .detailReport table.customTable td.include {
        text-align: center;
    }

    .amdReport .detailReport table.customTable td.highlight {
        color: red;
    }



    .amdReport .detailReport table.customTable td.include .prettycheckbox label {
        display: none;
    }

    .amdReport .detailReport table.customTable td.include .prettycheckbox label,
    .amdReport .detailReport table.customTable td.include .prettycheckbox a {
        float: none;
    }

.amdReport .reportingPeriod {
    padding: 0px;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 1.2em;
    height: 30px;
    position: relative;
    z-index: 999;
}

    .amdReport .reportingPeriod.amdReportFixed > .clearfix > .pull-left {
        padding: 8px;
    }

    .amdReport .reportingPeriod.amdReportFixed > .clearfix > .pull-right {
        padding: 8px;
        padding-right: 16px;
    }

    .amdReport .reportingPeriod > span {
        position: relative;
        left: 8px;
        top: 9px;
        float: left;
    }

.amdReport .small-size .reportingPeriod {
    font-size: 1em;
}

.amdReport .time-scale-widget {
    position: absolute;
    z-index: 800;
    height: 0px;
    width: 100%;
}

    .amdReport .time-scale-widget .time-scale-inner {
        width: 500px;
        height: 15px;
        padding: 7px 20px 4px 20px;
        margin: auto;
        background: #fff;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
    }

        .amdReport .time-scale-widget .time-scale-inner .range-slider-label {
            padding-right: 12px;
            position: relative;
            top: -1px;
        }

        .amdReport .time-scale-widget .time-scale-inner .range-slider {
            width: 410px;
        }

            .amdReport .time-scale-widget .time-scale-inner .range-slider .ui-widget-header {
                background: #e78f08;
            }

            .amdReport .time-scale-widget .time-scale-inner .range-slider .timerange-tooltip {
                position: absolute;
                top: 20px;
                left: -50px;
                width: 90px;
                text-align: center;
                color: #666;
                font-weight: normal;
                padding: 10px 10px;
                background: #fff;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
                -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
            }

                .amdReport .time-scale-widget .time-scale-inner .range-slider .timerange-tooltip .arrow {
                    padding: 10px 2px;
                    border-radius: 4px;
                }

.amdReport .small-size .time-scale-widget {
    font-size: 1em;
}

    .amdReport .small-size .time-scale-widget .time-scale-inner {
        padding: 5px 20px;
    }

.amdReport .printDialog {
    padding: 0px !important;
    overflow: hidden !important;
}

.amdReport .printDialogWithScrollbar {
    overflow: auto !important;
}

.amdReport .small-size table th,
.amdReport .small-size table td {
    font-size: 1em;
}

.amdReport .printStyles .time-scale-widget {
    display: none !important;
}

.amdReport .printStyles .detailReport .sortable .btn {
    display: none !important;
}

.amdReport .printStyles .detailReport .instructions {
    display: none !important;
}

.amdReport .printStyles .detailReport .backButton {
    display: none !important;
}

.amdReport .printStyles .detailReport table.customTable tr.key td div.label {
    border-radius: 0px;
}

.amdReport .olControlLayerSwitcherEX .layersDiv {
    padding-top: 8px;
    padding-bottom: 8px;
}

    .amdReport .olControlLayerSwitcherEX .layersDiv .dataLbl,
    .amdReport .olControlLayerSwitcherEX .layersDiv .baseLbl {
        margin-top: 2px;
        margin-bottom: 2px;
    }

.amdReport .dashboardPrintTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .amdReport .dashboardPrintTable td {
        width: 50%;
    }

.amdReport .reportDesc {
    position: relative;
    display: inline-block;
    z-index: 102;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
}

    .amdReport .reportDesc .icon {
        font-size: 17.3em;
        text-align: center;
        vertical-align: middle;
    }

    .amdReport .reportDesc .text {
        font-size: 1.4em;
        line-height: 20px;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
    }


    .amdReport .reportDesc button {
        display: block;
        box-sizing: border-box;
        width: 200px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }



    .amdReport .reportDesc p {
        padding: 5px 0px;
        margin: 0px;
    }

.amdReport .small-size .reportDesc {
    width: 320px;
}

    .amdReport .small-size .reportDesc .icon {
        font-size: 9em;
    }

    .amdReport .small-size .reportDesc .text {
        font-size: 1em;
        line-height: 12px;
    }

    .amdReport .small-size .reportDesc .btn {
        width: 160px;
        padding: 8px;
        font-size: 1em;
    }

.amdReport .tableBlock .summary-header {
    padding: 20px;
    background: #eee;
}

    .amdReport .tableBlock .summary-header > div {
        padding: 4px 0px;
        font-size: 1.4em;
    }

    .amdReport .tableBlock .summary-header .label {
        font-weight: bold;
        display: inline-block;
        width: 125px;
    }

    .amdReport .tableBlock .summary-header .title {
        font-weight: bold;
    }

    .amdReport .tableBlock .summary-header .value {
        font-weight: normal;
    }

.reportDashboardAddReport button {
    display: block;
    box-sizing: border-box;
    width: 120px;
    padding: 10px 16px;
    margin: 32px auto;
    /*text-align: center;
  text-decoration: none;*/
    /*  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  background: #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;*/
}

.reportDashboardAddReport h3 {
    margin-bottom: 20px;
}

.reportDashboardAddReport ul {
    list-style: none;
    margin-left: 0px;
    margin-right: 10px;
    padding: 0px;
}

    .reportDashboardAddReport ul li {
        font-weight: bold;
        margin: 0;
        padding: 3px 8px 5px 5px;
        border-bottom: 1px solid #ccc;
        color: #666;
        background-color: #fff;
        -webkit-transition: background-color 0.5s, color 0.5s;
        -moz-transition: background-color 0.5s, color 0.5s;
        -ms-transition: background-color 0.5s, color 0.5s;
        -o-transition: background-color 0.5s, color 0.5s;
        transition: background-color 0.5s, color 0.5s;
    }

        .reportDashboardAddReport ul li:hover {
            color: #000;
            background-color: #ddd;
            cursor: pointer;
            cursor: hand;
        }

.reportDashboard .amdReport:not(.amdReportFullscreen) .time-scale-widget .time-scale-inner {
    width: 220px;
}

    .reportDashboard .amdReport:not(.amdReportFullscreen) .time-scale-widget .time-scale-inner .range-slider {
        width: 125px;
    }

.livemap-menu {
    width: 200px;
    z-index: 10000;
    position: relative;
}

    .livemap-menu .livemap-menu-header {
        padding: 6px 6px;
        background: #cccccc;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        margin-bottom: 0px;
    }

        .livemap-menu .livemap-menu-header .icon {
            font-size: 1.2em;
            vertical-align: middle;
        }

        .livemap-menu .livemap-menu-header .close-btn {
            margin-top: 0px;
            background: none;
            border: none;
            font-size: 0.8em;
            cursor: pointer;
            padding: 4px 4px 4px 4px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            color: #fff;
            float: right;
            -webkit-transition: background-color 0.25s linear, color 0.25s linear;
            -moz-transition: background-color 0.25s linear, color 0.25s linear;
            -o-transition: background-color 0.25s linear, color 0.25s linear;
            transition: background-color 0.25s linear, color 0.25s linear;
        }

.connectiondown {
    color: red;
    text-decoration: line-through;
}

.google-visualization-table > div {
    overflow: unset !important;
}

.context-menu-item-fontella {
    padding-left: 1rem !important;
}

.context-menu-list {
    padding-top: 0 !important;
    padding-bottom: 0.4rem !important;
    font-size: 1.1rem !important;
}

.context-menu-item {
    padding: .4em 2em !important;
}

.context-menu-separator {
    padding: 0 !important;
}

.jquerycontext-title:before {
    content: attr(jquerycontext-menutitle);
    display: block;
    background: #DDD;
    padding: 0.4em;
    font-size: 1.1em;
    font-weight: bold;
}


.ui-resizable-helper {
    border: 8px solid rgb(127, 127, 127);
    border: 8px solid rgba(255, 127, 127, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    z-index: 100000 !important;
}

.dvr-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.dvr-container-1:first-of-type {
    flex: 0 100%;
    color: white;
}

.dvr-container-2 {
    flex: 0 50%;
    color: white;
}

.dvr-container-3:first-of-type {
    flex: 0 100%;
    color: white;
}

.dvr-container-3 {
    flex: 0 50%;
    color: white;
}

.dvr-container-4 {
    flex: 0 50%;
    color: white;
}


.dvr-container-5:first-of-type {
    flex: 0 100%;
    color: white;
}

.dvr-container-5 {
    flex: 0 50%;
    color: white;
}


.dvr-container-6 {
    flex: 0 33%;
    color: white;
}



.rcards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.rcards_item {
    display: flex;
    padding: 1rem;
    flex-grow: 1;
    min-width: 300px;
}

@media (min-width: 56rem) {
    .rcard_item {
        width: 50%;
    }
}

/*
@media (min-width: 56rem) {
  .rcard_item {
    width: 33.3333%;
  }
}*/

.rcard {
    background-color: var(--main-color-subpanel-bg);
    border-radius: 0.25rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-grow: 1;
}


.rcard_content {
    padding: 1rem;
    /*background: linear-gradient(to bottom left, #EF8D9C 40%, #FFC39E 100%);*/
    font-size: 1.1em;
}

    .rcard_content p span:not(:first-child) {
        float: right;
    }


    .rcard_content p span a {
        font-weight: bold;
    }

.rcard_title {
    color: #bdbec0;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0px;
}

.rcard_subtitle {
    color: #333;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0px;
}


.rcard_text {
    color: #000000;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    font-weight: 400;
}


td.details-control {
    /*  background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;*/
    cursor: pointer;
}

tr.shown td.details-control {
    /*  background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;*/
}


.navigation-menu {
    float: right;
    display: block;
    align-items: center;
}

.navigation-menu-item {
		display:inline-block;
        border-left: 1px hidden;
            padding-top:0.2em;
        padding-bottom:0.2em;
}

.navigation-menu-item:not(:last-child) {
     border-right:var(--main-color) 1px solid;
}

.navigation-menu-item a {
    
    font-size: 14px;
    padding: 0.4em 0.4em 0.4em 0.4em;
    transition: .3s linear;
    text-decoration: none;
    color: #747373;
}

.navigation-menu-item .highlight {
    background-color: unset !important;
    color: var(--main-color) !important;
    font-weight: bold;
    text-decoration: underline;
}

.navigation-menu-item:hover {
    transform: scale(1.1);
}

.navigation-menu-expand-collapse
{   
    display: none;
}


@media screen and (max-width:900px) {
    .banner_left, .banner_right, .banner_middle {
        display: none;
    }

    .menu-toggle-btn {
        display: block !important;
    }

    .right-top-menu .navigation-menu {
        position: fixed;
        background: lightgrey;
        top: 90px;
        right: 0px;
        display: none;
        padding: 10px 50px 10px 10px;
        box-sizing: border-box;
        z-index: 999;
    }

    .right-top-menu .navigation-menu-item {
        display: block;
    }

    .navigation-menu-item:not(:last-child) {
        border: unset;
    }

    .right-top-menu .navigation-menu-expand-collapse {
        float: right;
        display: flex;
        align-items: center;
    }

    .right-top-menu .navigation-menu .navigation-menu-item span:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid lightgrey;
        position: absolute;
        top: -10px;
        right: 10px;
    }

    .right-top-menu .navigation-menu .navigation-menu-item a {
        display: block;
    }

    .right-top-menu .navigation-menu.navigation-menu-item.active {
        display: block;
    }

   
}