/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/MaterialIcons-Regular.woff2) format('woff2');
}
*  {color:#fff}
*[ng-click] {
    outline: none;
}
a {
    color: #559fde;
}

#body, #footer, #header {
    max-width:1200px !important;
    width: 100%;
}

#body-wrap, header, footer {
    width:100%
}

body, html {
    min-height:100% !important;
    background-color:#555;
}

.btn-white {
    background-color: #fff;
}

.btn-white:hover {
    background-color: #aaa !important;
}

.btn-white span {
    color: rgb(66,66,66);
}

.color-green {
    color:rgb(76,175,80);
    margin: 0 10px;
}

.color-red {
    color:#f00;
}

.color-yellow {
    color:rgb(204,204,0);
}
            
div.parent {
    position: relative;
}

div.parent .child {
    background-color:rgb(66,66,66);
    display: none;
    position: absolute;
    left: 0;
    top:43px;
}

div.parent .child hr {
    margin-top: 6px;
    margin-bottom: 0;
    border-top: 1px solid #222;
}

div.parent .child ul {
    border: 1px solid #222;
    border-top: none;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    list-style: none;
    margin: 0;
    padding: 4px 0;
}

div.parent .child ul li {
    padding: 8px 0;
}

div.parent:hover .child, div.parent .child:hover, div.parent.active .child {
    display: block;
    min-width: max-content;
}

header md-toolbar {
    background-color: rgb(44, 44, 44);
    color: rgba(255, 255, 255, 0.87);
    margin: 0 auto !important;
    max-width: 1200px !important;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #222;
}

.hide-tabs>md-tabs-wrapper {
    display: none !important;
}

hr {
    margin-top:0;
}

input, textarea {
    color: #444;
}

.main-title h2 {
    font-size:42px;
}

.m0 { margin: 0;
}
.mb0 {
    margin-bottom: 0;
}

md-content {
    background-color: rgb(66,66,66)!important;
}

md-option:hover, md-option[selected] {
    background-color: rgb(44,44,44)!important;
}

.md-panel-outer-wrapper {
    position: fixed;
    left: 0;
    top: 0;
}

.md-panel-outer-wrapper,._md-panel-backdrop {
    width:100%;
    height: 100%;
}

md-toast {
    position: fixed;
    z-index: 150;
}

md-toolbar {
    border: 1px solid #000;
    border-radius: 4px;
    min-height: 0;
    padding: 4px;
}

md-toolbar input {
    width: 150px;
    height: 35px;
}

md-toolbar a, md-toolbar div.parent {
    border-radius: 4px;
    color: white;
    cursor: pointer;
    font-size: 18px;
    margin: 0 12px;
    padding: 10px 8px;
}

md-toolbar a:hover, md-toolbar div.parent:hover {
    background-color: #888;
    color: #fff;
    text-decoration: none;
}

.offer-result-item {
    background-color: rgb(66,66,66);
    border-radius: 4px;
    border: 1px solid #000;
    margin: 8px 0 0;
}

#order-track * {
    margin: 0 4px;
}

#order-track .btn {
    color: black;
}

#order-track input {
    background-color: rgb(66,66,66);
    border: 1px solid #222;
    border-radius: 4px;
    color: #fff;
    max-width: 200px;
}

#order-track input:focus {
    background-color: #fff;
    color: rgb(66,66,66);
}

.panel-body * {
    color: #333;
}

.panel-default {
    background: white;
    border-radius: 4px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    position: absolute;
    width: 500px;
}

.panel-huge {
    background: white;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    max-height: 100vh;
    overflow: auto;
    position: absolute;
    width: 1200px;
    max-width:100%;
}

.panel-wrap md-toolbar {
    border-radius:0;
    border: none;
}

.panel-wrap md-toolbar .close {
    color: #fff;
    cursor: pointer;
    font-size: 35px;
    margin-right: 15px;
    opacity: 1;
}

.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
}

@media (max-width: 600px) {
    .modern-table .grid-col:first-of-type {
        width:45vw!important;
    }
}

/* SM */
@media (min-width:600px) and (max-width:959px) {

}

/* GT-XS */
@media (min-width:600px) {
}

/* XS */
@media (max-width:599px) {

}