﻿
@font-face {
    font-family: FrutigerLTPro-Light;
    src: url('/Content/frutiger/Linotype-FrutigerLTPro-Light.woff') format('woff'), url('/Content/frutiger/Linotype-FrutigerLTPro-Light.ttf') format('truetype'), url('Content/frutiger/Linotype-FrutigerLTPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.primaryActionBtn {
    display: inline-block;
    width: 88px;
    height: 40px;
    cursor: pointer;
    background-color: #e54045;
    border-radius: 2px;
    text-align: center;
}

.defaultButton {
    background-color: #6e6e6e;
    display: inline-block;
    width: 88px;
    height: 40px;
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
}

.mdhIcon {
    font-size: 25px;
    color: #FFF;
    /* Postions the icon in the middle of the button */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body {
    font-family: FrutigerLTPro-Light;
    color: #000;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    background: #333334;
    margin: 0;
    min-width: 1000px;
}

* {
margin: 0px;
padding: 0px;
}


/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


img{
	border:none;
}

h2{
    font-size:20px;
}

button {
    font-family: FrutigerLTPro-Light;
    font-size: 16px;
}

ul {
    list-style-type: none;
}

textarea {
    font-family: FrutigerLTPro-Light;
    font-size: 16px;
    padding:10px;
}

input[type=text] {
    margin-top: 0px;
    font-family: FrutigerLTPro-Light;
    font-size: 16px;
    /*border: 1px #999 solid; !important;*/
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    padding: 2px;
}

input[type=text]:focus{
    outline:none!important;
}

input:focus{
    outline:none!important;
}

.inputNormal {
    color: #000 !important;
    /*background-color:#dadada!important;*/ /*2018-07-03 changed color from #eee to #dadada*/
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.inputNormal:focus{
    outline:none!important;
}

.inputText {
    padding: 8px!important;
    font-size: 16px!important;
    line-height: 7px!important;
    width: 450px!important;
}

.inputTextBorderless {
    padding: 8px!important;
    font-size: 1vw!important;
    line-height: 1vw!important;
    width: 90%!important;
    border: none;
    box-shadow:none;
    border-color: transparent;
    background-color: transparent;
    color:#000!important;
}

input[type=search] {
  display: block;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0;
  outline: none;
  display: inline-block;
  border: none;
  background-color:transparent;
  font-family: Arial;
  font-size: 18px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.9);
  padding: 0;
  padding-left:0px;
  margin:0px;
  box-shadow:none;
}

#searchDimension::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}




/*input[type=search] {
  display: block;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0;
  outline: none;
  display: block;
  border: none;

  font-family: 'Droid sans', sans-serif;
  font-size: 15px;
  line-height: 18px;
  background-color: White;
  color: rgba(0, 0, 0, 0.9);
  padding: 6px;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
  -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 7px;
  margin:2px;
}*/

.txtInputSearch {
    width:410px;
    margin-top:10px!important;
}

a{
	text-decoration:none;
	color:#72a5f2;
}

a:hover{
	text-decoration:none;
}

.selectboxDiv select {
    background: transparent;
    width: 138px;
    padding: 5px;
    font-size: 14px;
    color: #000;
    line-height: 16px;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    outline: none;
}

.selectboxDiv {
    position:relative;
    width: 110px;
    height: 34px;
    overflow: hidden;
    background-color: #7ac5bf;
    border: none;
}

.selectboxDiv2 select {
    background: transparent;
    width: 138px;
    padding: 5px;
    font-size: 14px;
    color: #000;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    outline: none;
}

.selectboxDiv2 {
   width: 110px;
   height: 34px;
   overflow: hidden;
   background: url(/content/images/selectboxArrow1.png) no-repeat right #ebeaeb;
   border: none;
}


.searchButton {
    display:block;
    position:absolute;
    top: -3px;
    color:#fff;
    background-color:#e54045;
    height: 68px;
    width: 108px;
    text-align: center;
    font-size: 26px;
    cursor:pointer;
}

#wrapper {
    width: 100%;
}

#header {
    height: 100px;
    border-top: 5px #e54045 solid;
    border-bottom: 1px #99999a solid;
    background-color:#fff;
    overflow: hidden;
}

.header-holder {
    margin: 0 auto;
    width: 1366px;
}

.header-frame {
    width: 1366px;
    height: 87px;
    padding: 42px 0 0;
}

#header .item {
    float: right;
    /*text-transform: uppercase;*/
    height: 40px;
    margin: 35px 0px 0 0;
    font-family: 'ApexSansMedium', Arial, Helvetica, sans-serif;
}

.nav-holder {
    overflow: hidden;
    padding: 16px 0 0 7px;
    height: 41px;
}

#nav {
    float: left;
    margin: 0;
    padding: 9px 0 0;
    list-style: none;
    text-transform: uppercase;
    font-family: 'ApexSansMedium', Arial, Helvetica, sans-serif;
}

#nav li {
    padding: 0 35px 0 0;
    float: left;
}

#nav a {
    color: #fff;
    float: left;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.top-block {
    background-color:#dbdbdb;
    border-top:2px #d0ced1 solid;
    /*height: 65px;*/
}



.logo {
    background: url(/content/images/MIttdekkhotellBgTop63.png) no-repeat;
    width: 540px;
    height: 62px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 6px 0 0;
    float: left;
}

.mainContent {
    background-color: #fff;
    width: 1350px;
    margin: 0 auto;
}

.mainContentFullwidth {
    background-color: #fff;
    margin: 0 auto;
}

.errorMsgBox {
    background-color:#f8cbcd;
    padding:20px;
    padding-left: 15px;
    color:#e54045;
    font-size:26px;
}

.errorMsgBoxFilter {
    background-color:#f8cbcd;
    padding:20px;
    padding-left: 15px;
    color:#e54045;
    font-size:26px;
}

.searchword {
    color:#e54045;
}

.rapporterbtn {
    list-style: none;
}

    .rapporterbtn li {
        display: list-item;
        float:left;
    }

.defaultTextActive { color: #4b4b4b!important; font-style: italic; }


.ulSearchresults {

}

    .ulSearchresults li {
        /*display:inline-block;*/
        list-style: none;
        padding:2px;
        cursor:pointer;
    }

    /*.ulSearchresults li:hover {
        font-weight: bold;
    }*/

    /*.ulSearchresults li span {
        display:inline-block;
        vertical-align: top;
        width:70px;
    }*/

.ulSearchSpan {
    display:inline-block;
    vertical-align: top;
    width:70px;
}

.pVSTitle {
    font-size: 11px;
    color: #989898;
    margin-top: 15px;
}

.liVehicleRow:hover .ulSearchSpanTitle {
    font-weight: bold;
}
.liVehicleRow2:hover .ulSearchSpanTitle { font-weight: bold; }

.liVehicleDetails {
    border:1px #ccc solid;
    background-color:#efefef;
    padding: 5px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    min-height: 230px;
}

.timebestillingHjulskift, .divHasBooking {
    background-color:#fff;
    padding:10px;
    margin:10px 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.tireStatus, .tireStatus2 {
    background-color:#fff;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 85px;
    width: 170px;
    overflow:hidden;
    margin-top:25px;
    margin-right:29px;

}

.tableTireInfo {
    width:165px;
    font-size:11px;
    font-weight:normal;
    border-spacing: 0px;
}

.tableTireInfoSpanNomm {
    font-size: 28px;
    color: green;
    display: inline !important;
    position: absolute;
    top: 105px;
    left: 10px;
    font-weight: bold;
}

.tableTireInfoSpanmm {
    display: inline!important;
    font-size: 12px;
    line-height: 26px;
}

.tireInfoDetailsForm {
    width:800px;
    height:200px;
    background-color:#fff;
    margin-top: 5px;
    margin-left: 2px;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position:relative;
    display:none;
}

.closeTireDetailsForm {
    position:absolute;
    right:4px;
    top:3px;
    cursor:pointer;
}

.divTireOtherInfo {
    float:left;
    font-weight:normal;
    margin-top:17px;
    margin-left: 10px;
}

    .divTireOtherInfo span {
        line-height:17px;
    }

.tdValue {
    background-color:#fff;
    padding:2px 4px 2px 10px;
    text-align:right;
    overflow:hidden;
}

.divTdValueField {
    width:75px;
    overflow:hidden;
    white-space:nowrap;
}

.txtRight {
    text-align:right;
}

.td1 {
    padding-right:5px;
}

.td2 {
    padding-left:40px;
}


.btnActionButton {
    background-color: #444;
    color: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    border: 1px #ccc solid;
    cursor:pointer;
}

.btnActionButton2 {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 8px;
    background-color: #e54045;
    color: #fff;
    line-height: 16px;
    width: 60px;
    border: 1px solid #e54045;
    border-radius: 2px;
}

.btnActionButton3 {
    background-color: #e54045;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 8px 15px;
    margin-top: 10px;
    border: 1px #ccc solid;
    cursor: pointer;
    text-decoration: none!important;
}

.btnActionButton4 {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: 1px #ccc solid;
    padding: 8px;
    background-color: #7ac5bf;
    color: #fff;
    line-height: 16px;
    width: 60px;
}

.btnActionButton4:hover {
    background-color: #DADADA;
}

.dataTable tr {
    background: #DADADA;
    border: 0;
}

.dataTable tr:nth-child(2n) {
    background: #f4f4f4;
}

.dataTable td {
    padding:14px 10px;
    border: 0;
}

.dataTable2 tr {
    background: #DADADA;
    border: 0;
}

.dataTableKlargjoring tr {
    background: #e8e8e8;
    border: 0;    
}

.dataTableKlargjoring td {
    padding:14px 10px;
    border: 0;
}

.dataTableSalg tr {
    background: #DADADA;
    border: 0;    
}

.dataTableSalg td {
    padding:14px 10px;
    border: 0;
    font-size:14px;
}

/*.liVehicleRow {
    background: #DADADA;
}

.liVehicleRow:nth-child(2n) {
    background: #f4f4f4;
}*/

/*.liVehicleRow div span {
    padding-top:10px;
    padding-bottom:10px;
}*/

.liVehicleDivSpan {
    padding-top:10px;
    padding-bottom:10px;
}

.liStdList {
    background: #DADADA;
}

.liStdList:nth-child(2n) {
    background: #f4f4f4;
}

.liStdList span {
    padding-top:10px;
    padding-bottom:10px;
}

.btnDisabled {
    background-color: #ccc;
    color:#fff;
    cursor:help;
}

.btnExpand {
    background-color: #f9f9f9;
    text-align: center;
    padding: 3px;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.customerInfo {
    display:none;
}

.customerDetails {
    padding:5px;
    background-color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
}

.tireModelRF, .tireModelLF, .tireModelLR, .tireModelRR  {
    height:18px;
}

.numberCircle {
    border-radius: 50%;
    
    width: 11px;
    height: 11px;
    padding: 2px;

    background: #e54045;
    color: #fff;
    text-align: center;

    font: 11px Arial, sans-serif;
    padding-right:4px;
    padding-top:1px;
}

.tblCustomerSuggestion td {
    /*background-color: #d8d8d8;*/
    /*padding:10px;*/ 
}

.aSelectSuggestion {
    background-color:#d3ebf7;
    padding: 12px;
    font-size: 11px;

    text-decoration:none;
    cursor:pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .aSelectSuggestion:hover {
        background-color:#c0e4f6;
    }

    .aSelectSuggestion td span {
        padding: 10px;
        display: block;
    }

/*===Calendar css============================================================================*/
.calendarFrame {
    width:500px;
    border:0px #ccc solid;
    position:relative;
}

.calendarDay {
    position:relative;
    height:32px;
    background-color: #c3c3c3;
    margin: 0 auto;
    padding: 6px;
}

    .calendarDay > .day {
        position: absolute;
        bottom: 5px;
        right: 8px;
        font-weight: bold;
        color: #333;
        font-size: 16px;
    }

    .calendarDay > .free {
        width: 80%;
        background-color: #00adef;
        position: absolute;
        top: 5px;
        left: 5px;
        height: 3px;
    }

    .calendarDay > .free > .freeValue {
        background-color:#ddd;
        width:10px;
        height:3px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display:block;
        
    }
    
    /*.calendarDay:hover {
        
    }*/

.calendarDayInvisible2 {
    border-color:#fff;
    background-color:#fff;
}

    .calendarDayInvisible2 > span {
        display:none;
    }

.open {
    /*background-color:#fff;*/
    cursor:pointer;
}

    .open:hover {
        background-color: #aaa;
    }


.monthTitle {
    text-align:center;
    line-height: 24px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.selectMonth, .backToMonth {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    width: 66px;
    line-height: 22px;
    text-align: center;
    border: 1px #ccc solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.divDayContainer {
    width:520px!important;
}

.calendarHour {
    position:relative;
    border: 1px #c6c6c9 solid;
    width: 67px;
    height: 48px;
    float: left;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    margin: 0 4px 4px 0;
    padding: 6px;
    cursor:pointer;
}

    .calendarHour:hover {
        background-color: #eeeeee;
    }

    .calendarHour > .aRegisterTime {
        position: absolute;
        display: block;
        top: 26px;
        left: 4px;
        width: 86px;
        border: 1px #ccc solid;
        text-align: center;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: #fff;
        padding: 2px;
        font-size: 11px;
        display:none;
        cursor:pointer;
        line-height: 23px;
    }


#calendarMsgBox {
    width: 251px;
    height: 80px;
    border: 3px #00adef solid;
    position: absolute;
    top: 131px;
    left: 228px;
    background-color: #fff;
    padding: 20px;
    line-height: 17px;
    display:none;
}

    #calendarMsgBox > #aMsgBoxOk {
        border: 1px #ccc solid;
        display: block;
        margin-top: 10px;
        padding: 6px;
        text-align: center;
        width: 54px;
        margin: 8px auto;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        background-color: #eee;
    }

.tblBookingInfo {
    table-layout:fixed;
    width:100%;
    border-spacing:5px;
    margin-top:45px;
}

    .tblBookingInfo td {
        background-color:#ccc;
        padding:3px;
        text-align:center;
        width:50%;
    }


#aConfirmRegisterTime {
    display:none;
}

/*===Calendar end============================================================================*/

/*===TireScanView============================================================================*/
/*.tireimglf, .tireimglr, .tireimgrf, .tireimgrr {
    display: block;
    width: 55%;
    float: right;
    margin: 10px 15px 10px 0;
}

.tableTireInfoSpanNommLF, .tableTireInfoSpanNommLR, .tableTireInfoSpanNommRF, .tableTireInfoSpanNommRR {
    font-size: 18px;
    color: green;
    display: inline;
    position: absolute;
    top: 100px;
    left: 10px;
    font-weight: bold;
}*/

.tiredepthlf, .tiredepthrf, .tiredepthlr, .tiredepthrr{
    font-size: 24px;
    font-weight: bold;
    padding-right: 2px;
}

.tirePendingControlLF, .tirePendingControlLR, .tirePendingControlRF, .tirePendingControlRR {
    position: absolute;
    top: 120px;
    left: 0px;
    background-color: #ff0000;
    color: #fff;
    right: 0;
    text-align: center;
    font-size: 14px;
    padding: 3px 0;
    display: none;
}

.tableTireInfoSpanmm {
    display: inline !important;
    font-size: 10px;
    line-height: 26px;
}
/*===End=====================================================================================*/



.selectTime, .selectTime2 {
    display:inline-block;
    padding:5px;
    cursor:pointer;
}

.tblKlargjoringTop, .tblSaleTop, .tblLeveringTop, .tblReturTop, .tblAdminTop, .tblCarPreparationTop, .tblCarBrandTop {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

    .tblKlargjoringTop td, .tblSaleTop td, .tblLeveringTop td, .tblReturTop td, .tblAdminTop td, .tblCarPreparationTop td, .tblCarBrandTop td {
        text-align: center;
        color: #000;
        background-color: #e4f3f2;
        font-size: 14px;
        padding: 8px;
        border-right: 1px #ccc solid;
        border-bottom: 1px #ccc solid;
    }

.tblKlargjoringTdSelected, .tdTabSaleSelected, .tdTabLeveringSelected, .tdTabReturSelected, .tdTabAdminSelected, .tdTabCarPrepSelected, .tdTabCarBrandSelected {
    background-color: #4d4d4d !important;
    color: #fff !important;
}

.pViewBox {
    background-color: #ddd;
    padding: 3px;
    font-size: 35px;
    font-weight: bold;
    line-height: 50px;
    margin-top: 15px;
}

.trSystemLog {
    display:none;
}
    .trSystemLog > td {
        color:#000!important;  
    }


.tdReturVehicleContainer > div > table > tr > td {
    padding:0px;
}

.tdReturVehicleContainer > div > table > tbody > tr {
    background-color:transparent!important;
}

/*===Import from Excel===========*/
.divImportExcelColumn {
    display: inline-block;
    margin-right: 5px;
    width: 200px;
    height: 200px;
    border: 1px #ccc solid;
    padding: 10px;
    position:relative;
}
    .divImportExcelColumn > p {
        text-align:center;
    }
    .divImportExcelColumn > .pColumnNr {
        font-size: 10px;
    }
    .divImportExcelColumn > .pExcelColumnName {
        font-weight:bold;
    }
    .divImportExcelColumn > select {
        width: 100%;
        margin-top: 20px;
    }
    .divImportExcelColumn > .removeExcelColumn {
        position: absolute;
        top: 0;
        right: 3px;
        cursor: pointer;
    }
    .divImportExcelColumn > .excelrowsvalues {
        margin-top: 10px;
        border-top: 1px #efefef solid;
        border-bottom: 1px #efefef solid;
        padding-top: 3px;
        padding-bottom: 3px;
        height:80px;
    }
    .divImportExcelColumn > .excelrowsvalues > p {
        font-size: 12px;
    }





/*===============================*/

/*
selfcheckin*/


.tableSelfCheckinDetailview tr td:first-of-type {
    font-weight: 900;
    width: 200px;
    font: 18px Arial, Helvetica, sans-serif;
}

.tableSelfCheckinDetailview tr td:last-of-type {
    font: 18px Arial, Helvetica, sans-serif;
}


/*MARKETING*/

#marketingCardPlaceholder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.marketingCard {
    font-size: 18px;
    margin-top: 20px;
    padding: 40px;
    width: 500px;
    border-radius: 20px;
    box-shadow: 0 5px 10px rgba(154,160,185,.05), 0 15px 40px rgba(166,173,201,.2);
    margin-right: 30px;
}

    .marketingCard > h1, h3, h4 {
        padding-bottom: 20px;
    }

.marketingDisabled{
    opacity: 0.5;
}
.marketEnabledText {
    color: forestgreen;
    font-weight: 800;
    padding-bottom: 30px;
}


.orange > span {
    background-image: linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-image: linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span,
.nostripes > span::after {
    background-image: none;
}


.meter {
    box-sizing: content-box;
    height: 20px; /* Can be anything */
    position: relative;
    background: #555;
}

    .meter > span {
        display: block;
        height: 100%;
        background-color: rgb(43, 194, 83);
        background-image: linear-gradient( center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69% );
        position: relative;
        overflow: hidden;
    }

        .meter > span:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 1;
            animation: move 2s linear infinite;
            overflow: hidden;
        }
.master_menu_item {
    display:inline-block;margin-left:50px;position:relative;
}
.master_menu_item a{
    color:#fff;display:inline-block;margin-top:5px;padding:8px 10px; 


.sales_periode_invoice_info th {
    color: #aaa;
    font-size: 12px;
    width: 500px;
    padding-left: 7px;
    text-align:left;
}

.sales_periode_invoice_info td {
    background-color: #f2f2f2;
    padding: 8px;
    padding-left: 15px;
}

.sales_periode_invoice_info tr[periodId=2] td{
    padding: 6px;
}

.sales_periode_invoice_info .text_right {
    padding-right: 15px;
    text-align: right;
}
/*style="background-color:#f2f2f2;padding:5px;padding-right:15px;text-align:right;"*/

/*style="background-color:#f2f2f2;padding:6px;padding-left:15px;"*/

input.sales_info_input {
    display: block;
    margin-top: 20px;
    font-size: 14px !important;
    padding: 2px 2px 2px 8px !important;
}


#txtMerkeTypeAhead.brand_logo_input {
    display: block;
    font-size: 14px !important;
    padding: 2px 2px 2px 38px !important;
    background-size: 30px !important;
    background-position-x: 3px !important;
    width: 420px !important;
}
#txtMerkeTypeAhead{
    font-size: 14px !important;
    padding: 2px 2px 2px 8px !important;
    margin-top: 14px;
    width: 450px !important;
}
.the-basics{
    margin-left: 2px !important;
}
#txtModel{
    width: 450px !important;

}
td.description {
    width: 40rem;
}
.text_right {
    text-align: right;
}
.trTireHotelPeriodRow{
    height: 38px;
}
.provisionTxtDateSelection{
    width:7rem;
    padding:7px !important;
}