html
{
	overflow-y: scroll;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body
{
	background-color: #f7f7f7;
}

.border
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.user-border
{
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	padding: 10px;
}

.colorDiv
{
	/*padding-left: 5px;*/
	/*margin-left: -5px;*/
	/*margin-bottom: 5px;*/
	padding: 10px;
	border-style: solid;
	border-color: transparent;
	border-width: 1px;
	cursor: pointer;
	
}



/*
.list-header-sm-up
{
	border-bottom: 1px solid black;
	padding: 3px 10px 3px 10px;
}

.list-content-sm-up
{
	border-bottom: 1px dashed lightgrey;
	padding: 3px 10px 3px 10px;
}
*/

.list-header-sm-up
{
	padding: 0px 14px 0px 14px;
}

.list-content-sm-up-first
{
	border-top: 1px solid black;
	padding: 0px 14px 0px 14px;
}

.list-content-sm-up
{
	border-top: 1px dashed lightgrey;
	padding: 0px 14px 0px 14px;
}

.list-content-sm-up-total
{
	border-top: 1px solid black;
	padding: 0px 14px 0px 14px;
}

.list-padding
{
	padding: 3px 10px 3px 10px;

}

.hovered 
{
	background-color: #f5f5f5;
}

.row1
{
	background-color: #fff;
}
.row2
{
	background-color: #fafafa;
}

.details
{
	padding-bottom: 20px;
}

.clickable 
{
	cursor: pointer;
}

.padding-bottom-10
{
	padding: 0px 0px 10px 0px;

}

.square
{
	background-color: white;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-right: 20px;
}


.margin-left-10
{
	margin-left: 10px;
}

.box-shadow
{
	box-shadow: 1px 1px 3px #888888;
}

.div-main
{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}


.main-square
{
	background-color: white;
	margin-bottom: 10px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 1px 1px 3px #888888;
}


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

.forgot-password
{
	padding-top: 7px;
	vertical-align: middle;
	padding-right: 0px;
}

.log-in-button
{
	padding-left: 0px;
}

.customer-search
{
	padding: 0px;
}

.customer-data-xs
{
	padding-bottom: 5px;

}


.socialNo-calculated-width
{
    width: -webkit-calc(100% - 40px);
    width:    -moz-calc(100% - 40px);
    width:         calc(100% - 40px);
}

.person-search
{
	padding-left: 6px;
	font-size: 14pt;
}
​


.message
{
	margin-bottom: -20px;
	margin-top: 10px;
}

.welcome-text
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.admin-booking-tr-height
{
	height: 26px;
}

.admin-booking-td1
{
	width: 30px;
	white-space: nowrap;
}

.admin-booking-td2
{
	white-space: nowrap;
}

input[type=checkbox]
{
	-ms-transform: scale(1.2); /* IE */
	-moz-transform: scale(1.2); /* FF */
	-webkit-transform: scale(1.2); /* Safari and Chrome */
	-o-transform: scale(1.2); /* Opera */
	cursor: pointer;
	margin-left: 2px;
}

.user-details-height
{
	height: 70px;
}

.user-details-height-region
{
	height: 90px;
}

.user-details-textbox
{
	width: 260px;
}

.user-details-ordernochar
{
	width: 40px;
}

.div-align-right
{
	text-align: right;
}

@media screen and (max-width: 767px)
{
	.details-xs
	{
		padding: 5px;
	}

	.search-container
	{
		padding-bottom: 10px;
	}

	.main-square
	{
		padding: 5px;
	}

	.ui-accordion .ui-accordion-content
	{
		padding-top: 5px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.div-align-right
	{
		text-align: left;
	}

/*
	.container-main
	{
		padding-left: 5px;
		padding-right: 5px;
	}

*/
}

/*
	Få navbar att collapse redan på 991px:
*/

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}
/* -------------------------------- */


.height-5
{
	height: 5px;
}

.height-8
{
	height: 8px;
}

.bs-margin-l-5
{
	margin-left: -5px;
}


.bg-marked
{
	background-color: #def0f2;

}

.orderrow-input-model
{
	width: 140px;
}

.orderrow-input-color
{
	width: 140px;
}

.hidden
{
	visibility: hidden;
}

.input-size
{
	text-align: center;
	width: 44px;
}

.size-plus
{
	padding-left: 5px;
	padding-top: 5px;
}
.size-minus
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.size-plus-xs
{
	padding-left: 5px;
	padding-top: 5px;
}
.size-minus-xs
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.align-right
{
	text-align:right;
}

.bold
{
	font-weight: bold;
	
}

.bottom-border
{
	border-bottom: 1px solid black;
	margin-bottom: 6px;
}

.order-details-box-height
{
	height: 80px;
}

/* ta bort up-och-ned-pilar i Chrome för numeriska textrutor */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


/* Bootstrap */

.navbar
{
	border-radius: 0;
	margin-bottom: 5px;
}

.dropdown-menu
{
	min-width: 110px;
}


/* jQuery */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
	border: 1px solid #4d868e;
	background: #4d868e;
}

.ui-state-focus { outline: none; }



.selectable
{
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}