/*Общее*/
body{
    color: #232323;
    background-color: rgba(109, 167, 190, 0);
    margin:0 auto;
    font-size: 0.85em;
    font-family: Arial, Helvetica, sans-serif;
    width: 900px;
}

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

.message {
    color: rgb(9, 146, 37);
    font-weight: normal;
}

.warning {
    color: rgb(68, 56, 251);
    font-weight: normal;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error,.error, .error label, .error span, #error{
    color: #f00;
    display: block;
    font-weight: normal;
    font-size: 1.1em;
}

.label-radio {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 5px;
}

input[type=radio] {
	display: none;
}

input[type=radio] + label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 15px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: rgb(242, 242, 242);
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio label:before {
    border-radius: 8px;
}


input[type=radio]#switchRegister ~ label:before {    
}

input[type=radio]#r1 ~ label:before {
    content: "\2713";
    color: navy;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
    
}

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

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

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

.validation-summary-errors li{
    list-style-type:none;
}

.validation-summary-errors ul{
    margin-left: 0;
    padding-left: 0;
}

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

/*Логин*/
.login {
    width: 12em;
    text-align: left;
    border-radius: 0.4em;
    background-color: rgb(242, 242, 242);
    margin-left: 0.4em;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
}
.login222 {
    width: 12em;    
    text-align: left;
    border-radius: 0.4em;
    background-color:  #F8F8FF;
    margin-left: 0.4em;
    padding-top: 0.4em;
}
.login333 {
    width: 13em;    
    text-align: left;
    border-radius: 0.4em;
    background-color: #B0C4DE;
    
    padding-top: 0.4em;
    margin-right: 0.2em;
    padding-bottom: 0.4em;
}

.login label, .login input[type="text"], .login select {
    color: #333333;
}

.login input[type="text"], .login select {
    
}

.login-link a, .login-link a:hover,.login-link a:active{
    background: none;
    border: none;
    color: blue;
    padding: 0;
    text-align: left;
    width: 8em;
    text-decoration: underline;
    display: inline;
}



.login-header label {
    font-weight: bolder;
    margin-left: 0.5em;
}

.login input[type="text"], .login select {
    font-weight: normal;
    width: 6.5em;
    border-radius: 0.15em;
    border-style: solid;
    border-width: 1px;
}

.login-short input[type="text"] {
    width: 1.5em;
}

.login-city input[type="text"], .login-city select {
    width: 7em;
}

.login-street input[type="text"], .login-street select {
    width: 11em;
}

.login-building input[type="text"] {
    width: 3em;
}

.login-appartment input[type="text"] {
    width: 3em;
}

.login-pmn input[type="text"] {
    width: 10em;
}

.login-is-rember{
    width: 5em;
}

.login a{
    width: 6em;
    text-align: center;
}


.buttonsConatiner {
    height: 1em;
    
}
.buttonsConatiner a{
    width: 100%;
    text-align: center;
    width: 7em;
}

.district-warning-message {
    font-size: 0.9em;
    font-weight: bold;
}

.district {
    width: 12em;
    text-align: left;
    border-radius: 0.4em;
    background-color: rgb(242, 242, 242);
    margin-left: 0.4em;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
}

/*Все кнопки и линки*/
input[type="button"], input[type="submit"], a  {
	background-color:#6faaea;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	display:inline-block;
	color:#ffffff;
	font-weight:normal;
	padding:0.3em 0.3em 0.3em 0.3em;
	text-decoration:none;
}input[type="button"]:hover , input[type="submit"]:hover , a:hover{
    background-color:#4d8fff;
}input[type="button"]:active, input[type="submit"]:active, a:active{
	position:relative;
	top:0.1em;
	background-color:#adccff;
}

 /*Лоадер*/
 .loading img{
     width: 2em;
     height: 2em;
 }

 /*Заголовок "Заказ талонов"*/
 .caption div{
     margin-left: auto;
     margin-right: auto;
     height: 3em;
 }
 .caption label {
     font-weight: bold;
     font-size: 1.5em;
 }
.caption table{
   margin:0 auto;
}

 /*Основной шаблон
     левая колонка должности и доктора 
     центр каленбпаьб или списко талонов
     правоя колонка форма входа и детализация талона*/
 #tbContent {
    /* width: 50em;*/
 }

#content {
   /* width:100%;*/
    margin: 0 auto;
    height: 600px;
}
#col1 {
    vertical-align: top;
    width: 10em;
  /*  background-color: green;*/
}
#col2 {
    vertical-align: top;
    width: 40em;
  /*  background-color: yellow;*/
}
#col3 , #col3 div[id='login'],#col3 div[id='loginPMN'], #col3 div[id='order']{
   float: right;
}
#col3 {
    vertical-align: top;
    width: 13em;
  /*  background-color: red;*/
}

/*Календарь - День*/
div.ticket {
	background:#f6f6f6;
	border:1px solid #c9c9c9;
    border-radius: 1px;
    height: 4em;
    width: 5em;
	}
div.ticket-today {
	background:#bdcbfe;	
    border:1px solid #c9c9c9;
    border-radius: 1px;
    height: 4em;
    width: 5em;
	}
div.ticket-holiday {
	background:#ffd5e0;/*#f6f6f6;*/
    border:1px solid #ffaecf;
    border-radius: 1px;
    height: 4em;
    width: 5em;
	}
div.ticketCont {
    background-color: #ebebeb;
    /*padding: 0.2em;*/
    text-align: center;
    padding: 0.1em;
    position: absolute;
    max-height: 13em;
	display:none;
	text-align:left;
    max-width: 5.2em;
    border-radius: 0.2em;
    overflow-y: auto;
    overflow-x: no-display;
    border-width: 2px;
    border-color: #cecece;
    border-style: solid;
    border-radius: 2px;
	}
div.ticket-today:active div.ticketCont, 
div.ticket:active div.ticketCont, 
div.ticket-today:hover div.ticketCont, 
div.ticket:hover div.ticketCont {
	display:block;
	}
.ticket-daynumber {
    font-weight: bold;
    font-size: 1.2em;
    color: rgb(61, 114, 158);
    margin-left: 0.2em;
}
.ticket-daynumber-inactive {
    font-weight: bold;
    font-size: 1.2em;
    color: rgb(170, 216, 248);
    margin-left: 0.2em;
}
.ticket-schedule {
    font-size: 0.85em;
    color: #2a4162;
}
.ticket-schedule-daytype {
    font-size: 0.8em;
    font-weight: bold;
    color: #7b7b7b;
    text-align: center;
}
.ticket-ticketcount {
    font-weight: bolder;
    font-size: 0.9em;
    margin-left: 0.2em;
}

/*Календарь - месяц*/
.calendar{
    width: 40em;
    margin: 0 auto;
}
.calendar table {
    margin: 0 auto;
    width: auto;
    background-color: rgb(242, 242, 242);
    border-radius: 0.2em;
}
.calendar-header div{
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
}

.calendar-footer span {
    font-size: 0.8em;
}

/*Специальности*/
.jobs {
    padding-bottom: 0.05em;
    border-radius: 0.4em;
    background-color: rgb(242, 242, 242);
}
.jobs a{
    width: 11em;
    margin-right: 0.2em;
    font-size: 0.95em;
}
.jobs #jobsHeader label, .jobs #jobsHeader a, .jobs #jobsHeader a:hover {
    margin-left: 0.2em;
    font-weight: bolder;

    background-color:#ffffff;
	background-color:rgba(255,255,255,0);
	border-radius:0.2em;
	border:none;
	display:inline-block;
	color:#232323;
	padding:0;
	text-decoration:none;
    display: inline;
    font-size: 1em;
}
.jobs table{
    margin-left: 0.2em;
}

/*Доктора*/
.doctors {
    display: none;
    margin-top: 0.5em;
    padding-bottom: 0.1em;
    border-radius: 0.4em;
    background-color: rgb(242, 242, 242);
}
.doctors a{
    width: 11em;
    margin-right: 0.2em;
    font-size: 0.95em;
}
.doctors #doctorsHeader label {
    margin-left: 0.2em;
    font-weight: bolder;
}
.doctors table{
    margin-left: 0.2em;
}
    
/*Детализация талона, резульитат заказа*/
.order {
    display: none;
    margin-top: 0.5em;
    width: 12em;
    border-radius: 0.4em;
    background-color: rgb(242, 242, 242);
    font-weight: bolder;
    text-align: left;
}

.order table, .order div{
    margin-left: 0.2em;
}

.order-content {
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

 .order-ticket-caption{
     font-weight: normal;
     vertical-align: top;
 }

/*Мои талоны*/
.my-tickets {
    display: none;
    width: 39em;
    margin: 0 auto;
    border-radius: 0.4em;
    background-color: rgb(242, 242, 242);
    padding: 0.5em;
    max-height: 20em;
    overflow-y: scroll;
    overflow-style: auto;
}
.my-tickets th, .my-tickets th {
    text-align: left;
}
.my-tickets table{
    border: solid;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-color: rgb(153, 153, 153);
    border-spacing: 0px;
    margin: 0 auto;
    background-color: rgb(242, 242, 242);
}
.my-tickets td, .my-tickets th{
    border: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-color: rgb(153, 153, 153);
    border-spacing: 0px;
}
.my-tickets a {
    margin: 0 auto;
    text-align: center;
}
.row0{
    background-color: rgb(153, 198, 251);
}
.row1{
    background-color: rgb(229, 241, 255);
}
.row2 {
    background-color: rgb(202, 223, 255);
}

/*Футер*/
.footer {
    text-align: center;
    margin: 0;
    padding: 0;
    height: 4em;
}

.footer a {
    margin: 0 0 0 0;
    background: none;
    color: rgb(94, 94, 94);
    text-decoration: underline;
}

.footer label,.footer span{
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    color: rgb(94, 94, 94);
}

.print-visible {
    display: block;
}

.print {
    display: none;
}