.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 10px; }

.row {
  margin-right: -10px;
  margin-left: -10px; }

.tableSimple.table>tbody>tr>td, .tableSimple.table>tbody>tr>th, .tableSimple.table>tfoot>tr>td, .tableSimple.table>tfoot>tr>th{
    border:0;
}
.tableSimple.table>thead>tr>td, .tableSimple.table>thead>tr>th{
    border-bottom: 1px solid   #eee;border-top: 1px solid   #eee;
}

.ui-widget-content a{color:var(--font-color-onclick);}
.ui-widget-content a:hover{color:var(--font-color-onclick-hover);}




.htContextMenu{z-index:999999991; color:#222;}
.htContextMenu table{color:#222;}

#hot table{}
  #hot{background: var(--background-1);}

.handsontable td, .handsontable th{
	background: var(--background-1);
    border-right: 1px solid var(--color-border-cell);
    border-bottom: 1px solid var(--color-border-cell);}
.handsontable tr:first-child td, .handsontable tr:first-child th{
	border-top: 1px solid var(--color-border-cell);}

.handsontable th:last-child{    border-right: 1px solid var(--color-border-cell);
    border-bottom: 1px solid var(--color-border-cell);}

.handsontable.htRowHeaders thead tr th:nth-child(2), .handsontable th:nth-child(2), .handsontable td:first-of-type, .handsontable th:first-child{    border-left: 1px solid var(--color-border-cell);}

.handsontable th{background-color:var(--background-2);color:var(--font-colorBasic);}

.handsontable .htAutocompleteArrow {color:var(--color-lightelt-cell);}

.handsontable .htDimmed{color:var(--color-dimmed-cell);}

.handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight{
	background-color:var(--background-highlight-cell)}


.handsontable .columnSorting.ascending:after{color:var(--color-light-cell2:);}
.handsontable.listbox tr:hover td, .handsontable.listbox tr td.current{background:var(--color-selected-cell) }



  .jconfirm .jconfirm-box{background:  transparent;border:1px solid var(--font-color4);}
  .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{background:var(--back-main);opacity: .93}

.jconfirm .jconfirm-box.loading:before{background: transparent;}

.jconfirm .title{font-size: 1.1em;}



#tabs {
    position: relative;
    padding-left: 12em;
    border:0;
    border-radius: 0 1px 1px 0;
    background: var(--back-transparent-1);
    padding-top: 0;
    padding-right: 0;

                padding-bottom: 0;
                float: left;
          margin-bottom: 30px;
}



#tabs .ui-tabs-nav {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 12em;
    padding: 0;
    border:0;
    border-radius: 0;
}
#tabs .ui-tabs-nav li {
    /*right: 1px;*/
    width: 100%;

    border-radius: 1px 0px 0px 1px;
    overflow: hidden;
    line-height: 40px;
    border:0;
    margin: 0;
    background: none;
    color: var(--back-highlight1);
}


#tabs .ui-tabs-nav li.ui-tabs-selected,
#tabs .ui-tabs-nav li.ui-state-active {
   /*border-right: 1px solid #fff;*/
   background: var(--back-transparent-force1);

   opacity: 1

}
#tabs .ui-tabs-nav li.ui-tabs-selected a,
#tabs .ui-tabs-nav li.ui-state-active a{
  color:var(--font-colorStrong);font-weight: bold;
}
#tabs.ui-tabs-nav li a {
    float: right;
    width: 100%;
    text-align: right;
}
#tabs .ui-tabs-panel {
    min-height: 30em;
    background: none;

}
#tabs .ui-widget-header{background: var(--back-transparent-force5);border-right: 1px solid var(--font-colorBasic);}


#tabs .ui-tabs-anchor{
  line-height: 40px;
  width: 100%;
}

#tabs .tabsStateIcon{    float: right;
    position: relative;
    top: 13px; }
#tabs .ui-tabs-nav .tabslidone{background:none;}
#tabs .ui-tabs-nav li.tabslidone i{color:#41B3A3;}

#tabs .ui-tabs-nav .tabslidone li:hover{color:#41B3A3;background: #fff}
#tabs .ui-tabs-nav li.tabslidone.ui-state-active i{color:#41B3A3;}

#tabs .ui-tabs-nav .tabslicurrent{background:none;}
#tabs .ui-state-default a, .ui-state-default a:link{color:var(--font-color-onclick);}
#tabs .ui-state-default a:hover, .ui-state-default a:link:hover{color:var(--font-color-onclick-hover);}

#tabs .ui-tabs-nav li.tabslicurrent.ui-state-active i{color:#659DBD;}
#tabs .ui-tabs-nav .tabslierror{background:#E27D60}
#tabs .ui-tabs-nav li.tabslierror.ui-state-active i{color:#E27D60;}
#tabs .ui-tabs-nav .tabslidone li:hover, .tabslierror li:hover, .tabslicurrent li:hover{opacity: 1;background: #ccc}
#tabs .ui-tabs-nav .tabslidone a:hover, .tabslierror a:hover, .tabslicurrent a:hover{font-weight: : bold;}





#tabs .tabphaseicons{    font-size: 16px;
    margin-right: 7px;}

    #tabs .hum{    font-size: 19px;
    margin-right: 4px;}









#tabs-min {
    float:left;
    border:0;
    border-radius: 0 0 1px 1px;
    width: 100%;
    background: var(--back-3);
    color:#ddd;
    min-height: 444px;
    padding: 0;padding-bottom: 10px;
}

#tabs-min .ui-widget-content{color:var(--font-colorBasic);}
#tabs-min .ui-widget-header {
    background: var(--back-2);
    border: none;
    border-bottom: 1px solid #fff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#tabs-min .ui-tabs-nav .ui-state-default {
    background: transparent;
    border: none;
}
#tabs-min .ui-tabs-nav .ui-state-active {
    background: transparent url(images/uiTabsArrow.png) no-repeat bottom center;
    border: none;
}


#tabs-min .ui-tabs-nav .ui-state-default a {
    color: var(--font-color-onclick); padding: .5em 1.5em .5em 1em;
}


#tabs-min .tabsStateIcon{    float: right;margin-left:7px;
    position: absolute; }


#tabs-min .tabphaseicons{    font-size: 15px;
    margin-right: 7px;}

    #tabs-min .hum{     font-size: 18px;
    margin-right: 4px;
    line-height: 11px;
    top: 1px;
    position: relative;}




#tabs-min .ui-tabs-nav li.tabslidone.ui-state-active .tabsStateIcon{color:#41B3A3;}
#tabs-min .ui-tabs-nav .tabslicurrent{color:#659DBD;}
#tabs-min .ui-tabs-nav li.tabslicurrent.ui-state-active i{color:#659DBD;}

#tabs-min .ui-tabs-nav li.tabslierror.ui-state-active i{color:#E27D60;}
#tabs-min .ui-tabs-nav .tabslidone li:hover, .tabslierror li:hover, .tabslicurrent li:hover{opacity: 1;}
#tabs-min .ui-tabs-nav li>a:hover{text-decoration: underline;}


#tabs-min .tabslidisabled {color:#666;}


#tabs-min .ui-tabs-nav .ui-state-active a {
       color: #eee;
}





.tabs-min {
    float:left;
    border:0;
    border-radius: 0 0 1px 1px;
    width: 100%;
    background: var(--back-3);
    color:#ddd;
    min-height: 444px;
    padding: 0;padding-bottom: 10px;
}
.tabs-min .ui-widget-header {
    background: var(--back-2);
    border: none;
    border-bottom: 1px solid #fff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.tabs-min .ui-tabs-nav .ui-state-default {
    background: transparent;
    border: none;
}
.tabs-min .ui-tabs-nav .ui-state-active {
    background: transparent url(images/uiTabsArrow.png) no-repeat bottom center;
    border: none;
}


.tabs-min .ui-tabs-nav .ui-state-default a {
    color: var(--font-color-onclick);
}


.tabs-min .tabsStateIcon{    float: right;margin-left:7px;
    position: relative; }


.tabs-min .tabphaseicons{    font-size: 15px;
    margin-right: 7px;}

    .tabs-min .hum{     font-size: 18px;
    margin-right: 4px;
    line-height: 11px;
    top: 1px;
    position: relative;}




#tabs-min .ui-tabs-nav li.tabslidone.ui-state-active .tabsStateIcon{color:#41B3A3;}
#tabs-min .ui-tabs-nav .tabslicurrent{color:#659DBD;}
#tabs-min .ui-tabs-nav li.tabslicurrent.ui-state-active i{color:#659DBD;}

#tabs-min .ui-tabs-nav li.tabslierror.ui-state-active i{color:#E27D60;}
#tabs-min .ui-tabs-nav .tabslidone li:hover, .tabslierror li:hover, .tabslicurrent li:hover{opacity: 1;}
#tabs-min .ui-tabs-nav li>a:hover{text-decoration: underline;}


#tabs-min .tabslidisabled {color:#666;}


#tabs-min .ui-tabs-nav .ui-state-active a {
       color: #eee;
}










#customdatatable_container{float:left}
#customdatatable_container .dataTables_paginate{font-size:1em; padding:5px}
#customdatatable_container .dataTables_paginate a{padding:1px 7px}
#customdatatable_container .pagination{margin:0;}

#custom_total{float:left; padding:5px; margin-left:10px; font-size:1em}


.pagination>li>a, .pagination>li>span{background: none;border:none;color:#ddd;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
  background: none
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color:white;border-color:white;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background: rgba(42, 63, 84, 1);color: white}

.dataInput{
  position: absolute;
  padding: 1rem;
  z-index: 50;
  background-color: var(--back-3);
}

.btn-datatable {
  background: transparent!important;
  color: var(--font-color-onclick)!important;
}

.pageTop .pagination {
  margin: 0;
}

    z-index: 500;
.bulk-actions {
  display: none; }

table.countries_list {
  width: 100%; }

table.countries_list td {
  padding: 0 10px;
  line-height: 30px;
  border-top: 1px solid #eeeeee; }

.dataTables_paginate a {
  /* padding: 6px 9px !important; */
  /*background: #ddd !important;
  border-color: #ddd !important;*/border:none; }

.paging_full_numbers a.paginate_active {
  background-color: rgba(38, 185, 154, 0.59) !important;
  border-color: rgba(38, 185, 154, 0.59) !important; }

button.DTTT_button, div.DTTT_button, a.DTTT_button {
  border: 1px solid #E7E7E7 !important;
  background: #E7E7E7 !important;
  box-shadow: none !important; }

table.jambo_table {
  border: 1px solid rgba(221, 221, 221, 0.78); }

table.jambo_table thead {
  background: rgba(52, 73, 94, 0.94);
  color: #ECF0F1; }

table.jambo_table tbody tr:hover td {
  background: rgba(38, 185, 154, 0.07);
  border-top: 1px solid rgba(38, 185, 154, 0.11);
  border-bottom: 1px solid rgba(38, 185, 154, 0.11); }

table.jambo_table tbody tr.selected {
  background: rgba(38, 185, 154, 0.16); }

table.jambo_table tbody tr.selected td {
  border-top: 1px solid rgba(38, 185, 154, 0.4);
  border-bottom: 1px solid rgba(38, 185, 154, 0.4); }

.dataTables_paginate a {
  background: #ff0000; }

.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1; }

.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white; }

table.dataTable th.focus,
table.dataTable td.focus {
  outline: 2px solid #1ABB9C !important;
  outline-offset: -1px; }

table.display {
  margin: 0 auto;
  clear: both;
  width: 100%; }

table.display thead th {
  padding: 8px 18px 8px 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  cursor: pointer; }

table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold; }

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa; }

table.display td {
  padding: 3px 10px; }

table.display td.center {
  text-align: center; }

table.display thead th:active, table.display thead td:active {
  outline: none; }

.dataTables_scroll {
  clear: both; }

.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch; }

.top .dataTables_info {
  float: none; }

.clear {
  clear: both; }

.dataTables_empty {
  text-align: center; }

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E; }

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E; }

.example_alt_pagination div.dataTables_info {
  width: 40%; }

.paging_full_numbers {
  width: 400px;
  height: 22px;
  line-height: 22px; }

.paging_full_numbers a:active {
  outline: none; }

.paging_full_numbers a:hover {
  text-decoration: none; }

.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer; }

.paging_full_numbers a.paginate_button {
  background-color: #ddd; }

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important; }

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF; }

table.display tr.even.row_selected td {
  background-color: #B0BED9; }

table.display tr.odd.row_selected td {
  background-color: #9FAFD1; }

div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080FF;
  background-color: #E5E5FF; }






#cboxOverlay{background-color: var(--back-main)}


/*ajax tables */
.customtable1{/*background-color: rgba(255,255,255,0.89);box-shadow: 3px 0px 4px #aaa;*/}

.customtable1 thead{background-color:var(--back-transparent-main);}
.customtable1>tbody>tr>td{border-top:0;border-left: 1px solid var(--back-highlight2);}
.customtable1 > thead > tr > th {border-bottom: 1px solid var(--back-highlight2);}

table.dataTable tbody tr {
    background: var(--back-transparent-1);
}

table.dataTable tbody tr:hover{background: var(--back-transparent-3);cursor: pointer;}

table.dataTable tbody tr.selected{background: var(--back-highlight2);
    color:var(--font-colorStrong);}

table.dataTable > *:first-child:not(thead) td:first-child {
  font-weight: bold;
}

table.dataTable thead th, table.dataTable tfoot th {font-weight: normal;}
/*fix the positioning of sorting icons in datatables */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right:auto;left:4px;
}
table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after{top: 4px; }

#tableCol .table>thead:first-child>tr:first-child>th{
    line-height: 27px;
    font-size: 1.1em;
    color: var(--font-colorStrong);
        padding-right: 10px;
    padding-left: 22px;

  }
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{padding-right: 10px;padding-left:22px }

#customdatatable_container  .pagination>.active>a {background-color:var(--color-nav-green);}



.autocomplete-suggestions {
    border: 1px solid var(--font-color-onclick);
    background: var(--back-transparent-4);
    cursor: default;
    overflow: auto;
    font-size: 0.9em;
    z-index: 100000000!important;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.autocomplete-selected{ background: var(--back-transparent-3);}



.formContainer .parsley-errors-list ol, .formTable .parsley-errors-list ul{margin-bottom: 0}

input.parsley-error, textarea.parsley-error, select.parsley-error {
    background: var(--back-transparent-4);
    border: 1px solid var(--font-colorError);
}

ul.parsley-errors-list {
    list-style: none;
    color:var(--font-colorError);
    padding-left: 0;
}


.progress{background-color: var(--back-transparent-3)}
.progress-bar{border-top-right-radius:0;}
.progress-bar.ui-widget-content{background: var(--back-select-transparent-1);}
.progress-bar.ui-widget.ui-widget-content{border: none;}
.ui-progressbar{text-align: center;font-family: var(--font-family-title);    color: var(--font-colorBasic);}


.btn-secondary {

    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;

}

.btn-outline-primary {

    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;

}

.btn-outline-primary:hover {

    color: #fff;
    background-color: #007bff;
    border-color: #007bff;

}

.btn-outline-secondary {

    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;

}

.btn-outline-secondary:hover {

    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;

}

.btn-outline-secondary {

    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;

}

.btn-outline-secondary:hover {

    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;

}

.btn-outline-success {

    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;

}

.btn-outline-success:hover {

    color: #fff;
    background-color: #28a745;
    border-color: #28a745;

}

.btn-outline-danger {

    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;

}
.btn-outline-danger:hover {

    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;

}

.btn-outline-warning {

    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;

}

.btn-outline-warning:hover {

    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;

}

.btn-outline-info {

    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;

}

.btn-outline-info:hover {

    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;

}



.leaflet-container {background: var(--back-main);}
.leaflet-container a {

    color: var(--font-color-onclick);

}
.leaflet-control-layers{background: var(--font-color4);color:var(--font-colorBasic)}
.leaflet-control-attribution{background: var(--back-transparent-4)!important;color:var(--font-colorBasic);}

.leaflet-control-coordinates{background: var(--back-transparent-4)}

.leaflet-bar a{color:var(--font-colorBasic);}
.leaflet-bar a, .leaflet-bar a:hover{background-color: var(--font-color4)}

.leaflet-bar a:hover{color:var(--font-colorStrong);}