/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 
 /*** Klockpicker ****************************************************************************************************************************************************/
 
 /*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 * 
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;overflow:visible;margin:0;padding:0;z-index:auto;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;bottom:auto;left:auto;right:auto;top:auto;-webkit-transform:none;-ms-transform:none;transform:none}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent}.btn.active:focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-block{display:block;width:100%}.text-primary{color:#0058A6 !important;}.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover>.arrow{left:25px}.clockpicker-align-top.popover>.arrow{top:17px}.clockpicker-align-right.popover>.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
 
 
 
 /*** DATEPICKER ****************************************************************************************************************************************************/
 
 .ui-datepicker-current-day{
	background-color: #0058A6;
}
.ui-widget {
	
}

.ui-datepicker {
	padding: 0;
}

  .ui-widget-content {
	border: none;
	background: #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.19);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.19);
	box-shadow: 0 1px 3px rgba(0,0,0,.19);
	}
	
	.ui-datepicker-month{
		color:black;
	}
	.ui-datepicker-year{
		color:black;
	}


  .ui-datepicker-header {
	color: #fff;
	padding: 0;
	border-top: 1px solid white;
	border-bottom: none;
	overflow: hidden;
	text-transform: uppercase;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	background-color: white;
}

  .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
}

  .ui-datepicker .ui-datepicker-title {
	line-height: 2.2em;
	font-weight: normal;
	text-align: center;
}

  .ui-datepicker .ui-datepicker-prev, 
  .ui-datepicker .ui-datepicker-next {
	background: #0058A6;
	border-radius: 0;
	font-weight: normal;
	border: none;
	height: 2.2em;
	width: 1.4em;
	padding:2%;
	text-align: center;
	border: 1px solid #0058A6;
	    
	display: block;
    width:  40%;
    margin: 3%;
    padding-top: 4px;
    float: left;   
    color:	white;
	    
	;
}

.ui-datepicker .ui-datepicker-prev{ float:left;}
  .ui-datepicker .ui-datepicker-next {float:right;}



  .ui-datepicker .ui-datepicker-prev.ui-state-hover,
  .ui-datepicker .ui-datepicker-next.ui-state-hover {
	background: #e4411c;
}





  .ui-datepicker .ui-datepicker-prev span, 
  .ui-datepicker .ui-datepicker-next span {
	margin-top: -4px;
	top: 40%;
}

  .ui-icon-circle-triangle-e {
	background-image: url(images/ui-icons_ffffff_256x240.png);
	background-position: -32px 0;
}

  .ui-icon-circle-triangle-w {
	background-image: url(images/ui-icons_ffffff_256x240.png);
	background-position: -96px 0;
}

  .ui-datepicker table {
	margin: 0;
}

  .ui-datepicker th {
	padding: .6em 0 .4em;
	text-transform: uppercase;
	color: #bbb;
	font-weight: normal;
	font-size: .8em;
	border-top: 1px solid #e6e6e6;
	padding-left: 10px;
}

  .ui-datepicker td {
	border: none;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	text-align: center;
	padding: 9px;
}

  td:last-child {
	border-right: 0;
}

  td .ui-state-default {
	background: transparent;
	border: none;
	color: #2b2b2b;
	margin: 0;
	font-weight: normal;
	text-align: center;
}

  .ui-datepicker-calendar .ui-state-hover {
	background: #ededed;
	color: #b2b2b2;
}

  td a.ui-state-active,
  td a.ui-state-active.ui-state-hover {
	color: #fff;
}


 
 
 
 
 
 /*** formulär etc ****************************************************************************************************************************************************/
 
 .ui-menu {
	    background-color: white;
	    border: 1px solid #d0d0d0;
	    max-width: 224px;
	    overflow: hidden;
	}
	
	.ui-menu li{list-style-type: none; padding: 0px 10px 0px 10px;}
	.ui-menu li:hover{background-color:#d0d0d0;}
	.ui-helper-hidden-accessible{display: none;}
	
	.fancybox-inner{max-width:600px;}
	.fancybox-wrap{max-width:600px;}
	
	#frmMain{
		height: 281px;
	}
	
	@media screen and (max-width: 768px) {
		#frmMain {
    		height: 328px;
		}
	}
	
	@media screen and (max-width: 576px) {
		#frmMain {
    		height: 414px;
		}
	}
	
	
	.col-xs-6.dateBoxes {
    	width: 50%;
    	margin-bottom: 11px;
	}
	
	
	#inpDate, #inpTime, #frmMain select{width:100%}
	.ui-datepicker-title {
	    display:block;
	    width:100%;
	}
	.fancybox-wrap iframe{
		padding-left: 13px !important;
		padding-top: 4px !important;
    }
    .grid_6 > iframe {
    	width: 100%;
	}

	#frmMain input, #frmMain select{
	
		padding: 13px !important;
	    margin-bottom: 4%;
	    height: 52px;
	    color:	#333333;
	}
	#frmMain h1{color:white; font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px;}

#frmMain #btn-robot, #frmMain #btn-avresa, #frmMain #btn-framme{
    background-color:#1E7CCA;
    color: white;
    width: 100%;
    font-weight: bold;
    border: 0px;
    cursor: pointer;
}

#frmMain #btn-avresa, #frmMain #btn-framme{
    background-color:white ;
    color:	#45A0CE;
    opacity: 0.2;
    -webkit-transition: all 500ms; /* Safari */
    transition: all 500ms;
    
}

#frmMain  #btn-avresa.selected, #frmMain #btn-framme.selected{
    background-color:white !important;
    color:	#45A0CE !important;
    opacity: 1;
    
}


td a.ui-state-active, td a.ui-state-active.ui-state-hover{
background-color:#0058A6;	
}

 /*** gamla rpajax ****************************************************************************************************************************************************/
 

/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
	    width:15.909em;	/* Width of box */
		height:16.909em;	/* Height of box overriden i rpajax.js */
		overflow:auto;	/* Scrolling features */
		border:1px solid #000000;	/* Dark border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		FONT-WEIGHT: normal;
    		FONT-SIZE: 1em;
    		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		z-index:100;
		width:300px;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		line-height:2em;
		cursor:pointer;
    		FONT-SIZE: 1em;
    		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    		margin-top: 0px; margin-bottom: 0px; padding: 0px;
    		  vertical-align: middle;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#191970;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	
#ajax_listOfOptions .ajaxIcon
{
   vertical-align: middle;
   margin-bottom :5px;
    
}



		

/*** nya designen ****************************************************************************************************************************************************/

#inpPointFr{
	width:100%;
}

#inpPointTo{
	width:100%;v
}