html, body {
min-width: 100px;
                }
a.sotr {
                text-decoration: underline;
                font-size: 16px;
                }
a.sotr:hover{
                text-decoration: none;
                }
hr {
                margin: 5px 0 10px 0;
                }

.container .main {
	WIDTH: 100%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto;
}
.grid_1 {
	POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 2px; MARGIN-RIGHT: 2px;

}
.fleft {
	float: left;
	}
.fright {
	float: right;
	}
.lvalue {
	FLOAT: left; MARGIN-LEFT: 2px; MARGIN-RIGHT: 2px; width: 115px; font-size: 14px;
}
.rvalue {
	FLOAT: left; MARGIN-LEFT: 2px; MARGIN-RIGHT: 2px; width: 400px;
}
li a:hover {background:#cccccc;}
.head {
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 	padding: 10px;
 	width: 824px; height: 30px;
	}
.filter {
	width: 225px;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 3px;
	height: 180px;
	}
.filter:hover {
	border: 1px solid #00FF00;
	}
.main 
{
	border: 2px solid #e9e9e9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 	padding: 10px;
 	overflow:auto;
}
.main2 
{
 	padding: 10px;
 	width: 95%;

	}
    .main2 div {
                    margin:0 auto;
                    clear: both;
                    width: 400px
    }
    .main2 label {
            display:block;
            float: left;
            width: 150px;
            font-size: 16px;
            font-weight: bold
    }
        .main2 label span {
                font-size:12px;
                color: #cccccc;
                font-style:italic
        }
    .main2 input {
        font-size: 16px
    }
.clear {
	WIDTH: 0px; DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; OVERFLOW: hidden
}
h1 {font-size: 18px; padding: 1px; margin:1px;}
h2 {font-size: 16px; padding: 1px; margin:1px;}
p {margin:1px;}
.demoHeaders { margin-top: 2em; }
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

div.main table {width: auto !important; background: #fff; border: 1px solid #C9CFD3; font: 85% "Trebuchet MS", sans-serif; border-collapse: collapse;}
div.main table tr.head {background: #5c9ccc url(redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; height: 40px;font-size:12px}
div.main table tr.head td {width: 25px; background: none; padding: 0; line-height: normal}
div.main table tr.head td.date {width: 30px}
div.main table tr.head td.first {width: 180px}

div.main table tr td {font-weight: bold; font-size:12px; padding: 0; line-height: 1em; border: 1px solid #C9CFD3}
div.main table .out, .alert span.out {background: #cccccc url(redmond/images/out.png) 50% 50% repeat-x;}
div.main td.fio {background: none; color: #000000; padding: 3px; white-space: nowrap; overflow:hidden}
div.main td.fio a{color: #FFF; text-decoration: underline}
div.main td.fio a.no {text-decoration: none}
div.main td.fio a:hover{text-decoration: none}
div.main td.date {background: none; color: #000000; padding: 3px; text-align: center;}
div.main table a, a.appointment_open {	cursor: pointer}
div.main table .green, .alert span.green {background: #00FF00  url(redmond/images/green.png) 50% 50% repeat-x;}
div.main table .red, .alert span.red {background: #FF0000  url(redmond/images/red.png) 50% 50% repeat-x;}
div.main table .lock, .alert span.lock {background: #cccccc  url(redmond/images/block.png) 50% 50% repeat-x; border-color:#808080}
div.main table .all { text-align: center}
div.main table .allname { padding: 5px;color: #AA0000; font-size: 14px}

div.main table .green:hover, .alert span.green:hover {background: #00FF00  url(redmond/images/green_a.png) 50% 50% repeat-x;}
div.main table .red:hover, .alert span.red:hover {background: #FF0000  url(redmond/images/red_a.png) 50% 50% repeat-x;}
div.main table .out:hover, .alert span.out:hover {background: #FF0000  url(redmond/images/block.png) 50% 50% repeat-x;}

div.main table tr td a {display:block; width: 16px; height: 16px;}
div.main span.add {background-image: url(redmond/images/ui-icons_217bc0_256x240.png); background-position: -32px -128px; display: block; margin: 4px 5px 5px 8px; }
div.main span.edit {background-image: url(redmond/images/ui-icons_217bc0_256x240.png); background-position: -64px -112px; display: block; margin: 4px 5px 5px 8px; }

div.main span.add:hover {background-image: url(redmond/images/ui-icons_cd0a0a_256x240.png); background-position: -32px -128px; display: block; margin: 4px 5px 5px 8px; }
div.main span.edit:hover {background-image: url(redmond/images/ui-icons_cd0a0a_256x240.png); background-position: -64px -112px; display: block; margin: 4px 5px 5px 8px; }

div.main table tr.name {background: #cccccc  url(redmond/images/out.png) 50% 50% repeat-x;}
div.main table tr.over {background: #00FF00  url(redmond/images/green.png) 50% 50% repeat-x;}
div.main table tr.custom {background: #5c9ccc url(redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;}

#s_pacient1, #s_pacient2
{
		font-size: 14px;width: 355px; height: 350px; background: #fff; border: 1px solid #C9CFD3; overflow:auto;
}
#search_pacient1, #search_pacient2
{
	width: 242px;
}
a.search, a.search:hover
{
	cursor: pointer
}
#buttons
{
	position: absolute;
	margin: 200px 0 0 380px;
	z-index: 100;
}
#buttons span
{
	font-size: 14px !important;
}
/*tabs*/
#tabs_b, #tabs_lo, #tabs_ma
{
	display: table;margin: 0 auto;
}
#legend {
    margin: 0 auto;
    width: 844px;
    height: 50px
}
/*legend*/
#legend div
{
	float: left;
	width: 200px;
	padding: 7px 0 7px 7px
}
#legend div table
{
	float: left
}
#legend div p
{
	margin: 0 0 0 40px
}
#legend div tr
{
	height: 20px
}
#legend div tr td
{
	width: 20px;
}
#code
{
	margin-right: 15px
}
.edit {
    margin: 0 auto;width: 99% !important;
}
.s3 .button span {
    text-transform:lowercase !important
}
.center {
    text-align:center !important
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff !important}
#app_editblock .go { float: none !important; margin:0 auto }
#app_editblock div img {
    width: 99% !important;
    border: 1px solid #107fc9
}
#edit_code {
    margin-bottom: 30px;
}
.noleftmar {
    margin-left: 0 !important
}
.form-widget {
    padding:0 !important
}
.err, .att2 {
    margin-top:70px !important
}
.icon-hospital2 {
        font-family: 'icomoon' !important
}
@media (max-width: 991px) {
    div.main {
        overflow:initial !important
    }
}