﻿/*----------------------------------------------------------
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;
}

#personalCabinet .journal-link {
    margin-right: 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;
}

/* Photo dropdown: show file names (kept hidden in other .rounded dropdowns) */
.note .media .rounded .title {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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;
}

/* The book icon Raduga 6 draws from REPBOOKS, at its native 24x14 so it stays crisp.
   Offset from the baseline rather than centred on the line box, which is what keeps
   it level with the symptom text across rows of differing height. */
.repertory-badge {
    display: inline-block;
    width: 24px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    image-rendering: pixelated;
}

/* Own header cell so the badge never sits on checkboxes or the counter */
#patientWork #symptoms .header-row .repertory-badge-cell {
    padding: 3px 8px 0 2px;
}

/* Badge sits at the left of the toolbar row, clear of the defilter icon,
   vertically centered against the order radio buttons (group is at left:100px). */
#patientWork #results #analizeSymptoms .repertory-badge-cell {
    position: absolute;
    left: -74px;
    top: calc(50% - 7px);
    padding: 0;
    line-height: 0;
}

#repertory #repGlavs .repertory-tabs {
    padding-left: 16px;
    margin-bottom: 10px;
    margin-right: 12px;
    list-style: none;
}

#repertory #repGlavs .repertory-tabs li {
    float: left;
    margin-right: 14px;
}

#repertory #repGlavs .repertory-tabs a {
    font-size: 1.17em;
    font-weight: bold;
    color: #7a7256;
    text-decoration: none;
    border-bottom: solid 2px transparent;
}

#repertory #repGlavs .repertory-tabs li.active a {
    color: #000;
    border-bottom-color: #b3a67a;
    cursor: default;
}

#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;
}

/* R6 references icon — expands the references panel on click */
#repertory a.reference-icon {
    display: inline-block;
    width: 17px;
    height: 16px;
    margin-left: 4px;
    vertical-align: -3px;
    background: url('images/repertory/r6-references.png') no-repeat center;
}

#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 {
    text-align: center;
    white-space: nowrap;
}

#patientWork #results #analizeSymptoms td.drug-weight {
    text-align: center;
    /* BOR scores reach 4-5 digits; keep them inside their narrow columns */
    font-size: 0.8em;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

/* BOR widens the drug matrix; scroll it instead of clipping on the right */
#patientWork #results #resultsTableView {
    overflow-x: auto;
}


#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;
}

#home .conditions p.last-updated {
    color: #888;
    font-size: 0.85em;
    font-style: italic;
    text-indent: 0;
    margin-bottom: 12px;
}
/*--------------страница тариф---------------*/

#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;
}

