/* Carita
-----------------------------------------------------------*/

.carita-company:before { white-space: pre;content:"Swedish Care System AB"; }
p.carita-address:before { white-space: pre;content:"Box 54 - 245 21 Staffanstorp"; }
p.carita-phone:before { white-space: pre;content:"Telefon: 046-25 98 21 \a Telefax: 046-25 44 14"; }
p.carita-email:before { white-space: pre;content:"info@swedish-care.se"; }

@font-face {
	font-family: "museo_sans100";
	src: url("/Content/Scs/museosans_100-webfont.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

body {
	color: #2e2e32;
	background: #fff;
	font: 16px/1.5 "museo_sans100", "Arial", "Helvetica Neue", "Helvetica", sans-serif;    
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.carita-field-table tbody tr:nth-child(odd) {
    background-color: #eee;
}

.carita-msg-table tbody tr:nth-child(odd) {
    background-color: #eee;
}

.carita-order-table tbody tr:nth-child(odd) {
    background-color: #eee;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {
    font-family: inherit;
    font-weight: 300;
    margin: 0 0 10px;
    color: inherit;
    line-height: 1.2;
}

h1 {
    padding: 0 0 22px;
    margin: 0 0 10px;
}

h1, .h1 {
    font-size: 42px;
    color: #62a2c7;
}

a {
    color:#62a2c7;
}

a:visited 
{
    text-decoration: none; 
    color: #62a2c7; 
}

input[type=submit] {
    padding:10px 30px; 
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    margin-bottom:25px;
    margin-top:5px;
}

.carita-logo {
    display: block;
    background-image: url("Scs/logo361x200.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 200px;
}
.logo-name {
    display:none;
}

.carita-clinic-table {
    width: 100%;
}

.carita-clinic {
    width: 100%;
    background: #eee;
    table-layout: fixed;
}

.carita-login {
  position: absolute;
  top: 16px;
  right: 16px;
  width: auto;
}

.carita-menu {
    display: inline-block;
    position: relative;
    background-color: white;
    z-index:100;
    margin-left:10%;
    margin-right:10%;
    margin-bottom:0px;
}

.carita-content {
  display: inline-block;
  background-color: #F5F5F3;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  height: auto;
  min-height: 350px;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
}
.carita-form {
    display: block;
    background-color: #FFFFFF;
    min-height: 350px;
    margin-bottom: 32px;
}

.carita-footer 
{
    align-content: center;
    background-color:#2F2E33;
    padding: 2px 2px 2px 2px;
    text-align:center;
    align-content:center;
    align-self:center;
    align-items:center;
    width:100%;
}
p.carita-footer
{
    color:white;
    align-content:center;
}

.carita-contact-table
{
    width:100%;
    color:white;
    align-content:center;
    table-layout: fixed;
}
table.carita-msg-table {
    width:100%;
}
th.carita-msg-table {
    text-align: left;
}

table.carita-order-table {
    width:100%;
}
th.carita-order-table {
    text-align: left;
}

.carita-msg-body-Out {
    border-radius: 25px;
    padding: 10px 10px 10px 10px;
    background-color: #62A2C6;
    min-width: 300px ;
}

.carita-msg-body-In {
    border-radius: 25px;
    padding: 10px 10px 10px 10px;
    background-color: #C3C73E;
    min-width: 300px ;
}

.carita-msg-In
{
  float: right;
  clear: both;
  padding-bottom: 16px;
  background: url("Scs/MsgInFoot.png") no-repeat 75% 100%;
}
.carita-msg-Out
{
  float: left;
  clear: both;
  padding-bottom: 16px;
  background: url("Scs/MsgOutFoot.png") no-repeat 25% 100%;
}

.cmbcreateorder 
{
    width: 250px;
    min-width: 250px;
}

.cmbtime
{
    width: 75px;
}

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background: #fff; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:10px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
    width: 100%;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}