#BigLogo{
    height: 128px;
    width: 128px;
    margin: 0px auto 0px;
}
main.login-form{
    background-color: #00451d;
    color: white !important;
}
#ForgotPassword a{
	color:#FFF;
}
#ForgotPassword a:hover{
	text-decoration: none;
}
#main-sidenav{
    min-width: 280px;
}
#main-navbar ul li a,
#sidenav,
#RefreshButton{
    font-size: 0.9rem !important;
}
#Mdb6Dashboard{
    margin-top: -120px;
    max-width: 700px;
}
.dashboardButtonImage{
    max-width: 130px;
}
.navbar-brand img {
    height: 30px;
}
body.glaskedjan .form-outline .form-control:focus~.form-label {
    color: #4caf50;
}
body.glaskedjan .form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-color: #4caf50;
    box-shadow: -1px 0 0 0 #4caf50, 0 1px 0 0 #4caf50, 0 -1px 0 0 #4caf50;
}
body.glaskedjan .form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-color: #4caf50;
    box-shadow: 0 1px 0 0 #4caf50;
    border-top: 1px solid transparent;
}
body.glaskedjan .form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-color: #4caf50;
    box-shadow: 1px 0 0 0 #4caf50, 0 -1px 0 0 #4caf50, 0 1px 0 0 #4caf50;
}
body.glaskedjan .form-check-input:checked:focus {
    border-color: #4caf50;
}
body.glaskedjan .form-check-input:checked:focus:before {
    box-shadow: 0 0 0 13px #4caf50;
}
body.glaskedjan .form-check-input[type=radio]:checked:after {
    border-color: #4caf50;
    background-color: #4caf50;
}
body.glaskedjan .select-input.focused~.select-arrow {
    color: #4caf50;
}
body.glaskedjan .form-outline .form-control.select-input:focus~.form-notch .form-notch-leading, 
body.glaskedjan .select-input.focused~.form-notch .form-notch-leading {
    border-color: #4caf50;
    box-shadow: -1px 0 0 0 #4caf50, 0 1px 0 0 #4caf50, 0 -1px 0 0 #4caf50;
}
body.glaskedjan .form-outline .form-control.select-input:focus~.form-notch .form-notch-middle, 
body.glaskedjan .select-input.focused~.form-notch .form-notch-middle {
    border-top: var(--mdb-form-outline-form-notch-border-top);
    border-color: #4caf50;
    box-shadow: 0 1px 0 0 #4caf50;
}
body.glaskedjan .form-outline .form-control.select-input:focus~.form-notch .form-notch-trailing, 
body.glaskedjan .select-input.focused~.form-notch .form-notch-trailing {
    border-color: #4caf50;
    box-shadow: 1px 0 0 0 #4caf50, 0 -1px 0 0 #4caf50, 0 1px 0 0 #4caf50;
}
body.glaskedjan .form-outline .form-control.select-input:focus~.select-label, 
body.glaskedjan .select-input.focused~.select-label {
    color: #4caf50;
}
.form-outline .select-label.active~.form-notch .form-notch-middle {
    border-right: none;
    border-left: none;
    border-top: none;
}
body.glaskedjan .datepicker-toggle-button:focus, 
body.glaskedjan .datepicker-toggle-button:hover {
    color: #4caf50;
}
body.glaskedjan .datepicker-header {
    background-color: #4caf50;
}
body.glaskedjan .datepicker-footer-btn {
    color: #4caf50;
}
body.glaskedjan .form-check-input:checked {
    border-color: #4caf50;
}
body.glaskedjan .form-check-input[type=checkbox]:checked {
    background-color: #4caf50;
}
body.glaskedjan .form-check-input[type=checkbox]:checked:focus {
    background-color: #4caf50;
}
body.glaskedjan .form-switch .form-check-input:checked[type=checkbox]:after {
    background-color: #4caf50;
}
div.form-check.form-check-inline div.valid-feedback,
div.form-check.form-check-inline div.indvalid-feedback,
.form-check-inline .form-check-input~.invalid-feedback {
    margin-left:-24px !important;
}
#mainPreloader{
    position: fixed;
    background: #FFF;
    background-size: 110px 10px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    color:#000;
    display: none !important;
    top:0px;
}
body.glaskedjan .datepicker-cell.selected .datepicker-cell-content {
    background-color: #4caf50;
}
body.glaskedjan .datepicker-cell.current .datepicker-cell-content {
    border: var(--mdb-datepicker-cell-border-width) solid #4caf50;
}
#SignatureBoard{
    width: 100%;
    background: #dfdfdf;
    border-radius: 5px;
}
#photo-file-upload{
    display:none;
}
#GetDistanceImage{
    width: 22px;    
}
body.glaskedjan #DrawingModal .form-check-input[type=checkbox]:checked {
    background-color: #1e5671;
}
body.glaskedjan #DrawingModal .form-switch .form-check-input:checked[type=checkbox]:after {
    background-color: #174f68;
}
.moverow{
    cursor: pointer;
}
.hidden{
    display:none !important;
}
.picker--opened .picker__frame{
    top:20% !important;
}
.shapeIcon{
	width:32px;
}
.stepper-head:hover, .steps-head-hover {
    background-color: initial !important;
}
.stepper-completed .stepper-head-icon {
    background-color: var(--mdb-stepper-head-icon-bg);
    color: var(--mdb-stepper-head-icon-color);
}
div.additionTableRowExtraFields input.form-control {
    background-color: #fff !important;
}
/*

Special settings for invoice accordions

*/
table.mdb6design-internal tr div {
    max-height: initial !important;
}
table.mdb6design-internal .accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
    background-color: initial;
    color: #4f4f4f;
    box-shadow: none;
}
table.mdb6design-internal .accordion-button{
    cursor: row-resize;
}
/*

Let's hide some stupied scrollbars

*/
div.ps__rail-y{
    display: none !important;
}
/*

Alternative buttons

*/
.btn-success-darker {
    --mdb-btn-bg: #0e7737;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #14a44d;
    --mdb-btn-hover-bg: #0e7737;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #0e7737;
    --mdb-btn-focus-color: #fff;
}
.btn-primary-darker {
    --mdb-btn-bg: #2151a0;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #14a44d;
    --mdb-btn-hover-bg: #2151a0;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #2151a0;
    --mdb-btn-focus-color: #fff;
}
.btn-success.disabled, .btn-success:disabled, fieldset:disabled .btn-success {
    color: #03680f !important;
}
.customPopover{
    min-width: auto !important;
}
.hideActionButtonInPopOver button{
    display: none;
}
#CaseAutoCompleteAsync.form-outline .form-control~.form-notch .form-notch-trailing {   
    border-radius: 0px !important;
}
/*

Time registrations

*/
#SearchAllLabel{
    padding-top: 4px;
    padding-left: 14px;
    padding-right: 15px;
    background: #ddd;
    padding-bottom: 4px;
    border-top: 1px solid #9E9E9E;
    border-right: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#TimeSearchAllLabel{
    padding-top:4px;
    padding-left: 0px;
    padding-right: 0px;
    background: #ddd;
    padding-bottom: 2px;
    border-top: 1px solid #9E9E9E;
    border-right: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 115px;
    height: -webkit-fill-available;
}
#getAllCheckBox{
    position: relative;
    left: 5px;
    top: 1px;
}
.detailed-table{
	display: none;
}
/*

Upload fineUploader

*/
#fine-uploader-gallery .qq-gallery .qq-upload-button{
    width:100%;
    border-radius: 5px;
    margin-bottom: 20px;
    height: 35px;
    margin-top: 20px;
    padding: 0px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-button div{
    padding-top:5px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-cancel {
    right: -10px;
    top: -11px;
    padding-top: 3px;
}
#fine-uploader-gallery .qq-gallery .qq-delete-icon {
    background: url(../images/trash.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-spinner {
    top: 50%;
}
#uploadPhotos{
    bottom: 15px;
    right: 20px;
    position: absolute;
}
#cancelUploads{
    bottom:15px;
    position: absolute;
}
#fine-uploader-gallery .qq-gallery.qq-uploader {
    padding: 20px 20px 50px 20px;
    max-height: initial;
}
#fine-uploader-gallery .qq-gallery .qq-upload-list {
    max-height: initial;
    overflow: initial;
}
#fine-uploader-gallery .qq-gallery .qq-upload-list li {
    width: 29%;
    max-width: initial;
    margin-right: 6%;
    height: initial;
    background-color: #eee;
    border-radius: 5px;
    padding: 15px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-list li:nth-child(3n){
    margin-right: 0px;
}
#fine-uploader-gallery .qq-gallery .qq-thumbnail-wrapper {
    overflow: hidden;
    position: relative;
    height: 120px;
    width: 100%;
    margin: 0px 0px 5px;
}
#fine-uploader-gallery #uploadButtonSelector input{
    position: initial !important;
    height: 35px !important;
    width: 100% !important;
    margin: -25px 0px 0px 0px !important;
}
#fine-uploader-gallery .qq-gallery .qq-file-info {
    padding: 0px;
}
#fine-uploader-gallery .qq-gallery .qq-total-progress-bar-container {
    margin-left: 0px;
    float: none;
    width: 100%;
    margin-bottom: 20px;
    position: initial;
}
#fine-uploader-gallery .qq-gallery .qq-progress-bar {
    height: inherit;
}
.scan-payment-type-icon{
    width: 35px;
    margin-top: 3px;
}
#receiptDateForm .valid-feedback, #receiptDateForm .invalid-feedback{
    margin-top: -0.9em;
}
.was-validated #receiptAmount:valid, .was-validated #receiptValuta:valid,
.was-validated #receiptAmount:invalid, .was-validated #receiptValuta:invalid{
    padding-right: 0px;
}
#Results .valid-feedback, .was-validated #DescriptionFieldValid, .was-validated #DescriptionFieldInvalid{
    margin-left: 12px;
}
#SaveReceipt .spinner-border{
    width: 12px; 
    height: 12px; 
    margin-left: 10px;
}
.datatable {
    background: #fbfbfb !important;
}
.datatable tbody tr:last-child {
    height: initial;
}
.datatable td{
    vertical-align: middle!important;
}
.StatusIcon{
    width:25px;
    margin-bottom: 4px;
}
.statusText{
    font-size: 0.7em;
    font-weight: bold;
}
.ScheduledDate i{
    font-size: 1.55rem;
}
.userform-fields input.text,
.userform-fields textarea.textarea{
    width: 100%;
}
.userform-fields .field{
    margin-bottom: 10px;
}
.statusRadioContainer{
    overflow: hidden;
    height: 32px;
    margin-bottom: 5px;
    padding: 4px;
    cursor: pointer;
}
.statusRadioContainer.selected{
    background: #e6e3e3;
    border-radius: 7px;
}
#ReleaseModal .statusRadioContainer,
#FinishModal .statusRadioContainer{
    margin-bottom: 0px;
    padding: 4px;
}
#SavePanel{
    top: 0px;
    left: 0px;
    margin-left: 0px;
	position: fixed;
    top: -80px;
    background: #FFF;
    width: 100%;
    height: 70px;
    z-index: 203;
    padding-top: 20px;
    box-shadow: 0px 10px 5px #888888;
}
.PDFButtonSpecial {
    border-end-end-radius: 0px !important;
    border-start-end-radius: 0px !important;
}
#MemberLoginForm_LoginForm_error.bad,
#MemberLoginForm_LoginForm_error.error,
#MemberLoginForm_LoginForm_error.warning,
p.message.warning
{
    color: #ffffff !important;
    padding: 10px;
    background-color: #bf0000;
    margin-top: 15px;
}
p.message.info
{
    color: #ffffff !important;
    padding: 10px;
    background-color: #bf8f00;
    margin-top: 15px;
}
.SignatureContainer {
    margin-top: 0px;
    margin-bottom: 20px;
    background: #99999920;
}
.bg-secondary-special {
    background-color: #efefefc2 !important;
}
.bg-secondary-special .select-input,
.manyDaysHolder input.kilometersInput 
{
    background-color: #FFF !important;
}
.bg-secondary-special.warning{
    background-color: #f9e1e5 !important;
}
#SearchAllLabel {
    width: 115px;
}
#GetAllCheckBox {
    margin-left: -18px;
    margin-right: 4px;
}
#GetAllLabel {
    padding-left: 0px;
}
@media (max-width: 768px){
    #BigLogo {
        height: 80px;
        width: 80px;
        margin: 0px auto 0px;
    }
    header.app-brand{
        padding-top: 0px;
        margin-top: -50px;
    }
    /*
    Special settings for finance view mobile
    */
    .datatable-sort-icon.active,
    .datatable thead th:nth-child(1):hover .datatable-sort-icon {
        left: 90% !important;
    }
    .datatable th:nth-child(2) .datatable-sort-icon.active,
    .datatable thead th:nth-child(2):hover .datatable-sort-icon {
        left: 80% !important;
    }
    .datatable th:nth-child(3) .datatable-sort-icon.active,
    .datatable thead th:nth-child(3):hover .datatable-sort-icon{
        left: 25% !important;
    }
    .datatable th:nth-child(4) .datatable-sort-icon.active,
    .datatable thead th:nth-child(4):hover .datatable-sort-icon{
        left: 20% !important;
    }
    .datatable th:nth-child(5) .datatable-sort-icon.active,
    .datatable thead th:nth-child(5):hover .datatable-sort-icon{
        left: 20% !important;
    }
    .datatable-select-wrapper,
    .datatable-select-text {
        width: -webkit-fill-available;
    }
    .datatable td:nth-child(1){
        max-width: 150px;
        padding-left: 2px !important;
    }
    .datatable thead th {
        padding: 2px 0px 2px 2px;
    }
    .datatable table td {
        padding: 10px 0px 10px 2px !important;
    }
    /*
    
    Other stuff
    
    */
    .custom-flex-fill {
        flex: 1 1 auto!important;
    }
}