/******   ARCHITECT TEMPLATE   *****************************************************************************************/
.templateNoBorder {
    border: none;
}

/* Accordion Animation */
.webix_accordionitem {
    transition: 0.6s;
}

.groupAccSettings .webix_header {
    background: #D3E46F;
    color: #000000;
}

.webix_icon_btn.fas.fa-trash-alt{
    color: #303030;
}

.webix_icon_btn.fas.fa-trash-alt:hover {
    font-size: 1.6em;
    transition-delay:0.2s;
    /* filter: drop-shadow(2px 3px 1px rgb(202, 62, 62)); */
}

.webix_button.webix_img_btn{
    background: none;
    border: none;
    padding-top: 3px;
}

.webix_button.webix_img_btn:hover {
    background: none;
}

/******   SPACING   ******/
.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}

.ml-2  {
    margin-left: 0.5rem !important;
}

.mt-2, .my-2  {
    margin-top:  0.5rem !important;
}

.widget .spacer  {
    grid-column: 1 / 5;
}

.widget .line  {
    height: 0;
    width: 100%;
    border-bottom: 1px solid lightgray;
}

/******   BADGE   ******/
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge {
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    min-width: 19px;
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

/* primary */
.badge-primary {
    color: #fff;
    background-color: #3f6ad8;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #2651be;
}

/* secondary */
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

/* success */
.badge-success {
    color: #fff;
    background-color: #3ac47d;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #2e9d64;
}

/* info */
.badge-info {
    color: #fff;
    background-color: #16aaff;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #0090e2;
}

/* warning */
.badge-warning {
    color: #212529;
    background-color: #f7b924;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #e0a008;
}

/* danger */
.badge-danger {
    color: #fff;
    background-color: #d92550;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #ad1e40;
}

/* light */
.badge-light {
    color: #212529;
    background-color: #eeeeee;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #d5d5d5;
}

/* dark */
.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

/* focus */
.badge-focus {
    color: #fff;
    background-color: #444054;
}

a.badge-focus:hover, a.badge-focus:focus {
    color: #fff;
    background-color: #2d2a37;
}

/* alt */
.badge-alternate {
    color: #fff;
    background-color: #794c8a;
}

a.badge-alternate:hover, a.badge-alternate:focus {
    color: #fff;
    background-color: #5c3a69;
}


/**** GROUP TREE ****/

.gtStatusTiny {
    margin-top: 3px;
    line-height: 9px;
    font-size: 9px;
    text-align: right;
}



/******   SERVICES   ***************************************************************************************************/
.ezeioServicesList .webix_scroll_cont .webix_list_item {
    padding: 0;
}

.svcAccTable {
   table-layout: fixed; 
   width: 100%;
   margin-bottom: 15px;
}

.svcAccHdr{
    height:25px;
    background:#D3E46F;
}

.svcCtlTable {  
   border-collapse: collapse;
   table-layout: fixed; 
   width: 100%;
   margin-bottom: 15px;
}

.svcCtlTable .svcCatLine {
    
}

.svcCtlTable td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.svcCtlTable .svcCatLine td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 2px solid #CCC;
}

.svcCtlTable .svcCatLine td:nth-child(2) {
    text-align: center;
}

.svcCtlTable td:nth-child(2) {
    text-align: right;
}

.svcCtlTable td:nth-child(3) {
    text-align: center;
}

.svcCtlTable td:nth-child(4) {
    text-align: center;
}

.svcCat {
    padding: 0px 15px 5px 15px;
    background:#FFF;
}

.svcPkg {
    padding: 0 30px;
    color: #8A9D1D;    
}

.svcSku {
    padding: 0px 15px 5px 15px;
    background:#FFF;     
}

.svcDesc {
    white-space: pre-line;
    word-wrap: break-word;
    padding-left: 15px;
    font-size: 0.85em;
    line-height: 100%;
    color:#999;
}

.svcCtlHdr{
    height:25px;
    background:#D3E46F;
}

.svcSerial {
    font-family: monospace;
    font-size: 1.2em;
    font-weight: bold;
}

.svcActHeader{
    padding: 0px 15px 5px 15px;
    border-left: 8px solid #D3E46F;
}

.svcColCmd {
    float: right;
    text-align: right;
    width: 125px;
}

/******   CART   ******/
.cartTable {
    width: 100%;
    border-collapse: collapse;
}

.cartSection {
    background-color: #D3E46F;
    line-height: 20px; 
    font-weight: bold;
}

.cartSection td {
    border-top: 10px solid #FFF;
    padding-left: 10px;
}

.svcColExp {
    float: right;
    text-align: right;
    width: 125px;    
}

.cartPrice {
    font-family: monospace;
    font-weight: bold;
    font-size: 1.2em;
    text-align: right;
    color: #2651be;
}

.cartDescription {
    white-space: pre-line;
    word-wrap: break-word;
    padding-left: 15px;
    font-size: 0.85em;
    line-height: 100%;
    color:#999;    
}




/******   GROUP MAP   **************************************************************************************************/
.mapTooltip hr, .pointInfoWindow hr {
    color: #f0f0f0;
}

.mapTooltip ul li .badge {
    display: inline-block;
    padding: 2px .4em;
    border-radius: .25rem;
    font-size: 65%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.mapTooltip ul li .badge-na {
    background-color: #DDD;
    color: #FFF;
}

.mapTooltip ul li .badge-err  {
    background-color: #E06828;
    color: #FFF;
}

.mapTooltip ul li .badge-warn {
    background-color: #ffc107;
    color: #000;
}

.mapTooltip ul li .badge-ok {
    background-color: #98A820;
    color: #FFF;
}

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

.mapTooltip ul li {
    padding: 2px 0px 2px 0px;
    max-height: 16px;
}

.mapTooltip .fa-stack {
    height: 16px;
    line-height: 16px;
    margin-top: -4px;
}

/* Compact map-popup close button: shrink the button and its X icon together so
   the whole icon stays clickable. */
div.gm-style-iw-chr button {
    width: 32px !important;
    height: 24px !important;
}

div.gm-style-iw-chr button span {
    margin: 0 4px !important;
}

.pointInfoWindow {
    width: 300px;
}

.pointInfoWindow div, .mapTooltip {
    font-weight: 400;
    font-size: 13px;
    font-family: Arial;
}

.pointInfoWindow table {
    padding-top: 0px;
    margin-top: 0px;
    overflow:scroll;
    height: 50px !important;
    min-width: 275px;
}

.pointInfoWindow table tbody tr td {
    vertical-align: top;
}

.pointInfoWindow table tr:nth-child(even) {
    background-color: #f0f0f0;
}

.tableContainer {
    height: 100px;
    overflow-y: scroll;
    margin-top: 15px;
}

.infoTableHead th{
    position:sticky;
    top:0;
    background-color: white;
}


.form-info {
   padding: 10px;
   background:#FF0;
   border-radius: 5px;
   border: #AA0 solid 1px;
   margin-bottom: 15px;
   font-size:13px;
   height: auto;
   width: 86% !important;
}