@font-face {
    font-family: OpenSans;
    src: url('/fonts/OpenSans.ttf') format('truetype');
}

body {
    background: whitesmoke;
    border: 0;
    font-family: OpenSans;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
    min-width: 320px;
}

a {
    color: #666666;
    text-decoration: underline;
    outline: none;
}

::-moz-selection { /* Code for Firefox */
    background: #c8d5e0;
}

.site-btn{
    margin-top: 3px;
    height: 39px;
    border: 1px solid #c3bfbf;
    min-width: 54px;
}

::selection {
    background: #c8d5e0;
}

.bilonline-btn {
    margin-top: 23px;
    height: 40px;
    border: 1px solid #bebebe;
}

#antgarantiprodukter {
    display: inline-block;
    margin-top: 32px;
    padding-right: 6px;
    text-align: right;
    width: 100%;
}

#toplogourl {
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.right-text{
    text-align:right;
    /* display: inline-block; */
    width: 100%;
}


.rubrik-right-text {
    width: 100%;
    text-align: right!important;
    display: block;
    padding-right: 10px;
}

.soktilar {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    /* background-color: #adb7bf; */
    /* color: white; */
    padding-left: 5px;
    border-radius: 4px 4px 0px 0px;
}

.fa-user {
    font-size: 12px;
}


.fa-warehouse {
    font-size: 10px;
}

.fa-envelope, .fa-edit, .fa-user, .fa-warehouse, .fa-exchange-alt {
    color: #075c86;
}

.fa-question {
    color: #ff0500;
    font-size: 11px;
}

#toplogo {
    margin-left: auto;
    margin-right: auto;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor:pointer;
}    
    
#sokbtn, #updatecustomerbtn, #getdealersalesbtn, #activebtn, #inactivebtn, #getsalesbtn, #activegarantibtn, #inactivegarantibtn, #setprisbtn, #setprovisionbtn {
    margin-top: 25px;
    margin-right: 10px;
    background-color: #429ea1;
    color: white;
    padding: 8px 6px 8px 6px;
    border-radius: 4px;
    min-width: 120px;
    border: 1px solid #8b8a8a;
    font-size: 13px;
}

#garantiprisvaluta{
    background-color: #5a8ba1;
    outline: 0;
    border: 1px solid #c5c5c5;
    padding-left: 4px;
    width: 100%;
}

#getsalesbtn {
    min-width: 60px;
    background-color: #3f769e;
}

#atgardbtn:after {
    content: "\25be";
    padding-left: 4px;
    font-size: 16px;
}

#atgardbtn {
    margin-right: 10px;
    background-color: #429ea1;
    color: white;
    min-width: 120px;
    border: 1px solid #8b8a8a;
    cursor: default;
    min-height: 39px;
}

#atgardbtn:hover {
    border-radius: 4px 4px 0px 0px;
}

#savedealersalesbtn, #multival, #multivalgaranti, #resetdealersalesbtn {
    margin-top: 25px;
    margin-right: 10px;
    background-color: #075c86;
    color: white;
    padding: 8px 6px 8px 6px;
    border-radius: 4px;
    min-width: 120px;
    font-size: 13px;
}

.multivalsaleswrapper {
    position: relative;
    display: inline-block;
    margin-top: 24px;
}

#multivalsales {
    margin-right: 10px;
    background-color: #075c86;
    color: white;
    padding: 6px 6px 8px 6px;
    min-width: 120px;
    font-size: inherit;
    height: 35px;
    border: 1px solid #8b8a8a;
}


.sortbtn {
    cursor: pointer;
}

.sortbtnactive {
    color: red;
}

.datepicker table {
    margin: 10px;
}

.datepicker table tr td {
    text-align:center;
}

.datepicker table tr td.active {
    background-image: linear-gradient(to bottom, #cc002f, #90000d);
    color: white;
}

.datepicker table tr td.active:hover {
    background-image: linear-gradient(to bottom, #e4073a, #c30516);
}

.readonly-textbox {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    border: 1px solid #e1dcdc;
    background-color: #e4e3df;
    padding: 4px;
    margin-bottom: 10px;
    min-height: 30px;
    outline:none;
}

.readonly-span {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    border: 1px solid #e1dcdc;
    padding: 4px;
    margin-bottom: 10px;
    min-height: 30px;
    text-align: right;
}

.admin-textbox {
    height: 40px;
    width: 100%;
    font-size: 13px;
    border: 1px solid #e1dcdc;
    padding-left: 3px;
    outline:none;
}

.logo_wrapper {
    margin-top: 20px;
    margin-bottom: 25px;
    max-width: 150px;
}

.datepicker {
    cursor: pointer;
}

#InputEmail {
    font-size: 15px;
}

.rubrik-first {
    border-radius: 6px 0px 0px 0px;
    padding-top: 2px !important;
    background: #fff;
    border-right: 1px solid #111;
    border-color: #d0d0d0;
    padding: 1px;
    margin-bottom: 0px;
    background-color: #075c86;
    height: 25px;
    text-align: left;
    padding-left: 15px;
}

.rubrik-first-left {
    border-radius: 6px 0px 0px 0px;
    padding-top: 2px !important;
    background: #fff;
    border-right: 1px solid #111;
    border-color: #d0d0d0;
    padding: 1px;
    margin-bottom: 0px;
    background-color: #075c86;
    height: 25px;
    text-align: left;
    padding-left: 15px;
}

.rubrik-last {
    border-radius: 0px 6px 0px 0px;
    border: 0px;
}

.rubriker-left {
    padding-top: 2px !important;
    background: #fff;
    border-right: 1px solid #111;
    border-color: #d0d0d0;
    padding: 1px;
    margin-bottom: 0px;
    background-color: #075c86;
    height: 25px;
    text-align: left;
    padding-left: 10px;
}

.rubriker-center {
    padding-top: 2px !important;
    background: #fff;
    border-right: 1px solid #111;
    border-color: #d0d0d0;
    padding: 1px;
    padding-left: 6px;
    margin-bottom: 0px;
    background-color: rgb(119 166 189);
    height: 25px;
    text-align: center;
}

.rubriker-img {
    padding-top: 2px !important;
    background: #fff;
    border-right: 1px solid #111;
    border-color: #d0d0d0;
    padding: 1px;
    margin-bottom: 0px;
    background-color: rgb(177, 52, 18);
    height: 25px;
    text-align: center;
    padding-left: 15px;
}

.rubriker-text {
    width: 100%;
    text-align: left;
    color: white;
    font-size: 13px;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sort {
    padding-left: 6px;
    color: white;
}

.sort-active {
    padding-left: 6px;
    color: #3fa9f5;
}

.appmenybtn, .appmenybtn:focus {
    display: inline-block;
    width: 100%;
    background-color: #075c86;
    color: white;
    border: 1px solid gray;
    text-decoration: none;
    text-align: center;
    padding: 10px;
}

.webbadminbtn, .webbadminbtn:focus {
    display: inline-block;
    background-color: #075c86;
    color: white;
    border: 1px solid #616161;
    text-decoration: none;
    padding: 4px 6px 4px 7px;
}

.btnwrapper {
    width: 100%;
    text-align: right;
}

a:hover {
    color: white;
    text-decoration: none;
}

#radposter a:hover {
    color: unset;
}

.radposter-odd {
    border: 1px solid #d4d2d2;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #fcfcfc;
    height: 33px;
    margin-bottom: 1px;
    padding-top: 5px;
}

.radposter-even {
    background-color: #f7f7f7;
    border: 1px solid #e3e3e3;
    margin-left: 15px;
    margin-right: 15px;
    height: 33px;
    margin-bottom: 1px;
    padding-top: 5px;
}

.radposter-senderror {
    background-color: #e43838;
    color: white;
    border: 1px solid #d4d2d2;
    margin-left: 15px;
    margin-right: 15px;
    height: 33px;
    margin-bottom: 1px;
    padding-top: 5px;
}

.radposter-inactive {
    background-color: #d2d1d1;
    color: #646464;
    border: 1px solid #d4d2d2;
    margin-left: 15px;
    margin-right: 15px;
    height: 33px;
    margin-bottom: 1px;
    padding-top: 5px;
}

.radposter-missingvalues {
    background-color: #ffdede;
    color: black;
    border: 1px solid #d4d2d2;
    margin-left: 15px;
    margin-right: 15px;
    height: 33px;
    margin-bottom: 1px;
    padding-top: 5px;
}


.handlarrow.radposter-odd:hover, .handlarrow.radposter-even:hover {
    cursor: pointer;
    background-color: rgba(208, 208, 208, 0.36);
}

.radposter-row-text {
    font-size: 12px;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    height: 25px;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radposter-row {
    padding-top: 2px;
    padding-bottom: 50px;
}

.radpost {
    text-align: left;
    padding-left: 10px;
    cursor: default;
}

.radpost-annonsnr {
    text-align: center;
}

#sidnummer > .active > a {
    border-color: gray !important;
    background-color: rgb(119 166 189) !important;
}

#attestmsg {
    width: 100%;
    padding: 4px;
}

.avslagtext {
    display: inline-block;
    width: 100%;
    font-size: 15px;
}

#sparaattest {
    display: block;
    margin-top: 13px;
    cursor: pointer;
    background-color: #7ba6b9;
    color: white;
    padding: 2px 6px 2px 6px;
    border-radius: 4px;
    min-width: 250px
}

#skickamsg {
    display: inline-block;
    margin-top: 15px;
    font-size: 15px;
}

.modal-content {
    background: #5a8ba1;
    color: #ffffff;
    text-align: center;
}

.modal-input {
    background-color: #5a8ba1;
    font-size: 13px;
    padding: 4px;
    border: 1px solid #c5c5c5;
    width: 100%;
    margin-bottom: 10px;
}

.modal-titel {
    display: inline-block;
    width:100%;
}

.modal-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgray;
    opacity: 1; /* Firefox */
}

.fa-paperclip:before {
    padding-right: 6px;
}

#mailmodalcontent {
    max-width: 580px;
}

.mailattachmentwrapper{
    height:30px;
    float: left;
    padding-top: 9px;
}

.recaptcha-wrapper {
    background-color: #f9f9f9;
    border: 1px solid #cfcfcf;
}

#radposter, #dealersaleposter, #garantiposter {
    padding-bottom: 25px;
}

#antposter, #antforsaljningar {
    padding: 6px;
    padding-left: 2px;
    display: inline-block;
    font-weight: bold;
}

.aktivrow{
    background-color: #c8d5e0!important;
}

#formtabs::before{
    display: none;
}

#formtabs {
    margin-bottom: -8px;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    background-color: #dddddd;
}

#formtabs > li > a {
    background-color: #e7e7e7;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#formtabs > li.active > a, #formtabs > li.active > a:focus, #formtabs > li.active > a:hover {
    color: inherit;
    background-color: #f5f5f5;
    text-decoration: none;
}

#formtabs > li > a {
    border-radius: 0px;
    cursor: pointer;
}

#formtabs li.active a:hover {
    /* background-color: #5d84a0 !important; */
}

#formtabs > li > a:focus, #formtabs > li > a:hover {
    text-decoration: none;
    /* background-color: #f5f5f5; */
}

#formtabs > li > a.active {
    background-color: #f5f5f5;
}

#formtabs > li > a:hover {
    color: #767676;
}


.tabholder {
    border: 1px solid #d4d2d2;
    min-height: 150px;
    margin: 0px 15px 15px 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#settingstabs {
    padding-top: 25px;
}
#ModalMessage{
    display:inline-block;
    width:100%;
    padding-bottom: 7px;
}

#saveddeaalersales {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-right: 12px;
    padding-top: 10px;
}
.salesrow .radposter-row-text {
    cursor:default;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-top: 24px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    margin-left: 0px;
    padding: 12px 17px;
    text-decoration: none;
    display: block;
    background-color: #429ea1;
    color: white;
    font-size: 14px;
    min-width: 230px;
    border-bottom: 1px solid #d5d5d5;
    cursor:pointer;
}

.dropdown-content #createoffer {
    background-color: #498bc3;
}


.dropdown-content #salesuccess {
    background-color: #3f51b5;
}

.dropdown-content #saleunsuccess {
    background-color: #b53f4f;
}

.dropdown-content #haswarrenty {
    background-color: #b53f4f;
}

.haswarrenty {
    background-color: #d1dbcd;
}

.dropdown-content #unqualified {
    background-color: #821322;
}

.dropdown-content #closeorder {
    background-color: #821322;
}

.dropdown-content #trash {
    background-color: #821322;
}

.dropdown-content #missingcontact {
    background-color: #821322;
}

.dropdown-content #ohanterad {
    background-color: #b53f4f;
}

.dropdown-content #assignsalebtn {
    background-color: #498bc3;
}

.dropdown-content #garantiforslag {
    background-color: #3f51b5;
}

.dropdown-content #removeassignsalebtn {
    background-color: #b53f4f;
}

.dropdown-content #removewarrentybtn {
    background-color: #b53f4f;
}

.dropdown-content a:hover {
    filter: grayscale(0.5);
}

.dropdown:hover .dropdown-content {
    display: block;
    margin-left: -110px;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.fa-envelope:before {
    font-size: 11px;
}
#saleusermessage{
    display:inline-block;
    width:100%;
}

.saleusersview {
    background-color: #5a8ba1;
    font-size: 13px;
    padding: 4px;
    border: 1px solid #c5c5c5;
    width: 100%;
    margin-bottom: 10px;
}
.saleusersviewmodalinput {
    background-color: #59899f;
    color: #ffffff;
    font-size: 14px;
    padding: 2px;
    padding-left: 6px;
    border: 1px solid #c5c5c5;
    width: 100%;
    margin-bottom: 10px;
}
.saleusersviewmodalinput::placeholder {
    color: #c2c2c2;
}
.saleusersviewmodalinput:read-only {
    border: 1px solid #6392a8;
    outline:none;
    cursor:default;
}

.bilonline-modal-input-multiline {
    min-height: 190px;
}

selectuserswarranty-body {
    padding: 25px;
}
#selectusersmessage, #modaltexttitel {
    padding-bottom: 14px;
    display: inline-block;
    width: 100%;
}

#alertmessagemodal{
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-bottom: 6px;
    color: red;
    background-color: #7fa7ba;
}
.alertmessagemodal {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 5px;
    color: red;
    background-color: #c8d5e0;
}
.selectuserswarranty-content {
    text-align: left;
}

.saleusersform {
    background: whitesmoke;
    color: black;
    font-size: 14px;
    padding: 4px;
    border: 1px solid #c5c5c5;
}

#selecteduser {
    padding-left: 4px;
    font-size: 14px;
    /* color: #950606; */
}
.userloginicon{
    font-size: 14px;
    color: #000000;
}
#changesaleuser{
    cursor:pointer;
}

.salesuccess {
    background-color: #bceac3;
}

.saleunsuccess {
    background-color: #ffdfd9;
}

.trash {
    background-color: #b8513e;
    color: white;
}

.garantihanterad {
    background-color: #bceac3;
}

.garantiohanterad {
    background-color: #ffdfd9;
}

.garantikrediterad {
    background-color: #eaeac6;
}

.top-label-titel {
    font-weight: 600;
    display: inline-block;
    width: 100%;
}

.form-label-titel {
    display: inline-block;
    width: 100%;
}
.sektion-box {
    min-height: 150px;
    background-color: #d5d3ca;
    padding: 14px;
    border-radius: 6px;
}
.sektion-titel {
    font-weight: bold;
    color: gray;
    padding-left: 4px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.sektion-inside-titel {
    font-weight: bold;
    color: gray;
    display: inline-block;
    margin-bottom: 10px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.sektion-input-titel{display: inline-block;width: 100%;font-size: 13px;}
.sektion-input {
    width: 100%;
    padding: 4px;
    background: whitesmoke;
    border: 1px solid #c3c3c3;
    margin-bottom: 8px;
    outline:none;
    height: 32px;
    font-size: 14px;
}
.view-select-input {
    padding: 4px;
    margin-bottom: 4px;
    background: whitesmoke;
    border: 1px solid #c3c3c3;
    outline: none;
    min-height: 30px;
}
.sektion-select-input {
    width: 100%;
    padding: 4px;
    margin-bottom: 4px;
    background: whitesmoke;
    border: 1px solid #c3c3c3;
    outline: none;
    min-height: 30px;
    margin-bottom: 10px;
}
.sektion-input-multiline {
    width: 100%;
    padding: 4px;
    margin-bottom: 4px;
    background: whitesmoke;
    border: 1px solid #c3c3c3;
    outline: none;
    min-height:150px;
}
.sektion-input-multiline:read-only {
    background-color: #e8e7e0;
    resize: none;
}
.bilonline-input-multiline {
    width: 100%;
    padding: 4px;
    margin-bottom: 4px;
    background: whitesmoke;
    border: 1px solid #c3c3c3;
    outline: none;
    min-height: 153px;
    font-size: 12.5px;
}
#savebtn, #abortbtn, #offermailsendbtn, #offersmssendbtn, #saveoffertemplatebtn {
    margin-right: 10px;
    background-color: #429ea1;
    color: white;
    min-width: 80px;
    border: 1px solid #8b8a8a;
    min-height: 30px;
}

#captureorderjsonbody {
    background-color: #e8e7e0;
    resize: none;
    color:black;
    text-align: left;
    font-size: 10px;
}

/*#forsajningbtn, #garantibtn {
    background-color: #e6e6e6;
    border: 1px solid #cfcfcf;
    border-bottom-width: 0;
    margin-bottom: -1px;
    z-index: 9999;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#forsajningbtn:hover, #garantibtn:hover {
    color: inherit;
}

a#forsajningbtn.active, a#garantibtn.active {
    background-color: #f5f5f5;
}

a#forsajningbtn.active:hover, a#garantibtn.active:hover {
    color: #767676;
}*/

#forsaljningwrapper, #garantiwrapper, #betalningswrapper {
    padding: 25px;
    margin-bottom: 25px;
    border: 1px solid #cfcfcf;
}

#forsaljningwrapper hr, #garantiwrapper hr {
    border-top: 1px solid #3f769e;
}

#utskickbtn, #kundlistabtn {
    background-color: #f5f5f5;
    border: 1px solid #cfcfcf;
    border-bottom-width: 0;
    margin-bottom: -1px;
    z-index: 9999;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
}
#utskickbtn:hover, #kundlistabtn:hover {
    color: inherit;
}

a#utskickbtn.active, a#kundlistabtn.active {
    background-color: #e6e6e6;
}

a#utskickbtn.active:hover, a#kundlistabtn.active:hover {
    color: #767676;
}

#utskickpage, #kundlistapage {
    padding-top: 25px;
    background-color: #e6e6e6;
    margin-bottom: 50px;
    border: 1px solid #cfcfcf;
}



.input-display{
    min-height: 30px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    padding-top: 2px;
    padding-left: 5px;
    background-color: #dfe3e6;
    margin-bottom: 8px;
    border: 1px solid #c3c3c3;
}


#milchange, #amodchange {
    background-color: #429ea1;
    color: white;
    min-height: 30px;
    border: 1px solid #8b8a8a;
    float: right;
}

.offertitel-wrapper {
    padding: 0;
    background-color: #8f8b8b;
}

.offer-row {
    display: inline-block;
    width: 100%;
    height: 20px;
}
.offererror {
    background-color: #f6d9d9;
}

.radofferposter-row-text {
    font-size: 13px;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
#offerposter{
}

#utskickpage{

padding-top: 15px;

padding-bottom: 15px;
}
#kundlistapage{
    padding-top: 15px;
    padding-bottom: 15px;
}
.utskick-large-rubrik {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}
.utskick-rubrik {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    padding-top: 10px;
}
.utskick-text {
    font-size: 13px;
    padding-right: 4px;
}
#offermailsubject {
    width: 100%;
    background-color: #ececec;
    border: 1px solid gray;
    color: black;
    padding-left: 4px;
}
#offermailbody {
    min-height: 225px;
    font-size: 12px;
    width: 100%;
    background-color: #ececec;
    border: 1px solid gray;
    color: black;
    padding: 4px;
}
#offersmsbody {
    min-height: 283px;
    width: 100%;
    background-color: #ececec;
    border: 1px solid gray;
    color: black;
    padding: 4px;
}
.offer-sektion {
    background-color: #8f8b8b;
    color: white;
    padding: 14px;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    min-height: 466px;
}

#saleuserselect .modal-content, #assignsaleuserselect .modal-content, #kassadatummodal .modal-content {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#garantierror {
    min-height: 50px;
    background-color: aliceblue;
    margin-top: 10px;
    text-align: center;
    padding: 20px;
}

.garantierror-rubrik {
    color: #c90000;
    font-weight: bold;
    display:inline-block;
    width:100%;
}
.garantierror-text {
    color: #c90000;
    font-weight: bold;
}
.offer-text{
    display: inline-block;
    width: 100%;
    padding: 15px;
    background-color: #f1f1f1;
    margin-bottom: 15px;
}
.offer-list{
    display:inline-block;
    width: 150px;
    color: #3f769e;
}
.offer-status-text{

}
#copyoffertmsg{
    cursor:pointer;
    background-color: #9e3f92;
    color: white;
    padding: 4px 8px 4px 8px;
    display: inline-block;
    text-decoration: none;
    margin-top: 2px;
    border-radius: 6px;
}
#copyoffertmsg:hover {
    color: white;
    background-color: #965f8f;
}
#copyoffertmsg:active {
    background-color: black;
}

#copyofferttext {
    display: inline-block;
    padding-right: 6px;
    vertical-align: bottom;
    color: #9c9c9c;
}
.copyoffertwrapper{
    text-align: right;
    padding-top: 15px;
}
#getomfattningarbtn{
    color:white;
    text-decoration:none;
    cursor:pointer;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    width: 100%;
    max-height: 30px;
    padding: 4px;
}


#filtreringwrapper div, #garantisettingswrapper div {
    padding-left: 6px;
    padding-right: 6px;
}

.stat-text {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}

.stat-text-rubrik {
    display: inline-block;
    width: 100%;
    font-weight: 600;
}

#selectusersetgaranticheckbox {
    width: 15px;
    height: 15px;
}

label[for=selectusersetgaranticheckbox] {
    padding-left: 7px;
}

#adminpasswordwrapper{
    text-align:left;
}

.dbadminpassword {
    max-width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#garantisok, #leveranssokbtn {
    margin-right: 10px;
    background-color: #075c86;
    color: white;
    padding: 8px 6px 8px 6px;
    min-width: 120px;
    font-size: inherit;
    height: 35px;
    border: 1px solid #8b8a8a;
}

#fritext{
    color:#000;
    padding-left: 4px;
}

#soksales {
    margin-top: 3px;
    height: 39px;
    border: 1px solid #c3bfbf;
    min-width: 54px;
}

#adminpassword {
    background-color: #5a8ba1;
    font-size: 13px;
    padding: 4px;
    border: 1px solid #c5c5c5;
    width: 100%;
    margin-bottom: 10px;
}

#acknowledgeorder, #captureorder {
    width: 100%;
    border: 1px solid gray;
    min-height: 30px;
}

#showcaptureorder{
    width: 100%;
    min-height: 30px;
    background-color: #429ea1;
    color: white;
    min-width: 80px;
    border: 1px solid #8b8a8a;
}

.visafaktura, .skapafaktura {
    min-height: 30px;
    background-color: #429ea1;
    color: white;
    min-width: 50px;
    border: 1px solid #8b8a8a;
    padding-top: 4px;
}

#fakturabetaldatummodal .modal-content {
    margin-left: 25%;
    margin-right: 25%;
}
#fakturabetaldatum {
    background-color: #5a8ba1;
}

.mailafaktura {
    min-height: 30px;
    background-color: #429ea1;
    color: white;
    min-width: 30px;
    border: 1px solid #8b8a8a;
    text-decoration: none;
    text-align: center;
    padding-top: 20%;
    cursor: pointer;
}

.avskiljare {
    border-top: 10px solid #e4e3df;
    border-radius: 10px;
}
#acknowledgeorder:hover, #captureorder:hover {
    background-color: whitesmoke;
}

#klarnastatusdisplay {
    font-weight: bold;
}

#klarnasettings {
    padding-bottom: 20px;
}

#production, #sendfaktura {
    margin-top: 10px;
    width: 16px;
    height: 19px;
    cursor: pointer;
    position: absolute;
}

label[for=production], label[for=sendfaktura] {
    padding-left: 22px;
    padding-top: 10px;
    color: #8b8b8b;
    cursor: pointer;
    font-size: 13px;
}

#garantirefreshbtn, #abortklarnaorderbtn {
    max-height: 20px;
    font-size: 12px;
    padding: 0px 6px 0px 6px;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid gray;
    margin-left: 6px;
}

#abortklarnaorderbtn {
    background-color: #af1111;
    border: 1px solid gray;
    border-radius: 4px;
    color:white;
}

#kassabtn {
    background-color: #075c86;
    border: 1px solid gray;
    padding: 0px 6px 0px 6px;
    border-radius: 4px;
    color: white;
    max-height: 20px;
    font-size: 12px;
}

#kassaresalebtn{
    width:100%;
}

#saveklarnasettingsbtn {
    float: right;
}

#saveklarnasettingstext {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-top: 6px;
    color: #4e9044;
}

#saljnotismodal .modal-content {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#kassatotalmodal .modal-content {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#kassatotal {
    padding-left: 6px!important;
}

#saljnotis {
    width: 100%;
    padding: 4px;
    margin-bottom: 4px;
    background: whitesmoke;
    border: 1px solid #c3c3c3;
    outline: none;
    min-height: 100px;
    color: black;
    font-size: 12px;
}

#saljnotisuser{
    display: inline-block;
    width: 100%;
}

#salenotistextmallar, #saljnotisuser, #kassatotal, #kreditdatummodal {
    background-color: #5a8ba1;
    font-size: 13px;
    padding: 4px;
    border: 1px solid #c5c5c5;
    width: 100%;
    margin-bottom: 10px;
}

#addkassatotal{
    padding-top: 10px;
}

#newnotis {
    background-color: #429ea1;
    color: white;
    min-height: 24px;
    border: 1px solid #8b8a8a;
    padding: 0px 6px 0px 6px;
    margin-bottom: 4px;
}

.sortbtn .fa-sort-down, .sortbtn .fa-sort-up {
    display: none;
}

.missingcontact {
    background-color: #ffecc5;
    color: #666666;
}


#kreditdatumdisplay{
    display:inline-block;
    width:100%;
    padding-top: 4px;
}


#garantistatus:disabled {
    font-weight: bold;
    background-color: #a80000;
    color: white;
}

#sortforslagfa, #sortutskickfa, #sortkundtypfa, #sortagarbytefa {
    color: #fff;
}

.row_cur {
    text-align: right;
    width: 100%;
}

.printrapport {
    margin-top: 23px;
    height: 40px;
    border: 1px solid #bebebe;
    width:100%;
    font-size: 11px;
}

.standardbtn {
    height: 39px;
    border: 1px solid #8b8a8a;
    width: 100%;
    font-size: 11px;
    background-color: #075c86;
    color: white;
}


#adminbtn {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.adminbtn {
    font-size: 25px;
}

.adminbtn :hover {
    color: #075c86;
}

.garanticanceled {
    background-color: #d9d9d9;
}


.orderclosed {
    font-weight: bold;
    background-color: #a80000;
    color: white;
}


.orderopen {
    font-weight: bold;
    background-color: #429ea1;
    color: white;
}


#kassabtn{
    width:100%;
}
#kassadatum{
    color:#000;
}

#getcarinfo{
    background-color: #484848;
}

.bolagwrapper {
    width: 150px;
    display: inline-table;
}

.form-select-input {
    width: 100%;
    padding: 4px;
    margin-bottom: 4px;
    background: whitesmoke;
    border: 1px solid #c3c3c3;
    outline: none;
    min-height: 30px;
}

#tabortbtn {
    background-color: #860707;
}

.tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tip .tiptext {
    visibility: hidden;
    width: 140px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tip:hover .tiptext {
    visibility: visible;
}

label[for=uppfoljning] {
    padding-left: 6px;
}

@media (max-width: 767px) {
    #filtreringwrapper div {
        padding-right: 10px;
        padding-left: 10px;
    }

}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
    a[href]:after {
        content: none !important;
    }
}

@page {
    size: landscape;
}