body {
  font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  background-color: #FFFFFF;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #585858;
}

.headers {
    font-weight: bold;
    margin-top: 30px;
}

.powered-by{
    width: 200px; 
    height: 15px; 
    position: fixed; 
    bottom: 0; 
    margin: 0 auto; 
    left: 0; 
    right: 0; 
    border-top-right-radius:3px; 
    border-top-left-radius: 3px; 
    background-color: rgba(255,255,255,0.7); 
    text-align: center;
}

.powered-by-link{
    color: #000;
}


@media (max-width: 1250px) {
    .headers{
        visibility: hidden;
    }
}

.grid-headers {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
}

label {
  display: inline-block;
  max-width: 100%;
  font-size: 14px;
  color: #363636;
}


/*resource order search*/

.radio-label, .check-label {
    margin-top: 1px;
    cursor: pointer;
}

.date-selection, .search-input, .search-filter {
    margin-top: 15px;
}

.resource-search-heading{
    padding: 0 !important;
}


.custom-options {
    background-color: #fff;
    display: flex;
}

.custom-option {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0,0,0,0.75);
    line-height: 30px;
    letter-spacing: 2px;
    cursor: pointer;
    flex: 1;
}

    .custom-option:hover {
        cursor: pointer;
        background-color: #f5f155;
    }

    .custom-option.selected {
        background-color: #FFFFFF;
    }


.id-search {
   display: none;
}

/*resource order search end*/
/*Menu*/
.slideout-menu {
    position: fixed;
    top: 0;
    width: 285px;
    height: 100%;
    background: #fdfdfd;
    overflow: auto;
    box-shadow: 5px 0 5px -5px #cecbcb;
    z-index: 20;
}

    .slideout-menu .mobile-menu-close{
        position:absolute;
        font-size: 40px;
        left: 250px;
        top: -10px;
    }

    .slideout-menu .mobile-menu-close:hover {
        cursor:pointer;
    }

    .slideout-menu .image-holder{
        text-align: center;
    }

    .slideout-menu .border-separator{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 38px;
        border-bottom: 1px solid;
        border-bottom-color: #e2e2e2;
        border-bottom-width: 2px;
    }

    .slideout-menu .reference-separator {
        width: 100%;
        padding-bottom: 8px;
        border-bottom: 1px solid;
        border-bottom-color: #e2e2e2;
        border-bottom-width: 2px;
    }


    .slideout-menu h2 a {
	    position: relative;
    }

    .slideout-menu h2 a img {
	    margin-bottom: 10px;
        width: 150px
    }

    .slideout-menu h2 a:link {
        text-decoration: none;
    }

    .slideout-menu ul {
	    list-style: none;
    }

    .slideout-menu .navigation-menu ul li a {
	    position: relative;
	    display: block;
	    padding: 10px 15px;
	    color: #585858;
        letter-spacing: 2px;
        font-size: 14px;
        font-weight:600;
	    text-decoration: none;
        text-transform: uppercase;
    }

    .slideout-menu .navigation-menu ul li a:hover {
	    background: #FFFFFF;
    }

    .menu-click-color a {
	    background: #FFFFFF;
    }


#loginbox .panel, #referencebox .panel {
    background-color: rgba(255, 255, 255, 0.4);
}

/*Navbar*/
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  width: 100%;
  /*height: 90px;*/
  z-index: 3;
}

/*.navbar-default {
  background-color: #fff;
}*/

/*Buttons*/


.btn-custom {
    color: #333;
    background-color: #f3f3f4;
    border-color: #ccc;
    text-transform: uppercase;
    padding: 10px 25px;
}

    .btn-custom:hover, .btn-find-customer:hover {
        color: #333;
        background-color: #FFFFFF;
        border-color: #adadad;
    }

.btn-preview-custom {
    background-color: #f3f3f4;
    border-color: #ccc;
    color: #333;
    padding: 5px 12px;
    text-transform: uppercase;
}

.btn-preview-custom:hover {
    background-color: #FFFFFF;
    border-color: #ccc;
    color: #333;
    padding: 5px 12px;
    text-transform: uppercase;
}

.priceSummary .btn {
    color: #333;
    background-color: #f3f3f4;
    border-color: #ccc;
    text-transform: uppercase;
}

    .priceSummary .btn:hover {
        color: #333;
        background-color: #FFFFFF;
        border-color: #ccc;
        text-transform: uppercase;
    }

/*Grids*/
.kendoselect tbody tr:hover {
    cursor: pointer;
    background: #FFFFFF;
}

.k-state-selected{
    background-color: #FFFFFF;
    border-color: #000;
    color: initial;
}

.k-alt{

}

.k-grid td {
    height: 22px;
    white-space: nowrap;
}

    .k-grid td.k-state-selected:hover, 
    .k-grid tr.k-state-selected:hover{
        background-color: #FFFFFF;
    }


/*.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox{
    border-bottom: 2px solid #FFFFFF;
    background-color: #fff;

}*/


.k-header{
    background-color: #fff;
}

.k-block, .k-draghandle, .k-inline-block, .k-widget{
    border-style: none;
}

/*grid footer wrapper*/

@media (min-width: 1250px) {
    .k-pager-wrap {
        background-color: #FFFFFF;
        color: #313131;
        background-image:none;
        padding-top: 20px;
    }

    .k-pager-wrap > .k-link {
        border-radius: 0;
        border: 0;
        height: 2em;
        line-height: 2em;
        margin: 0 0.08333em;
        text-align: center;
        min-width: 2em;
        background-color: #fff;
    }

    .k-pager-wrap > .k-pager-first {
        margin-right:8px;
    }

        .k-pager-wrap > .k-pager-last {
            margin-left:8px;
        }

    .k-grid .k-pager-numbers {
        margin-left: 15px;
        margin-right: 15px;
    }

    .k-pager-numbers .k-link:hover {
        background-image: none;
        border-radius: 0;

    }

    .k-pager-numbers .k-link {
        font-size: 14px;
        line-height: 1.7em;
        min-width: 1em;
        color: #b3a5a4;
    }

    .k-pager-numbers .k-state-selected {
        background-color: transparent;
        border-bottom: 4px solid #FFFFFF;
        border-color: transparent transparent #FFFFFF;
        border-radius: 0;
        font-size: 14px;
        line-height: 1.7em;
        min-width: 1em;
        text-align: center;
    }

    .k-header-column-menu .k-icon,
    .k-column-menu .k-icon,
    .k-column-menu .k-sprite,
    .k-grid-pager .k-icon,
    .k-grid .k-pager-numbers .k-current-page .k-pager-nav:after {
        background-image: none;
        font-size: 1em;
        font-family: "Glyphicons Halflings";
    }

    .k-header-column-menu .k-icon:before,
    .k-header-column-menu .k-sprite:before,
    .k-column-menu .k-icon:before,
    .k-column-menu .k-sprite:before,
    .k-grid-pager .k-icon:before {       
        display: inline-block;
        padding-top: 0.5em;
        color: #2e2e2e;
        width: 20px;
        height: 20px;
    }

    .k-pager-info {
        float: left;
    }

    .k-grid-pager .k-pager-numbers .k-current-page .k-pager-nav:after {
        margin-top: -1em;
    }

    .k-grid-pager .k-i-arrow-e:before {
        content: "\e080";
    }

    .k-grid-pager .k-i-seek-e:before {
        content: "\e077";
    }

    .k-grid-pager .k-i-seek-w:before {
        content: "\e069";
    }

    .k-grid-pager .k-i-arrow-w:before {
        content: "\e079";
    }

    .k-i-arrow-s:before {
        content: "\e114";
    }
}




/*on mobile*/
html .km-pane-wrapper .k-header {
    background-color: #fff;
}

.k-grid-header th.k-header {
    border-bottom: 3px solid #FFFFFF;
    background-color: #fff;

}

.k-filter-row th, .k-grid-header th.k-header {
    border-style: solid;
    border-width: 0 0 3px 1px;
    font-weight: 700;
    overflow: hidden;
    padding: 0.9em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.spinner-color{
    color: #FFFFFF;
}

/*Order - Calculate price page*/

/*Panels (components)*/
/*.welcome-text-container{
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 10px;
    position:relative;
    margin-top: 10px;
}*/

.panel {
  margin-bottom: 16px;
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
#loginbox .panel-body, #referencebox .panel-body{
  /*padding: 15px;*/
  position: relative;

  animation-name: animateLoginBox;
  animation-duration:1.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

}

@-moz-keyframes animateLoginBox {
  from {
    top: -40px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animateLoginBox {
  from {
    top: -40px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes animateLoginBox {
  from {
    top: -40px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.panel-primary {
    border-color: #e7e7e7;
}

.panel-primary > .panel-heading {
  color: #777;
  border-color: #FFFFFF;
}

.panel-heading {
  padding: 8px;
  border-bottom: 3px solid;
  text-align: center;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgba(0,0,0,0.75);
  text-transform: uppercase;
}

/*price header*/

.navbar-default .income{
    text-shadow: 2px 2px 2px #FFFFFF;
    cursor: pointer;
    left: 0;
}

/*Login*/

.loginbox-container{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 790px;
    width: 800px;
}

.bottom-buffer-login{
    max-height: 250px;
    padding-bottom: 50px;
}

.loginbox-container img{
    vertical-align: 0;
    max-width: 800px;
    max-height: 250px;
}

.panel-padding{
    padding: 6% 16%;
}

@media (max-width: 850px) {

    .loginbox-container{
        width: 100%;
        position: relative;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .loginbox-container img{
        max-width: 100%;
    }

    .panel-padding {
        padding: 10px 10px;
    }

    .bottom-buffer-login{
        display: none;
    }

    
}




.loginbox-container .panel{
    margin: 0;
    /*height: inherit;*/
}

.form-control-login {
    border-top: 2px solid #989898;
    border-right: 2px solid #989898;
    border-bottom: 2px solid #989898;
    border-left: 0 none;
    color: #555;
    font-size: 24px;
    height: 62px;
    padding: 2px;
}

.form-control-login:focus{
    border-color: #989898;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    outline: 0 none;
}

.input-group-addon {
    background-color: #fff;
    border-top: 2px solid #989898;
    border-left: 2px solid #989898;
    border-bottom: 2px solid #989898;
    border-radius: 0;
}

.custom-table td{
    white-space: nowrap;
}


/*@media (max-width: 768px) {
    .panel-padding {
        padding: 10px 10px;
    }

    .login-image {
        margin-top: 20px;
    }
}*/

#loginbox .btn{
    border-radius: 0;
    padding: 20px 12px;
    font-weight: bold;
}

#loginbox .btn-default {
    border: 2px solid #000;
}

.bigger-icons{
    font-size: 18px;
}

.bigger-text{
    font-size: 18px;
}

.login-label{
    text-transform: uppercase;
    font-weight: 600;
    color: #585858;
    letter-spacing: 1px;
}

/*Order navbar elements on mobile*/
.order-summary {
    background: #FFFFFF none repeat scroll 0 0;
    border-bottom: 1px solid rgb(200, 200, 200);
    padding: 10px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    .order-summary .left-padding{
        padding-left: 28px;
    }@import url('https://fonts.googleapis.com/css?family=Open+Sans');


@media only screen and (min-width: 1024px) {

.login-background {
    background: url(https://besttransport.se/media/images/best_lastbil.original.png)  top right / 100% auto no-repeat !important;
    background-attachment: fixed;
    background-size: cover;
    background-color: #FFFFFF;
}

}


body{
    font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #FFFFFF;
}


.spinner-color{
    color: #ff8200;
}


.larger-padding-bottom span{
   display:none;
}

.larger-padding-bottom:before{
   content: "";
   font-size: 14px;
}

#officelogo {
  display: block;
  max-width:150px;
  max-height:80px;
  width: auto;
  height: auto;
}

#gdpr:before {

    content:"Her kan du som kunde følge løpende ordrer. \ASøke etter spesifikke ordrer, se status for utførte ordrer og endre og legge til informasjon i en allerede innsendt bestilling (hvis den ikke allerede er distribuert og lastet inn). \A Du kan også legge inn bestillinger manuelt her selv, og hvis du har de riktige tillatelsene, kan du også administrere dine egne brukere av systemet. \AHvis du har spørsmål om funksjonaliteten, kan du sende en e-post til fraktbrev@rtmas.no. \AVi vil komme tilbake til deg så snart som mulig. \A\AHilsen Ringstad-Best Transport";
	white-space: pre-wrap;
    font-size: 20px;
}

.navbar-custom {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}

.rating {
    font-size: 2.8em;
}

.rating > * {
    margin: 6px;
}

.rating-star.fa-star
{
	color:#ff8200;
}

.rating-star-hover
{
	opacity:.6;
	color:#ff8200;
}

.gmap-home-color{
    color: #000;
}

.gmap-truck-color{
    color: #ff8200;
}

.padding-search-box{
    padding-top: 10px;
}

.padding-language{
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-control-tt{
    border: 2px solid;
    border-color: #989898;
    border-width: 2px;
    color: #555;
    font-size: 20px;
    height: 38px;
    padding: 3px;
    /*height: 50px;
    font-size: 20px;*/
}

.form-language{
    width: 100%;
}



.btn-custom-search{
    font-size: 25px;
}

.btn-table{
     -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-custom {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 10px;
  /* -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
     box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
  */
}

.bottom-buffer{
    margin-bottom:10px;
}

.top-buffer{
    margin-top: 10px;
}

.spacing-right{
    margin-right: 5px;
}

.spacing-left{
    margin-left: 5px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.extra-padding{
    padding: 5px;
}


table { 
  width: 100%; 
  border-collapse: collapse; 
}
tr:nth-of-type(even) { 
  background: #FFFFFF; 
}
th { 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

td{
    white-space: nowrap;
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.adaptive-pending-wrapper table, .adaptive-pending-wrapper thead, .adaptive-pending-wrapper tbody, .adaptive-pending-wrapper th, .adaptive-pending-wrapper td, .adaptive-pending-wrapper tr,
	.adaptive-current-wrapper table, .adaptive-current-wrapper thead, .adaptive-current-wrapper tbody, .adaptive-current-wrapper th, .adaptive-current-wrapper td, .adaptive-current-wrapper tr,
	.adaptive-ordersearch-wrapper table, .adaptive-ordersearch-wrapper thead, .adaptive-ordersearch-wrapper tbody, .adaptive-ordersearch-wrapper th, .adaptive-ordersearch-wrapper td, .adaptive-ordersearch-wrapper tr
	{
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.adaptive-pending-wrapper thead tr,
	.adaptive-current-wrapper thead tr,
	.adaptive-ordersearch-wrapper thead tr
    { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.adaptive-pending-wrapper tr,
	.adaptive-current-wrapper tr,
	.adaptive-ordersearch-wrapper tr
	{
		border: 1px solid #ccc; 
	}
	
	.adaptive-pending-wrapper td,
	.adaptive-current-wrapper td,
	.adaptive-ordersearch-wrapper td 
	{ 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
        overflow: hidden;
        text-overflow: ellipsis;
	}
	
	.adaptive-pending-wrapper td:before,
	.adaptive-current-wrapper td:before,
	.adaptive-ordersearch-wrapper td:before
	{ 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.adaptive-pending-wrapper td:before,
	.adaptive-current-wrapper td:before,
	.adaptive-ordersearch-wrapper td:before
	{ 
		content: attr(data-title); 
	}
}


.panel {
  margin-bottom: 28px;
  background-color: rgba(255,255,255,0);
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);


}

.gradient-opacity{
    background-color: rgba(255,255,255, 1);
    border-radius: 8px;
}


.panel-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: -webkit-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(255,255,255,0.4), rgba(255,255,255,0.3)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(255,255,255,0.4), rgba(255,255,255, 0.3)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(255,255,255,0.4), rgba(255,255,255,0.3)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(255,255,255,0.4), rgba(255,255,255,0.3)); /* Standard syntax (must be last) */
}


.panel-heading {
  padding: 8px;
  border-bottom: 1px solid;
  border-bottom-width:2px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgba(0,0,0,0.75);
  text-transform: uppercase;
}

.panel-primary {
  /*border-color: #e7e7e7;*/
}
.panel-primary > .panel-heading {
  background-color: #fff;
  color: #777;
  border-color: #ffa300;
}


.pointer-cursor{
    cursor: pointer;
}

#mapModal .modal-body{
    padding: 0;
}

#mapModal .modal-footer{
    padding: 10px;
}



#clientWeb .k-grid-header th { border-bottom: 1px solid #ff8200 }

#clientWeb .slideout-menu .image-holder-company { 
  background-color: #FFFFFF;
  height: 100px;
}

#clientWeb .slideout-menu .image-holder-customer { 
  background-color: lightgrey;
}

#clientWeb .slideout-menu .border-separator {
  width: 100%;
  margin-bottom: 20px;
  border: 0;
}


#clientWeb, #clientWeb .slideout-menu .navigation-menu ul li a, #clientWeb .k-selectable tr {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}


#clientWeb .slideout-menu .navigation-menu ul li a {
    border-radius: 5px;
    margin: 0 10px;
}

#clientWeb .slideout-menu .navigation-menu ul li a:hover, #clientWeb .btn:hover, #clientWeb .btn-custom:hover, #clientWeb .btn, #clientWeb .btn-custom {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#clientWeb .slideout-menu .navigation-menu ul li a:hover {
    background: #ff8200;
    color: #fff;
    font-weight: bold;
    box-shadow: none;
}

#clientWeb .menu-click-color a {
    
    box-shadow: inset 0px 11px 8px -10px #CCC;
    background-color: #f4f3f3;
    color: #ff8200;
    
}

#clientWeb .btn, #clientWeb .border-wrapper {
    border-radius: 5px;
}

#clientWeb .btn-secondary {
    border-radius: 0 5px 5px 0;
}

#clientWeb .form-control {
    border: 1px solid #ccc;
    padding: 4px 8px;
}



/* === knappar === */

#clientWeb .btn-custom, #clientWeb .btn {
    color: #ec7f1a;
    background-color: #ffedda;
    border-color: #ec7f1a;
    padding: 5px 10px;
	border-width: 2px;
	font-weight: 700;
}

#clientWeb .btn-custom:hover, #clientWeb .btn:hover {
    /* box-shadow: inset 0px 0px 6px 2px rgba(255,255,255,1); */
    /* border-color: #ff8200; */
    transform: scale(1.05);
	background-color: #ec7f1a;
    color: #fff;
}



/* Färger på knapparna */


#clientWeb #removeuser, #clientWeb #removeaddress {
    background-color: #ffdfdb;
    border-color: #e94c39;
	color: #e94c39;
}

#clientWeb #removeuser:hover, #clientWeb #removeaddress:hover {
    /* box-shadow: inset 0px 0px 6px 2px rgba(244,139,139,1);
    border-color: #e94c39; */
	background-color: #e94c39;
	color: #fff;
}


#clientWeb .orderedit, #clientWeb #savesettings, #clientWeb #saveuser, #clientWeb #saveaddress {
    background-color: #d8ffc2;
    border-color: #7bc353;
	color: #7bc353;
}

#clientWeb .orderedit:hover, #clientWeb #savesettings:hover, #clientWeb #saveuser:hover, #clientWeb #saveaddress:hover {
    /* box-shadow: inset 0px 0px 6px 2px rgba(194,245,165,1);
    border-color: #26cd73; */
    background-color: #7bc353;
	color: #fff;
}

#clientWeb .ordercopy {
    background-color: #fff5c0;
    border-color: #f0cb00;
    color: #665913;
}

#clientWeb .ordercopy:hover {
    /* box-shadow: inset 0px 0px 6px 2px rgba(255,233,112,1);
    border-color: #f0cb00; */
    background-color: #f0cb00;
    color: #fff;
}

#clientWeb .bill-print, #clientWeb #toggleCheck {
    background-color: #dbf0ff;
    border-color: #3697dc;
	color: #3697dc;
}

#clientWeb .bill-print:hover, #clientWeb #toggleCheck:hover {
    /* box-shadow: inset 0px 0px 6px 2px rgba(112,199,245,1);
    border-color: #3697dc; */
    background-color: #3697dc;
	color: #fff;
}




#clientWeb .navbar-fixed-top {
    box-shadow: inset 0px -8px 8px -11px #000;
    background-color: #f4f3f3;
    color: #ff8200;
    height: 101px;
}

#clientWeb .navbar-fixed-top h3 {
    font-size: 35px;
    font-weight: normal;
}

#clientWeb .reference-holder {
    padding-bottom: 10px;
}

#clientWeb .panel {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}

#clientWeb .k-alt {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
    background-color: #f8f8f8;
}

#clientWeb .k-selectable tr:hover {
    background-color: #ffca92; 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
}

#clientWeb #changesettingsform div:nth-of-type(6) {
    display: none;
}

@media (max-width: 1250px) {

#clientWeb .headers {
    visibility: visible;
}

#clientWeb .navbar-fixed-top h3 {
    font-size: 4vw;
}

        #clientWeb .navbar-fixed-top {
		    height: auto !important;
		}
		
		#clientWeb .priceSummary {
		    display: none;
		} 

}

#unauth .panel-padding {
    padding: 5% 10%;
}

#unauth .form-control-login {
    font-size: 22px;
    height: 50px;
}

#unauth .bottom-buffer {
    margin-bottom: 5px;
}

#unauth .styled-select, #unauth .styled-select select {
    height: 50px;
}

#unauth #loginButton {
    color: #fff;
    background-color: #ff8200;
    border-color: #d77108;
    padding: 15px;
}


@media (max-width: 850px) {

#unauth .bottom-buffer-login {
    display: block;
    margin: 20px;
    padding-bottom: 0;
}

#unauth .loginbox-container .panel {
    margin: 10px;
}

.powered-by { display: none; }


}

@media (max-width: 768px) {

        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-6,
        .col-md-10,
        .col-md-12,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-10,
        .col-md-12
        {
            padding-left: 10px;
            padding-right: 10px;
        }

        .panel-body .col-md-12
        {
            padding-left: 5px;
            padding-right: 5px;
        }

        #mapModal .modal-dialog{
            margin: 0;
        }

        #mapModal .modal-body .map{
            padding-left: 5px;
            padding-right: 5px;
        }


}


#trackAndTrace #ttsearchinput {
	padding: 20px 10px;
}


#trackAndTrace .panel-primary > .panel-heading {
    background-color: #ff8200;
    border: 0;
}

#trackAndTrace .panel-title {
	color: #fff;
}

#trackAndTrace .panel-body {
	background-color: rgba(255,255,255,0.5);
}

#trackAndTrace #collapse05 .panel-body {
	background-color: #fff; 
}

#trackAndTrace .rating-star, #trackAndTrace .glyphicon  {
    background-color: #fff;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}


#trackAndTrace .rating div {
  background: url(http://order.asa.se/betyg_1-5.png) no-repeat center;
}

#trackAndTrace .rating div:nth-child(1) {
  background-position: 8px;
}

#trackAndTrace .rating div:nth-child(2) {
  background-position: -50px;
}

#trackAndTrace .rating div:nth-child(3) {
  background-position: -108px;
}

#trackAndTrace .rating div:nth-child(4) {
  background-position: -166px;
}

#trackAndTrace .rating div:nth-child(5) {
  background-position: -224px;
}

#trackAndTrace .rating-star-hover {
  opacity: 1;
}

#trackAndTrace .fa-star-o:before {
  content: "";
  width: 35px;
  height: 35px;
  display: block;
}

#trackAndTrace .rating-star.fa-star {
    color: transparent;
}

#trackAndTrace .fa-star-o:before, #trackAndTrace .fa-star:before {
    content: "";
    width: 35px;
    height: 35px;
    display: block;
}