@font-face{
   font-family:DineroSans;
   src:url("fonts/DineroSans-Regular.woff2") format("woff2"),
   url("fonts/DineroSans-Regular.woff") format("woff");
   font-weight:normal;
   font-style:normal;
   font-display:swap
}
@font-face {
font-family:DineroSans;
src:url("fonts/DineroSans-Semibold.woff2") format("woff2"),
url("fonts/DineroSans-Semibold.woff") format("woff");
font-weight:600;font-style:normal;
font-display:swap
}
@font-face{
font-family:DineroSans;
src:url("fonts/DineroSans-SemiboldItalic.woff2") format("woff2"),url("fonts/DineroSans-SemiboldItalic.woff") format("woff");
font-weight:600;
font-style:italic;
font-display:swap
}
@font-face{
font-family:DineroSans;
src:url("fonts/DineroSans-Bold.woff2") format("woff2"),url("fonts/DineroSans-Bold.woff") format("woff");
font-weight:bold;
font-style:normal;font-display:swap
}
@font-face{
font-family:DineroSans;
src:url("fonts/DineroSans-BoldItalic.woff2") format("woff2"),url("fonts/DineroSans-BoldItalic.woff") format("woff");
font-weight:bold;
font-style:italic;
font-display:swap
}

body, #content, #nav, .page-content {
  background-color: #222222 !important;
  background-color: #f4f4f4 !important;
  background-color: #656564 !important;
}
.page-content, .pagination {
   color: e0e0e0;
}
.openRow {
    background: url('../images/plus15.png') no-repeat center center;
    background-color: rgb(57, 64, 68) !important;
    cursor: pointer;
    padding-left: 30px !important;
}
.close {
    background: url('../images/details_close.png') no-repeat center center;
}

.base {
    cursor: pointer;
    color: black;
    background-color: rgb(57, 64, 68) !important;
    color: e1e1e1;
}

.working {
    cursor: pointer;
}

#modal_wait {
    background: transparent; 
    width: 0px;
    height: 0px;
    position: absolute;
    border-radius:10px;
    z-index:1000;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.timepicker,
.datepicker {
  height: 2.3rem !important;
  font-size: 14px !important;
}

.datepicker-modal, .timepicker-modal {
   top: 20% !important;
}

.dropdown-content {
  overflow-x: hidden;
}

#therow {
   background-color: white; 
}

#Gateways:hover {
   background-color: #cfd8dc; 
  background-color: #16a2d6;
  color: white;
}

.data {
   margin-top: 0; 
   margin-bottom: 0;                       
   padding-left: 5%;
}


.margin {
   margin-top: 0; 
   margin-bottom: 0; 
}

.margin-label {
   margin-top: 5px; 
}

input[type=select]:disabled + label,
input[type=select]:disabled,
input[type=textarea]:disabled,
input[type=textarea] + label,
textarea.materialize-textarea:disabled + label, 
input[type=text] + label,
input[type=text]:disabled + label {
   color: #009688;
   color: grey;
}

textarea.materialize-textarea:disabled,
input[type=text]:disabled {
   color: #303030;
}

input#filename.file-path.validate {
   height: 30px;
   margin-top:5px;
}

#fileToUpload {
   opacity: 0;
   position: absolute;
   z-index: -1;
   margin-top:5px;
}

.file-field input.file-path {
width:76%  !important; 
}

.file-field input[type=file] {
    width:76% !important;
}

.btn {
    padding-top:0px;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #0F7095;
    padding-top:0px;
}
.select-dropdown.dropdown-content li.selected:hover {
    background-color: rgba(0, 0, 0, 0.03);
    color: black;
}

.select-dropdown.dropdown-content li:hover {
    background-color: rgba(0, 0, 0, 0.08);
    background-color: #16a2d6;
    color: white;
}
.dropdown-content li > a, .dropdown-content li > span {
    color: inherit;
}

#contextMenu li:hover, #contextMenu li.active {
    background-color: #16a2d6 !important;
    color: white;
    font-size: 14px !important;
}
.dropdown-content li > a, .dropdown-content li > span {
   font-size: 14px !important;
}
.activetr {
   background-color: rgb( 0, 0, 0, 0.2 ) !important;
}
ul.dropdown-client li:hover {
 background-color:#90a4ae;
}

#newCampaign {
   top:15% !important;
}   

#start_stop_Modal {
   top:20% !important;
   width: 400px;
}   

/*
.dropdown-gateways {
   background-color: white;
   opacity: 1;
   overflow-y: auto;
   border-bottom: 1px solid #d0d0d0;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
ul.dropdown-gateways li {
   line-height:3em;
   height:3em;
   vertical-align: middle;
   color: #009688;
   color: black;
   min-height: 3em;
   text-align: left;
   padding: 0px 16px;
}
ul.dropdown-gateways li:hover {
 background-color:#90a4ae;
    background-color: #16a2d6;
    color: white;
}
*/

/* .dropdown-content { */
.gateways ul {
    height: 300px !important;
    top: -200px !important;
    overflow-y: auto;
    overflow-x: hidden;
} 




