body {
    background-color: #0f1115;
    color: #ffffff;
    font-weight: 300;
}
body h5 {
    font-weight: 300;
}
h4 {
    text-align: center;
}
h5 {
    text-align: center;
}
@media screen and (max-width: 1300px) {
    #logo-container {
        display: none !important;
    }
}
nav .brand-logo {
    height: 64px !important;
}
nav .brand-logo img {
    height: 32px;
    margin-top: 12px;
    position: relative !important;
}
nav .brand-logo.center {
    left: 450px !important;
}
nav {
    background-color: #1c1e22;
}
.btn, .btn-large {
    background-color: #ffffff;
    color: #000000;
    margin-bottom: 3px;
}
.btn:hover, .btn-large:hover {
    background-color: #ffffff;
}
.btn:hover, .btn-large:hover, .btn-floating:hover {
    box-shadow: 0 3px 3px 0 rgba(255,255,255,0.24), 0 1px 7px 0 rgba(255,255,255,0.22), 0 3px 1px -1px rgba(255,255,255,0.3);
}
.input-field label {
    color: #ffffff;
}
.first-top-input-field {
    margin-top: 2rem;
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border-bottom: 1px solid #ffffff;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 1px 0 0 #ffffff;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #ffffff;
}
table.striped>tbody>tr:nth-child(odd) {
    background-color: #1c1e22;
}
div.history div.row {
    border-bottom: 1px solid #d1d1d1;
    word-wrap: break-word;
    margin-bottom: 0px;
    padding-bottom: 4px;
}
div.history div.row div.s12 {
    border-top: 1px dashed #B5B5B5;
}
div.history>div.row:nth-child(odd) {
    background-color: #1c1e22;
}
table {
    margin-bottom: 10px;
}
table td {
    position: relative;
}
.relations {
    overflow: hidden;
}
.hidden {
    display: none;
}
input[type=number] {
    margin: 0;
    height: 22px;
}
#hist_form {
    margin-bottom: 0;
}
.section.filter {
    margin-bottom: 1rem;
    border: 1px solid rgba(255,255,255,.5);
    box-sizing: border-box;
}
.section.filter .row {
    margin-left: 0;
    margin-right: 0;
}
.section.filter .row:last-child {
    margin-bottom: 0;
}
select {
    background-color: #1c1e22;
    display: block;
}
.section.history {
    padding: 10px;
}
.section input[type=datetime-local]::-webkit-inner-spin-button { margin-top: 12px; }
.section input[type=datetime-local]::-webkit-calendar-picker-indicator { background: transparent; }
.section select, .section textarea {
    margin-right: 10px;
}
section {
    text-align: center;
    margin-top: 32px;
}
section label{
    text-align: left;
    display: inherit;
}
section.auth h5{
    text-align: center;
}
section.auth .btn,
section.main .btn.btn-main{
    margin: 0 auto;
}
input[type="submit"],
input[type="button"]{
    line-height: inherit;
    overflow: hidden;
}
.tabs{
    background-color: #0f1115;
}
.tabs .indicator {
    background-color: #ee6e73;
}
#tab1,
#tab2,
#tab3{
    padding: .75rem;
}
.section #tab1 input[type="submit"],
.section #tab2 input[type="submit"],
.section #tab3 input[type="submit"]{
    line-height: inherit;
    overflow: hidden;
}
.section .btn.waves-input-wrapper {
    margin-top: 4px;
}
#index-banner {
    margin-bottom: 20px;
}
.error {
    top: 125px;
    width: 100%;
    text-align: center;
    color: rgba(255, 0, 0, 1);
    word-wrap: break-word;
}
#section-message {
    margin: 0;
}
.success {
    text-align: center;
    color: rgba(255, 255, 255, 1);
}
.section ul.tabs{
    overflow-x: hidden;
}
input[type=text]::-webkit-input-placeholder {color:#AAAAAA;}
input[type=text]::-moz-placeholder          {color:#AAAAAA;}
input[type=text]:-moz-placeholder           {color:#AAAAAA;}
input[type=text]:-ms-input-placeholder      {color:#AAAAAA;}
input[type=password]::-webkit-input-placeholder {color:#AAAAAA;}
input[type=password]::-moz-placeholder          {color:#AAAAAA;}
input[type=password]:-moz-placeholder           {color:#AAAAAA;}
input[type=password]:-ms-input-placeholder      {color:#AAAAAA;}
textarea::-webkit-input-placeholder {color:#AAAAAA;}
textarea::-moz-placeholder          {color:#AAAAAA;}
textarea:-moz-placeholder           {color:#AAAAAA;}
textarea:-ms-input-placeholder      {color:#AAAAAA;}
textarea:focus {outline: none;}

textarea {
    border: 1px solid #ffffff;
}

input[type=number] {
    height: 45px;
}

.btn-pressed {
    background-color: gray;
}

.three_col td {
    width: 33.3%;
}

input[type=checkbox] {
    position: relative;
    opacity: 100%;
}
#show_password_l {
    margin-top: -15px;
    margin-left: 0px;
    margin-bottom: 10px;
}
.popup_block {
    position: fixed;
    overflow-x: no-content;
    overflow-y: auto;
    width:80%;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-height:150px;
    background-color: #0f1115;
    border: 2px solid #ee6e73;
    z-index: 111;
    margin: auto;
    left:10%;
    top:20%;
    word-wrap: break-word;
}
.close_popup {
    color: white;
    display: inline-block;
    float: right;
}
#logo-container {
    font-size: 1.7rem !important;
}
.timeFrom,
.timeTo {
    margin-right: 10px;
}
#timeFrom,
#timeTo {
    width: 80%;
}
.form-submit {
    text-align: center;
}
.form-submit button.btn {
    padding: 0 4rem;
}
.time {
    font-size: 15px;
}
table.users tr,
table.companies tr {
    background: #1c1e22;
}
table.striped.users > thead > tr.first,
table.striped.companies > thead > tr.first {
    background: #0f1115;
}
table tr.first {
    font-size: 20px;
    font-weight: 900;
}
.order_col {
    margin: 10px 0;
    display: inline-block;
    color: #ffffff;
}
.order_col:hover {
    color: #039be5;
}
[type="checkbox"].filled-in:checked+label:after {
    background: transparent;
    border: 2px solid #5a5a5a;
}
.section textarea {
    box-sizing: border-box;
}
.modal-success .message:focus {
    outline: none;
}
.modal:focus {
    outline: none;
}
.modal,
.modal .modal-footer {
    background: #5a5a5a;
}
.modal .modal-footer .btn {
    margin: 6px 3px;
}

.input-field input[type=text].valid + label,
.input-field input[type=password].valid + label,
.input-field input[type=email].valid + label{
	color: #4CAF50;
}


.input-field input[type=text].invalid + label,
.input-field input[type=password].invalid + label,
.input-field input[type=email].invalid + label{
	color: #F44336;
}

.input-field input[type=text]:focus + label,
.input-field input[type=password]:focus + label,
.input-field input[type=email]:focus + label{
	color: #FFF;
}

table.information td {
    padding: 5px;
}
.btn-flat.btn-pressed:hover {
    background: grey;
}
.tabs .tab {
    cursor: pointer;
}
.action_license {
    margin-top: 30px;
}

.file-field .btn-file {
    height: 36px;
}
.file-field .btn-file span {
    line-height: 36px;
}
.file-path-wrapper .file-path {
    height: 36px;
    margin-bottom: 0;
}
.sort_link {
    color: #fff;
}
.sort_link::after {
    content: ' ↑';
}
 .sort_link.sort_bottom::after {
     content: ' ↓';
 }
.sort_link:hover {
    cursor: pointer;
    color: #039be5;
}
.inf-block {
    height: 56px;
    line-height: 26px;
    padding-top: 5px;
    display: inline-block;
    float: right;
}
.inf-block ul {
    float: right;
}
#lic_str_download {
    margin: 5px 0px;
}
#licstr {
    margin-top: 15px;
    min-height: 200px;
    resize: none;
}
.inputtitle {
    top: 1.8em !important;
    transform: translateX(10px);
}
#unbindBtn {
    margin-top: 15px;
}
form[name="auth"] .input-field label {
	padding-bottom: 3px; 
	transform: translateY(-140%);
	transition: none;
	font-size: 0.8em;
}
@media screen and (max-width: 900px) {
    .inf-block {
        float: none;
        text-align: center;
    }
    .inf-block ul li {
        display: inline-block;
    }
    .inf-block ul {
        display: inline-block;
        float: none;
    }
    .brand-logo {
        width: 100%;
        position: relative !important;
        text-align: center;
    }
    nav {
        height: 124px !important;
    }
    .nav-wrapper {
        text-align: center;
    }
}