.body
{
margin: 0px;
color: #262626;
background-color: #f9f9f9;
}

a, a:visited {
    color: #00A0DC;
}

a:hover, a:active {
    color: #00A0DC;
}

body, .searchform {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
}

.searchform {
    margin-bottom: 8px;
    display:block;
}

.highpanel {
    background-color: white;
    border-bottom: 1px solid gainsboro;
    /* background-image: url('/img/oleni2.png'); */
    background-repeat: repeat-x;
    height: 62px;
    overflow: auto;
}

#HorMenu {
    width: 100%;
    background-color: #e8e9eb;
    color: white;
}

.HorMenuItem {
    float: left;
    padding: 12px;
    color: #4f4b4c;
}

.HorMenuItemActive {
    background-color: #5fb1e6;
    color: white;
    float: left;
    padding: 12px;
}

.HorMenuItemActive a, .HorMenuItemActive a:visited, .HorMenuItemActive a:hover, .HorMenuItemActive a:active {
    color: white;
    text-decoration: none;
}

.HorMenuItemHover, .HorMenuItem1:hover, .HorMenuItemActive:hover {
        background-color: #d5e9f8;
        float: left;
        padding: 12px;
        color: #4f4b4c;
    }

.HorMenuItem a, .HorMenuItem a:visited, .HorMenuItem a:hover, .HorMenuItem a:active,
.HorMenuItemHover a, .HorMenuItemHover a:visited, .HorMenuItemHover a:hover, .HorMenuItemHover a:active,
.HorMenuItemActive:hover a, .HorMenuItemActive:hover a:visited, .HorMenuItemActive:hover a:hover, .HorMenuItemActive:hover a:active 
{
    color: #4f4b4c;
    text-decoration: none;
}

#projects {
    /* background-color: white; */
    margin-top: 10px;
    margin-left: 15px;
    padding-bottom: 6px;
}

#WDLogo {
    margin-left: -1px;
}

#OleniCell {
    width: 50%;
    max-width: 50%;
    /* background-image: url('/img/oleni3.png'); */
    /* background-image: url('/img/8marta.png'); */
    background-repeat: repeat-x;
}

#instrs {    
    margin-top: 12px;
}

#instrs a, #instrs a:visited, .instrs0 {
    font-size: 14px;
    font-family: 'Exo 2', sans-serif;
    color: #a3a3ab;
    text-decoration: none;
}

#instrs a:hover, #instrs a:active, .instrs1 {
    font-size: 14px;
    font-family: 'Exo 2', sans-serif;
    color: #00A0DC;
    text-decoration: underline;
}

#ExitLink {
    padding-right: 15px;
}

.searchform .searchformhead {
    font-weight: bold;
}

.red, .red a, .red a:visited, .red a:hover, .red a:active {
    color: #f10d26;
}

.actionFail {
    color: #f10d26;
    font-weight: bold;
}

.actionSuccess {
    color: green;
    font-weight: bold;
}

.palered, .palered a, .palered a:visited, .palered a:hover, .palered a:active {
    color: #ff1e35;
}

.green, .green a, .green a:visited, .green a:hover, .green a:active {
    color: #00A0DC;
}

.blue, .blue a, .blue a:visited, .blue a:hover, .blue a:active {
    color: #4d5e78;
}

.paleblue, .paleblue a, .paleblue a:visited, .paleblue a:hover, .paleblue a:active {
    color: #b0e0e6;
}

.indigo, .indigo a, .indigo a:visited, .indigo a:hover, .indigo a:active {
    color: #5d6082;
}

h2 {
    font-size: 24px;
    color: #00A0DC;
    font-weight: normal;
    font-family: 'Exo 2', sans-serif;
}

h3 {
    font-size: 20px;
    color: #262626;
    font-weight: normal;
    font-family: 'Exo 2', sans-serif;
}

h3 .cont {
    font-size: 20px;
    color: #384368;
    font-weight: normal;
    font-family: 'Exo 2', sans-serif;
}

.attention {
    color: #f10d26;
    font-size: 12px;
}

.main
{
width: 250px;
height: 448px;
margin: 0px auto;
}

.logo
{
width: 250px;
height: 110px;
margin: 75px 0px 40px 0px;
}

.auth
{
width: 250px;
height: 280px;
font-size: 16px;
font-family: 'Exo 2', sans-serif;
margin-bottom: 100px;
/*  */
}

.auth input {
    width: 250px;
    height: 32px;
    border: 1px solid #e1e1e1;
    font-size: 20px;
}

.auth .label {
    margin-top: 12px;
    margin-bottom: 4px;
}

.enter {
    margin-top: 26px;
    margin-bottom: 26px;
}

.enter input {
    width: 252px;
    height: 40px;
    background-color: #5d6082;
    padding-bottom: 6px;
    color: white;
    font-weight: bold;
    font-family: 'Exo 2', sans-serif;    
    text-align: center;
    cursor: pointer;
}

.searchformenter input {
    width: 150px;
    height: 30px;
    background-color: #5d6082;
    padding-bottom: 0px;
    color: white;
    font-weight: bold;
    font-family: 'Exo 2', sans-serif;    
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}

.hl {
    width: 252px;
    height: 1px;
    color: #c8c8c8;
}

.remember {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    margin-top: 16px; 
    margin-bottom: 14px;
}

.remember a, .remember a:hover, .remember a:active, .remember a:visited {
    color: #00A0DC;
}

/* админская панель */

.mmain {
    width: 100%;
    height: 100vh;
    display: inline-block;
}

.rightpanel {
    width: 220px;
    height: 100%;
    max-height: 100%;
    background-color: #eeeeee;
    right: 0;
    float: left;
    position: fixed;
}

.contentrightpannel {
    margin-left: 26px;
}

.UserInfo {
    padding-top: 26px;
}

.CloseIcon {
    margin-top: 10px;
    padding-bottom: 60px;
}

.line {
    height: 50px;
    color: #989CAC;
    font-size: 16px;
    margin-top: 2px;
    font-family: 'Exo 2', sans-serif;
}

.line:hover {
    background-color: #f7f7f9;
    cursor: pointer;
}

.menucontainer {
    height: 24px;
    margin-left: 14px;
    padding-left: 0px;
    padding-top: 16px;
    padding-bottom: 10px;
}

.menutopcontainer {
    height: 24px;
    margin-left: 14px;
    padding-left: 40px;
    padding-top: 16px;
    padding-bottom: 10px;
}

#meddatalink {
    margin-top: -11px;
}

.menucontainer a, .menucontainer a:visited, .menucontainer a:hover, .menucontainer a:active, .menutopcontainer a, .menutopcontainer a:visited, .menutopcontainer a:hover, .menutopcontainer a:active {
    color: #b2a5b4;
    text-decoration: none;
}

.subitem {
    font-size: 14px;
    font-family: 'Exo 2', sans-serif;
    margin-top: -14px;
}

#webholter {
    background-image: url('/pics/wh.png');
    background-position: left;
    background-repeat: no-repeat;
}

#meddata {
    background-image: url('/pics/ecg.png');
    background-position: left;
    background-repeat: no-repeat;
}

#webeeg {
    background-image: url('/pics/eeg.png');
    background-position: left;
    background-repeat: no-repeat;
}

#cardiodom {
    background-image: url('/pics/cd.png');
    background-position: left;
    background-repeat: no-repeat;
}

#preferences {
    background-image: url('/pics/preferences.png');
    background-position: left;
    background-repeat: no-repeat;
}

#exit {
    background-image: url('/pics/exit.png');
    background-position: left;
    background-repeat: no-repeat;
}

#menuline {
    border-top: 1px solid Lavender;
    margin-top: 7px;
    margin-bottom: 7px;
}

.adminpannel {
    width: 98%;
    margin-right: 20px;
    margin-left: 20px;
    float: left;
}

.whoisadmin {
    float: right;
    width: 287px;
    height: 26px;
    margin-top: 6px;
}

.wiatext {
    font-family: 'Exo 2', sans-serif;    
}

.work_area {
    width: 100%;
    margin-top: -6px;
    margin-left: 0px;
    margin-bottom: 40px;
    display: inline-block;
}

.notif_panel {
    width: 100%;
    height: 95px;
    margin-top: 18px;
}

.notification1, .notification2 {
    height: 95px;
    width: 24%;
    background-color: #5fb1e6;
    float: left;
    margin-left: 12px;
    margin-top: 12px;
    cursor: pointer;
    min-width: 310px;
}

.notification5 {
    height: 95px;
    width: 18%;
    background-color: #384368;
    float: left;
    margin-left: 12px;
}

.textfield {
	width: 100%;
    height: 95px;
    overflow: hidden;
}

.textfield:before,
.textfield:after {
  display: table;
  line-height: 0;
  /* content: ""; */
}

.textfield:after {
  clear: both;
}

.bigdigit {
    font-family: 'Exo 2', sans-serif;    
    font-size: 72px;
    color: white;
    padding-left: 18px;
    display: table-cell;
    float: none;
}

.whattext {
    font-family: 'Exo 2', sans-serif;    
    font-size: 15px;
    color: white;
    vertical-align: top;
    text-align: left;
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 18px;
    width: 180px;
    display: table-cell;
    float: none;
}

.1line {
    width: 100%;
    height: 80px;
}

.tools_panel {
    display: inline-block;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 28px;
}

.toolscol {
    width: 24%;
    float: left;
    margin-left: 12px;
    min-width: 310px;
}

.toolblock {
    width: 100%;
    background-color: white;
    border: 1px solid #e1e1e1;
    margin-top: 14px;
}

.toolhead {
    padding: 8px 10px 8px 10px;
    color: #00A0DC;
    font-family: 'Exo 2', sans-serif;
    font-size: 24px;
}

.toollinks {
    padding: 0px 10px 8px 11px;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
}

.toollink {
    padding-bottom: 4px;
}

.toollink a, .toollink a:visited {
    color: #262626;
    text-decoration: none;
}

.toollink a:hover, .toollink a:active {
    color: #00A0DC;
    text-decoration: underline;
}

.toollink:not(:has(a)) {
    display: none;
}

.toollink:has(a) + .toollink:not(:has(a)):not(:last-child) {
    display: block;
}

.toollink:not(:has(a)):not(:has(+ * a)) {
    display: none !important;
}

.listtable {
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

.doctable {
    min-width: 400px;
    border-spacing: 0px;
    border-collapse: separate;
}

.doctable th {
    background-color: #7b7879;
    color: white;
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    vertical-align: top;
    text-align: center;
    font-size: 18px;
}

.doctable td {
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    vertical-align: top;
    text-align: right;
    font-size: 18px;
}

.edittable, .edittablefirst {
    width: 100%;
    min-width: 400px;
    border-spacing: 0px;
    border-collapse: separate;
}

.edittablecontainer {
    width: 100%;
}

.tablescroll {
    margin-top: 8px;
}

.thetable {
    width: 100%;
}

.listtable th a, .listtable th a:visited, .listtable th a:hover, .listtable th a:active {
    text-decoration: none;
    color: white;
}

.listtable td {
    text-align: left;
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    font-size: 14px;
    vertical-align: top;
}

.AddTable0 { background-color: #ffffff;	}
.AddTable1 { background-color: #efefef;	}

.tablefalse {
    font-weight: bold;
    color: Crimson;
}

.tablefalse2 {
    font-weight: bold;
    color: MediumSeaGreen;
}

.ac_results ul {
    margin-top: 0px;    
    border: 1px solid #d3d5d9;
}

.ac_results ul li {
    color: black;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    list-style-type: none;
    margin-left: -42px;
    padding: 4px;
    background-color: white;
}

.tableformsubmitcontainer {
    width: 100%;
    text-align: center;
}

.tableformsubmitcontainer #submit {
    font-size: 14px;
    width: 100px;
    background-color: #5d6082;
  	margin-left: auto;
  	margin-right: auto;
    color: white;
    font-family: 'Exo 2', sans-serif;    
    text-align: center;
    cursor: pointer;
    border: 4px solid #5d6082;
}

.tableformsubmitcontainer #return {
    font-size: 18px;
    background-color: #5fb1e6;
    color: white;
    font-family: Webdings;   
    text-align: center;
    cursor: pointer;
    border: 4px solid #5fb1e6;
}

.listtable .formintable {
    background-color: #bec2c8;
    vertical-align: middle;
}

.ListID {
    color: #4f4b4c;
}

.formbuttons {
    padding: 0;
    margin: 0;
    background-color: none;
}

.attentionred {
    color: #f10d26;
}

.submitlink a, .submitlink a:visited, .submitlink a:hover, .submitlink a:active {
    text-decoration: none;
    color: black;
}

.BlueWhiteLink {
    padding: 8px 14px 8px 14px;
    background-color: white;
    border: 1px solid #5d6082;
}

.BlueWhiteLink a, .BlueWhiteLink a:visited {
    text-decoration: none;
    color: #5d6082;
}

.BlueWhiteLink a:hover, .BlueWhiteLink a:active {
    text-decoration: underline;
}

.WhiteBlueLink {
    padding: 3px 7px 3px 7px;
    color: white;
    font-size: 26px;
    background-color: #5d6082;
    border: 1px solid #5d6082;
}

.WhiteBlueLink a, .WhiteBlueLink a:visited, .WhiteBlueLink a:hover, .WhiteBlueLink a:active {
    text-decoration: none;
    color: white;
}

.WhitePaleBlueLink {
    padding: 5px 7px 5px 7px;
    color: white;
    font-size: 26px;
    background-color: #8987a3;
    border: 1px solid #8987a3;
}

.WhitePaleBlueLink a, .WhitePaleBlueLink a:visited, .WhitePaleBlueLink a:hover, .WhitePaleBlueLink a:active {
    text-decoration: none;
    color: white;
}

.WhiteRBlueLink {
    padding: 3px 7px 3px 7px;
    color: white;
    font-size: 26px;
    background-color: #5fb1e6;
    border: 1px solid #5fb1e6;
}

.WhiteRBlueLink a, .WhiteRBlueLink a:visited, .WhiteRBlueLink a:hover, .WhiteRBlueLink a:active {
    text-decoration: none;
    color: white;
}

.WhiteGrayLink {
    padding: 3px 7px 3px 7px;
    color: white;
    font-size: 26px;
    background-color: #d3d5d9;
    border: 1px solid #d3d5d9;
}

.WhiteGrayLink a, .WhiteGrayLink a:visited, .WhiteGrayLink a:hover, .WhiteGrayLink a:active {
    text-decoration: none;
    color: white;
}

.RedWhiteLink {
    padding: 8px 14px 8px 14px;
    background-color: white;
    border: 1px solid #00A0DC;
}

.RedWhiteLink a, .RedWhiteLink a:visited {
    text-decoration: none;
    color: #00A0DC;
}

.RedWhiteLink a:hover, .RedWhiteLink a:active {
    text-decoration: underline;
}

.WhiteRealRedLink {
    padding: 3px 7px 3px 7px;
    color: white;
    font-size: 26px;
    background-color: #e84b4b;
    border: 1px solid #e84b4b;
}

.WhiteRealRedLinkSmall {
    padding: 7px 7px 7px 7px;
    color: white;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: #e84b4b;
    border: 1px solid #e84b4b;
}

.WhiteRealRedLinkSmall a, .WhiteRealRedLinkSmall a:visited, .WhiteRealRedLinkSmall a:hover, .WhiteRealRedLinkSmall a:active {
    color: white;
    text-decoration: none;
}

.WhiteRedLink {
    padding: 3px 7px 3px 7px;
    color: white;
    font-size: 26px;
    background-color: #00A0DC;
    border: 1px solid #00A0DC;
}

.WhiteScarletLinkSmall {
    padding: 7px 7px 7px 7px;
    color: white;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: Crimson;
    border: 1px solid Crimson;
}

.WhiteOrangeLinkSmall {
    padding: 7px 7px 7px 7px;
    color: white;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: OrangeRed;
    border: 1px solid OrangeRed;
}

.WhiteRedLinkSmall, .WhiteCyanLinkSmall {
    padding: 7px 7px 7px 7px;
    color: white;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: #00A0DC;
    border: 1px solid #00A0DC;
}

.CyanWhiteLinkSmall {
    padding: 7px 7px 7px 7px;
    color: #00A0DC;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: white;
    border: 1px solid #00A0DC;
}

.WhiteGreenLinkSmall, .WhiteNavyLinkSmall {
    padding: 7px 7px 7px 7px;
    color: white;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: #5d6082;
    border: 1px solid #5d6082;
    margin-left: 10px;
}

.NavyWhiteLinkSmall {
    padding: 7px 7px 7px 7px;
    color: #5d6082;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: white;
    border: 1px solid #5d6082;
}

.WhiteSilverLinkSmall {
    padding: 7px 7px 7px 7px;
    color: white;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: Silver;
    border: 1px solid Silver;
}

.WhiteSeaGreenLinkSmall {
    padding: 7px 7px 7px 7px;
    color: white;
    font-size: 14px;
    width: 300px;
    text-align: center;
    background-color: SeaGreen;
    border: 1px solid SeaGreen;
}

.WhiteRedLink a, .WhiteRedLink a:visited, .WhiteRedLink a:hover, .WhiteRedLink a:active, .WhiteRedLinkSmall a, .WhiteRedLinkSmall a:visited, .WhiteRedLinkSmall a:hover, .WhiteRedLinkSmall a:active, .WhiteCyanLinkSmall a, .WhiteCyanLinkSmall a:visited, .WhiteCyanLinkSmall a:hover, .WhiteCyanLinkSmall a:active, .WhiteGreenLinkSmall a, .WhiteGreenLinkSmall a:visited, .WhiteGreenLinkSmall a:hover, .WhiteGreenLinkSmall a:active .WhiteNavyLinkSmall a, .WhiteNavyLinkSmall a:visited, .WhiteNavyLinkSmall a:hover, .WhiteNavyLinkSmall a:active, .WhiteScarletLinkSmall a, .WhiteScarletLinkSmall a:visited, .WhiteScarletLinkSmall a:hover, .WhiteScarletLinkSmall a:active, .WhiteOrangeLinkSmall a, .WhiteOrangeLinkSmall a:visited, .WhiteOrangeLinkSmall a:hover, .WhiteOrangeLinkSmall a:active, .WhiteSilverLinkSmall a, .WhiteSilverLinkSmall a:visited, .WhiteSilverLinkSmall a:hover, .WhiteSilverLinkSmall a:active, .WhiteSeaGreenLinkSmall a, .WhiteSeaGreenLinkSmall a:visited, .WhiteSeaGreenLinkSmall a:hover, .WhiteSeaGreenLinkSmall a:active {
    text-decoration: none;
    color: white;
}

.GreenWhiteLink {
    padding: 8px 14px 8px 14px;
    background-color: white;
    border: 1px solid #384368;
}

.GreenWhiteLink a, .GreenWhiteLink a:visited {
    text-decoration: none;
    color: #384368;
}

.GreenWhiteLink a:hover, .RedWhiteLink a:active {
    text-decoration: underline;
}

.WhiteGreenLink {
    padding: 3px 7px 3px 7px;
    color: white;
    font-size: 26px;
    background-color: #384368;
    border: 1px solid #384368;
}

.WhiteGreenLinkAR {
    padding: 1px 7px 3px 8px;
    color: white;
    font-size: 26px;
    background-color: #384368;
    border: 1px solid #384368;
}

.WhiteGreenLink a, .WhiteGreenLink a:visited, .WhiteGreenLink a:hover, .WhiteGreenLink a:active, .WhiteGreenLinkAR a, .WhiteGreenLinkAR a:visited, .WhiteGreenLinkAR a:hover, .WhiteGreenLinkAR a:active  {
    text-decoration: none;
    color: white;
}

.WD {
    font-family: Webdings;
}

.AR {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.ARI {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.BookMark {
    margin-bottom: 8px;
    font-size: 18px;
    padding-top: 9px;
    padding-bottom: 12px;
    text-align: center;
}

.BookMarkSmallContainer {
    display: table;
    text-align: right;
    margin-bottom: 12px;
}

.BookMarkSmall {
    display: table-cell;
    border: 4px solid #f2f2f2;
    margin-bottom: 4px;
    margin-left: 4px;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: center;
    color: white;
    background-color: #5fb1e6;
}

.BookMarkSmallCurrent {
    background-color: DarkGray;
}

.BookMarkSmall a, .BookMarkSmall a:visited, .BookMarkSmall a:hover, .BookMarkSmall a:active {
    color: white;
    text-decoration: none;
}

.BookMarkHor {
    color: black;
    background-color: white;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 9px;    
    padding-left: 9px;
    padding-right: 9px;
    text-align: center;
    float: left;
    border-top: solid 1px #5d6082;
    border-bottom: solid 1px #5d6082;
    border-left: none;
    border-right: none;
}

.BookMarkHorActive {
    color: black;
    background-color: #5d6082;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 7px;    
    padding-left: 9px;
    padding-right: 9px;
    text-align: center;
    float: left;
    border-top: solid 1px #5d6082;
    border-bottom: solid 4px #00A0DC;
    border-left: none;
    border-right: none;
}

.BookMarkHor a, .BookMarkHor a:visited, .BookMarkHor a:hover, .BookMarkHor a:active, .BookMarkHorActive a, .BookMarkHorActive a:visited, .BookMarkHorActive a:hover, .BookMarkHorActive a:active  {
    color: black;
}

.formedit input {
    border: 1px solid #d3d5d9;
}

.formedit td, .edittable td, .edittablefirst td {
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    vertical-align: top;
    text-align: right;
    font-size: 18px;
}

.toleft {
    text-align: left;
}

.formedit th, .edittable th, .edittablefirst th {
    background-color: #5d6082;
    color: white;
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    vertical-align: top;
    text-align: center;
    font-size: 18px;
}

.formedit td, .edittable td, .edittablefirst td {
    text-align: right;
    font-size: 18px;
}

.formedit b, .edittable b, .edittablefirst b {
    font-size: 18px;
    font-weight: normal;
}

.formedit input, .edittable input, .edittablefirst input {
    font-size: 18px;
}

.formedit select, .edittable select , .edittablefirst select {
    font-size: 18px;
}

.fieldhead {
    width: 45%;
}

.fieldinput {
    width: 55%;
}

.CurrItemDetail1 {
    background-color: #fcfcfc;
    width: 100%;
    height: 444px;
    min-height: 444px;
    border-top: 1px solid black;
    float: right;
    bottom: 0px;
    padding: 0px 20px 20px 20px;
    /* position: fixed; */
    position: absolute;
    overflow: hidden;
    top: -5000px;
}

.CurrItemDetail2 {
    background-color: #fcfcfc;
    width: 100%;
    height: 333px;
    min-height: 333px;
    border-top: 1px solid black;
    float: right;
    bottom: 0px;
    padding: 20px 20px 20px 20px;
    position: fixed; 
}

.BottomBlank1 {
    height: 0px;
    min-height: 0px;
    content: "";
}

.BottomBlank2 {
    height: 353px;
    min-height: 353px;
    content: "";
}

.pr100 {
    width: 100%;
}

.validation-summary-errors {
    color: #f10d26;
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
}

.validation-summary-errors ul {
    list-style-type: none;
    margin-left: -40px;
}

.closeX {
    position: relative;
    z-index: 100;
}

.support {
    margin-bottom: 100px;
}

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

#DashBoard td {
    text-align: center;
}

/* ---- WELSKIN editor styles ----------- */

.hdd, .hdd a, .hdd a:visited, .hdd a:hover, .hdd a:active {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
}

.topmenu2 a:visited  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #bbbbbb;
}

.topmenu2 a  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #bbbbbb;
}

.topmenu2  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #bbbbbb;
}

.topmenu3  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	color: navy;
	font-weight: bold;
	line-height: 80%;
	text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

.topmenu3 a  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	color: navy;
}


.topmenu3 a:active  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: underline;
	color: navy;
}

.topmenu3 a:hover  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: underline;
	color: navy;
}


.topmenu3 a:visited  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	color: navy;
}

.topmenu4  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	color: navy;
	font-weight: bold;
	line-height: 80%;
	text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.topmenu4 a  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	color: navy;
}


.topmenu4 a:active  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: underline;
	color: navy;
}

.topmenu4 a:hover  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: underline;
	color: navy;
}


.topmenu4 a:visited  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	color: navy;
}

.topmenu4 input
{
	width: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	font-size: 9pt;
	color: #484848;
	background-color: silver;
	background-image: url('/img/buttbg.gif');
}

.topmenu a:visited  {
    font-size: 11pt;
	font-family: Tahoma, Verdana, Arial,  Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
}

.topmenu a  {
    font-size: 11pt;
	font-family: Tahoma, Verdana, Arial,  Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
}

.topmenu  {
    font-size: 11pt;
	font-family: Tahoma, Verdana, Arial,  Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
}

.topmenu a:active  {
    font-size: 11pt;
	font-family: Tahoma, Verdana, Arial,  Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
}

.topmenu a:hover  {
    font-size: 11pt;
	font-family: Tahoma, Verdana, Arial,  Helvetica, MS Sans Serif;
	text-decoration: underline;
	font-style: normal;
	color: #d9ff78;
}

.topmenu2 a:active  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
}

.topmenu2 a:hover  {
    font-size: 9pt;
	font-family:   Arial, Verdana, Tahoma, Helvetica, MS Sans Serif;
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
}

.slider {
background-image: url('/img/slider_bg.gif');
background-repeat: repeat-x;   
}
.knob {
position: relative;
background-image: url('/img/knob.gif');
}

.filters, .filters a, .filters a:visited, .filters a:active, .filters a: hover  {
    font-size: 10px;
    color: red;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}	

.comma {
    font-size: 13px;
    color: #81828a;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	margin-left: 8px;
}	

label {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
}

.NewMarker {
    font-size: 13px;
    font-weight: bold;
    color: LemonChiffon;
    background-color: Coral;
    padding: 1px 4px 3px 4px;
    margin-left: 4px;
    float: right;
}

.NewMarker2 {
    font-size: 13px;
    font-weight: bold;
    color: LemonChiffon;
    background-color: Coral;
    padding: 1px 4px 3px 4px;
    margin-left: 4px;
}

/* ---- WebClinica 24 Logo ------- */

#WebClinic24Logo {
    width: 172px;
    height: 32px;
    border: 0;
}

#WebClinic24Link {
    position: absolute;
    float: right;
    right: 16px;
    margin-top: 4px;
}

/* ---- END --- WELSKIN editor styles --- END ----------- */

/* ---------- WEBDOC styles ------------------------------*/

.wd_select_date_dow {
    text-align: center;
    padding: 6px;
    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
}

.wd_select_date_active {
    text-align: center;
    padding: 6px;
    color: white;
    background-color: #60b0e3;
    border-bottom: 1px solid gainsboro;
    cursor: pointer;
}

.wd_select_date_select {
    text-align: center;
    padding: 6px;
    color: white;
    background-color: #5d6082;
    border-bottom: 1px solid gainsboro;
    cursor: pointer;
}

.wd_select_date_nonactive {
    text-align: center;
    padding: 6px;
    color: silver;
    background-color: #e8e9eb;
    border-bottom: 1px solid gainsboro;
}

.wd_select_time_active {
    float: left;
    text-align: center;
    padding: 10px 20px 10px 20px;
    color: white;
    background-color: #60b0e3;
    width: 50px;
    margin-right: 1px;
    margin-bottom: 1px;
    cursor: pointer;
}

.wd_select_time_select {
    float: left;
    text-align: center;
    padding: 10px 20px 10px 20px;
    color: white;
    background-color: #5d6082;
    width: 50px;
    margin-right: 1px;
    margin-bottom: 1px;
    cursor: pointer;
}

.wd_select_time_nonactive {
    float: left;
    text-align: center;
    padding: 10px 20px 10px 20px;
    color: silver;
    background-color: #e8e9eb;
    width: 50px;
    margin-right: 1px;
    margin-bottom: 1px;
}

.edittable, .edittableleft, .edittablefirst {
    width: 100%;
    min-width: 400px;
    border-spacing: 0px;
    border-collapse: separate;
}

.edittablecontainer {
    width: 100%;
}

.tablescroll {
    margin-top: 8px;
}

.thetable {
    width: 100%;
}

.listtable th, .fixedHeader th {
    text-align: left;
    background-color: #6e8e9d;
    color: white;
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    font-size: 14px;
    vertical-align: top;
}

.listtable th a, .listtable th a:visited, .listtable th a:hover, .listtable th a:active {
    text-decoration: none;
    color: white;
}

.listtable td {
    text-align: left;
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    font-size: 14px;
    vertical-align: top;
}

.listtable tr:nth-child(odd), .edittable tr:nth-child(odd), .edittableleft tr:nth-child(odd), .doctable tr:nth-child(odd), .edittablefirst tr:nth-child(odd) {
	background-color: #efefef;	
}

.listtable tr:nth-child(even), .edittable tr:nth-child(even), .edittableleft tr:nth-child(even), .doctable tr:nth-child(even), .edittablefirst tr:nth-child(even) {
	background-color: #ffffff;	
}

.listtable tr:first-child {
    background-color: #6e8e9d;
}

.listtable tr:nth-child(2) {
    background-color: #bec2c8;
}

.mobileOneRow .listtable tr:first-child, .restable tr:first-child, .restable tr:nth-child(odd) {
    background-color: #efefef;
}

.mobileOneRow .listtable tr:nth-child(2), .restable tr:nth-child(2), .restable tr:nth-child(even) {
    background-color: #ffffff;
}

.formedit th, .edittable th, .edittablefirst th {
    background-color: #6e8e9d;
    color: white;
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    vertical-align: top;
    text-align: center;
    font-size: 18px;
}

.edittableleft th {
    background-color: #6e8e9d;
    color: white;
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    vertical-align: top;
    text-align: left;
    font-size: 18px;
}

.formedit td, .edittable td, .edittablefirst td {
    text-align: right;
    font-size: 18px;
}

.edittableleft td {
    text-align: left;
    font-size: 18px;
}

.formedit b, .edittable b, .edittablefirst b {
    font-size: 18px;
    font-weight: normal;
}

.formedit input, .edittable input, .edittablefirst input {
    font-size: 18px;
}

.formedit select, .edittable select , .edittablefirst select {
    font-size: 18px;
}

.edittableleft td {
    padding: 12px;
    font-family: 'Exo 2', sans-serif; 
    vertical-align: top;
    text-align: left;
    font-size: 18px;
}

#InstructionContainer p, #InstructionContainer ul, #InstructionContainer ul li
{
    text-align: left;
    font-size: 18px;
}

.extract2, .extract2 td {
    font-size: 12px;
}

/* ----END--- WEBDOC styles --------------END-------------*/

.AddResFormTelInfo {
    color: white;
    background-color: orange;
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    font-size: 13px;
    margin-right: 8px;
}

.AddResFormTelText {
    margin-bottom: 8px;
    font-size: 13px;
}

.AddResFormNewTelButton {
    color: white;
    background-color: royalblue;
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    float: right;
    margin-left: 12px;
    margin-top: 8px;
    cursor: pointer;
}

.AddResFormNewDiaryEvent {
    color: white;
    background-color: royalblue;
    padding: 4px 8px 4px 8px;
    font-weight: bold;
    float: right;
    margin-left: 12px;
    cursor: pointer;
}

#AddResearch input:read-only, #AddResearch input:disabled {
    background-color: gainsboro;
}

.ClinicStaffTel {
    min-width: 200px;
    /* width: 100%;
    float: left; */
}

/* ------------------------------------ */
.clear {
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    overflow: hidden;
}
.rubsBold {
    white-space: nowrap;
    font-weight: bold;
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(20, 135, 84, 1) !important;
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, 1) !important;
}

.text-bg-warning {
    color:#000!important;
    background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important
}

.text-bg-info {
    color:#000!important;
    background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important
}

.text-bg-primary {
    color:#fff!important;
    background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, 1) !important;
}

.cell-save-error {
    border: 2px solid red;
}

.call-icon {
    width: 20px;
    height: 20px;
    background-image: url(/img/call-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.call-icon-disconnected
{
    background-position: -5px -5px;
}

.call-icon-transfer {
    background-position: -35px -5px;
}

.call-icon-back {
    background-position: -65px -5px;
}

.call-icon-incoming {
    background-position: -95px -5px;
}

.call-icon-internal {
    background-position: -125px -5px;
}

.call-icon-missed {
    background-position: -155px -5px;
}

.call-icon-outgoing {
    background-position: -185px -5px;
}

.media-icon-block
{
    padding-left: 10px;
    vertical-align: top;
}

.media-icon {
    width: 20px;
    height: 20px;
    background-image: url(/img/media-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.media-icon-play {
    background-position: -5px -5px;
}

.media-icon-pause {
    background-position: -65px -5px;
}

.media-icon-replay-10 {
    background-position: -95px -5px;
}

.media-icon-stop {
    background-position: -125px -5px;
}

.media-icon-download {
    background-position: -35px -5px;
}

#ResIdInput {
    width: 100%;
    text-align: left;
    font-size: 18px;
}

.fixedCol {
    width: 1%;
    white-space: nowrap;
}

input.nospin::-webkit-outer-spin-button,
input.nospin::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input.nospin[type="number"] {
    -moz-appearance: textfield;
}
.iconContainer {
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
.iconHltFlag {
}
.iconWrongDevice {
    content: url(/img/attention.gif);
}
.iconRepeat {
    content: url(/img/repeat_icon.png);
}
.iconMonthlyRepeat {
    content: url(/img/repeat_icon_30.png);
}
.iconHaveProblem {
    content: url();
}
.iconDuplicate {
    content: url();
}
.iconVerified {
    content: url(/img/check.gif);
}
.iconHighPriorityPay {
    content: url();
}
.iconHighPriorityFree {
    content: url();
}
.iconShared {
    content: url(/pics/watch_green.png);
}
.iconExcluded {
    content: url();
}
.iconArrhythmia {
    content: url(/pics/arrt.png);
}
.iconVerificationRequest {
    content: url(/pics/quest.png);
}
.iconVerificationProcess {
    content: url(/img/getcheck.gif);
}
.iconVerificationWarning {
    content: url(/img/checkwarn.png);
}
.iconReportUpdated {
    content: url(/img/checkwarn2.png);
}
.iconUpdatedCopy {
    content: url(/pics/v1v2.png);
    width: 24px;
}
.iconSignalCopy {
    content: url(/pics/signalCopy.png);
    width: 24px;
}
td:has(.iconUpdatedCopy),td:has(.iconSignalCopy) {
    padding: 4px;
}
.iconContainer:has(> .iconUpdatedCopy), .iconContainer:has(> .iconSignalCopy) {
    transform: translateY(8px);
}

td.center-content, div.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.content-row {
    display: flex;
    flex-direction: row;
}

img.icon16 {
    width: 16px;
    height: 16px;
    border: none;
}

.editSection {
    border-top: Gainsboro 1px solid;
    margin-top: 16px;
    margin-bottom: 1em;
    padding-top: 1em;
}