/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

html {
    font-size: 13px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #4b4944;
    height: 100%;
    line-height: 1.3em;
    background-color: #ddd5c8;
    scrollbar-color: #572301 #ded7b8;
}

body {
    font-size: 13px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    min-width: 1024px;
    color: #4b4944;
    height: 100%;
    line-height: 1.3em;
    overflow-y: scroll;
    background: url(images/site-background.jpg);
    background-color: #ddd5c8;
    scrollbar-color: #572301 #ded7b8;
}


@media print {
    #ghostery-tracker-tally {
        display: none !important
    }
}

@font-face {
    font-family: 'Monotype Corsiva';
    src: url("fonts/monotype_corsiva.eot"); /* IE 9 Compatibility Mode */
    src: url('fonts/monotype_corsiva.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('fonts/monotype_corsiva.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/monotype_corsiva.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url("fonts/monotype_corsiva.ttf") format('truetype') /* Safari, Android, iOS */
    ,url('fonts/monotype_corsiva.svg#monotype_corsiva') format('svg')/* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'Corrida Cyrillic';
    src: url('fonts/CorridaCyrillic.eot');
    src: url('fonts/CorridaCyrillic.eot?#iefix') format('embedded-opentype'),
    url('fonts/CorridaCyrillic.woff2') format('woff2'),
    url('fonts/CorridaCyrillic.woff') format('woff'),
    url('fonts/CorridaCyrillic.ttf') format('truetype'),
    url('fonts/CorridaCyrillic.svg#CorridaCyrillic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


#footer .copyright {
    padding-left: 10px;
    font-size: 20px;
    font-family: Corrida Cyrillic, sans-serif;
    text-align: left;
    color: #E9C501;
    padding-top: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a
{
    color: #005bb0;
    text-decoration: none;
}

p, ul
{
    margin-bottom: 0px;
}

p {
    margin-top: 0px;
    
}


ul {
    padding-left: 0px;
    margin-left: 0px;
    list-style: none;
    margin-top: 0px;
}
/*---for IE to remove standart icons*/
::-ms-clear {
      display: none;
  }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 1.1em;
    padding-bottom: 0;
    margin-bottom: 0;
    text-indent:25px;
}
h2
{
    color: #602A00;
    padding: 0 0 0px 0;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    line-height: 1.4em;
    height: 1.4em;
}
h3
{
    margin-top: 0px;
    margin-bottom: 5px;
    color: #602a00;
    font-weight: bold;
    font-size: 1.26em; /*исползуется на странице dossier*/
}
h4/*используется на странице назначения в названием препарата деталях назначения*/
{
    font-size: 1.1em;
    margin-bottom: 5px;
    margin-top: 0px;
}
h5, h6
{
    font-size: 1em;
}

/*-----form elements-----*/
.has-js .label_check,
.has-js .label_radio 
{ 
    padding-left: 23px;
    display: block;
    height: 19px;
    cursor: pointer; 
}
.has-js .label_check {
    padding-left: 16px;
    height: 17px; 
}
.has-js .label_radio 
{ 
    background: url(images/radio-off.png) no-repeat;
}


.has-js .label_check { background: url(images/checkbox-off.png) no-repeat; }
.has-js label.c_on { background: url(images/checkbox-on.png) no-repeat; }
.has-js label.r_on { background: url(images/radio-on.png) no-repeat}

.has-js .label_check input,
.has-js input.label_check,
.has-js .label_radio input 
{ 
    position: fixed; 
    left: -9999px;
    visibility: hidden;

}

input[type="password"],
input[type="text"],
input[type="time"],
input[type="_date"],
textarea {
    border: solid 1px #b0a88a;
    border-radius: 3px;
    border-top-color: #938c73;
    padding: 2px 0 1px 3px;
    height: 19px;
}

input[type="password"],
input[type="text"],
input[type="time"],
input[type="_date"] {
    height: 17px;
}
input[disabled] {
    opacity: 0.5;
    border: solid 1px #CCC29E;
}

textarea {
    font-size:1em;
}

select {
    height: 25px;
}

select.dropdown {
    height: 22px;
}

/*все выпадашки*/
.ui-menu {
    font-size: 1em;
    font-family: Arial;
}

.highlight {
    background-color: yellow;
}

.first-highlight {
    background-color: blue;
    color: white;
}
.alternate-row {
    background-color: #EBE5CD;
}

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

div.gray-rounded-panel {
    background-color: #E9DEB4;
    border: solid 1px #d4ceb8;
    padding: 4px;
    border-radius: 5px;
}

.currency {
    color: rgb(204,0,0);
    font-weight: bold;
}
.opacity {
    opacity: 0.1;
}
.required
{
    color:Red;
    font-size: 1.1em;
}
.hidden {
    display: none !important;
}
.red
{
    color:#f14f4f!important;
}
.gray {
    color: gray;
}

.red-border {
    border: solid 2px red;
}

.teal
{
    color: teal;
}
.centered {
    text-align: center;
}
.ref {
    font-size: 0.85em;
    line-height: 1.2em;
}

.vertical {
    -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}


.maroon {
    color:#800000!important;
}

.remark {
    color: maroon;
}
a.icon-exclude {
    width:18px;
    height:11px;
    background: url('images/exclude-icon.gif') no-repeat center center;
    display: block;
    opacity: 0.4;
}
a.icon-exclude:hover {
    opacity: 1;
}
.icon-close {
    background: url('plugins/images/close-dialog.gif') no-repeat center center;
    width: 12px;
    height: 11px;
    display: block;
    cursor: pointer;    
}
.icon-united {
    width:6px;
    height:6px;
    background: url('images/united-icon.gif') no-repeat center center;
    display: block;
}

.icon-plus {
    width: 8px;
}

.icon-email {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    background: url('images/email.jpg') no-repeat center center;
}

.icon-small-united {
    width:6px;
    height:6px;
    background: url('images/united-small-icon.gif') no-repeat center center;
    display: block;
}

.icon-sb {
    width:14px;
    height:11px;
    background: url('images/sb-icon.gif') no-repeat center center;
    display: block;
}

.icon-ssb {
    width:23px;
    height:13px;
    background: url('images/ssb-icon.gif') no-repeat center center;
    display: block;
}

.icon-kp {
    width:10px;
    padding-right: 4px;
    height:11px;
    background: url('images/kp-icon.gif') no-repeat center center;
    display: block;
}

.icon-ru,
.icon-en {
    width: 18px;
    height: 13px;
}

.icon-ru {
    background: url('images/ru.gif') center left no-repeat;
}
.icon-en {
    background: url('images/en.gif') top left no-repeat;
}

.icon-analize-sort {
    width:12px;
    height:12px;
    background: url('images/analize-sort-icon.gif') no-repeat center center;
    display: block;
}

.icon-payment {
    
}

.icon-yandex-any-card {
    background-image: url('images/yandex-any-card-icon.png')!important;
    width: 64px;
    height: 18px;
}

.icon-yandex-money {
    background-image: url('images/yandex-money-icon-new.svg')!important;
    background-size: 64px 18px;
    width: 64px;
    height: 18px;
}

.icon-yoo-kassa {
    background-image: url('images/yoo-kassa.svg')!important;
    background-size: 55px 15px;
    width: 55px;
    height: 15px;
}

a.history-button {
    background:url('images/big-arrows.png') no-repeat center left;
    background-position: -0px 0px;
    width: 17px;
    height: 18px;
    display: block;
}

a.upline-arrow {
    background:url('images/upline-arrow.png') no-repeat center left;
    width: 8px;
    height: 14px;
    display: inline-block;
}

.tv-table {
    background: url('images/tv-table.jpg') no-repeat top left;
    width: 600px;
    height: 450px;
    border: solid 1px gray;
}

a.history-button:hover {
    background-position: -16px 0px;
}
a.history-button-disabled:hover,
a.history-button-disabled {
    background-position: -33px 0px;
    cursor: default;
}

a.arrow-down {
    background:url('images/arrow-down.gif') no-repeat center left;
    width:16px;
    height:16px;
}

a.arrow-up {
    background:url('images/arrow-up.gif') no-repeat center left;
    width:16px;
    height:16px;
    display: block;
}
.arrow-right {
    width:8px;
}
a.arrow-right {
    background:url('images/arrow-right.gif') no-repeat center left;
    height:15px;
    display: block;
}
.drug-icon {
    width:11px;    
}
a.drug-icon {
    background:url('images/assignments-icon.gif') no-repeat center left;
    height:17px;
    display: block;
}
a.checkbox {
    background-repeat: no-repeat;
    background-position:  center center;
    height:14px;
    width: 14px;
    display: block;
}
a.checkbox-off {
    background-image:url('images/checkbox-off.png');
}
a.checkbox-on {
    background-image:url('images/checkbox-on.png');
}

a.target-icon {
    width: 15px;
    height: 15px;
    display: block;
    background:url('images/target.png') no-repeat center center;
}

a.close-icon {
    width: 9px;
    height: 9px;
    display: block;
    background:url('plugins/images/close-dialog.gif') no-repeat center center;
    padding: 3px;
}
a.close-icon:hover {
    background-color: #dadada;
    border-radius: 2px;
    border: solid 1px #999;
    padding: 2px;
}

a.disabled span,
.disabled {
color:#ADA895!important;
cursor:default;
}

.grayed {
    opacity:0;
    cursor:default;
    visibility:hidden;
}

.rounded-panel {
    border-radius: 5px;
    padding: 4px;
}
/*----busy indicator----*/
div.busy {
    position: absolute;
    background: url('images/busy.gif') no-repeat center center;
    /*opacity: 0.3;*/
    z-index: 1003;
    
}

.note-body,
body.ckeditor-body {
    min-width: 660px !important;
    color: #000;
    background: white;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    background-image: url(images/top_fon.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: 100%;
    background-color: #F4EFDC;
    width: 1024px;
    margin: auto;
}

.page-left {
    /*background-image: url(images/header-left.jpg);*/
    background-position: top left;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 100%;
    height: auto !important;
    border-right: 1px solid #a39770;
}



.page-right {
    background-position: 696px 0px;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.page-auth {
    background-image: url(images/top_fon_min.png);
    background-repeat: repeat-x;
}


.page-auth .page-right {
    background-position: 666px 0px;
}

#logo_raduga, #logo_raduga_en {
    position: absolute;
    margin: 6px 0 0 14px;
    background: url(images/logo_raduga.png) no-repeat;
}

#logo_raduga_en {
    height: 84px;
    background: url(images/logo_raduga_en.png) no-repeat;
}

#logo_raduga p, #logo_raduga_en p {
    font: normal 9px Arial, Helvetica;
    color: #fff;
    margin: 4px 0 0 130px;
}

#logo_raduga_en p {
    text-align: right;
    word-spacing: 6px;
    margin: -32px 0;
}

#logo_raduga h4, #logo_raduga_en h4 {
    font: normal 14px Verdana, Arial, Helvetica;
    color: #fff;
    margin: 36px 0 0 300px;
}

#top_filin, #top_filin_min {
    position: absolute;
    margin: 7px 0 0 982px;
}



#logo_raduga_min, #logo_raduga_min_en {
    position: absolute;
    width: 178px;
    height: 53px;
    margin: 0 10px;
    background: url(images/logo_raduga_min.png) no-repeat;
}

#logo_raduga_min_en {
    background: url(images/logo_raduga_min_en.png) no-repeat;
}

.page #svitok_l, .page #svitok_r {
    position: absolute;
    margin: 0;
    text-align: center;
    color: #471301;
    font-family: "Monotype Corsiva", Verdana, Arial, Helvetica;
    font-size: 24px;
    background: url(images/svitok_l.png) no-repeat;
    /* border:solid 1px #000; */
}

.page #svitok_l a, .page #svitok_r a {
    outline: 0;
    border: none;
}

.page #svitok_l {
    margin: -360px 0 0 -240px;
    width: 180px;
    height: 245px;
    padding: 52px 20px 0 20px;
    line-height: 100%;
}

.page #svitok_r {
    margin: -360px 0 0 1048px;
    width: 180px;
    height: 245px;
    padding: 42px 20px 0 20px;
    line-height: 90%;
}

#main {
    padding: 5px 0px 5px 0px;
    background-color: #f4efdc;
    background-image: url("images/bg.jpg");
    background-repeat: repeat-x;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    height: 100%;
    min-height: 100px;
    overflow: hidden;
}

.busy,
.content {
    width: 1014px;
    padding-left: 10px;
    padding-right: 0px;
}




/* HEADER
----------------------------------------------------------*/

#header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    height: 100px;
    width: 1024px;
}

.page-auth #header {
    height: 45px;
}

#header .register,
#header .signin,
#header .culture-chooser {
    position: absolute;
}

#header .register a,
#header .signin a,
#header .culture-chooser a {
    text-decoration: none;
    color: white;
}

#header .register a,
#header .signin a,
#header .culture-chooser a.lang-lbl {
    border-bottom: dotted 1px white;
}

#header .register,
#header .signin {
    padding-left: 18px;
    background-image: url("images/link-icon.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
}




#header .register {
    top: 41px;
}

#header .signin {
    top: 62px;
}

#header .culture-chooser {
    right: 80px;
    top: 12px;
}

#header .link a,
#header .link a:hover {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

#header div.register,
#header div.signin {
    left: 572px;
}

#header div.lang {
    width: 66px;
    height: 18px;
    padding-left: 10px;
    padding-top: 2px;
    margin-bottom: 2px;
}

#header a.iconLink{
    position: absolute;
    right: 0px;
    top: 10px;
    display: block;
    height: 52px;
    width: 30px;
    text-decoration: none;
}

.page-auth #header a.iconLink {
    top: 5px;
}

.page-auth #header .link,
.page-auth #header .register,
.page-auth #header .signin {
    top: 18px;
}




.page-auth #header .link {
    left: 200px;
}

.page-auth #header .signin {
    position: static;
    float: right;
    margin-left: 20px;
    padding-right: 80px;
    height: 20px;
}
.page-auth #header .register,
.page-auth #header .signin {
    margin-top: 16px;
}

.page-auth #header .register {
    position: static;
    float: right;
    color: white;
    text-align: right;
    padding-left: 0;
    background-image: none;
}

.page-auth #header .culture-chooser {
    display: none;
}

/*-----user info block-------*/
div.register span {
    font-weight: bold;
}

/* CULTURE CHOOSER
----------------------------------------------------------*/
.culture-chooser div.active {
    background: url("images/lang-active.png") top right no-repeat;
    color: #a39770;
}
.culture-chooser .icon-ru {
    margin-top: 2px;
}
.culture-chooser .icon-en {
    margin-top: 3px;
}
.culture-chooser .icon-ru,
.culture-chooser .icon-en {
    margin-right: 15px;
}


/* TAB MENU   
----------------------------------------------------------*/
#menucontainer
{
    overflow: hidden;
}
ul#menu
{
    padding: 0px;
    position: relative;
    margin: 0;
    font-size: 1.15em;
    width: 1024px;
    line-height: 1.6em;
}

ul#menu li
{
    float: left;
    list-style: none;
    height: 36px;
    display: inline-block;
    width: 200px;
    margin: 0;    
    background-image: url("images/topmenu-item-bg.png");
    background-repeat: no-repeat;
}

ul#menu li.active {
    background-image: url("images/topmenu-item-active-bg.png");
}

ul#menu li.first
{
    width: 12px;
}

ul#menu li.last
{
    width: 1000px;
    left: 1022px;
    position: absolute;
}

ul#menu li.first,
ul#menu li.last 
{
    height: 35px;
    padding: 0;
    background-image: none;
    border-bottom: solid 1px #a39770;
}

.page ul#menu li.active a,
.page-auth ul#menu li.active a
{
    color: #602a00!important;
}



.page ul#menu li.personal-cabinet a,
.page ul#menu li.patient-work a,
.page ul#menu li.repertory a,
.page ul#menu li.materia-medica a {
    margin-left: 10px;
    color: gray;
}

.page-auth ul#menu li.personal-cabinet a,
.page-auth ul#menu li.patient-work a, 
.page-auth ul#menu li.repertory a,
.page-auth ul#menu li.materia-medica a {
    margin-left: 10px;
    color: #005bb0;
}

ul#menu li a
{
    padding: 0px 0px 10px 28px;
    margin-top: 10px;
    text-decoration: none;
    width: 161px;
    height: 16px;
    display: block;
    text-align: left;
    background-repeat: no-repeat;
}

ul#menu li.home a {
    margin-left: 10px;
    background-image: url("images/home-icon.png");
}
ul#menu li.personal-cabinet a {
    background-image: url("images/personal-cabinet-icon.png");
}
ul#menu li.patient-work a {
    background-image: url("images/patient-work-icon.png");
}

ul#menu li.repertory a {
    background-image: url("images/repertory-icon.png");
}
ul#menu li.materia-medica a {
    background-image: url("images/materia-medica-icon.png");
}


/* FOOTER
----------------------------------------------------------*/
#footer
{
    color: #999;
    text-align: center;
    line-height: normal;
    margin:-30px 0px 0px 0px;
    font-size: .9em;
    height: 30px;
    background-color: #2b2922;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-right: 10px;
    
}
#footer .social-share {
    margin-top: 3px;
}
#footer .pluso .pluso-more {
    display: none;
}

/*
ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}*/

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
form {
}
fieldset 
{
    margin: 1em 0;
    padding: 1em 1em 0em 1em;
    border: 1px solid #CCC;
    display: block;
    
}

fieldset p 
{
    margin: 2px 12px 10px 0px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 0px 4px;
}

.legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 0px 4px;
    margin-top: -25px;
    background-color: #F4EFDC;
    margin-bottom: 5px;
}









.grayed-table {
    opacity: 1;
    visibility: visible;
    overflow: hidden!important;
}
.grayed-table tr{
    opacity: 0.5;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.floatLeft
{
    float:left;    
}

.floatRight
{
    float:right;    
}


div#title
{
    display:block;
    float:left;
    text-align:left;
}

.page ul#menu li a.disabled,
.disabled {
    color: gray!important;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
span.field-validation-error {
    color: #ff0000;
    display: block;
    position: absolute;
    z-index: 100;
}

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

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

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-errors li {
    list-style-type: square;
    list-style-position: inside;
}

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

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0 0;
}

.editor-field
{
    padding-bottom:10px;
    padding-top: 3px;
}




.tri-state
{
    width: 6em;
}

input.date {
    width: 70px;
   
}
input.date,
input.time,
input.address {
    line-height: 1.6em;
}


input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="time"]::-moz-calendar-picker {
    display: none;
}

input.time {
    width: 50px;
    font-size: 12px;
}

input.phone {
    width: 109px;
}

table.grid tr:hover {
    background-color:#ddd;
}



/*----horizontal menu----*/
ul.horizontal li
{
    display: inline;    
    
}
/*----login display block---*/
#logindisplay a
{
    color:White;
}

/*----------------buttons---------------*/

a.button-image {
    background: transparent url("images/bg-button-a.gif") no-repeat scroll top right;
    display: block;
    float: left;
    height: 25px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button-image span 
{
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    line-height: 14px;
    padding: 6px 0 4px 28px;
}

a.button-search {
    background: transparent url("images/button-transparent-right.gif") no-repeat scroll top right;
    display: block;
    height: 25px;
    text-decoration: none;
    
    
}
a.button-search span 
{
    background-image: url('images/button-transparent-left.gif');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    line-height: 13px;
    padding: 5px 10px 7px 10px;
}

a.button-cancel span{
    background: url('images/cancel-icon.png') no-repeat 5px center;
    padding-left: 24px!important;
}


a.button-register:hover {
    box-shadow: 2px 2px 2px -1px #222;
    background-color: #fbf7ee;
}

a.button-register:active {
    box-shadow: 2px 2px 2px -2px #222 inset;
    background-color: #d4d0be;
    border-color: #4e300e; 
}

a.button-register,
a.button-register-disabled:active,
a.button-register-disabled:hover,
a.button-register-disabled {
    border-radius: 7px;
    border: solid 1px #c8c3b4;
    width: 28px;
    height: 29px;
    display: block;
    background-color: #ebe5cd;
    box-shadow: none;
}
a.button-register-selected {
    box-shadow: 2px 2px 2px -2px #222 inset;
    background-color: #d4d0be;
    border-color: #4e300e; 
}



a.button-register span {
    width: 26px;
    height: 27px;
    display: block;
}




a.button-expand span {
    background-image: url("images/button-expand.gif");
}
a.button-collapse span {
    background-image: url("images/button-collapse.gif");
}


a.button-print span 
{
    padding-left: 32px;
    background-image: url("images/button-print.gif");
}
#photoUploadLink {
    padding-right: 6px;
    border: solid 1px #d4ceb8;
    border-radius: 2px;
    display: block;
    height: 24px;
    text-decoration: none;
}
    #photoUploadLink span {
        display: block;
        line-height: 14px;
        padding: 4px 20px 4px 11px;
    }
/*-------expandable button-----------*/
a.button-expandable {
    padding-right: 6px;
    border: solid 1px #d4ceb8;
    border-radius: 2px;
    display: block;
    height: 24px;
    text-decoration: none;
}
a.button-expandable span 
{
    background: transparent url("images/arrow-down.gif") no-repeat scroll center right;
    background-color: transparent;
    display: block;
    line-height: 14px;
    padding: 4px 20px 4px 11px;
}

a.collapsed{
    background-image: url("images/arrow-down.gif")!important;
}

/*-------------------simple button-----------*/
a.button {
    background: transparent url("images/button-bg.png") repeat-x scroll top left;
    display: inline-block;
    height: 25px;
    text-decoration: none;
    border-radius: 2px;
    outline: none;
    
}
a.button-disabled {
    background: none;
    background-color: transparent!important;
    cursor: default!important;
}
a.button-disabled span {
    color: gray!important;
}

a.button span 
{
    display: block;
    line-height: 15px;
    padding: 5px 10px 7px 10px;
    color: white;
}

/*----------delete button------*/

/*-------------------transparent button-----------*/
a.button-transparent,
a.button-disabled {
    border: solid 1px #c8c3b4;
    border-radius: 2px;
}
a.button-transparent {
    display: inline-block;
    height: 25px;
    text-decoration: none;
    border: solid 1px #c8c3b4;
    border-radius: 2px;
    cursor: pointer;
    outline: none;
}
a.button-transparent span 
{
    display: block;
    line-height: 13px;
    padding: 5px 10px 7px 10px;
    color: #005bb0;
}
a.button-analysis-dis {
    background-color: #e8e1c2!important;
    
}
a.button-analysis-dis,
a.button-analysis {
    background-color: #e8e1c2;
    padding: 0px 10px;
    color: #015aae;
    text-decoration: none;
    border-radius: 2px;
    border: solid 1px #d3ceb8;
    font-weight: normal;
}
a.button-psisa-think-dis,
a.button-analysis-dis {
    color: rgb(155, 154, 154)!important;
    cursor:default;
}

a.button-graph {
    display: block;
    width: 32px;
    height: 32px;
    border: solid 1px #d3ceb8;
    border: solid 1px #d3ceb8;
    background: url('images/button-graph.gif') no-repeat top left;
    box-shadow: 2px 2px 2px -2px #000;
}

a.button-table {
    display: block;
    width: 32px;
    height: 32px;
    border: solid 1px #d3ceb8;
    border: solid 1px #d3ceb8;
    background: url('images/button-table.gif') no-repeat top left;
    box-shadow: 2px 2px 2px -2px #000;
}

a.button-psisa {
    background: url('images/psisa.png') no-repeat 0 0;
    padding-left: 40px;
    padding-top: 5px;
    height: 45px;
}

a.button-psisa-think {
    background: url('images/psisa-think.png') no-repeat 5px 5px transparent;
    height: 35px;
    width: 80px;
    display: block;
    padding-left: 40px;
    text-decoration: none;
    border-radius: 2px;
    border: solid 1px #d3ceb8;
    font-weight: normal;
    padding-top: 9px;
    line-height: 0.95em;
    text-align: left;
    
}
a.button-psisa-think span {
    color: #005bb0;
}
a.button-psisa-think:hover {
    background-color: #FFDE76;
}
a.button-psisa-think:hover span {
    color: #a3560a;    
}


a.button-psisa-how-advice {
    background: url('images/psisa.png') no-repeat 0 0 transparent;
    padding-left: 50px;
    padding-right: 5px;
    padding-top: 8px;
    height: 42px;
    display: inline-block;
    text-decoration: none;
    border: solid 1px #c8c3b4;
    border-radius: 2px;
    text-align: center;
}
a.button-psisa-how-advice span{
    text-align: center;
}


a.button-psisa-how-advice:hover {
    background-color: #ecff80;
}
a.button-psisa-how-advice:hover span {
    color: #4f5d01;
}


a.button-psisa2 {
    background: url('images/psisa2.png') no-repeat 7px 5px;
    padding-left: 35px;
    padding-top: 5px;
    height: 45px;
}
a.button-psisa2 span{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 7px;
    
    font-size: 0.9em;
    text-align: center;
}
a.button-psisa2:hover span {
    color: maroon;
    
}
a.button-psisa span {
    text-align: left;
}
a.button-psisa:hover span {
    color: #167232;
    
}

a.button-decheck {
    width: 14px;
    height: 14px;
    display: block;
    background: url('images/button-decheck.gif') no-repeat top left;
}


a.button-defilter {
    width: 14px;
    height: 14px;
    display: block;
    background: url('images/button-defilter.gif') no-repeat top left;
}

a.button-select {
    background: url('images/select.gif') no-repeat 5px center;
}
a.button-select-dis {
    background: url('images/select-dis.gif') no-repeat 5px center;
}

a.button-exclude {
    background: url('images/exclude.gif') no-repeat 5px center;
    
}
a.button-exclude-dis {
    background: url('images/exclude-dis.gif') no-repeat 5px center;
    
}

a.button-deselect {
    background: url('images/deselect.gif') no-repeat 5px center;
}
a.button-deselect-dis {
    background: url('images/deselect-dis.gif') no-repeat 5px center;
}

a.button-unite {
    background: url('images/unite.gif') no-repeat 5px center;
    padding-left: 20px;
}

a.button-unite-dis {
    background: url('images/unite-dis.gif') no-repeat 5px center;
    padding-left: 20px;
}

a.button-ununite {
    background: url('images/ununite.gif') no-repeat 5px center;
}
a.button-ununite-dis {
    background: url('images/ununite-dis.gif') no-repeat 5px center;
}
a.button-ununite,
a.button-ununite-dis {
    padding-left: 24px;
}


a.button-plus {
    background: url('images/button-plus.gif') no-repeat 5px center;
}
a.button-remove {
    background: url('images/delete.png') no-repeat 5px center;
}
a.button-remove-dis {
    background: url('images/button-delete.png') no-repeat 5px center;
}

a.button-plus,
a.button-unite,
a.button-unite-dis,
a.button-exclude,
a.button-exclude-dis,
a.button-select,
a.button-select-dis,
a.button-deselect,
a.button-deselect-dis,
a.button-remove,
a.button-remove-dis
{
    padding-left: 20px;
}

a.button-ununite-dis span,
a.button-exclude-dis span,
a.button-select-dis span,
a.button-deselect-dis span,
a.button-ungroup-dis span,
a.button-unite-dis span,
a.button-remove-dis span {
    color: #ADA895;
}


a.button-delete {
    width: 16px;
    height: 17px;
    display: block;
    float: right;
    background-image: url('images/button-delete.png')!important;
    background-position: bottom left;
    background-repeat: no-repeat!important;
    background-color: transparent;
    cursor:pointer;
}

a.button-analize-collapse {
    width: 19px;
    height: 24px;
    display: block;
    background: url('images/analize-collapse.gif') no-repeat center left;
}

a.button-settings {
    width: 18px;
    height: 18px;
    display: block;
    background: url('images/settings-icon.gif') no-repeat center left;
}

a.button-analize-uncollapse {
    width: 19px;
    height: 24px;
    display: block;
    background: url('images/analize-uncollapse.gif') no-repeat center left;
}

a.external-link span {
    background: url('images/external-link.gif') no-repeat top right;
    background-position:right 2px;
    padding-right: 20px;
}
/*-----media buttons-----*/
a.media span{
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 26px;
    color: #005bb0;
    
}
a.media-disabled {
    cursor: default;
}
a.media-disabled span {
    color: #ADA895;
    text-decoration: none;
}

a.expandable {
    background-repeat: no-repeat;
    background-position: center right;
    background-attachment: scroll;
    background-color: transparent;
    padding-right: 14px;
    background-image: url("images/arrow-up.gif");
    text-decoration: none;
    display: inline-block;
}

a.photo span {
    background-image: url('images/photo-icon.gif');
}

a.audio span {
    background-image: url('images/audio-icon.gif');
}

a.video span {
    background-image: url('images/video-icon.gif');
}

a.prescriptions span {
    background-image: url('images/assignments-icon.gif');
    height: 17px;
    display: block;
}

a.photo-disabled,
a.audio-disabled,
a.video-disabled,
a.prescriptions-disabled {
    background-image: url('images/arrow-down-disabled.gif')!important;
    color: #ada895!important;
}

a.photo-disabled span{
    background-image: url('images/photo-icon-disabled.gif')!important;
}

a.audio-disabled span{
    background-image: url('images/audio-icon-disabled.gif')!important;
}

a.video-disabled span{
    background-image: url('images/video-icon-disabled.gif')!important;
}

a.prescriptions-disabled span{
    background-image: url('images/assignments-icon-disabled.gif')!important;
}

/*--------missing text----*/

.left-missing-text 
{
    margin-top: 30px;
    margin-left:40px;
    background: url('images/pointer-left.png') no-repeat center left;
    padding-left: 30px;
    height: 20px;
    padding-top: 5px;
}

/*--------------rouded box-----------*/
.field-validation-error .rounded {
    display: inline-block!important;
    position: static!important;
}
.rounded {
    padding: 0px;
    display: none;
    position: absolute;
    z-index: 10;
}
.rounded li {
    padding-top: 1px;
    padding-bottom: 3px;
}
.rounded li:hover {
    background-color: #DED7B8;
}


.rounded table {
    width: 100%;
    border-collapse: collapse;
    
}

.rounded .content {
    padding: 0px;
    width:auto;
}

.rounded .top
{
    height: 15px;
}

.rounded .top .left 
{
    padding: 0px;
    width: 35px;
    height: 15px;
    background-image: url('images/rounded-topleft-with-corner.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.rounded-right .top .left 
{
    padding: 0px;
    width: 15px;
    height: 15px;
    background-image: url('images/rounded-topleft.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.rounded .top .center 
{
    height: 15px;
    background-image: url('images/rounded-border-top.png');
    background-repeat: repeat-x;
    background-position: top left;
}

.rounded .top .right 
{
    padding: 0px;
    width: 15px;
    height: 15px;
    background-image: url('images/rounded-topright.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.rounded-right .top .right 
{
    padding: 0px;
    width: 35px;
    height: 15px;
    background-image: url('images/rounded-topright-with-corner.png');
    background-repeat: no-repeat;
    background-position: top right;
}
.rounded .content .left,
.rounded .content .right {
    width: 15px;
    background-repeat: repeat-y;
    background-attachment: top left;
}

.rounded .content .right {
    background-image: url('images/rounded-border-right.png');
}

.rounded .content .left {
    background-image: url('images/rounded-border-left.png');
}

.rounded .content .center {
    background-color: #f4efdc;
}

.rounded .bottom {
    height: 15px;
}
.rounded .bottom .left,
.rounded .bottom .right 
{
    padding: 0px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.rounded .bottom .left
{
    background-image: url('images/rounded-bottomleft.png');
}

.rounded .bottom .center 
{
    height: 15px;
    background-image: url('images/rounded-border-bottom.png');
    background-repeat: repeat-x;
    background-position: top left;
}

.rounded .bottom .right 
{
    background-image: url('images/rounded-bottomright.png');
}

/*----error cloud------*/

.error-cloud {
    padding: 0px;
    display: inline-block !important;
    position: static !important;
}

.error-cloud table {
    width: 100%;
    border-collapse: collapse;
}

.error-cloud .content {
    padding: 0px;
    width: auto;
}

.error-cloud .top{
    height: 17px;
}
.error-cloud .left,
.error-cloud .right{
    width: 16px;
}

.error-cloud .bottom {
    height: 12px;
}

.error-cloud .content .left,
.error-cloud .content .right {
    width: 8px;
}

.error-cloud .top table 
{
    height: 18px;
}
.error-cloud .top .left 
{
    padding: 0px;
    width: 52px;
    background-image: url('images/error-topleft.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}

.error-cloud .top .center 
{
    background-image: url('images/error-border-top.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    
}

.error-cloud .top .right 
{
    padding: 0px;
    background-image: url('images/error-topright.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}
.error-cloud .content .left,
.error-cloud .content .right {
    background-repeat: repeat-y;
    background-attachment: top right;
}

.error-cloud .content .right {
    background-image: url('images/error-border-right.png');
    width: 8px;
}

.error-cloud .content .left {
    background-image: url('images/error-border-left.png');
    width: 8px;
}

.error-cloud .content .center {
    background-color: #fff799;
    padding: 0px 6px;
    color: #000;
}

.error-cloud .bottom {
    height: 12px;
}
.error-cloud .bottom .left,
.error-cloud .bottom .right 
{
    padding: 0px;
    background-repeat: no-repeat;
}

.error-cloud .bottom .left
{
    background-image: url('images/error-bottomleft.png');
    background-position: top right;
}

.error-cloud .bottom .center 
{
    height: 12px;
    background-image: url('images/error-border-bottom.png');
    background-repeat: repeat-x;
    background-position: top left;
}

.error-cloud .bottom .right 
{
    background-image: url('images/error-bottomright.png');
    background-position: top right;
}

/*----selectable list-----*/

ul.list-selectable li{
    padding: 5px 5px 5px 5px; 
}

ul.list-selectable li.selected {
    background:transparent url('images/pc-selected.png') no-repeat -90px 0px;
    border-radius: 3px;
    
}

ul.list-selectable li.selected a {
    color: white;
}
/*------icons-----*/
.help-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url('images/help.png') no-repeat top left transparent;
}

.icon-degree {
    width: 17px;
    height: 17px;
    display: block;
}
.icon-degree3 {
    background: url('images/dot.gif') no-repeat 8px 6px;
}
.icon-degree2 {
    background: url('images/asterix-small.gif') no-repeat 7px 5px;
}
.icon-degree1 {
    background: url('images/voskl-small.gif') no-repeat 9px 0;
}
.icon-degree33 {
    background: url('images/dot-anamnez-small.gif') no-repeat 1px 5px;
}
.icon-degree32
{
    background: url('images/asterix-anamnez-small.gif') no-repeat 0 4px;
}
.icon-degree31 {
    background: url('images/voskl-anamnez-small.gif') no-repeat 1px 0;
}


.icon-voskl-anamnez {
    background: url('images/voskl-anamnez.gif') no-repeat center center;
}

.icon-voskl {
    background: url('images/voskl.gif') no-repeat 12px center;
}

.icon-asterix-anamnez {
    background: url('images/asterix-anamnez.gif') no-repeat 5px 10px;
}

.icon-asterix {
    background: url('images/asterix.gif') no-repeat 9px center;
}

.icon-dot-anamnez {
    background: url('images/dot-anamnez.gif') no-repeat 5px 11px;
}

.icon-dot {
    background: url('images/dot.gif') no-repeat 12px 11px;
}

.icon-arrow-left-small {
    background: url('images/arrow-left-small.gif') no-repeat center left;
    width: 9px;
    height: 9px;
    display: block;
}

.icon-arrow-right-small {
    background: url('images/arrow-right-small.gif') no-repeat center left;
    width: 9px;
    height: 8px;
    display: block;
}
/*---images----*/
.image-potention {
    width: 250px;
    height: 24px;
    background: url('images/image-potention.jpg') no-repeat top left;
}

.image-freq {
    width: 250px;
    height: 38px;
    background: url('images/image-freq.jpg') no-repeat top left;
}

.image-value {
    width: 250px;
    height: 53px;
    background: url('images/image-value.jpg') no-repeat top left;
}

/*----textboxes---*/
input.search-textbox {
    background: url(images/search-bg.png) no-repeat 0px -2px  white;
    padding-left: 26px;
}
.up-down {
    height: 23px;
    position: absolute;
    right: 2px;
    top: 2px;
}
.up-down .up{
    display: block;
    width: 14px;
    height: 100%;
    background: url('images/updown.png') 0px 5px no-repeat transparent;
    text-decoration: none;
    

}
.up-down .search-result {
    text-align: center;
    margin-right:5px;
    width: 50px;
    overflow: hidden;
    padding-top: 5px;
}
.up-down .down{
    display: block;
    width: 18px;
    height: 100%;
    background: url('images/updown.png') -14px 5px no-repeat transparent;
    text-decoration: none;
}


/*-------main layout----*/

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px 0 10px 10px;
    color:White;
}

.cultureChooser
{
    float:right  
}


/*-------two column layout-----*/
.two-column-layout .first
{
    margin-right: 20px;
}

.two-column-layout .second
{

}


/*-------home page-----*/
#home {
    padding: 5px 10px;
    text-align: justify;
}
#home img.avatar {
    margin: 0 0 0px 5px;
    border: solid 1px #90908e;
    box-shadow: 3px 3px 3px -2px #6f6b64;
}
#home h2 {
    margin-bottom: 10px;
    margin-left: 4%;
    font-size: 1.2em;

}
#home h3 {
    margin-left: 4%;
    font-size: 1.1em;
    font-style: italic;
    margin-top: 10px;
}
#home .sign {
    padding-left: 5%;
    margin-top: 15px;
}
#home .date {
    padding-right: 5%;
    margin-top: 15px;
}
#home .right-pane a {
    text-decoration: none;
}
#home .right-pane ul {
    font-size: 0.85em;
    margin-left: 6%;
    margin-bottom: 5px;
}
#home p {
    text-indent: 4%;
    margin-bottom: 5px;
}
#home .rate {
    margin-bottom: 10px;
}

/*левое меню*/
#home .left-menu li.active
{
    background-position: top right;
    border-radius: 5px;
}
#home .left-menu .sub-menu-item .sub-menu-item {
    font-size: 11px;

}
#home .left-menu .sub-menu-item .sub-menu-item li.menu-item {
    height: 20px;
}
#home .left-menu .sub-menu-item .sub-menu-item li.active {
    background-image: url('images/pc-selected-narrow.png');
}
#home .left-menu .sub-menu-item .sub-menu-item li.menu-item a {
    padding-top: 3px;
    padding-bottom: 3px;
}



#home .left-pane {
    width: 200px;
    margin-right: 18px;
    padding-top: 25px;
}
#home .right-pane {
    width: 782px;
}

.big-letter {
    font-size: 2.4em;
    color: rgb(55, 55, 241);
    font-family: times new roman;
}

#home .small-letter {
    font-size: 1.3em;
    color: blue;
}



#home .ref {
    margin-bottom: 10px;
    margin-top: -5px;
    
}
/*страница "сколько это стоит"---*/
#home .how-much p.warning {
    text-indent: -4%;
    margin-left: 4%;
}
#home .how-much .small-descr {
    padding-top: 5px;
    font-weight: bold;
    font-style: italic;
}
#home .how-much .big-descr {
    padding-left: 100px;
    padding-top: 5px;
    font-size: 0.85em;
    line-height: 1.2em;
}
#home .how-much .rate {
    border-top: solid 1px #916440;
    padding-top: 10px;
    margin-top: 10px;
}
#home .how-much .ref {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 2px #916440;
}
#home .how-much p.cloud-rate {
    text-indent: -15px;
    margin-left: 30px;
    margin-top: 5px;
}


#home p.cloud-rate .blue {
    color: blue;
    font-weight: bold;
}

#home .how-much p{
    text-indent: 0;
}
#home .how-much {
    
}

/*-------signin page-----*/
#forgotPassword,
#signin {
    padding-top: 8px;
}
#signin #CaptchaInputText,
#signin .textbox 
{
    width: 200px;
    margin-right: 52px;
}
#signin form 
{
    margin-top: 20px;
}

#signin .button {
    text-align: center;
}
#signin a.button span 
{
    padding-left: 30px;
    padding-right: 30px;
}

/*-------promo-code section----*/
.promo-code-section {
    background-color: #FDF2A4;
    padding: 6px;
    border-radius: 4px;
    border: solid 1px rgb(223, 178, 178);
    display: inline-block;
}
/*------profile partial ------*/

.profile #basicData {
    text-align: center;
}

.profile #basicData fieldset {
    text-align: left;
}

.profile .password-fields {
    text-align: left;
}
.profile .textbox {
    width: 200px;
}
.profile #FullName {
    width: 270px;
}

.profile .hasHss label {
    margin-right: 10px;
}
.profile .hasHss .label_radio {
    float: left;
}

.profile .hasHss {
    height: 18px;
    display: inline-block;
    margin-top: 5px;
    width: 35%;
}

.profile .condition {
    margin-bottom: 25px;
    text-align: left;

}

.profile .email-change-notes {
    color: #167232;
    margin-top: -3px;
    margin-bottom: 5px;
    width: 280px;
}

.profile .validation-summary-errors {
    width: 300px;
    margin-top: 10px;
}


.profile .professionTypeRadio .label_radio {
    margin-bottom: 2px;
}

.profile .sub
{
    margin-left:28px;
    margin-top: -5px;
}
.profile #hssSection {
    width: 100%;
    display: flex;
}

.profile #hssCode {
    width: 25%;
}
.profile #hssCode .editor-label {
    margin-top: 0;
}

    .profile #hssCode .editor-field {
        margin-top: 0;

    }
/*мигающее сообщение о смене Email*/
@-webkit-keyframes change-email-blink {
	0% {color: #000000; font-weight: normal;
	         }
	100% { color: #167232;
	}
}
@-moz-keyframes change-email-blink {
	0% {
        color: #000000;
	    font-weight: normal;
           
	   }
	100% { 
        color: #167232;
         
	}
}
@keyframes change-email-blink {
	0% { color: #000000;font-weight: normal;}
	100% { color: #167232;  }
}

.profile .email-change-notes {
    font-weight: bold;
    animation: change-email-blink 1s infinite;
    -webkit-animation: change-email-blink 1s infinite;
}


.profile .hssCode 
{
    margin-left: 10px;
    margin-top: 6px;
}


.profile .homeopathy-types-checkboxes br {
    display: none;
}

.profile .country .dropdown {
    width: 210px;
    
}
.profile .phone-confirmation-code {
    width: 50px;
}

.profile .phone-notes {
    margin-bottom: 10px;
    width: 280px;
}

.profile .phone-notes .message {
    width: 180px;
    color: #167232;
    font-size: 0.9em;
    display: inline-block!important;
    font-weight: bold;
    animation: change-email-blink 1s infinite;
    -webkit-animation: change-email-blink 1s infinite;
}

/*-------register page-----*/
#register {
    padding-top: 8px;
}
#register .remark {
    margin-bottom: 20px;
}
#register .cb input {
    margin: 0px;
    padding: 0px;
}
#register span.red-border {
    padding: 1px;
    border-radius: 2px;
}
#register .cb {
    display: inline-block;
    height: 14px;
    width: 14px;
    padding: 3px;
    margin-right: 5px;

}
#register .accept-message {
    margin-top: 3px;
}
#forgotPassword h3 {
    margin-bottom: 10px;
}
#forgotPassword input.textbox{
    width: 200px;
}
#register .profile{
    width: 774px;
    margin-right: 10px;
}
#register .promo-code-section {
    margin-top: 13px;
    width: 152px;
}

#register .promo-code-section .textbox {
    margin-left: 5px;
}
#register .promo-code-section label {
    font-size: 0.9em;
}

#register .promo-code {
    width: 45px;
}

#basicData
{
    margin-right:10px;
}

#basicData fieldset {
    margin-bottom: 10px;
}



.homeopathyYear,
.doctorYear
{
    padding-top:0px;
    width: 300px;
}
.homeopathyYear .editor-field select,
.doctorYear .editor-field select {
    width: auto;
}

.homeopathyYear .editor-label,
.homeopathyYear .editor-field,
.doctorYear .editor-label,
.doctorYear .editor-field,
.hssCode .editor-label,
.hssCode .editor-field,
.hssCode .editor-label,
.hssCode .editor-field,
.hasHss,
.hssCode
{
    display:inline;
}

#profileData .label_radio {
    height: auto;
}


.country
{
    width: 220px;
    height: 25px!important;
}

.hssCode input
{
    width:100px;    
}

/*-------personal cabinet layout--------*/
#personalCabinet {
    width:1008px;
    padding-top: 0px;
    padding-bottom:0px;
}
#personalCabinet .button-search {
    height: 20px;
    background: none;
}
#personalCabinet .button-search span{
    padding-top: 3px;
    background: none;
}
#personalCabinet li.menu-item a {
    text-decoration: none;
}

#personalCabinet .ui-datepicker {
    background-color: transparent;
    background-image: none;
    border: none;
}


#personalCabinet .first h3 {
    padding-top: 12px;
}
#personalCabinet .tab-content {
    padding-top: 6px;
}

#personalCabinet .tab-content h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}



#personalCabinet .account-amount {
    border: solid 1px #d6ceab;
    background-color: #000;
    border-radius: 4px;
    padding: 3px 7px;
    margin-top: 8px;
    margin-left: 21px;
    font-size: 1.15em;

}

#personalCabinet .account-amount .low {
    color: red;
}

/*мигающий баланс пользователя*/
@-webkit-keyframes blink {
	0% { color: yellow;}
	100% { color: darkgoldenrod;}
}
@-moz-keyframes blink {
	0% { color: yellow;}
	50% { color: darkgoldenrod;}
}
@keyframes blink {
	0% { color: yellow;}
	50% { color: darkgoldenrod;}
}

#personalCabinet .account-amount .pre-low {
    animation: blink 1s infinite;
    -webkit-animation: blink 1s infinite;
    color: yellow;
}

#personalCabinet .account-amount .middle {
    color: yellow;    
}

#personalCabinet .account-amount .high {
    color: limegreen;
}

#home li.active,
#personalCabinet li.active {
    background: url('images/pc-selected.png') transparent top left no-repeat;
    
}
#home li.active a,
#personalCabinet li.active a {
    color: white;
    font-weight: bold;
    text-decoration: none;
    cursor: text;
}
#personalCabinet .two-column-layout .first
{
    width: 230px;
    margin-right: 20px;
}

#personalCabinet .busy,
#personalCabinet .two-column-layout .second {
    width: 752px;
}

#personalCabinet .two-column-layout .first h3 {
    font-size: 1.15em;
}

#personalCabinet .two-column-layout .second
{
    /*width: 700px;*/
}


#personalCabinet li.menu-item
{
    padding: 5px 12px;

}

#personalCabinet .two-column-layout .first ul {
    padding-bottom: 5px;
}


#personalCabinet #organizerCalendar {
    font-size: 0.92em;
    height: 200px;
}

#personalCabinet .separator {
    border-top: solid 1px #d4ceb8;
    height: 1px;
    background-color: #fff;

}

#personalCabinet .today-button {
    margin-bottom: 8px;
    position: relative;
}

#createEventForm div.clear {
    height: 5px;
}

/*---------new patient page----*/

#newPatient .desease-type .label_radio{
    float: left;
    margin-right: 11px;
    /*background-color: #f8d0c3;*/
    border-radius: 2px;
    padding: 5px 5px 3px 30px;
    background-position: 5px; 

}

.chrone-fill {
    background-color: #bebee0!important;
}
.acute-fill {
    background-color: #f8d0c3!important;
}


#newPatientForm ul{
    padding-left: 0px;
    margin-left: 0px;
}

#newPatientForm .textbox {
    width: 333px;
}

/*---------my patients page----*/
#myPatients {
}

#myPatients div.search .search-textbox {
    width: 213px;
    margin-right: 10px;
}
#myPatients div.search .cleartextbox-wrapper {
    
}

/*грида*/
#myPatients .ui-jqgrid {
    margin-top: 8px;
    position: relative;
    border:solid 1px #D6CEAB;
    border-radius:0px;
    background:transparent none;
}
#myPatients .ui-jqgrid .ui-jqgrid-view 
{
    position: relative;left:0px; top: 0px; padding: .0em; 
    font-size:0.82em;
}
#personalCabinet #myPatients .jqgrid .ui-jqgrid tr.ui-state-hover 
{
    background-color: #d5c39c!important;
}
#personalCabinet #myPatients .jqgrid .ui-jqgrid tr.ui-state-hover 
{
    background-color: rgb(223,205,147)!important;
}
#personalCabinet #myPatients .jqgrid .ui-jqgrid tr.ui-state-highlight td.column,
#personalCabinet #myPatients .jqgrid .ui-jqgrid tr.ui-state-highlight td.arrow {
    background-color: rgb(211, 177, 116)!important;
}


#myPatients .ui-jqgrid .ui-jqgrid-hdiv 
{
    position: relative; margin: 0em;
    padding: 0em; 
    overflow-x: hidden; 
    border-left: 0px none !important; 
    border-top : 0px none !important; 
    border-right : 0px none !important;
    
    background:#EBE5CD none;
}

#myPatients .ui-jqgrid .ui-jqgrid-htable th 
{
    font-size:13px;
    height:22px;
    background-image:none;
    background-color:transparent;
    border-collapse:separate;
    padding:6px 2px;
    color:#8F8767;
    font-weight:normal;
    text-align:left;
    height:16px;
}

#myPatients .ui-jqgrid tr.ui-state-highlight td.column{
    /*border-top:solid 1px #5f2a00!important;
    border-bottom:solid 1px #5f2a00!important;*/
}

#myPatients .ui-jqgrid tr.jqgrow { 
    outline-style: none; 
    background:transparent none;
    cursor:pointer;
    color:#4b4944;
}
#myPatients .ui-jqgrid tr.jqgrow td.first {
    padding-right: 4px;
}
#myPatients .ui-jqgrid tr.jqgrow td.name {
    padding-left: 6px;
}

#myPatients .ui-jqgrid tr.ui-state-highlight
{
    border: solid 1px #5f2a00!important;
}

#myPatients .ui-priority-secondary, #myPatients .ui-widget-content .ui-priority-secondary, #myPatients .ui-widget-header .ui-priority-secondary {
    opacity: 1;
}


#myPatients .ui-jqgrid tr.ui-state-hover 
{
    background-color: #d5c39c!important;
}
#myPatients .ui-jqgrid tr.ui-state-highlight td {
    height: 21px;
}
#myPatients .ui-jqgrid tr.ui-state-highlight td.column
{
    border-top:solid 1px #5f2a00!important;
    /*border-bottom:solid 1px #5f2a00!important;*/
    border-right: solid 1px gray;
    border-bottom-color:#5f2a00!important;

    
}
#myPatients .ui-jqgrid tr.ui-state-highlight td.column,
#myPatients .ui-jqgrid tr.ui-state-highlight td.arrow {

    background-color: rgb(211, 177, 116)!important;
    
        
}


#myPatients .ui-jqgrid tr.ui-state-highlight td.first
{
    border-left:solid 1px #5f2a00!important;
    
}


#myPatients .ui-jqgrid tr.ui-priority-secondary
{
    background-color:#ebe5cd;
}

#myPatients .ui-jqgrid tr.jqgroup { outline-style: none; }

    

#myPatients .ui-jqgrid tr.visit-type1 .created-date,
#myPatients .ui-jqgrid tr.visit-type2 .created-date {
    font-weight: bold;
}

#myPatients .ui-jqgrid tr.visit-type2 .created-date,
#myPatients .ui-jqgrid tr.visit-type4 .created-date {
    color: #03519B!important;
}

#myPatients .buttons-container .visit-acute,
#myPatients .ui-jqgrid tr.visit-type1 .created-date,
#myPatients .ui-jqgrid tr.visit-type3 .created-date
{
    color:#e60000;
}
#myPatientsGrid_lastVisitDate {
    text-align: center !important;
}
#myPatients .ui-jqgrid tr.ui-state-highlight {
    border: solid 1px #5f2a00 !important;
}

#myPatients .ui-jqgrid tr.ui-state-hover 
{
    background-color: rgb(223,205,147)!important;
}

#myPatients .ui-jqgrid tr.ui-state-highlight td.arrow {
    background: url(images/arrow-right2.gif) no-repeat -1px center;
    cursor: default;
    border: none;
}


#myPatients .grid-container {
    width: 561px;
    margin-right: 20px;
}
#myPatients .ui-jqgrid tr.not-completed {
    color: #199205;
}
/*----раскрашваем даты последнего визита в таблице пациентов---*/

#myPatients .buttons-container {
    width: 160px;
    padding-top: 30px;
}

#myPatients .buttons-container .visit-acute {
    color:#e60000;
}

#myPatients .buttons-container .repeate-visit {
    margin-bottom: 20px;
}

#myPatients .dossier-button
{
    margin-bottom:15px;
    
}

#myPatients .buttons-container h4
{
    margin-top:3px;
    font-size:1.15em;
    color:#602a00;
    margin-bottom:0px;
}

#myPatients .buttons-container ul
{
    margin-top:0px;
    margin-bottom:10px;
    margin-left:9px;
}

#myPatients .buttons-container ul li {
    padding-top: 5px;
}

/*----profile page----*/
#profile .profile #profileData{
    width: 379px;
}
#profile .remark {
    margin-bottom: 30px;
}
#profile .password-fields{
    display: none;
}
#profile .promo-code-section {
    margin-left: 100px;
}

#profile #basicData fieldset {
    margin-bottom: 40px;
    text-align: left;
}

#profile .message {
    display: none;
}
#profile #changePasswordLink {
    display: block;
}
#profile #saveProfile {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    
}


#profile .homeopathy-types label {
    width: 350px;
    display: block;
}


#profile #profileData fieldset {
    padding-right: 10px;
}

#profile .locality .textbox{
    width: 120px;
}

#saveResume {
    margin-right: 16px;
}
#clearBlitzSymptoms {
    margin-right: 16px;
}
.remove-blitz-symptom {
    display: block;
    background: url('images/cancel_blitz_symptom.gif') no-repeat center center;
    padding-top: 2px;
    height: 13px;
    width: 15px;
}
/*--------delete account page----*/
#deleteAccount {
    width: 700px;
    text-align: center;
}
#deleteAccount p {
    margin-top: 50px;
    margin-bottom: 25px;
}

#deleteAccount .delete-confirmation2 p
{
    color: maroon;
}
/*-------------раскраска дат*/
#prescriptions #oldPrescriptions ul li a,
.created-date {
    color: gray;
}

#prescriptions #oldPrescriptions a.visit-type1,
#prescriptions #oldPrescriptions a.visit-type3,
.visit-type1 .created-date,
.visit-type3 .created-date{
    color: #F14F4F!important;
}
#prescriptions #oldPrescriptions a.visit-type2,
#prescriptions #oldPrescriptions a.visit-type4,
.visit-type2 .created-date,
.visit-type4 .created-date {
    color: #005BB0!important;
}

#prescriptions #oldPrescriptions a.visit-type1,
#prescriptions #oldPrescriptions a.visit-type2,
tr.visit-type1 .created-date,
tr.visit-type2 .created-date {
    font-weight: bold;
}


/*---------patient work layout----*/
#patientWork {
    
    padding-top:0px;
    padding-bottom:0px;
}
#patientWork #patientWorkTitle {
    margin-top: 5px;
    margin-bottom: 10px;
}
#patientWork .not-visit #patientWorkTitle {
    color: gray;
}

#patientWork ul.top-menu {
    
}
#patientWork ul.top-menu li {
    display: inline-block;
    float: left;
    
    
    text-align: center;
    background-color: #ebe5cd;
    
    
    border: solid 1px #d4ceb8;
}
#patientWork ul.top-menu li.active
{
    background-color: #602a00;
    border-color: #602a00;
}
#patientWork ul.top-menu li a
{
    font-weight: normal;
    text-decoration: none;
    font-size: 1.15em;
    color: #005bb0;
    padding: 4px 15px 0px 15px;  
    width: 90px;
    height: 23px;
    display: block;
}
#patientWork .completevisit{
    width: 209px;
    text-align: right;
}
#patientWork .completevisit-button span {
    background-image: url('images/arrow-down-white.gif');
    padding-left: 10px;
    padding-right: 15px;
}
#patientWork .completevisit .rounded {
    text-align: left;
    width: 219px;
}


#patientWork ul.top-menu li.active a
{
    
    color: white;
}

#patientWork .tab-content {
    padding: 10px 0px 0px 0px;
}

#notAvailable {
    padding: 30px 10px;
    text-align: center;
}

#notAvailable p {
    color: #c5161e;
    text-align: center;
    margin-bottom: 20px;
}


/*--------dossier page-----------*/
#dossier {
    
}
#dossier .first {
    width: 458px;
    margin-right: 21px;
}
#dossier .second {
    width: 512px;
}

#dossier .first textarea,
#dossier .first .textbox 
{
    width: 333px;
}

#dossier .gender .label_radio{
    float: left;
    margin-right: 44px;
}

#dossier .gender-label {
    margin-top: 3px;
}

#dossier .editor-label {
    padding-bottom: 8px;
    padding-top: 5px;
}



#dossier .first .editor-label{
    width: 110px;
    text-align: right;
    margin-right: 9px;
    
}

#dossier .first input.phone {
    width: 133px;
}

#dossier .first input[type="text"].address {
    width: 166px;
}

#dossier .first input.date 
{
    margin-right: 6px;
}

#dossier .first input.time {
    width: 68px;
    margin-right: 6px;
}


#dossier textarea.special-notes {
    height: 50px;
    resize: none;
}

#dossier textarea.diagnoses {
    width: 514px;
    height: 115px;
    resize: none;
    font-size: 14px;
}

#dossier .second .documents {
    width: 503px;
    margin-bottom: 11px;
}
#dossier .field-validation-error {
    height: 30px;
    overflow: visible;
}


/*------------------documents block---------*/
.documents 
{
    border: solid 1px #d4ceb8;
    border-radius: 2px;
    padding:4px 4px 4px 9px;
    background-color: #ebe5cd;
        
}
.documents .header {
    width: 100%;
    height: 25px;
}

.documents .header .media {
    font-size: 1.15em;
    font-weight: bold;
}
.documents .comment {
    display: none;
}
.documents .body {
    font-style: italic;
}

.documents .list {
    display: none;
}

.documents .list ul {
    margin-top: 10px;
}
.documents .list .document-item
{
    margin-bottom:5px;
}
.documents .title 
{
    margin-right: 10px;
} 
.documents .button-delete
{
    width: 29px;
    margin-left: 10px;
}
#createNoteForm {
    background-color: #ffffff;
}
/*------commont dialog styles----------*/
.dialog .ok,
.dialog .cancel {
    margin-left: 5px;
}

/*----список лекарств----*/

.drugs-panel {
    background-color: #ebe5cd;
    border-radius: 5px;
    border: solid 1px #d4ceb8;
    padding: 0!important;
}
.drugs-panel .header-panel{
    background-color: #e8e1c2;
    padding: 4px;
}

.drugs {
    overflow-y: auto;
    position:relative;
    background-color: #ebe5cd;
    line-height: 1.2em;
}
.drugs .drug-list {
       position:relative;
    
}
.drugs .drug-list li {
    padding: 2px 5px;
    cursor: pointer;
}
.drugs .drug-list li.selected {
    padding-top: 1px;
    padding-bottom: 1px;
    background-color:#602a00;
    border: solid 1px #916440;
    color: white;
}
.drugs .drug-list li.selected a {
    color: white;
}
.drugs .drug-list li:hover a {
    color: #005BB0;
}
.drugs .drug-list li.hov,
.drugs .drug-list li:hover 
{
    background-color: #DED7B8;    
}

.drugs .drug-list a {
    text-decoration: none;
    font-size:1.05em;
}

/*------------upload document dialog---*/
#uploadDocumentDialog {
    padding-bottom: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 190px !important;
}
#uploadDocumentDialog span.field-validation-error {
    float: left;
}
#uploadDocumentDialog textarea {
    width: 290px;
    resize: none;
    height: 40px;
}
#uploadDocumentDialog form {
    height: 110px;
    width: 295px;
}

#uploadDocumentDialog .qq-upload-list {
    margin-left: 0px;
    list-style: none;
}

#uploadDocumentDialog .qq-upload-button
{
    width: 150px;
    border-radius: 2px;
    padding:5px;
}
#uploadDocumentDialog .qq-upload-button input[type="file"] {
    border: none;
}



/*------------------patient work notes---------------*/
#patientWork #notes {
    padding-top: 16px;
}
#patientWork #notes .prescriptions-panel {
    width: 100px;
    height: 15px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: -1px;
}
#notes a.button-plus {
    height: 23px;
}
#notes a.button-image,
#notes a.button-plus
{
    margin-right: 10px;
    float: left;
}

#notes .prescriptions .placebo {
    color: rgb(96, 0, 201);
}
#notes .notes {
    margin-top: 10px;
    overflow: hidden auto;
    position: relative;
}

    #createNote .editor-field textarea {
        width: 925px;
        height: 200px;
        resize: none;
    }

    #createNote .editor-field {
        padding-bottom: 0px;
        padding-top: 0px;
    }

#createNote .rounded {
    width: auto;
}

#createNote span.cke_skin_kama {
    padding: 4px 3px;
    
    border: none!important;
}

#createNote .cke_skin_kama .cke_toolgroup {
    background-image: none;
}

/*-----NOTE ITEM-----*/

.note {
    width: 996px;
    background-color: #ebe5cd;
    border: solid 1px #d4ceb8;
    margin-bottom: 4px;
    
}

.note .note-header {
    background-color: #ded7b8;
    height: 26px;
    padding: 1px 10px 0px 10px;

}
.note-list .visit-type1 .created-date,
.note-list .visit-type2 .created-date {
    font-weight: bold;
}

.note .note-header a.button-expandable {
    border-color: #bdb8a5;
}

.note .note-header .navigation{
    padding-top: 3px;
    width:826px;
}

.note-list .collapsed a.created-date,
.note .note-header a.collapsed{
    background-image: url("images/arrow-down.gif");
}

.note .note-header a.created-date,
.note .note-header span.time {
    margin-right: 15px;
}
.note .note-header span.materials{
    color: #8f8767;
    margin-right: 8px;
}

.note .note-body {
    padding: 5px;
    background-color: #ffffff
}

.note-list .note-edit .note-body {
    padding: 0px;
}

.note-list .collapsed .note-body {
    display: none;
}

.note .note-header a.media {
    margin-right: 23px;
}

#patientWork #notes .note .note-header a.prescriptions {
    margin-right: 5px;
}

#patientWork #notes .prescriptions-panel .drug {
    font-size: 0.9em;
    font-weight: normal;
}


.note .note-header a.assignments span {
    padding-left: 21px;
}

#notes .note .rounded a.prescription-link {
    text-decoration:none;
}

#notes .note table.prescriptions {
    border-bottom:solid 1px Gray;
    margin-bottom: 5px;
}
span.drug
{
    font-weight:bold;
    color:black;
}

/*---выпадашки для фото, видео, аудио---*/

.note .media .document-item .float-left {
    
}

.note .media .rounded {
    width: auto;
}
.note .rounded {
    position: absolute;
    width: 140px;
}

.note .rounded a {
}

.note .rounded .title,
.note .rounded .body
{
    display:none;
}
.note .rounded a.button-delete {
    margin-left: 13px;
}

/*-------------Prescriptions---------------*/

#prescriptions .first {
    width: 460px;
    margin-right:20px;
}

#prescriptions .first .second {
    margin: 0;
}

#prescriptions #oldPrescriptions .first {
    height:400px;
    overflow-x:auto;
    direction: rtl;
    width: 470px;
    margin: 0;
}

#prescriptions #oldPrescriptions .potention {
    font-weight: normal;
}

#patientWork #notes .placebo,
#prescriptions #oldPrescriptions .placebo {
    color: rgb(96, 0, 201);
}

#prescriptions #oldPrescriptions .wrapper {
    direction: ltr;
    position: relative;
}

#prescriptions #oldPrescriptions li {
    padding: 0;
    
}

#patientWork #notes .drug,
#prescriptions #oldPrescriptions li .pd .drug {
    opacity: 0.8;
}
#prescriptions #oldPrescriptions li .pd{
    padding-left: 21px;
    width: 300px;
    height: 15px;
    padding: 5px;
    overflow: hidden;
}
#prescriptions #oldPrescriptions li a:hover {
    background-color: #e2dbba;
}
#prescriptions #oldPrescriptions li.selected a:hover {
    background-color: transparent;
}

#prescriptions #oldPrescriptions li a{
    text-decoration: none;
    padding: 5px 5px 5px 5px;
    display: inline-block;
}
#prescriptions #oldPrescriptions ul.list-selectable li.selected a {
    color: white!important;
}
#prescriptions .first .second,
#prescriptions #oldPrescriptions .prescription-info {
    width:300px;
}
/*
#prescriptions #oldPrescriptions .prescription-info td.drug-name {
    font-weight: bold;
    height: 20px;
}*/

#prescriptions #oldPrescriptions .prescription-info td {
    padding-right: 5px;
    vertical-align:top;
    padding-bottom:5px;
}

#prescriptions #oldPrescriptions .prescription-info div.comment {
    font-style:italic;
}

#prescriptions .second {
    width: 512px;
}

#prescriptions .second .first {
    width: 112px;
    margin-right: 10px;
}



#prescriptions .list{
    height: 80px;
}

#prescriptions .second .second {
    width: 390px;
}
#prescriptions .second .second .drug-name {
    height:18px;
    width:100%;
    padding-top:2px;
}
#prescriptions .second .second .drug-name h4 {
    margin-bottom:0px;
    color: #b81414;
}

#prescriptions .gray-rounded-panel .autocomplete-wrapper input {
    width: 80px;
}

#prescriptions .gray-rounded-panel .search-textbox
{
    width: 72px;
}


#prescriptions .from-repertory {
    margin-bottom:2px;
}
#prescriptions .second .first .header {
    font-size:0.88em;
    display: block;
    width: 105px;
}
#prescriptions .second .first .editor-field {
    padding-bottom:5px;
}
#prescriptions .from-repertory .drugs{
    margin-top: 3px;
}

#prescriptions .prescription-detail .first {
    width: 113px;
}
#prescriptions .prescription-detail .second {
    width: 242px;
}

#prescriptions .prescription-detail .potention input{
    width: 90px;
}



#prescriptions .prescription-detail .usage {
    position: relative;
    width: 256px;
}

#prescriptions .prescription-detail .usage input{
    width: 251px;
    font-family:Arial;
}

#prescriptions .prescription-detail .usage .ui-menu {
    width: 234px;
}

#prescriptions .prescription-detail .comment {
    width: 392px;
    height: 37px;
    resize: none;
    font-family:Arial;
    overflow:auto;

}

#prescriptions .prescription-detail #addPrescription {
    margin-right:5px;
}

#prescriptions .prescription-detail .separator {
    height:20px;
}

#prescriptions #todayPrescriptions {
    margin-bottom:0px;
    margin-top:10px;
}

#prescriptions #todayPrescriptions .simple-grid {
    margin-bottom:8px;
    color: #000;
    border: solid 1px #d6ceab;    
}

#prescriptions #todayPrescriptions .simple-grid table.empty {
    color: #4b4944;
}

#prescriptions #todayPrescriptions .simple-grid table td {
    height: auto;
    padding-top:2px;
    padding-bottom:2px;
    line-height:1.4em;
    border: solid 1px #fff;
}

#prescriptions #todayPrescriptions table.empty td {
    text-align:center;
    font-style:italic;
}

#prescriptions #todayPrescriptions td.drug {
    width: 68px;
    font-weight:bold;
    color: maroon;
}
#prescriptions #todayPrescriptions td.potention {
    width: 45px;
}
#prescriptions #todayPrescriptions td.usage {
    width: 298px;
}

#prescriptions #todayPrescriptions td.delete {
    width:18px;
}
#prescriptions .prescription-comment 
{
    padding-bottom:0px;
}
#prescriptions .prescription-comment textarea {
    width:507px;
    height:50px;
    resize:none;
    font-style:italic;
    font-family:Arial;
}




/*----------------Message form-----------*/
/*#message {
    width: 500px;
    padding: 5px;
    border: solid 1px Gray;
}
#message p {
    text-align: center;
}*/

/*------------Materia medica-------------*/
#materiaMedica {
    margin-top: 5px;
}

#materiaMedica .description strong {
    font-weight:inherit;
}
#materiaMedica .search-panel .search-textbox{
    width: 72px;
}

#materiaMedica .drugs,
#materiaMedica .drug-list {
    position: relative;
}
#materiaMedica  .up-down .up, #materiaMedica  .up-down .down {
    margin-top: 4px;
}



#materiaMedica #books {

}
body.ckeditor-body p,
#materiaMedica #books p {
    text-indent:25px;    
}
#materiaMedica #books .tabs {
    width:752px;
    padding-right: 8px;
    overflow: visible;
}

#materiaMedica #books .tabs ul.ui-tabs-nav {
    width: 752px;
    padding-right: 2px;
}


#materiaMedica #books .ui-tabs-nav li.ui-state-active a.button-dropdown span{
    background: url('images/arrow-down.gif') no-repeat center right;
    padding-right: 12px;
    cursor: pointer;
}

#materiaMedica #books .editor-label,
#materiaMedica #books .editor-field {
    
    
}
#materiaMedica #books .search {
    margin-left:5px;
}
#materiaMedica .first .results {
    font-size: 0.95em;
    font-family: verdana;

}
#materiaMedica .first .full-name {
    font-size: 0.94em;
    font-family: arial;

}
#materiaMedica #books .search .editor-label {
    padding-top:7px;
    margin-right:5px;
}
#materiaMedica #books .search .editor-field {
    position: relative;
    width:240px;
    padding-bottom:0px;
}
.cross {
    background:url('images/cross.png') center center no-repeat;
    width:12px;
    height:12px;
    display:block;
}

#materiaMedica #books .search .editor-field .cross{
    position: absolute;
    left: 100px;
    top: 3px;
    width: 20px;
    height: 23px;
}

#materiaMedica #books .search .editor-field .search-result {
    color:#005BB0;
}

#materiaMedica #books .search .editor-field .up-down {
    left:145px;
}


#materiaMedica #books .search .search-textbox {
    padding-right: 12px;
    width:80px;
    
}

#materiaMedica #books div.change-link {
    text-align: right;
}

#materiaMedica #books .description {
    /*height: 440px;*/
    overflow-y: auto;
    margin-top:5px;
}
#materiaMedica .drug-missing-text,
#materiaMedica .book-missing-text 
{
    margin-top: 30px;
    margin-left:40px;
}
#materiaMedica .drug-missing-text {
    background: url('images/pointer-left.png') no-repeat center left;
    padding-left: 30px;
}

#materiaMedica .book-missing-text {
    background: url('images/pointer-up.png') no-repeat center right;
    padding-right: 30px;
    padding-top: 7px;
    height: 24px
}

#materiaMedica #bookMenu {
    width: 100px;
}

#materiaMedica .first {
    width: 186px;
    margin-right:10px;
}
#materiaMedica #books .tabs .ui-tabs-panel {
    width: 798px;
}
#materiaMedica .second {
    width: 806px;
}

#materiaMedica .search-panel .editor-label {
    padding:4px 8px 0px 4px;
    
}

#materiaMedica .search-panel .editor-label,
#repertory #repGlavs .gray-rounded-panel {
    background-color: #e8e1c2;
}


#materiaMedica .add-book {
    margin-top:5px;
    padding-left: 28px;
}
#materiaMedica .add-book span{
    padding-left:5px;
    padding-right:5px;
    
}

#materiaMedica .name-switcher {
}
#materiaMedica .name-switcher label{
    height: 16px;
    margin-bottom:3px;
}
#materiaMedica .name-switcher .label_radio {
    padding-left: 17px;
}
#materiaMedica .name-switcher .r_off
{ 
    background: url(images/radio-off-small.png) no-repeat bottom left; 
}
#materiaMedica .name-switcher .r_on
{ 
    background: url(images/radio-on-small.png) no-repeat bottom left; 
}



/*----change drug description dialog----*/
#changeDrugDescriptionDialog {
    height: 600px;
}

#editBookDialog {
    
}
#editBookDialog #ShortName {
    width: 90px;
}
#editBookDialog #FullName {
    width: 270px;
}
#editBookDialog .remark {
    margin-bottom: 10px;
}





/*-------------РЕПЕРТОРИЙ--------------*/
#repertory {
    padding-top: 0px;
}
#repertory #repertoryBusy {
    background-position: 609px 200px;
    
}
#repertory #repGlavs {
    width: 240px;
    margin-top: 5px;
    margin-right: 7px;
}
#repertory #repertoryHelpPanel {
    width: 500px;
    font-size: 0.85em;
}
#repertory .simple-grid {
    border: solid 1px #d6ceab
}

#patientWork #symptoms #moreDetailSymptoms td.register-symptom-cell,
#repertory .simple-grid td.register-symptom-cell,
#repertory .simple-grid td.target-cell {
    border-right: solid 1px #eae7d6;
    padding: 0px 0px 0px 3px;
    width: 15px;
    vertical-align: middle;
}

#repertory .simple-grid td{
    border: solid 1px #fff;
}

#repertory #repGlavs h3 {
    padding-left: 16px;
    margin-bottom: 10px;
    margin-right: 12px;
}

#repertory #repGlavs .help-icon {
    margin-top: 2px;
}
#repertory .symptoms-header {
    margin-bottom: 7px;
    padding-top: 3px;
    padding-left: 7px;
}
#repertory .symptoms-header .textsearch-wrapper .cross {
    left: 63px;
}
#repertory .symptoms-header .textsearch-wrapper .up-down-wrapper {
    width: 80px;
}
#repertory .symptoms-header .textsearch-wrapper .search-result {
    width: 35px;
    text-align: center;
}
#repertory .symptoms-header a.history-button {
    margin-top: 4px;
}

#repertory #repglavSearch {
    width: 50px; 
}
#repertory .symptoms-header .float-right {
    margin-left: 5px;
}
#repertory .symptom-references-panel {
    padding: 7px 10px;
    font-size: 0.85em;
    background-color: #e7e3d1;
    line-height: 1.5em;
    /*width: auto!important;*/
}
#repertory .second
{
    width: 752px;
}
#repertory .second .left-missing-text {
    margin-top: 60px;
}



#repertory .second #symptomsGrid
{
    width: 752px;
    overflow-y: auto;
}

/*---таблица результатов поиска---*/
#repertory #searchResults h3{
    font-size: 1.1em;
    padding-left: 28px;
    margin-right: 8px;
}
#repertory #searchResults .search-conditions .right-condition {
    position: relative;
    left: -8px;
}

#repertory #searchResults .search-conditions-header,
#repertory #searchResults .search-conditions{
    padding-top: 1px;
    font-size: 0.85em;
    margin-right: 3px;
}
#repertory .second #symptomsSearchGrid {
    width: 740px;
    overflow-y: auto;
    margin-top: 5px;
}

#repertory #symptomsSearchGrid .checkbox,
#repertory #symptomsSearchGrid .target-icon{
    margin-top: 0px;
    opacity: 0;
    /*display: none;*/
}
#repertory #symptomsSearchGrid tr:hover {
    background-color: #f9f5e4;
}
#repertory #symptomsSearchGrid tr.symptom-row:hover .checkbox,
#repertory #symptomsSearchGrid tr.symptom-row:hover .target-icon {
    display: block;
    opacity: 1;
}


#repertory .second {
    position: relative;
}

#repertory .second .simple-grid {
    overflow-y: auto;
}

#repertory #symptoms
{
    width: 100%;
}
#repertory #searchResults {
    margin-top: 10px;
}


#repertory #symptomsSearchGrid tr.symptom-row .checkbox,
#repertory #symptoms tr.symptom-row .checkbox {
    background:url('images/checkbox-all.png') -5px -2px no-repeat;   
    position: relative;
    text-decoration: none;
}
#repertory #symptoms tr.symptom-row .checkbox {
    display:none;
}
#repertory #symptoms tr.symptom-row .checkbox-registered {
    display: block;
}

#repertory #symptoms tr.symptom-row .checkbox-registered
{
    background:url('images/galka.gif') 2px 2px no-repeat;
}

#repertory #symptoms tr.symptom-row .checkbox-united
{
    background: url('images/galka-dis.gif') 2px 2px no-repeat;
    cursor: default;
}

#repertory #symptomsSearchGrid tr.registered-symptom-row:hover .checkbox,
#repertory #symptoms tr.selected .checkbox-registered {
    background: url('images/checkbox-all.png') -31px -2px no-repeat;
}

#repertory #symptoms tr.selected .checkbox-united {
    background: url('images/checkbox-all.png') -58px -2px no-repeat;
    
}


#repertory #symptoms table a.arrow-left
{
    visibility: hidden;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid table td,
#repertory .simple-grid table td
{
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0.9em;
    line-height: 1.55em;
    color: #000;
}
#repertory .simple-grid table td {
    cursor:pointer;
    height: auto;
}


#repertory .simple-grid tr.selected a.drugs-count {
    color: #000;
}

.simple-grid a.drugs-count {
    color: #696762;
    text-decoration: none;
}

#dialogSearch .keywords-list li.selected
{
    background-color: #e3d4a3;
}


#repertory #symptoms .simple-grid tr.selected {
    opacity: 1;
}

#repertory #symptoms table tr.selected a.arrow-right{
    background-image: url('images/repertory-arrow-right.gif');    
}



#repertory #symptoms table tr.selected .arrow-left {
    visibility: visible;
}
#repertory #symptoms table tr.selected a.checkbox {
    display:block;
}


#repertory #symptoms table tr.no-drugs a.checkbox {
    display:none;
}

#repertory #symptomReferences {
    position: absolute;
}


#repertory #repGlavs .gray-rounded-panel {
    margin-bottom: 10px;
}

#repertory #btnSearchInCurrentGlav,
#repertory #btnSearchInAllGlavs {
    text-align: center;
    background-color: rgb(233,222,177);
}
#repertory #btnSearchInAllGlavs {
    margin-bottom: 7px;
}

#repertory #btnSearchInAllGlavs span{
    
    width: 210px;
    background: url('images/search-arrow-up.gif') no-repeat center right;
}

#repertory #btnSearchInCurrentGlav span {
    
    width: 210px;
    background: url('images/search-arrow-right.gif') no-repeat center right;
}

#repertory #repGlavs .first {
    width: 110px;
}
#repertory #repGlavs .second {
    width: 110px;
}
#repertory #repGlavs .first {
    margin-right: 10px;
    
}
#repertory #repGlavs .first ul li {
    padding: 0px;

}
#repertory #repGlavs ul li a:hover {
    background-color: #DED7B8;
}

#repertory #repGlavs ul li a{
    padding: 3px 5px;
    display: block;
    text-decoration: none;
}

#repertory #repGlavs ul li.selected a {
    background-color: #5f2a00;
    border-radius: 2px;
    color: white;
    text-decoration: none;
}

#repertory a.arrow-up {
    display: inline-block;
    background-image: url('images/repertory-arrow-up.png');
    width: 14px;
    height: 18px;
}
#repertory a.arrow-right,
#repertory a.arrow-left {
    width: 14px;
    height: 16px;
    margin-bottom: -3px;    
    background-position: center center;
    text-decoration:none;
    display: inline-block;
}


#repertory a.arrow-right {
    background-image: url('images/repertory-arrow-right-dis.gif');
}


#repertory a.arrow-left {
    background: url('images/repertory-arrow-left.gif') no-repeat center center;
    background-position: center left;
}

#repertory .drug-icon {
    display:none;
    margin-bottom: -4px;
}

#repertory .arrow-right
{
    display: inline-block;

}

#repertory .drug-icon {
    width: auto;
    padding-right: 16px;
    background-position: top right;
}

#repertory .grayed-table a.show-references-link:hover,
#repertory a.reference-link,
#repertory a.show-references-link {
    text-decoration: none;
    font-style: italic;
    color: #71448d;
}

#repertory a.reference-link:hover,
#repertory a.show-references-link:hover {
    text-decoration: underline;
}

#repertory .upline {
    margin-bottom: 5px;
    position: absolute;
    top: 8px;
    left: 33px;
    font-size: 1em;
    font-weight: bold; 
    color: #602a00;
    
}
#repertory .upline .glav {
    text-transform: uppercase;
}
#repertory .upline a {
    text-decoration: none;
    color: #602a00;
}





/*----диалог со списком препаратов*/

#symptomDrugsDialog {
    position: absolute;
    width: 90px;
}
#symptomDrugsDialog .icon-close {
    width: 14px;
    height: 13px;
    margin-top: 2px;
    margin-right: 2px;
    position: absolute;
    right: 0px;
    z-index: 2;
}
#symptomDrugsDialog .icon-close:hover {
    border: solid 1px black;
    border-radius: 2px;
    width: 12px;
    height: 11px;
}
#symptomDrugsDialog .sort-switcher label {
    width: 24px;
    height: 24px;
    padding: 0;
}



#symptomDrugsDialog .sort-switcher .by-name {
    background-image: url('images/sort-buttons-by-name.png');
    margin-right: 2px;
}

#symptomDrugsDialog .sort-switcher .by-type {
    background-image: url('images/sort-buttons-by-type.png');
}

#symptomDrugsDialog .sort-switcher .r_on {
    background-position: -28px 0px;
}
#symptomDrugsDialog .sort-switcher .r_off {
    background-position: 0px 0px;
}

#symptomDrugsDialog,
#repertory .symptom-references-panel {
    box-shadow: 5px 5px 5px -2px #6f6b64;
}
#symptomDrugsDialog .sort-switcher {
    background-color: #dfd8b9;
    padding: 5px;
}

#symptomDrugsDialog .sort-switcher .search-textbox {
    width:57px;
    height:17px;
    margin-top:1px;
    background-image:url('images/search-small-bg.png');
    background-position: 2px center;
    padding-left:18px;
    padding-top:0px;
}
#symptomDrugsDialog .sort-switcher .textsearch-wrapper .cross {
    left:63px;
}

#symptomDrugsDialog .drugs {
    overflow-y: auto;
    padding-top:3px;
    padding-bottom:3px;
}

#symptomDrugsDialog .first-highlight {
    background-color: yellow;
    color: inherit;
}

#symptomDrugsDialog #symptomDrugs  li {
    padding-top: 0px;
    padding-bottom: 0px;
}
#symptomDrugsDialog #symptomDrugs .drug-list li.hov,
#symptomDrugsDialog #symptomDrugs .drug-list li:hover 
{
    background-color: #e3d4a3;    
}

#symptomDrugsDialog #symptomDrugs a{
    display: block;
    height: 100%;
    width: 100%;
    font-size: 0.85em;
    font-family: verdana;

}
#symptomDrugsDialog #symptomDrugs .type1 a{
    color: #43904e;
}

#symptomDrugsDialog #symptomDrugs .type2 a {
    font-style: italic;
    color: navy;
}

#symptomDrugsDialog #symptomDrugs .type3 a {
    font-weight: bold;
    color: maroon;
}

#repertory a.upline-arrow {
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: 2px;
}

/*---диалог регшистрации симптома---*/
#dialogRegisterSymptom {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    /*box-shadow: 10px 10px 5px #888888; */
    font-size: 0.85em;
}

#dialogRegisterSymptom form {
    width: 173px;
}
#dialogRegisterSymptom .dialog-title {
    width:160px;
}
#dialogRegisterSymptom .title {
    margin-bottom: 11px;
    font-weight: bold;
    color: #4e300e;
}
#dialogRegisterSymptom .first {
    width: 85px;
}
#dialogRegisterSymptom .second {
    width: 81px;
}
#dialogRegisterSymptom .first {
    border-right: solid 1px silver;
}
#dialogRegisterSymptom .first .title{
    color: #0e796f;
    
}
#dialogRegisterSymptom .first .buttons {
    padding-left: 27px;
}

#dialogRegisterSymptom .second .buttons {
    padding-left: 23px;
}
#dialogRegisterSymptom .button-register-disabled {
    opacity: 0.3;
    cursor: text;
}
#dialogRegisterSymptom .button-register {
    margin-bottom: 9px;
    outline: none;
}
#dialogRegisterSymptom .button-cancel span {
    color: #4e300e;
    font-weight: bold;
}
#dialogRegisterSymptom .button-cancel{
    margin-top: 8px;
    margin-bottom: 2px;   
}

#dialogRegisterSymptom a.button-transparent {
    height: 22px;
    border-radius: 5px;
}

.dialog-register-symptom .ui-dialog-titlebar {
    position: absolute;
    right: 2px;
    z-index: 10;
    
}
/*---диалог поиска---*/

.dialogSearch {
    
    background-color: #eaddb5!important;
    
    
}
.dialogSearch .ui-dialog-titlebar {
    color: #602a00;
}
#dialogSearch {
    padding:0px 12px 0px 12px;
}

#dialogSearch form {
    height:230px;
    width: 550px;
}
#dialogSearch .button {
    width: 80px;
    margin-bottom: 10px;
}
#dialogSearch .button-transparent
{
    width: 78px;
}

#dialogSearch .arrow-right:hover,
#dialogSearch .arrow-left:hover {
    border-radius: 3px;
    border: solid 1px rgba(112, 84, 33, 0.47);
    padding: 4px;
}
#dialogSearch .arrow-right:hover {
    background-position: 4px 4px;
}

#dialogSearch .arrow-left:hover {
    background-position: 3px 3px;
}

#dialogSearch .arrow-right,
#dialogSearch .arrow-left {
    margin: 80px 3px 0px 3px;
    width: 10px;
    height: 20px;
    padding: 5px;
    background-repeat: no-repeat;
    
}
#dialogSearch .arrow-right {

    background-image: url('images/repertory-search-arrow-right.gif');
    background-position: 5px 5px;
}

#dialogSearch .arrow-left {
    background-image: url('images/repertory-search-arrow-left.gif');
    background-position: 4px 4px;
    
    
}

#dialogSearch .left {

}
#dialogSearch .keywords {
    
}

#dialogSearch .keywords .search-textbox {
    margin-bottom:9px;
    width:117px;
}
#dialogSearch .keywords .textsearch-wrapper .cross{
    left:129px;
}

#dialogSearch .keywords-list {
    width:149px;
    overflow-y:scroll;
    border-radius:3px;
    border:solid 1px #d4ceb8;
    height:185px;
    font-size: 0.85em;
    background-color: #f5eedc;
    padding-left: 2px;
    position: relative;
}
#dialogSearch .keywords-list,
#dialogSearch .condition .content {
    background-color: #eee5c5;
}
#dialogSearch .keywords-list a.icon-arrow-left-small {
    margin-right: 3px;
}

#dialogSearch .keywords-list a.icon-arrow-left-small:hover,
#dialogSearch .keywords-list a.icon-arrow-right-small:hover {
    border: 1px solid gray;
    border-radius: 2px;
    padding: 1px;
    background-position: 1px 1px;
}

#dialogSearch .keywords-list a.icon-arrow-right-small {
    margin-right: 2px;
}

#dialogSearch .keywords-list a.icon-arrow-left-small,
#dialogSearch .keywords-list a.icon-arrow-right-small {
    visibility: hidden;
    margin-top: 1px;
    padding: 2px;
    background-position: 2px 2px;
    width: 7px;
    
}
#dialogSearch .keywords-list li.selected a.icon-arrow-left-small,
#dialogSearch .keywords-list li.selected a.icon-arrow-right-small {
    visibility: visible;
}

#dialogSearch .keywords-list a.icon-arrow-left-small {
}

#dialogSearch li {
    cursor: pointer;
}
#dialogSearch .condition {
    text-align:center;
    padding-top:35px;
}
#dialogSearch .condition li {
    margin: 3px auto;
}
#dialogSearch .condition .content{
    width:158px;
    height:103px;
    border-radius:5px;
    border:solid 2px #d4bfa5;
    padding-left:0px;
    margin-bottom:11px;
    padding-top: 6px;
    
}
#dialogSearch .condition .content li.keyword {
    color: maroon;
    font-weight: bold;
}
#dialogSearch .condition .content li.or {
    font-family: verdana;
    font-size: 0.85em;
}

#dialogSearch .condition div.selected {
    background-color: white;
    border:solid 2px #9e785a;
}

#dialogSearch .keyword-plus-icon {
    background: url('images/keyword-plus.png') no-repeat 30px 15px;
}
#patientWork #results #analizeSymptoms table.dataTable tr {
    background-color: transparent;
}
#patientWork .visit-chron #results #analizeSymptoms table.dataTable tr td.first-column {
    background: url('images/analize-row-bg.gif') repeat-x 0px 10px;
}

#patientWork .visit-acute #results #analizeSymptoms table.dataTable tr td.first-column {
    background: url('images/a-analize-row-bg.gif') repeat-x 0px 10px;
}

/*--------------страница анализ------------*/
#patientWork #results {
    padding: 15px 17px 0 0;
}
#patientWork #results .button-print {
    padding-right: 4px;
    margin-right: 20px;
}
#patientWork #results .button-print span{

    width: 0px;
    height: 32px;
    

}
#patientWork #results .button-graph {
    margin-bottom: 11px;
    margin-right: 20px;
}

/*стиль сообщения когда нет данных в гриде анализа*/
#patientWork #results #analizeSymptoms td.dataTables_empty {
    width: 200px;
    display: inline;
    color: red;
}

#patientWork #results #analizeSymptoms table.dataTable th.buttons {
    vertical-align: top;
}

/*---------------------кнопки--------------*/
#patientWork #results .btn {
    padding:0px 8px;   
    padding-bottom:1px;
       margin-bottom: 5px;
    margin-left: 5px;
    line-height:1.35em;
    text-align: center;
}

#patientWork #results #buttonAnalysisPrescribeInPlotView,
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisPrescribe {
    width: 104px;
}
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisPerekr {
    width:175px;
}
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisCompare,
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisMatmed {
    width:59px;
}

#patientWork #results #buttonAnalysisDetailInPlotView,
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisDetail,
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisDiff {
    width:93px;
}
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisDiff {
    background-color: #E5CEEB;
    color: #6f3198;
} 

#patientWork #results #buttonAnalysisDetailInPlotView,
#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisDetail {
    background-color: #D3D9EE;
    color: #0D125A;
}

#patientWork #results #analizeSymptoms table.dataTable th.buttons #buttonAnalysisDetail {
    margin-left:5px;
}

#patientWork #results #analizeSymptoms table.dataTable th.buttons .sorting {
    width: 41px;
    height: 62px;
    background: none;
}

#patientWork #results #analizeSymptoms table.dataTable th.buttons .sorting .button-decheck {
    margin-left: 20px;
}
#patientWork #results #analizeSymptoms .button-analize-collapse,
#patientWork #results #analizeSymptoms .button-analize-uncollapse {
    margin-top: 2px;
    margin-left: 18px;
    visibility: hidden;
}

#patientWork #results #analizeSymptoms .button-settings {
    margin-left: 18px;
    margin-top: 5px;
}


#patientWork #results #analizeSymptoms.filtered .button-analize-collapse,
#patientWork #results #analizeSymptoms.filtered .button-analize-uncollapse {
    visibility: visible;
}

#patientWork #results #analizeSymptoms .button-defilter {
    visibility: hidden;
}

#patientWork #results #analizeSymptoms.filtered .button-defilter {
    visibility: visible;
}

#patientWork #results #resultsTableView {
    position: relative;
}

#patientWork #results .empty-message {
    position: absolute;
    top: 80px;
    left: 510px;
    color: #E40909;
    font-weight: bold;
    text-align: left;
}

#patientWork #results #analizeSymptoms table.dataTable .button-defilter {
    top: 77px;
    position: absolute;
    
}



#patientWork #results #analizeSymptoms table.dataTable tr td.first-column div{
    width: 460px;
    display: block;
    margin-top: -3px;
}

#patientWork #results #analizeSymptoms table.dataTable .icon-analize-sort {
    margin-left: 5px;
    margin-right:2px
}

/*картинки для чекбоксов*/
#patientWork #results #analizeSymptoms table.dataTable th .checkbox label.c_on {
    background: url('images/checkbox-all.png') -27px -22px no-repeat;
}

#patientWork #results #analizeSymptoms table.dataTable tr td.first-column span.checkbox label.c_on {
    background: url('images/analiz-checkbox-on.gif') no-repeat;
}
#patientWork #results #analizeSymptoms table.dataTable th .checkbox-dis label.c_on,
#patientWork #results #analizeSymptoms table.dataTable th .checkbox label.c_off{
    background: url('images/analiz-checkbox-off.gif') 4px 0px no-repeat;
}
#patientWork #results #analizeSymptoms table.dataTable td.first-column .checkbox label.c_off {
    background: url('images/analiz-checkbox-off.gif') 0px 0px no-repeat;
}

#patientWork #results #analizeSymptoms table.dataTable tr td.first-column span.checkbox,
#patientWork #results #analizeSymptoms table.dataTable tr td.first-column span.symptom-name span{
    background-color: #f4efdc;
}
 
#patientWork #results #analizeSymptoms table.dataTable th.drug-name {
    text-align: left;
    vertical-align: top;
    height: 73px;
}
#patientWork #results #analizeSymptoms.filtered table.dataTable th.drug-name .checkbox,
#patientWork #results #analizeSymptoms.filtered table.dataTable th.drug-name .vertical{
    opacity: 0.3;
    filter: alpha(opacity=30);
}
#patientWork #results #analizeSymptoms.filtered table.dataTable th.maroon .checkbox,
#patientWork #results #analizeSymptoms.filtered table.dataTable th.maroon .vertical {
    opacity: 1;
    filter: alpha(opacity=100);
}
#patientWork #results #analizeSymptoms.collapsed table.dataTable th.drug-name,
#patientWork #results #analizeSymptoms.collapsed table.dataTable th.drug-name .vertical{
    color: maroon;
    opacity: 1;
    filter: alpha(opacity=100);
}

#patientWork #results #analizeSymptoms table.dataTable th.drug-name .checkbox {
    display: block;
}

#patientWork #results #analizeSymptoms td.coeff-perekr, 
#patientWork #results #analizeSymptoms td.drug-weight {
    text-align: center;
    font-size: 0.85em;
}


#patientWork #results #analizeSymptoms table.dataTable td.first-column .checkbox {
    width: 20px;
}
#patientWork #results #analizeSymptoms table.dataTable td.first-column .icon-small-united {
    height: 16px;

}

#patientWork #results #analizeSymptoms table.dataTable td.first-column .united-icon-place {
    width: 6px;
    height: 16px;
    padding-right: 3px;
    background-color: #f4efdc;
    display: block;

}

#patientWork #results #analizeSymptoms table.dataTable td,
#patientWork #results #analizeSymptoms table.dataTable th {
    padding: 0px 0px;
}

#patientWork #results span.drug-type {
    display: block;
    width: 23px;
    height: 22px;
}
#patientWork #results #analizeSymptoms table.dataTable th {
    cursor:default;
}
#patientWork #results #analizeSymptoms table.dataTable th.drug-name span.vertical {
    height: 20px;
    width: 60px;
    position: absolute;
    display: block;
    overflow: hidden;
    margin-left: -20px;
    margin-top: 13px;
    color: #201F1F;
    padding-top: 5px;
}
#patientWork #results #analizeSymptoms.filtered table.dataTable th.maroon span.vertical {
    color: maroon;
}

#patientWork #results #analizeSymptoms table.dataTable td.first-column span.symptom-name
{
    width: 430px;
    height: 16px;
    display: block;
    overflow: hidden;
    
}


#patientWork #results #analizeSymptoms table.dataTable td.first-column span.symptom-name span.degree1 {
    color: #b00000;
    font-weight: bold;
}

#patientWork #results #analizeSymptoms table.dataTable td.first-column span.symptom-name span.degree2 {
    color: navy;
    font-style: italic;
    font-weight: bold;
}

#patientWork #results #analizeSymptoms table.dataTable td.first-column span.symptom-name span.degree3 {
    color: green;
}

#patientWork #results #analizeSymptoms table.dataTable .drug1
{
    background-color: #f0e68c;
}
#patientWork #results #analizeSymptoms table.dataTable .drug2 {
    background-color: #E2C67E;
}
#patientWork #results #analizeSymptoms table.dataTable .drug-perekr {
    background-color: rgb(211, 177, 116);
}

/*раскрашиваем симптома для режима "сравнить"*/
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order2,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order2 span.checkbox,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order2 span.united-icon-place,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order2 span.symptom-name span
{
    background-color: #f0e68c!important;
}
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order3,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order3 span.checkbox,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order3 span.united-icon-place,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order3 span.symptom-name span
{
    background-color: #E2C67E!important;
}
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order4,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order4 span.checkbox,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order4 span.united-icon-place,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order4 span.symptom-name span
{
    background-color: rgba(255, 255, 252, 0.64)!important;
}
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order5,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order5 span.checkbox,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order5 span.united-icon-place,
#patientWork #results #analizeSymptoms table.dataTable tr td.symptom-order5 span.symptom-name span
{
    background-color: #F5EEB4!important;
}

#patientWork #results #analizeSymptoms .order-radio-group {
    position: absolute;
    top: 77px;
    left: 100px;
    font-size: 0.9em;
}

#patientWork #results #analizeSymptoms td.first-column,
#patientWork #results #analizeSymptoms td.drug-degree {
    height: 22px;
}

/*грида*/
#patientWork #results .ui-jqgrid .ui-jqgrid-htable th div {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

    height: 50px;
    width: 50px;
    padding-top: 10px;
    text-align: left;
}

#patientWork #results .ui-jqgrid .ui-jqgrid-htable th{

}
#patientWork #results .ui-jqgrid tr.ui-priority-secondary {
    opacity: 1;
    
}
#patientWork #results .ui-jqgrid tr.jqgrow td {
    border: none;
    padding: 0px;
}

#patientWork #results .button-enabled {
    background-color: #602a00;
    color: white;
}
#patientWork #results #resultsPlotView {
    position: relative;
    margin-bottom: 10px;
        
}
#patientWork #results #resultsPlotView .button-table {
    margin-bottom: 10px;
    margin-right: 53px;
}
#patientWork #results #resultsPlotView .icon-ssb {
    margin-left: 50px;
    margin-top: 15px;
}
#patientWork #results #resultsPlotView .btn {
    margin-left: 5px;
    margin-top: 25px;
}

.plot-tooltip {
    color: #222222;
    font-size: 1em;
}

#patientWork #results #resultsPlotView .icon-kp {
    right: 29px;
    bottom: 6px;
    position: absolute;
}
#patientWork #results #resultsPlotView #plotPlaceholder {
    margin: 0 auto;
    background: url('images/plot-bg.jpg') no-repeat 18px -23px;
    background-size: 100% 100%;
}
#patientWork #results #resultsPlotView .sun {
    top: 62px;
    left: 934px;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('images/sun.gif') no-repeat top left;
    z-index: 1;
}

#patientWork #results td.grayed-symptom span.symptom-name span{
    color:rgb(182, 182, 182)!important;
}

/*----------------------------------------------*/



#patientWork .visit-chron #results span.drug-type {
    background: url('images/drug-type0-icon.gif') no-repeat top left transparent;
}

#patientWork .visit-acute #results span.drug-type {
    background: url('images/a-drug-type0-icon.gif') no-repeat top left transparent;
}

#patientWork .visit-chron #results span.drug-type1 {
    background-image: url('images/drug-type1-icon.gif');
}

#patientWork .visit-acute #results span.drug-type1 {
    background-image: url('images/a-drug-type1-icon.gif');
}

#patientWork .visit-chron #results span.drug-type2 {
    background-image: url('images/drug-type2-icon.gif');
}

#patientWork .visit-acute #results span.drug-type2 {
    background-image: url('images/a-drug-type2-icon.gif');
}

#patientWork .visit-chron #results span.drug-type3 {
    background-image: url('images/drug-type3-icon.gif');
}

#patientWork .visit-acute #results span.drug-type3 {
    background-image: url('images/a-drug-type3-icon.gif');
}

/*----drug procent dialog---*/
#dialogDrugProcent
{
    overflow-y: hidden;
    overflow-x: hidden;
}
#dialogDrugProcent .message .icon-sb{
    display: inline-block;
}
#dialogDrugProcent .message {
    margin-bottom: 8px;
}

#dialogDrugProcent .slider {
    margin-bottom: 2px;
    width: 260px;
    margin-left: 5px;
}
#dialogDrugProcent .slider .ui-slider-handle {
    background: none;
    background-color: #916440;
    border-color: #201f1f;
}

#dialogDrugProcent .slider .ui-slider-handle:active {
    
}


#dialogDrugProcent .ok {
    margin-bottom: 0px;
    margin-top: 7px;
}
#dialogDrugProcent .procentVal {
    display: none;
}
#dialogDrugProcent ul.labels {
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: 280px;
}

#dialogDrugProcent ul.labels li {
    list-style: none;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 12px 0px 0px;
    text-align: right;
    font-size: 0.9em;
    width: 26px;
}

#dialogDrugProcent ul.labels li.last {
    margin-right: 0px;
    
}

#dialogDrugProcent .message2 {
    width: 140px;
}
/*-----Диалог Как назначить-----*/
.dialog-how-prescribe {
    padding: 0;
    background-color: rgb(243,254,207)!important;
}

.dialog-how-prescribe .content{
    height: auto;
    min-height: 250px;
    width: auto;
    padding: 15px 0px 0px 3px;

}
.dialog-what-i-think .ui-dialog-titlebar-close span,
.dialog-how-prescribe .ui-dialog-titlebar-close span,
.dialog-what-prescribe .ui-dialog-titlebar-close span {
    top: 12px!important;
    left: 13px!important;
}

#dialogHowPrescribe .next {
    margin-left: 5px;
}
#dialogHowPrescribe .title {
    margin-bottom: 10px;
}
#dialogHowPrescribe .label_radio {
    height: auto;
    margin-bottom: 5px;
}
.dialog-how-prescribe .r_off {
    background: url(images/radio-off-small.png) no-repeat 0px 2px!important;
}

.dialog-how-prescribe .r_on {
    background: url(images/radio-on-small.png) no-repeat 0px 2px!important;
}
.dialog-how-prescribe .step-last {
    margin-bottom: 10px;
}
.dialog-how-prescribe .step-last h3{
    width: 100px;
    margin-top: 45px;
    padding-left: 57px;
    font-family: verdana;
    font-weight: normal;

}
.dialog-how-prescribe .step-last h3.freq {
    font-size: 1em;
}

.dialog-how-prescribe .step-last .label {
    font-size: 0.8em;
    text-align: center;
    line-height: 1em;
}
.dialog-how-prescribe .step-last .plot {
    margin-bottom: 15px;
}

.dialog-how-prescribe .plot-potention .label1 {
    margin-left: 10px;
    margin-right: 20px;
}
.dialog-how-prescribe .plot-potention .label2 {
    margin-right: 15px;
}

.dialog-how-prescribe .plot-value .label1 {
    margin-right: 210px;
}

.dialog-how-prescribe .plot-freq .label1 {
    margin-right: 130px;
}


.dialog-how-prescribe .step-last .plot-area {
    height: 100px;
    width: 220px;
    margin: -30px 15px 0px 15px;
    position: relative;

}
.dialog-how-prescribe .step-last #potention {
    width: 250px;
    margin-left: 0px;
    margin-right: 0px;
}

.dialog-how-prescribe .step-last .image {
    border-top: solid 1px black;
}

.dialog-how-prescribe .ui-dialog-titlebar{
    background-color: rgb(196, 196, 69);
    height: 24px;
    font-size: 1.2em;
    color: #475501;
}
.dialog-how-prescribe h2 {
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 15px;
}
.dialog-how-prescribe .step-last h2 {
    color: maroon;
    font-weight: bold;
    font-size: 1.15em;
    margin-top: 10px;
    margin-bottom: 0px;
}

.dialog-how-prescribe h3 {
    font-size: 1.1em;
}

.dialog-how-prescribe .level2 {
    margin-left: 20px;
    margin-bottom: 7px;
}

.dialog-how-prescribe .progress {
    padding-top: 7px;
}
.dialog-how-prescribe .progress .item {
    padding: 1px;
    border:1px solid transparent;
}
.dialog-how-prescribe .progress .item .sub-item {
    border:1px double #475501;
    height: 4px;
    width: 17px;
}
.dialog-how-prescribe .progress .item-current {
    border:1px solid #475501;
}
.dialog-how-prescribe .progress .item-completed .sub-item {
    background-color: #475501;
}

.profile label.r_off,
#patientWork #symptoms .r_off,
#patientWork #results .r_off {
    background: url(images/radio-off-small.png) no-repeat center left;
}

.profile label.r_on,
#patientWork #symptoms .r_on,
#patientWork #results .r_on {
    background: url(images/radio-on-small.png) no-repeat center left;
}

#emailConfirm p {
    text-align: center;
}

/*-----страница для сообщений-----*/
.page-message {
    text-align: center;
    padding-top: 50px;
}
.message-panel {
    border: solid 1px gray;
    border-radius: 5px;
    width: 300px;
    padding: 10px;
    margin: 0px auto;
    text-align: center;
}

/*--------диалог что я об этом думаю-----*/
.dialog-what-i-think {
    padding: 0;
    background-color: #fbe6e3!important;
}
.dialog-what-i-think .dialog-content,
.dialog-warning-what-i-think .dialog-content {
    width: 590px;
}
.dialog-what-i-think .dialog-content {
    padding-top: 18px;
    height: auto;
    padding-left: 10px;
}
.dialog-what-i-think .quality-header {
    margin-bottom: 10px;
}
.dialog-what-i-think .quality-conditions {
    margin-bottom: 10px;
    font-style: italic;
    padding-left: 15px;
}

.dialog-what-i-think .quality-conditions ul{

    padding-left: 5px;
    list-style: disc;
}
.dialog-what-i-think .dynamic-panel {
    margin-bottom: 10px;
    border-bottom: solid 1px rgb(233, 196, 196);
    padding-bottom: 20px;
}

.dialog-what-i-think #dynamicPlot {
    width: 200px;
    height: 100px;
    padding: 3px 3px;
    padding-right: 5px!important;
    padding-left: 5px!important;
    border-top: solid gray 1px;
    border-left: solid gray 1px;

}
.dialog-what-i-think .dynamic-message {
    width: 310px;
}
 
.dialog-what-i-think .ui-dialog-titlebar {
    background-color: #ee9595;
    font-size: 1.2em;
    height: 24px;
    color: #990030;
    
}

.dialog-what-i-think .dialog-content {
     
    color: #5E3502;
    
}

.dialog-what-i-think .header-level1 {
    color: #5E3502;
}

.dialog-what-i-think .header-level2,
.dialog-what-i-think .header-level3,
.dialog-what-i-think .header-level4 {
    color: #e40909;
}

/*----информационный диалог---*/
.dialog-message {
    margin-bottom: 10px;
    height: 100px;
}
.dialog-message .ui-dialog-content {
    text-align: center;
    padding-bottom: 20px;
}
/*----информационный диалог с кнопкой---*/
.dialog-button {
    margin-bottom: 10px;
}
.dialog-button .ui-dialog-content {
    text-align: center;
    padding-bottom: 10px;
}
.dialog-button .message {
    margin-bottom: 15px;
    
}
.dialog-button .ui-dialog-titlebar-close {
  visibility: hidden;
}

/*----диалог предупреждения общий---*/
.dialog-warning .dialog-content {
    padding-top:5px;
}
.dialog-warning .message {
    margin-bottom: 10px;
    
}
.dialog-warning .checkbox-dont-ask label.label_check{
    padding-left: 20px;
}
.dialog-warning .checkbox-dont-ask {
    padding-top: 10px;
    font-size: 0.85em;
    font-family: verdana;
    display: none;
}

/*----диалог предупреждения общий---*/
.dialog-warning-what-i-think .dialog-content .message {
    padding-left: 10px;
}
.dialog-warning-what-i-think .dialog-content .checkbox-dont-ask {
    display: block;
}
/*---------дилог что назначить---------*/
.dialog-what-prescribe {
    padding: 0;
    background-color: #ffecb3!important;
}

.dialog-what-prescribe .ui-dialog-titlebar {
    background-color: #eebb20;
    font-size: 1.2em;
    height: 24px;
    color: #9c5a3c;
}
.dialog-what-prescribe .dialog-content {
    width: 450px;
    padding-top: 18px;
}
.dialog-what-prescribe .what-prescribe-header {
    margin-bottom: 10px;
    
}
.dialog-what-prescribe .what-prescribe-header2
{
    color: #602a00;
    font-style: italic;
}
.dialog-what-prescribe .recomendations {
    line-height: 2em;
    text-align: center;
}
.dialog-what-prescribe .recomendations .drug,
.dialog-what-prescribe .recomendations {
    color: #602a00;
}
.dialog-what-prescribe .recomendations .drug {
    font-weight: bold;
    color: maroon;
}
/*о проекте*/
#home .home p{
    line-height: 1.35em;
}
#home #conditionsContainer {
    overflow: auto;
    height: 100%;
}
/*условия использования*/
#home .conditions h3 {
    font-size: 1em;
    font-weight: bold;
    color: inherit;
    font-style: normal;
}
#home .conditions p {
    margin-bottom: 0px;
    margin-right: 8px;
    font-size: 0.9em;
    text-indent: 3%;
}

#home .conditions h3.italic {
    font-style: italic;
    margin-top: 3px;
    margin-right: 8px;
    margin-bottom: 0px;
    font-size: 0.9em;
}
/*--------------страница тариф---------------*/

#personalCabinet #myRate .description {
    font-style: italic;
}
#personalCabinet #myRate h3 {
    margin-bottom: 10px;
}
#personalCabinet #myRate p {
    text-indent: 25px;
    margin-bottom: 10px;
    text-align: justify;
}
#personalCabinet #myRate table {
    border-collapse: collapse;
    margin-bottom: 5px;
    table-layout: fixed;
}
#personalCabinet #myRate td,
#personalCabinet #myRate th{
    border: solid 1px gray;
    vertical-align: middle;
    padding: 5px;
}

#personalCabinet #myRate th {
    text-align: center;
    font-size: 0.85em;
}
#personalCabinet #myRate td {
    text-align: left;
}
#personalCabinet #myRate .column1{
    width: 230px;
}
#personalCabinet #myRate th.column2{
    width: 90px;
}
#personalCabinet #myRate td.column2 div{
    margin-left: 10px;
    width: 80px;
}
#personalCabinet #myRate .name{
    color: blue;
    font-weight: bold;
}
#personalCabinet #myRate p.sync {
    margin-bottom: 5px;
}
#personalCabinet #myRate ul.sync {
    margin-left: 10px;
}
#personalCabinet #myRate ul li {
    margin-bottom: 5px;
}
#personalCabinet #myRate .big-letter {
 
}

#personalCabinet #myRate td.column2 {
}
#personalCabinet #myRate .column3{
    width: 280px;
}

#personalCabinet #myRate .button-transparent {
    height: 70px;
    text-align: center;
    width: 99%;
}

#personalCabinet #myRate .ref{
    margin-left: 10px;
    margin-bottom: 10px;
}
#personalCabinet #myRate .message-available {
    display: block;
    margin-top: 10px;
}
#personalCabinet #myRate .message-active {
    color: black;
    font-weight: bold;
    display: none;
    margin-top: 10px;
}
#personalCabinet #myRate .message-current {
    font-size: 0.85em;
    color: #c5161e;
    

}
#personalCabinet #myRate .button-rate {
    border-width: 0px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 99%;
    height: 70px;
    outline: none;
    position: relative;
}
#personalCabinet #myRate .button-rate .message-current {
    position: absolute;
    top: 50px;
    left: 0px;
    display: block;
    text-align: center;
    width: 100%;
}
#personalCabinet #myRate .button-rate span{

}
#personalCabinet #myRate .button-rate .message-current {
    display: none;
}
#personalCabinet #myRate .button-rate .message-disabled{
    display: none;
}
#personalCabinet #myRate .button-rate-active .message-current,
#personalCabinet #myRate .button-rate-current .message-current{
    display: block;
}
#personalCabinet #myRate .button-rate-disabled {
    cursor: default;
}
#personalCabinet #myRate .button-rate .message-disabled{
    color: gray;
}
#personalCabinet #myRate .button-rate-disabled .message-disabled {
    display: block;
}
#personalCabinet #myRate .button-rate-disabled .message-active,
#personalCabinet #myRate .button-rate-disabled .message-available {
    display: none;
}
#personalCabinet #myRate .button-rate-active {
    cursor: default;
}
#personalCabinet #myRate .button-rate-active .message-disabled,
#personalCabinet #myRate .button-rate-active .message-available{
    display: none;    
}
#personalCabinet #myRate .button-rate-active .message-active {
    display: block;
  
}



#personalCabinet #myFiles .jqgrid .total,
#personalCabinet #myFiles .row-last td {
    font-weight: bold;
}
#personalCabinet #myFiles .jqgrid .ui-jqgrid tr .button-delete {
    
    float: right;
    visibility: hidden;
}

#personalCabinet #myFiles .jqgrid .ui-jqgrid tr.ui-state-hover td:hover .button-delete {
    visibility: visible;
}
#personalCabinet #myFiles .jqgrid .ui-jqgrid tr.jqgrow {
    cursor: default;
}
#personalCabinet #myFiles .patient-name a:hover,
#personalCabinet #myFiles .patient-name a{
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 2em;
}
#personalCabinet #balance .header {
    height: 33px;
}
#personalCabinet #balance h3{
    margin-bottom: 13px;
    margin-right: 10px;
    line-height: 1.2em;
}
#personalCabinet #balance .column-date {
    width: 154px;
}
#personalCabinet #balance .column-credit {
    width: 120px;
}
#personalCabinet #balance .column-storage, 
#personalCabinet #balance .column-access {
    width:151.3px
}

#personalCabinet #balance .credit {
    color: green;
    text-align: center;
}
#personalCabinet #balance th.credit {
    font-weight: bold;
}
#personalCabinet #balance .debit {
    color: #c5161e;
    text-align: center;
}
#personalCabinet #balance th.debit {
    font-weight: bold;
}

#personalCabinet #balance .column-date,
#personalCabinet #balance .column-credit,
#personalCabinet #balance .column-access,
#personalCabinet #balance .column-storage,
#personalCabinet #balance .column-sync
{
    text-align: center
}
#personalCabinet #balance .simple-grid table {
    table-layout: fixed;
}
#personalCabinet #balance .dropdown {
    margin-right: 10px;
}
#personalCabinet #balance .table-content {
    height: 435px;
    overflow-y: auto;
    border-bottom: solid 1px rgb(170, 170, 170);
    
}

#personalCabinet #balance .nodata{
    border-left: solid 2px #D6CEAB;
    border-right: solid 2px #D6CEAB;
    padding-top: 10px;
    padding-bottom: 10px;
}
#personalCabinet #balance .filter {
    width: 170px;
}
#registerConfirm .message-panel,
#signInPhoneConfirm .message-panel {
    padding-bottom: 0px;
}
#registerConfirm .message-panel span,
#signInPhoneConfirm .message-panel span{
    display: block;
    margin-bottom: 10px;
}
#registerConfirm .message-panel .textbox,
#signInPhoneConfirm .message-panel .textbox {
    width: 50px;
    margin-right: 5px;
}
#personalCabinet #payment .delimeter {
    margin-bottom: 30px;
}
#personalCabinet #payment #paymentMethod {
    margin-top: 10px;
}
#personalCabinet #payment #paymentMethod .ui-icon {
    left: 10px;
}
#personalCabinet #payment #paymentMethod .ui-button {
    width: 170px;
    height: 35px;
}
#personalCabinet #payment #paymentMethod .ui-button-text {
    margin-bottom: 8px;
   margin-left: 55px
}

#personalCabinet #payment .icon-yandex-money {
    top: 8px;

}
#personalCabinet #payment .editor-label {
    padding-top: 4px;
    margin-right: 10px;
    font-size: 1.1em;
}
#personalCabinet #payment .editor-field {
    margin-right: 20px;
    padding-top: 0px;
}
#personalCabinet #payment .textbox {
    width: 40px;
    height: 20px;
    font-size: 1.1em;
    font-weight: bold;
}

#personalCabinet #newPatient form,
#personalCabinet #payment form {
    padding-left: 50px;
    padding-top: 33px;
}

#personalCabinet #payment .message-panel {
    margin-top: 20px;
    margin-left: 50px !important;
    color: green;
    width: 200px;
    border: solid 1px lightgrey;
}



#registerConfirm .message-panel {
    width: 370px;
}

/*popup*/
.popup {
    position: absolute;

}


#home .container div.item:nth-child(odd) {
    background-color: #EBE5CD;
}

/*---страница НОВОСТИ-----*/


#home #newsContainer {
    overflow: auto;
    height: 100%;
}
.admin-mode #home .news h2 {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}
#home .news .date {
    padding-right: 0px;
    margin-right: 5px;
    margin-top: 0px;
    width:100px;
    font-weight:bold;
}

#home .news .item {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
}




#home .news .create-news-form .button {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}
.videotour .tv-table {
    margin: 0 auto;
}

.videotour .select-from-left{
    margin-top: 0px;
    margin-left: 0px;
    background: url('images/pointer-left-bottom.png') no-repeat center left;
    padding-left: 30px;
    height: 30px;
    padding-top: 5px;
    margin-bottom: 10px;
}

/*---инструкция----*/
#home .user-manual {
    overflow: auto;
    padding-right: 5px;
}
#home .user-manual .icon-degree {
    display: inline-block;
    height: 22px;
    width: 25px;
    background-position: 6px center;
}
#home .user-manual .remark{
    width: 400px;
    font-size: 0.85em;
    font-style: italic;
    color: teal;
    margin-bottom: 10px;
}
#home .user-manual p {
    margin-bottom: 0px;
}

#home .user-manual .header1 {
    display: inline;
    font-size: 1.1em;
    text-decoration: underline;
    font-style: normal;
    font-weight: bold;
}
#home .user-manual .header2 {
    font-weight: bold;
    text-decoration: underline;
}
#home .user-manual .header3 {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 0px;
}
#home .user-manual .level1 {
    margin-bottom: 12px;
}
#home .user-manual .level2 {
    margin-bottom: 7px;
}
#home .user-manual .level3 {
    margin-bottom: 4px;
}
#home .user-manual .teal a{
    color: teal;
    text-decoration: underline;
}
#home .user-manual .smallest {
    font-size: 0.85em;
}
#home .user-manual .search-example {
    margin-left: 270px;
}
#home .user-manual .search-example .first,
#home .user-manual .search-example .second{
    width: 150px;
}
#home .user-manual .search-example2 {
    margin-left: 170px;
}
#home .user-manual .search-example2 .middle{
    width: 50px;
    text-align: center;
}
#home .user-manual .icon-analize-sort {
    display: inline-block;
}
#home .user-manual .more-intend {
    text-indent: 33px;
}

/*видео-урок*/
#home .video-lesson .youtube-player{
    width: 600px;
    margin: 0 auto;
}

#home .video-lesson .telegram-player{
    width: 600px;
    height: 600px;
    margin: 0 0;
    float: left;
}


#home .video-lesson h2 {
    height: auto;
}

#home .feedback {
    text-align: left;
}
#home #feedbacksContainer {
    overflow: auto;
    height: 100%;
}

.admin-mode #home .feedback h2 {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}
#home .feedback p{
    text-indent: 5px;
}
#home .feedback .body {
    margin-bottom: 5px;
}
#home .feedback .item {
    padding: 10px;
    margin-bottom: 10px;
    position: relative;

}
#home .feedback .signature {
    font-weight: bold;
    font-style: italic;
}
#home .feedback .message-panel {
    margin-bottom: 10px;
    border-color: #bbb191;
}

#home .how-work {
    height: 450px;
    padding-top: 20px;
    padding-left: 50px;
}

#home .contacts {
    height: 450px;
    font-family: Arial;
    padding-top: 20px;
    padding-left: 50px;
}

.panel-busy {
    position: absolute;
    z-index: 1003;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4)

}
.panel-busy .message {
    position: relative;
    opacity:1;
    border: solid 1px gray;
    display: inline-block;
    background-color: #f5eedc;
    border: solid 1px #9e785a;
    box-shadow: 5px 5px 5px -2px #6f6b64;
    border-radius: 4px;
    padding: 8px;

}
.panel-busy .message img {
    margin-right: 7px;
}

.panel-busy .message div {
    margin-top: 7px;
}



.dialog-print .dialog-content{
    width: 220px;
    padding-top: 15px;
}
.dialog-print .legend {
    margin-bottom: 5px;
}
.dialog-print .fields {
    margin-left: 15px;
    margin-top: 10px;
    
}
.dialog-print .label_check {
    margin-bottom: 5px;
}
.dialog-print .disabled {
    opacity: 0.5;
    color: inherit;
}

#changePasswordDialog {
    padding-top: 20px;
}

.dialog-site-message .dialog-content {
    width: 560px;
}
.dialog-site-message .dialog-content a {
    color: #005bb0;
    outline: none;
}



#settings .textbox {
    width: 350px;
}

.contacts .column {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.contacts .row:after {
    content: "";
    display: table;
    clear: both;
}

#aiOperationsGrid {
    width: 100%;
    min-width: 1000px;
}

#aiOperationsGrid table {
    width: 100%;
    border-collapse: collapse;
    background-color: #f5eedc;
}

.openai-balance {
    float: right;
    color: #8B4513;
    font-weight: bold;
    margin-right: 10px;
}