/*! Stilar fÃķr Camera Lucida */

/* ---------- LÃĪnkar ---------- */

a,
a:visited {
  color: #229;
  text-decoration: none;
}

a:hover {
  color: #33c;
}


/* ---------- Klasser ---------- */

.success-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1px 0 1px 0;
  z-index: 2000;
  background: #2b4;
  text-align: center;
  font-size: 18px;
  color: #eee;

  animation: 0.6s slideout both;
  animation-timing-function: ease-in;
  animation-delay: 3.0s;
}

@keyframes slideout {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}


/*Pontus*/

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgb(0, 122, 255) !important;
}

.dropdown-item {
  cursor: pointer;
}

#primary-nav {
  background-color: #f8f9fa;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f9fa !important;
}


a {
  text-decoration: none;
}






main.container .fas {
    padding-right: 2px;
    width: 20px;
}


.col {/*text-align:center;*/}


.smallRow {padding-right:5px;}

.calDay {
	text-align: center;
	color:#a0a0a0;
}

.calDay.red {
	color:#ff8080;
}

.calDay.red.today {
	color:#ff0000;
}

.calDay.today {
	color:#000000;
}

.calDayName {
	font-size:11px;position: relative; top:0px;
}

.calDate {
	font-size:20px;position: relative; top:-5px;
}

.calMonth {
	font-size:11px;position: relative; top:-10px;
}

.scheduleName {
	font-size:14px;position: relative; top:0px;font-weight: bold;
}

.smallRow {font-size:15px;}

.calHead {height:70px;}

.calHead.all {height: 95px;}

.calContent {position: relative;}

.calEvents {position: relative;z-index:2;}

.calEvent {position: absolute;}


.calContent.borderTop {    border-top:1px solid #a0a0a0;}

.smallRow .calContent div {
    display: block;
    height: 40px;
    width: 100%;	
}

.calGrid {
    position: absolute;
    display: block;
    height: 20px;
    width: 100%;
    border-top: 1px solid transparent;
    }

.calGrid:nth-child(4n+1) {
    border-top-color: rgba(0, 0, 0, 0.4);	
}

.calGrid:nth-child(4n+2) {
    border-top-color: rgba(0, 0, 0, 0.06);
}

.calGrid:nth-child(4n+3) {
    border-top-color: rgba(0, 0, 0, 0.13);
}

.calGrid:nth-child(4n) {
    border-top-color: rgba(0, 0, 0, 0.06);
}

.calContent {border-left:1px solid #a0a0a0;overflow:hidden;border-bottom:1px solid #a0a0a0;}
.calContent.last {border-right:1px solid #a0a0a0;}

.calEvents, .calEvent {width:100%;}

.calEvent div {height:20px;font-size:13px;padding:1px;background-color:#a0a0a0;width:100%;}
.calEvent a div {color:#ffffff !important;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.calEvent a:hover {color:#c8c8c8 !important;text-decoration: none !important;}

.pastEvent {background-color:#c8c8c8;}

.smallRow .calContent {border:0px solid #a0a0a0;}

/* Equal width */
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

/* Add gutters */
.col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}


.timeBox {background-color:#a0a0a0;margin:10px;border-radius: 5px;color:#FFFFFF;padding-top:10px;font-size:14px;}


.removeTimeBox {position: relative;top:10px;}
.removeTimeBox .fas {font-size:20px;color:#000000;}
.removeTimeBox a:hover .fas {color:#646464;}

.addTimeBox .fas {font-size:30px;position: relative;left:-5px;top:15px;color:#000000;}
.addTimeBox a:hover .fas {color:#a0a0a0;}



.pricePostTitle {font-size:20px;}


legend {font-size:inherit;}




/* FROM RETURBAGEN */


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#000000 !important;}

.dropdown-item.active, .dropdown-item:active {background-color:#000000 !important;}

.container h1 {font-size:20px;}

.container h2 {font-size:17px;}

.container a:link, .container a:visited {color:#007bff;}

.container a:hover {color:#000000;text-decoration: none;}

footer.container {color:#c8c8c8;}
footer.container small.text-muted  {color:#c8c8c8 !important;}

.form-signin input[type="password"] {margin-bottom:0px;}

.fas {padding-right:2px;width:17px}

.linespacing {line-height:25px;}


table.extraInvoiceRows th {font-size:12px;}

table.extraInvoiceRows td {font-size:14px;}


.pagination {padding:2px 10px;border:1px solid #000000;margin-right:5px;display:inline-block;color:#000000;}
.pagination.active {background-color:green;color:#FFFFFF !important;}
.pagination:hover {background-color:#a0a0a0;}




/* END RETURBAGEN */

#overviewmap {max-width:1200px;height:600px;}


@media only screen and (min-width:500px) {
	
.OrderListBox {
padding:20px 10px 25px 0px;
border-width:1px 0px 0px 0px;
border-color:#f0f0f0;
border-style:solid;	

}	
	
}


@media only screen and (max-width:500px) {
	
.OrderListBox {
padding:20px 8px 25px 0px;
border-width:1px 0px 0px 0px;
border-color:#f0f0f0;
border-style:solid;	
}	
	
}



.btn-default:hover {background-color:#007bff;color:#FFFFFF;}


.timeBubble {width:100%;display:inline-block;text-align:center;margin-top:10px;}

.timeBubble a {background-color:#a0a0a0;padding:5px 10px;color:#FFFFFF !important;border-radius: 10px;}
.timeBubble a:hover {background-color:#007bff;padding:5px 10px;color:#FFFFFF !important;border-radius: 10px;}

.timeBubble a.selected {background-color:#007bff;padding:5px 10px;color:#FFFFFF !important;border-radius: 10px;}



.selectedChoice {display:inline-block;background-color:#007bff;padding:5px 10px;color:#FFFFFF !important;border-radius: 10px;}




.datepicker table tr td span.active{
    background: #04c!important;
    border-color: #04c!important;
}
.datepicker .datepicker-days tr td.active {
    background: #04c!important;
}
#week-picker-wrapper .datepicker .datepicker-days tr td.active~td, #week-picker-wrapper .datepicker .datepicker-days tr td.active {
    color: #fff;
    background-color: #04c;
    border-radius: 0;
}

#week-picker-wrapper .datepicker .datepicker-days tr:hover td, #week-picker-wrapper .datepicker table tr td.day:hover, #week-picker-wrapper .datepicker table tr td.focused {
    color: #000!important;
    background: #e5e2e3!important;
    border-radius: 0!important;
}

.week-picker {width:260px;}

#week-picker-wrapper {position: relative;}



.calGrid:hover {background-color:#000000;color:#FFFFFF !important;cursor: pointer;}

.calGrid {text-align: center;font-size:10px;color:#a0a0a0;}

.seeScheme {
width:100%;display:inline-block;text-align:center;margin-bottom:5px;
background-color:transparent !important;color:#000000 !important;font-size:11px;text-align: center;}
.seeScheme:hover {color:#a0a0a0 !important;}

.moreInfoBox {border:1px solid #000000;border-radius: 10px;padding:20px;display:inline-block;}



.calEvent.notReady div {background-color:red !important;}
.calEvent.Ready div {background-color:green !important;}
.calEvent.SoonReady div {background-color:#f5b342 !important;}


.input-group-prepend, 
.input-group-text {width:160px;}



.calEvent.loggedin div {background-color:#007bff;}



.my-2 {margin:0px !important;}
input.form-control, 
textarea.form-control {margin-bottom:5px !important;}