html,body{margin:0;padding:0}
body{
    font: 76% "Trebuchet MS",arial,sans-serif;

}
p{margin:0 10px 10px}
.imp{
    color: red;
}
.header_container{
    background: url("/d/images/header.png") 0 0 repeat-x;
    height: 55px;
    text-align: center;
}
#container_pat #header{
    width: 980px;
    margin: 0 auto;
}
#header{
    width: 1270px;
    margin: 0 auto;
}
#header .title{
    padding-top: 14px;
    float: left;
    margin-left: 10px;
}
#header .title a{
    text-decoration: none;
}
#header .login{
    float: right;
    font-size: 14px;
    margin-right: 10px;
}
#header .login a{
    color: #fff;
}
#header .login li{
    float: left;
    margin-left: 10px;
    list-style: none;
    padding-top: 6px;
    font-size: 14px;
    height: 30px;
    padding-left: 10px;
}
#header .login img{
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 12px;
    margin-right: -10px;
}
#header .login li:first-child{
    margin-left: -4px;
    font-weight: bold;
}
#header .login li:last-child{
    border-left: 1px solid #323333;
}
#header .title a{
    color: #fff;
}
#header .title h1{
    padding: 0;
    margin: 0;
    font-size: 22px;
}
#container{
    text-align:left;
    background: url("/d/images/fon.jpg") 0 0 no-repeat;
    background-color: #1F1F1F;
}
body.mainpage{
    background: #e9e9e9;
}
body.mainpage div#container{
    background: none;
}
#container.container_pat{
    background: none;
}

body.mainpage .login{
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left: -290px;
    margin-top: -150px;
    height: 240px;
    width: 584px;
}
.mess{
    margin:0 auto;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    background: #bb2e4c;
    padding: 10px;
    /*width: 178px;*/
    text-align: center;
    margin: 10px 0;
    border-radius: 6px;
    display: inline-block;
}
#auth_answer{
    text-align: center;
}
#auth_answer .mess{
    width: 178px;
    margin-top: 30px;
}
.messages{
    text-align: center;
}
body.mainpage .login .login_title{
    text-align: center;
    font-size: 18px;
}
body.mainpage .login .title{
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    text-align: center;
}
body.mainpage .main_login_form{
    background: #fff;
    border-radius: 10px;
    border: 10px solid #dfdfdf;
}
body.mainpage .login form{
    margin: 50px 50px 30px 50px;
    text-align: center;
}
body.mainpage .login input[type="text"],body.mainpage .login input[type="password"]{
    height: 35px;
    width: 390px;
    margin-bottom: 10px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    font-size: 16px;
    padding-left: 10px;
    color: #888888;
}
body.mainpage .login input[type="submit"]{
    background: #157ad7;
    border: 1px solid #157ad7;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 6px 12px;
}
#wrapper{
    width: 1280px;
    margin: 0 auto;
    /*padding: 20px;*/
    /*background: #fff;*/
    padding-top: 10px;
}
#wrapper.wrapper_pat{
    width: 100%;
    padding: 0;
    margin: 0;

}
div#content{
    /*float:left;*/
    /*padding: 10px;*/
}
div#navigation{
    float:right;
    width:140px;
}
div#extra{float:left;width:770px}
div#footer{
    margin-top: 70px;
    clear:both;
    width:100%;
    background: #1f1f1f;color: #FFF;
    height: 20px;
}

.tags{
width: 90%;
pading:0px;
margin-top: 10px;
margin-bottom: 15px;
list-style-type:none;
text-align: center;}
.tags_h2{
    padding:10px 0px 10px 0px;margin:0px;text-align:left;
font-size: 18px;
font-weight: normal;
color: #083e96;
padding-bottom: 10px}

.tags a {font-size: 12px;line-height: 1;}
.tags a.w0{font-size:11px;}
.tags a.w1{font-size:12px;}
.tags a.w2{font-size:13px;}
.tags a.w3{font-size:14px;}
.tags a.w4{font-size:15px;}
.tags a.w5{font-size:16px;}
.tags a.w6{font-size:17px;}
.tags a.w7{font-size:18px;}
.tags a.w8{font-size:19px;}
.tags a.w9{font-size:20px;}
.tags a.w10{font-size:21px;}
a.tags_cur{color: #b40002;}


.tables_window,.table_titles,#table_comments{
    float: left;
}
.table_header.doc{
    height: 40px;
    background: url("/d/images/table_header_doc.png") 0 0 no-repeat #fff;
}
.table_header.pat{
    position: relative;
    height: 40px;
    background: url("/d/images/table_header_pat.png") 0 0 no-repeat #fff;
    z-index: 0;
    width: 980px;
}

#table_comments{
    border-left: 1px solid #999;
    font-style: italic;
    background: #CED6DA;
    z-index: 0;
}
#table_comments .comm_cont{
    /*padding: 10px;*/
    height: 61px;
    width: 224px;
    /*background: #fff;*/
    border-bottom: 1px solid #ccc;
    overflow: auto;
}
/*#table_comments .comm_cont:first-child{
    height: 140px;
}*/
#table_comments .comm_cont.pcomm{
    height: 29px;
}

#table_comments .comm{
    background: #fff;
    font-size: 11px;
    /*height: 30px;*/
    /*display: inline;*/
    line-height: 9px;
    padding: 3px;
    color: #666;
    border: 1px solid #cccccb;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}


.tables_window{
    width: 717px;
    overflow: hidden;
}

.tables_container{
    width: 10000px;
}

.tables{
    float: left;
/*    width: 720px;*/
}
.small_table{
    /*position: relative;*/
    margin: 0 5px 10px 5px;
    /*padding-bottom: 10px;*/
    width: 756px;
    border-bottom: 1px solid #ced6da;
}
.wrapper_pat .small_table{
    width: 980px;
    margin: 0 auto;
}
.print_diary{
    /*position: absolute;*/
    /*right: 20px;*/
    /*top:10px;*/
    font-size: 14px;
}
.print_diary_comm{
    font-size: 14px;
    margin-top: 10px;
}
.print_diary_comm a{
    color:#1365b3;
    background: url("/d/images/print.png") 0 0 no-repeat;
    padding-left: 22px;
}
.print_diary a{
    color:#1365b3;
    background: url("/d/images/print.png") 0 0 no-repeat;
    padding-left: 22px;
    margin-left: 10px;
}
.days{
    height: 38px;
    background: url(/d/images/dates_fon.png) 0 0 repeat-x;
    color:#fff;
    font-weight: bold;
    width: 755px;
}
.days.pat{
    width: 980px;
}
.ui-datepicker{
    position: absolute;
    z-index: 1000;
}
.days ul{
    float: right;
    margin: 10px 3px 0 0;
    font-size: 11px;
    padding: 0;
}

.days ul li{
    float: left;
    padding: 2px 10px 2px 10px;
    margin-left: 2px;
    list-style: none;
    cursor: pointer;
    border-radius: 10px;
    height: 15px;
}
.days ul li:hover{
    background: url(/d/images/diary_date.png) 0 0 repeat-x;
    color: #fff;
}
.days ul li.old:hover{color:#fff;}

.days ul li.active{
    background: url(/d/images/diary_date.png) 0 0 repeat-x;
    color: #fff;
}
.days ul li.active.old{color: #fff;}
.days ul li.old{
    color: #999999;
}

.days .calendar{
    float: left;
    margin: 10px 0 0 10px;
    padding-left: 26px;
    font-size: 13px;
    background: url("/d/images/cal.png") 0 0 no-repeat;
    cursor: pointer;
    border:none;
    color:#fff;
    z-index: 1000;
    position: relative;
}

.table_label,.table_label_glic{
    float: left;
    width: 30px;background: #ccc;height: 120px;border-bottom: 1px solid #ffff00;text-align: center;
}
.table_label_glic{height: 139px;}
.scale_cont{padding: 0px;margin: 0px;}
.table{
    /*float: left;*/
    position: relative;
    height: 61px;
    /*z-index: 0;*/
    border-bottom: 1px solid #DDDBDC;
    width: 717px;
}

.table.glic{
    background: #d5d59d;
    background: url("/d/images/glic.png") 0 0 no-repeat #fff;
    height: 138px;
}
.table.pcomm{
    /*background: #ddf0dd;*/
    background: url("/d/images/pcomm.png") 0 0 no-repeat;
    height: 30px;
}
.table.ad{
    background: #ddf0dd;
    background: url("/d/images/ad.png") 0 0 no-repeat #fff;
}
.table.acet{
    /*background: #c2e1ef;*/
    background: url("/d/images/acet.png") 0 0 no-repeat #fff;
}
.table.lek{
     background: #c2e1ef;
    background: url("/d/images/lek.png") 0 0 no-repeat #fff;
 }
.table.pit{
    background: #ffffaa;
    background: url("/d/images/pit.png") 0 0 no-repeat #fff;
}
.table.fiz{
    background: #f2f2f2;
    background: url("/d/images/fiz.png") 0 0 no-repeat #fff;
}
.table.sahar{
    /*background: #d5d59d;*/
    background: url("/d/images/sahar.png") 0 0 no-repeat #fff;
}
.table.diu{
    /*background: #ddf0dd;*/
    background: url("/d/images/diu.png") 0 0 no-repeat #fff;
}
.info{
    display: none;
    background: url("/d/images/transp_hover.png") 0 0 repeat;
    color:#fff;
    position: absolute;
    z-index: 1000;
    font-weight: bold;
}
.info .time,.info .num{
    float: left;
    opacity: 1;
}
.info .time{
    margin: 0 10px 0 0px;
    padding: 5px;
    width: 30px;
    font-size: 14px;
}
.info .num{
    border-radius: 4px;
    background: green;
    width: 60px;
    margin: 0 0 0 0px;
    padding: 0px;
    text-align: center;
    font-size: 24px;
}

.dr_cabinet div.filter,.dr_cabinet div#patients,.dr_cabinet div.diary{float: left;}
.dr_cabinet .filter .doc_info{
    margin: 5px 0px;
}
.dr_cabinet .filter .doc_info h2{
    margin-left: 10px;
    font-size: 14px;
}
.dr_cabinet .filter .doc_info p{
    padding: 3px 5px;
    /*border-bottom: 1px solid #262626;*/
}
.blue_button{
    display: inline-block;
    background: #157ad7;
    color: #fff;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
}
.doc_info .blue_button{
    font-size: 12px;
    line-height: 1;
}
.dr_cabinet .filter .plus{
    color: #fff;
    font-weight: bold;
}

/* Filter Block */

.dr_cabinet .filter{
    background: #1f1f1f;
    color: #fff;
    width: 190px;
    padding-right: 6px;
    overflow: auto;
    font-size: 12px;
}

/*.filter .viewport {*/
    /*overflow: hidden; */
    /*position: relative; */
/*}*/
/*.filter .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }*/
/*.filter .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }*/
/*.filter .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
/*.filter .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }*/
/*.filter .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }*/
/*.filter .disable { display: none; }*/
/*.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }*/

.dr_cabinet .filter img{
    margin: 0px 0px 5px 10px;
    width: 160px;
}
.dr_cabinet .filter p{
    color: #999;

    margin: 0 5px 0 10px;
}
.dr_cabinet .filter input[type="text"]{
    height: 20px;
    width: 150px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding-left: 5px;
    font-size: 14px;
}
.filter input[type="submit"],
.tab-item input[type="submit"],
#addpatients input[type="submit"]
{
    background: #157ad7;
    color: #fff;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
}
.filter .shortcuts{
    margin: 0 0 5px 0;
}
.filter .shortcut{
    padding: 4px 5px 4px 5px;
    margin-bottom: 2px;
    cursor: pointer;
    background: #404040;
    font-weight: bold;
    height: 25px;
    line-height: 12px;
}
.filter .shortcuts div[shortcut="patients_all"]{
    padding: 5px 5px;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    background: #404040;
    color: #fff;
    margin-bottom: 4px;
    line-height: 20px;
}
.filter .shortcut[shortcut="patients_unread"]{
    background: #ffff00;
    color: #161616;
}
.filter .shortcut[shortcut="patients_risk"]{
    background: #990000;
    color: #fff;
}
.filter .shortcut[shortcut="patients_overdue"]{
    background: #f15713;
    color: #fff;
}
.filter .shortcut[shortcut="patients_risk_ad"]{
    background: #d84747;
    color: #fff;
}
.filter .shortcuts>div:hover{
    background: #ccc;
    color: #1f1f1f;
}
.filter .shortcut.active{
    background: #999;
    color: #1f1f1f;
}
.filter .shortcut span.s_name{
    width: 146px;
    display: inline-block;
}
.filter .shortcut:first-child span.s_name{
    padding-top: 8px;
}
.filter .shortcuts span.total{
    float: right;
    margin-top: 8px;
}
.filter .shortcuts div[shortcut="patients_all"] span.total{
    margin-top: 0px;
}
.filter .field{
    padding: 3px 10px;
    /*border-bottom: 1px solid #404040;*/
}
.filter .field_name{
    width: 140px;
    color: #898989;
    margin-bottom: 2px;
    margin-top: 0px;
    font-size: 11px;
}
.dr_cabinet #patients{
     width: 295px;
    overflow: auto;
    background: #fff;
 }
.dr_cabinet #patients .patient:first-child{
    border-top: 1px solid #dadada;
}
.dr_cabinet #patients .patient:last-child{
    border-bottom: 1px solid #dadada;
}
.dr_cabinet #patients .patient{
    padding: 10px 6px;
    cursor: pointer;
    border: 1px solid #dadada;
    border-bottom: none;
    position: relative;
    background-image: linear-gradient(top, rgb(254,254,254) 2%, rgb(244,244,244) 51%);
    background-image: -o-linear-gradient(top, rgb(254,254,254) 2%, rgb(244,244,244) 51%);
    background-image: -moz-linear-gradient(top, rgb(254,254,254) 2%, rgb(244,244,244) 51%);
    background-image: -webkit-linear-gradient(top, rgb(254,254,254) 2%, rgb(244,244,244) 51%);
    background-image: -ms-linear-gradient(top, rgb(254,254,254) 2%, rgb(244,244,244) 51%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.02, rgb(254,254,254)),
        color-stop(0.51, rgb(244,244,244))
    );
}
.dr_cabinet #patients .patient .overdue{
    background: #f15713;
    color: #fff;
    padding: 5px;
    width: 160px;
    border-radius: 3px;
    text-align: center;
    float: left;
}
.dr_cabinet #patients .patient .unread{
    background: #ffff00;
    color: #000;
    padding: 5px;
    width: 76px;
    border-radius: 3px;
    text-align: center;
    float: right;
}
.dr_cabinet #patients .patient:hover{
    background: #ededed;
    color: #fff;
    border: 1px solid #dadada;
    border-bottom: none;
}
.dr_cabinet #patients .patient:hover h3{
    color: #1365B3;
}
.dr_cabinet #patients .patient.active{
    background: #1f1f1f;
    color: #fff;
    border: 1px solid #1F1F1F;
}
.dr_cabinet #patients h3{
    font-size: 14px;
    color: #1365b3;
    font-weight: normal;
    margin: 6px 0 6px 3px;
    width: 230px;
}
.dr_cabinet #patients .patient.active h3{
    color: #fff;
}
.dr_cabinet #patients .patient.active .birth{
    color: #fff;
}
.dr_cabinet #patients .patient .birth{
    position: absolute;
    top:16px;
    right:10px;
    font-size: 14px;
    color: #1f1f1f;
}
.dr_cabinet #patients .boxes{
    margin: 0 5px 5px 0px;
    float: left;
    color: #000;
}
.dr_cabinet #patients .boxes.last{
    float: right;
    margin-right: 0;
}
.dr_cabinet #patients .boxes .box{
    width: 45px;
    line-height: 16px;
}
.dr_cabinet #patients .boxes.last .box:first-child{
    border-left:1px solid #000;
}
.dr_cabinet #patients .boxes .value{
    font-size: 12px;
    /*height: 25px;*/
}
.dr_cabinet #patients .boxes.last .value{
    border-left: 1px solid #000;
}
.dr_cabinet #patients .box.dia,
.dr_cabinet #patients .box.glic_meas,
.dr_cabinet #patients .box.glic_targ{
    width: 30px;
}
.dr_cabinet .diary{
    /*padding: 10px;*/
    margin-left: 4px;
    width: 780px;;
    /*border:1px solid #ccc;*/
    background: #fff;
    overflow: auto;
}
.dr_cabinet .diary h1{
    font-size: 25px;
}
.add_patient{
    font-size: 18px;
    text-decoration: none;
}
#details{
    /*width: 900px;*/
    background: #fff;
    /*box-shadow: 0px 2px 6px rgba(0,0,0,0.2);*/
    border-bottom: 1px solid #dadada;
}
.tab-item:first-child{
    display: block;
}
.wrapper_pat .tabs_container{
    background: url("/d/images/bg.png") 0 0 repeat;
    padding: 10px 10px;
    border-bottom: 1px solid #e6e6e6;
}
.wrapper_pat .tabs{
    width: 980px;
    margin: 0 auto;
}
.tabs{
    margin: 0px 0px 20px 0px;
    position: relative;
    background: transparent;
}
.tabs ul{
    padding: 0;
    margin: 0;
}
.tabs li{
    float: left;
    margin-right: -21px;
    cursor: default;
    list-style: none;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
}
.tabs li .tab-left,.tabs li .tab-center,.tabs li .tab-right{float: left}
.tabs li .tab-center{
    background: #cfcfcf;
}

.tabs li .tab-left{
    background: url("/d/images/tab_grey_left.png") 0 0 no-repeat;
    width: 23px;
    height: 32px;
}
.tabs li .tab-center{
    background: #cfcfcf;
    color: #000;
    padding: 0px 10px 0px 10px;
}
.tabs li .tab-right{
    background: url("/d/images/tab_grey.png") 0 0 no-repeat;
    width: 23px;
    height: 32px;
}

.tabs li.active .tab-left{
    background: url("/d/images/tab_blue_left.png") 0 0 no-repeat;
    width: 23px;
    height: 32px;
}
.tabs li.active .tab-center{
    background: #1579d7;
    color: #fff;
    padding: 0px 10px 0px 10px;
}
.tabs li.active .tab-right{
    background: url("/d/images/tab_blue.png") 0 0 no-repeat;
    width: 23px;
    height: 32px;
}
.tabs li:first-child .tab-left{
    width: 0px;
}
.his th{
    background: #1f1f1f;
    color: #fff;
    padding: 5px;
}
.his td{
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
    border: 1px solid #bbbbbb;
    border-collapse: collapse;
}
.tabs-his li,.tabs-pers li{
    margin:0px 10px 10px 0;
    padding: 2px 8px;
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
    background: #cfcfcf;
    border-radius: 20px;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}
.tabs-his li.active,.tabs-pers li.active{
    color: #fff;
    background: #0072bc;
    border-radius: 20px;
}
.tabs-his li:hover,.tabs-pers li:hover{
    color: #fff;
    background: #0072bc;
    border-radius: 20px;
}
.tab-item{
    display: none;
}
.tab-subitem{
    display: none;
 }
.tab-subitem.tab-his1,.tab-subitem.tab-pers1{
    display: block;
}
.tab-subitem input[type="text"].short{
    width: 100px;
}

.clear{clear: both;}
.dr_cabinet .filter input[type="text"].date{
    width: 40px;
}

.chat_button{
    position: absolute;
    top:5px;
    right: 5px;
    background: #333;
    color:#fff;
    border-radius: 20px;
    padding: 2px 5px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

#chat_window{
    position: absolute;
    top:36px;
    right: 0px;
    width: 340px;
    background: #c9dfed;
    z-index: 1200;
    border-radius: 10px;
    border:3px solid #333;
    text-align: center;
    display: none;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);

}
.chat_arrow{
    height: 17px;
    background: url('/d/images/chat_arrow.png') 260px -5px no-repeat;
    margin-top: -21px;
    z-index: 100;
    position: relative;
}
#chat_window .chat_form{
    background: #ebf4fa;
    padding: 10px;
    border-bottom: 1px solid #999;
    margin-top: 0px;
    border-radius: 10px 10px 0 0;
}

#chat_window textarea{
    width: 96%;
    height: 60px;
    border: 1px solid #aabcc5;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 14px;
    font-style: italic;
    font-family: Tahoma;
}

#chat_window input[type="submit"]{
    font-size: 20px;
    border-radius: 6px;
    height: 30px;
    width: 140px;
    background: #67b0dc;
    border:1px solid #5e90b0;
    color: #fff;
}
#chat_window .messages{
    height: 300px;
    overflow: auto;
    border-radius: 0px 0px 10px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(top, rgb(212,230,241) 2%, rgb(156,196,221) 51%);
    background-image: -o-linear-gradient(top, rgb(212,230,241) 2%, rgb(156,196,221) 51%);
    background-image: -moz-linear-gradient(top, rgb(212,230,241) 2%, rgb(156,196,221) 51%);
    background-image: -webkit-linear-gradient(top, rgb(212,230,241) 2%, rgb(156,196,221) 51%);
    background-image: -ms-linear-gradient(top, rgb(212,230,241) 2%, rgb(156,196,221) 51%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.02, rgb(212,230,241)),
        color-stop(0.51, rgb(156,196,221))
    );
}

#chat_window .message{
    margin-bottom: 6px;
}


#chat_window .message .photo{
    background: #fff;
    margin: 10px 10px 10px 10px;
}
#chat_window .message .photo img{
    width: 36px;
    height: 36px;
}
#chat_window .message .left{
    float: left;
}
#chat_window .message .right{
    float: right;
}

#chat_window .message .text_cont{
    background: #fff;
    width: 70%;
    margin: 0 5px;
    border:2px solid #385ea2;
    border-radius: 6px;
    text-align: left;
    font-style: italic;
    position: relative;
}
#chat_window .message .text_cont.not_read{
    background: #fffbb4;
}

#chat_window .message .text_cont .iread_link a{
    position: absolute;
    bottom:0px;
    right: 3px;
    color: #fff;
    text-decoration: none;
    /*cursor: pointer;*/
    background: url("/d/images/tick_chat.png") right center no-repeat;
    padding-right: 16px;
    font-size: 9px;
}

#chat_window .message .text{
    padding: 8px;
    font-size: 12px;
}

#chat_window .message .date{
    padding: 0 5px;
    background:#004e7f;
    color: #fff;
    font-size: 11px;
}

.popup{
    display: none;
    width: 275px;
    /*height: 50px;*/
    position: absolute;
    z-index: 1000;
    /*padding: 5px;*/
    background: #fff;
    border: 1px solid #cccccb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    overflow: hidden;
}
.popup .time_shift{
    height: 54px;
    background: url("/d/images/popup_timeshift.png") 0 0 repeat-x;
    border-bottom: 1px solid #ccc;
}
.popup .time_shift .time{
    height: 30px;
}
.popup .time_shift .scale{
    background: url("/d/images/time_shift_scale.png") 0px 0 no-repeat;
    width: 250px;
    height: 12px;
    margin: 0 auto;
}
.popup .popup_input{
    /*padding: 0px;*/
    text-align: left;
    color: #bfbfbf;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 10px 0px 10px;
}
.popup .popup_input.no_margin{
    margin: 0;
}
.popup .popup_input input{
    width: 96%;
    height: 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 24px;
    font-weight: bold;
    padding-left: 6px;
    margin-top: 5px;
}
.popup .popup_input textarea{
    width: 90%;
    height: 100px;
    padding: 10px;
    margin: 6px 10px 6px 3px;

}
.mealtime{
    text-align: center;
    border-bottom: 1px solid #cccccc;
}
.mealtime ul{
    margin: 4px 0 4px 16px;
    padding: 0;
}
.mealtime li{
    float: left;
    list-style: none;
    color: #898989;
    font-size: 14px;
    font-weight: bold;
    width: 90px;
    background: #f5f5f5;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
.mealtime li.breakfast{
    border-bottom: 4px solid #66afeb;
}
.mealtime li.lunch{
    border-bottom: 4px solid #f1cc20;
}
.mealtime li.dinner{
    border-bottom: 4px solid #ec8e26;
    border-left: 1px solid #ccc;
    border-radius: 0 6px 6px 0;
}
.mealtime li.perekus{
    border-bottom: 4px solid #ced6da;
}
.mealtime li:first-child{
    border-radius: 6px 0 0 6px;
    border-right: 1px solid #ccc;
}
.mealtime li.perekus{
    margin-left: 10px;
    border-radius: 6px;
}
.mealtime li.active{
    background: #CDE0EA;
}
.prod_r,.prod_l{
    float: left;
}
.prod_l{
    width: 240px;
}
.prod_r{
    width: 168px;
    height: 236px;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.selected_products{
    height: 180px;
    overflow: auto;
    margin-bottom: 6px;
    border-bottom: 1px solid #cccccc;
}
.selected_products ul{
    padding-left: 10px;
    margin-top: 5px;
}
.selected_products ul li{
    list-style: none;
    cursor: pointer;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding-left: 6px;
    margin: 0 5px 5px 0;
}
.popup .selected_products ul li div.amount{
    float: right;
    margin-right: 10px;
}
.popup .selected_products ul li div.prod_cancel{
    width: 16px;
    height: 16px;
    background: url("/d/images/popup_prod_cancel.png");
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}
.popup .selected_products ul li input{
    padding: 0;
    margin: 0;
    width: 32px;
    height: 26px;
    font-size: 14px;

}
.cat{
    background: #e6eaec;
    padding: 3px;
    /*height: 30px;*/
    line-height: 37px;
    text-align: center;
    color: transparent;
    margin-bottom: 5px;
}
.cat div.icon{
    width: 25px;
    height: 25px;
    float: left;
    cursor: pointer;
    background: #fff;
    margin-right: 5px;
    border-radius: 6px;
}
.cat div.bread.icon{
    background: url("/d/images/popup_products_bread.png") 0 3px no-repeat #fff;
    margin-left: 8px;
}
.cat div.milk.icon{
    background: url("/d/images/popup_products_milk.png") 0 3px no-repeat #fff;
}
.cat div.vegs.icon{
    background: url("/d/images/veg_icon.png") 0px 2px no-repeat #fff;
}
.cat div.fruit.icon{
    background: url("/d/images/popup_products_fruit.png") 0 0 no-repeat #fff;
}
.cat div.diff_products.icon{
    background: url("/d/images/shoko_icon.png") 0px 0 no-repeat #fff;
}
.cat div.active{
    /*background: #b2da3a;*/
}
.items_list{
    text-align: left;
    /*clear: both;*/
    margin-left: 6px;
    height: 176px;
    overflow: auto;
}
.prod_l input{
    width: 60px;
}
.prod_r ul{
    margin-top: 6px;
    padding: 0;
    font-size: 10px;
    color: #a5a5a5;

}
.prod_r li{
    list-style: none;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    height: 28px;
    line-height: 28px;
    padding-left: 28px;
    background: url("/d/images/popup_products_arrow.png") 0 0 no-repeat;
    margin-bottom: 5px;
}
.prod_r select{
    width: 100%;
    height: 20px;
}
.popup .prod_r .amount{
    display: inline;
}
.popup .prod_r input{
    margin: 0px;
    padding: 0;
    border: none;
    width: 22px;
    height: 20px;
    clear: both;
    font-size: 10px;
}
.prod_t{
    /*clear: both;*/
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid #cccccc;
}
.prod_t input.add_xe{
    margin-left: 10px;
    width: 30px;
}
.prod_t input.val{
    background: transparent;
    width: 40px;
    border: none;
    text-align: right;
}
.prod_t span.text{
    margin: 10px 0px 10px 10px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    vertical-align: middle;
}
.prod_t span.xe{
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}
.popup .switch{
    margin: 10px 0px;
    border-radius: 6px;
}
.popup .switch .sw:first-child{
    border-radius: 6px 0 0 6px;
    border-right: none;
}
.popup .switch .sw{
    width: 124px;
    height: 26px;
    float: left;
    cursor: pointer;
    border: 1px solid #cccccb;
    border-radius: 0 6px 6px 0;
    background: #ebebeb;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #898989;
}
.popup .switch ul{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 20px;

}
.popup .switch ul li{
    margin: 5px 0px;
    border-radius: 6px;
    background: #ebebeb;
    color: #898989;
    padding: 5px;
    cursor: pointer;

    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popup .switch .active{
    background: #cde0ea;
}
.popup .buttons{
    /*padding: 10px;*/
    margin: 0 5px 10px 10px;
}
.popup .ok,.popup .cancel{
    margin-top: 5px;
    width: 40px;
    height: 14px;
    margin-right: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 37px;
    line-height: 37px;
    /*-webkit-box-shadow: inset 0 0 30px #000;*/
    /*-moz-box-shadow: inset 0 0 30px #000;*/
    box-shadow: 0px 3px 6px #fff;
    text-align: center;
}
.popup .ok{
    float: left;
    width: 110px;
    background: #2ebb81;
    border-top: 2px outset #abe4cd;
}
.popup .cancel{
    float: right;
    width: 49px;
    background: #bb2e4c;
    padding-top: 0px;
    background: url("/d/images/popup_cancel.png") 50% 50% no-repeat #bb2e4c;
}
.point{
    position: absolute;
    /*width: 60px;*/
    height: 40px;
    font-size: 24px;
    font-weight: bold;
}
.point:hover .point_comment_link{
    display: block;
}
.point .value{
    position: absolute;
    left: 14px;
    top:-10px;
    /*width: 120px;*/
    /*text-align: center;*/
    z-index: 1000;
}
.dot{
    width: 10px;
    height: 10px;
    background: #bb2e4c;
    border-radius: 20px;
    z-index: 1000;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.4);

}

.dot.gr_dot{background: #2ebb81;}

.point.glicp .value span{
    color: #bfbfbf;
    font-size: 12px;
    margin-left: -5px;
}


.point_comment .product{
    display: inline-block;
    width: 80px;
}
.point.pcommp .value{
    background: #fff;
    padding: 0px 3px;
    /*width: 76px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    /*height: 40px;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.point.pcommp .value span{
    color: #ccc;
    font-size: 12px;
    display: block;
    margin-top: -9px;
    margin-left: 3px;
}
.point.pcommp .dot{
    width: 3px;
    height: 3px;
}

.point.adp .value,
.point.headachep .value,
.point.proturinep .value{
    background: #fff;
    padding: 0px 3px;
    /*width: 76px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    /*height: 40px;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    z-index: 20;
}
.point_comment{
    position: relative;
    z-index: 1500;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    left: -3px;
    top:-60px;
    display: none;
}
.point.adp .value span,
.point.headachep .value span,
.point.proturinep .value span{
    color: #ccc;
    font-size: 12px;
    /*display: block;*/
    margin-top: -9px;
    margin-left: 3px;
}
.point.adp .dot,
.point.headachep .dot,
.point.proturinep .dot{
    width: 10px;
    height: 10px;
}

.point.acetp .value{
    background: #fff;
    padding: 0px 3px;
    /*width: 76px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    /*height: 40px;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.point.acetp .value span{
    color: #ccc;
    font-size: 12px;
    display: block;
    margin-top: -9px;
    margin-left: 3px;
}
.point.acetp .dot{
    width: 3px;
    height: 3px;
}

.point.lekp .value{
    background: #fff;
    padding: 0px 3px;
    /*width: 56px;*/
    /*height: 30px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.point.lekp .value.pi .value2{
    color: #77838c;
}
.point.lekp .value.ik .value2{
    color: #8c7777;
}

.point.lekp .value.ik{
    background: #ffd9d9;
}
.point.lekp .value.pi{
    background: #d9eeff;
}
.point.pitp .meal{
    position: absolute;
    color: #666;
    top:-34px;
    left:-2px;
    font-size: 14px;
}
.point.pitp .meal.perekus{
    font-size: 9px;
    top:-28px;
}
.point.pitp .value{
    background: #fff;
    padding: 0px 3px;
    /*width: 54px;*/
    /*height: 30px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.point.pitp .value span{
    color:#ddd;
    margin-left: -7px;
}

.point.fizp .value{
    background: #fffceb;
    padding: 0px 3px;
    /*width: 40px;*/
    /*height: 30px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.point .value.with_comm{
    background: url("/d/images/blue_triangle.png") 0 0 no-repeat #fffceb;
}

.point.saharp .value{
    background: #fff;
    padding: 0px 3px;
    /*width: 76px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    /*height: 40px;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.point.saharp .value span{
    color: #ccc;
    font-size: 12px;
    display: block;
    margin-top: -9px;
    margin-left: 3px;
}
.point.saharp .dot{
    width: 3px;
    height: 3px;
}

.point.diup .value{
    background: #fff;
    padding: 0px 3px;
    /*width: 76px;*/
    border: 1px solid #cccccb;
    border-radius: 0px 6px 6px 6px;
    left: -3px;
    top:-16px;
    /*height: 40px;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.point.diup .value span{
    color: #ccc;
    font-size: 12px;
    display: block;
    margin-top: -9px;
    margin-left: 3px;
}
.point.diup .dot{
    width: 3px;
    height: 3px;
}

.time_cont{

}
.time_text{
    position: absolute;
    z-index: 900;
    /*margin-top: -10px;*/
    background: #bb2e4c;
    color: #fff;
    padding: 3px 5px;
    border-radius: 6px;
    font-size: 9px;
    position: relative;
    width: 60px;
    margin-left: -33px;
}
.time_bar{
    position: absolute;
    z-index: 900;
    margin-top: -10px;
    width: 1px;
    background: #bb2e4c;
    height: 640px;
    margin: 0 auto;
}


/*  ------  TABS -------  */

.tab-diary, .tab-personal,.tab-risks, .tab-reg, .tab-his, .tab-talons, .tab-napr, .tab-config{
    /*width: 100%;*/
    border: 1px solid #ccc;
    padding: 10px;
}
.tab-risks{
    padding: 0;
}
.tab-napr h2{
    margin: 10px;
}
.tab-personal .row{
    position: relative;
}

.tab-personal .row .get_patient_history_xml{
    position: absolute;
    top:0;
    right: 0;;
}
#addpatients a{
    color: #1365B3;
}
.tab-item .row .title,
#addpatients label
{
    /*float: left;*/
    margin-right: 10px;
    width: 200px;
    /*height: 20px;*/
    color: #666666;
    font-size: 14px;
}
/*#addpatients label{*/
    /*float: none;*/
    /*margin-bottom: 10px;*/
/*}*/
#findpatients_form table td input{
    margin-right: 10px;
    margin-top: 6px;
}

.tab-item input[type="text"],
.tab-item textarea,
.tab-item select,
#findpatients_form input[type="text"]{
    width: 200px;
    height: 25px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    margin-bottom: 6px;
    padding: 6px;
    box-sizing: content-box;
}
#findpatients_form input[type="text"].small{
    width: 100px;
}
.tab-item input[type="text"].dosage{
    width:164px;
}
.box .dosage{
    font-size: 12px;
    /*color:#ccc;*/
}
.napr-form textarea{
    height: 60px;
    width: 400px;
}

.tab-personal textarea{
    width: 400px;
    height: 60px;
    font-size: 12px;
    margin-bottom: 10px;
}

.tab-personal .row{
    margin-bottom: 6px;
}

.pos_result{
    margin-left: 10px;
    color: green;
    font-weight: bold;
    font-size: 12px;
}

h2 a.add_napr,h2 a.get_patient_history_xml{
    font-size: 12px;
    padding: 3px 16px;
    background: #006ab7;
    color: #fff;
    border-radius: 20px;
    margin-left: 10px;
    height: 14px;
    text-decoration: none;
}

#risks table{
    border:1px solid #ccc;
    width: 100%;
}
#risks table .title{
    text-align: right;
    background: #ffaaaa;
    cursor: pointer;
}
#risks table th{
    background: #BB2F4C;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
#risks table th,#risks table td{
    border:1px solid #ccc;
    padding: 7px;
    font-size: 13px;
    padding-left: 24px;
}

#risks table td.date{
    width: 20%;
    border-right: 1px solid #BB2F4C;
    padding-left: 7px;
}
.tab-diary div.left,.tab-diary div.border,.tab-diary div.right{
    float: left;
    margin-left: 10px;
}

.tab-diary div.left{
    margin-left: 0;
    width: 350px;
    /*height: 100%;*/
    margin: -10px 0 -10px 0;
    border-right: 1px solid #dbe0e3;
    padding: 10px;
}
.tab-diary div.border{
    /*margin: -10px 0 -20px 0;*/
    /*padding: 0;*/
    /*height: 100%;*/
    /*max-height: 100%;*/
    /*width: 10px;*/
    /*border-right: 1px solid red;*/
}
.tab-diary div.right{
    width: 360px;
}
.tab-talons table td{
    border: 1px solid #333;
    padding: 5px;
    font-size: 14px;

}
.wrapper_pat .tab-diary div.left{
    width: 450px;
}
.wrapper_pat .tab-diary div.right{
    width: 460px;
}

.boxes, .insulin-boxes{
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.boxes .box{
    float: left;
    width: 70px;
}
.insulin-boxes .box{
    float: left;
    /*width: 200px;*/
    margin-right: 20px;
    margin-bottom: 10px;
}
.insulin-boxes .box .title{
    color: #666;
    font-size: 12px;
    margin-bottom: 6px;
}
.insulin-boxes .box span{
    color: #666;
}
.insulin-boxes .box .valuediv{
    font-size: 20px;
    font-weight: bold;
    padding: 2px 4px;
    background: #fbc2c4;
    /*height: 26px;*/
    border-radius: 6px;
    /*-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    /*-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
.insulin-boxes .box .valuediv.pi{
    background: #D9EEFF;
}
.insulin-boxes .box .valuediv.prep{
    background: #fff5d9;
}
.print_diary_page .insulin-boxes .box .value{
    background: none;
    box-shadow: none;
}
.boxes .box .title{
    background: #282f36;
    color: #fff;
    border-right: 1px solid #000;
    padding: 5px;
    line-height: 10px;
    height: 10px;
    font-size: 11px;
}
.boxes .box .valuenum{
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    /*padding-top: 8px;*/
    background: #b2da3a;
    border: 1px solid #000;
    border-left: none;
    line-height: 32px;
    position: relative;
}
.boxes .box .valuenum .label{
    margin-top: -22px;
    padding: 0;
    font-size: 10px;
    color: #71835a;
}
.boxes .box .valuenum .label2{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    color: #71835a;
}
.boxes .box .value .label2{
    color: #627685;
}
.boxes .box .valuenum.dia{
    background: #ededed;
    border-left: 1px solid #000;
}
.boxes .box .valuenum.dia.sd2{
    background: #eaead1;
}
.boxes .box .valuenum.glic_meas,.boxes .box .valuenum.glic_targ{
    background: #c2e19a;
}
.boxes .box .valuenum.ad_meas,.boxes .box .valuenum.ad_targ{
    background: #a7c8e2;
}
.detail{
    margin-bottom: 6px;
}
.detail span{
    font-weight: bold;
    font-size: 14px;
}
.detail span.date{
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}

.patient_footer{
    padding: 5px 0;
    font-size: 12px;
    clear: both;
    overflow: hidden;
}
.patient_footer .last_auth_date{
    color: #666666;
}
.patient_footer .send_auth_info{
    color: #1365B3;
}

#er_block{
    padding-top: 20px;
}
#er_block  .er_talon_list{margin-top: 10px}
#er_block  .er_talon_list a{display: block;float:left;margin:0px 5px 5px 0px;border:1px solid #ccc;padding:20px 0px 20px 0px;text-decoration: none;text-align: center;background:#9DD6BD;width:70px;}
#er_block  .er_talon_list a:hover{text-decoration: none}
#er_block  .er_talon_list a.no_get{cursor: default;background:#eee}

.er_doctor_calendar{
    /*width: 870px;*/
    height: 340px;
    background: url("/d/images/ajax_loader_blue_256.gif") 50% 50% no-repeat;
}
.er_calendar_table{
    background: #fff;
}

.doctor_info{
    margin-top: 10px;
    margin-bottom: 10px;
    background: #1f1f1f;
    color: #fff;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.doctor_info .doc_info,.doctor_info .img{
    float: left;
}
.doctor_info .doc_info{
    /*width: 200px;*/
    margin: 10px 0px 0px 0px;
    font-size: 14px;
}
.doctor_info .doc_info.one{
    width: 300px;
    border-right: 1px solid #323333;
    margin-right: 20px;
    padding: 0px;

}
.doctor_info .doc_info.one .email{
    color:#999999;
}
.doctor_info .doc_info.one .tel{
    font-size: 18px;
}
.doctor_info .doc_info.two{
    line-height: 16px;
    width: 520px;
}
.doctor_info .doc_info.two .name{
    /*margin-top: 10px;*/
}
.doctor_info img{
    margin: 10px;
    width: 80px;
}
#addpatients{
    width: 800px;
    /*height: 460px;*/
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
#addpatients .form{
    background: #1f1f1f;
    color: #fff;
    margin: -16px 0 0 0;
    padding: 20px 30px 0px 20px;
}
#addpatients .form h2{
    color: #fff;
}
#addpatients .alert{
    width: 100%;
    height: 70px;
    background: #fbd850;
    padding: 10px;
    font-size: 14px;
    display: none;
}
#addpatients .alert .text{
    float: left;
    width: 520px;
    margin-left: 10px;
}
#addpatients .alert p{
    margin-left: 5px;
    margin-bottom: 5px;
}
#addpatients .alert .email{
    float: right;
    width: 160px;
    margin-right: 20px;
}
#addpatients .alert .email input{
    height: 28px;
}
#find_patient_results{
    height: 260px;
    width: 780px;
    overflow: auto;
    margin: -20px 0 20px 16px;
    padding: 0 20px 0 4px;
}
#findpatients_form table{
    /*width: 500px;*/
    margin-bottom: 0px;
}
#findpatients_form{
    /*border-bottom: 1px solid #dadada;*/
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 90%;
}
#findpatients_form input[type="text"]{
    /*height: 26px;*/
    padding: 3px;
}
#findpatients_form input[type="submit"]{
    padding: 9px 18px;
    margin-top: 18px;
}
#findpatients_form table td{
    width: 30%;
}
#addpatients h2{
    margin-bottom: 10px;
    padding: 0;
}
#addpatients table.results{
    border-collapse: collapse;

}
#addpatients table.results th{
    background: #333333;
    color: #fff;
    padding: 5px;
}
#addpatients table.results td,#addpatients table.results th{
    border: 1px solid #ccc;
    padding: 5px;
}
.template{
    display: none;
}
.user_message{
    height: 30px;
    padding: 0px 0px;
    border: 1px solid #ccc;
    color: #73b304;
    margin-top: 5px;
    /*width: ;*/
    padding: 10px 10px 0px 10px;
}
.user_message.warn{
    /*border: 1px solid red;*/
    color:#fff;
    background: #bb2e4c;
    font-size: 12px;
}
.napr-form{
    border-bottom: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    display: none;
}
.napr{
    background: #ffffd9;
    padding: 12px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
}
.napr .link{
    text-decoration: underline;
    cursor: pointer;
}
.napr textarea{
    width: 500px;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.napr form{
    display: none;
}
#ui-datepicker-div .ui-widget-header{
    background: #1F1F1F;
    border: 4px;
    /*border-radius:4px;*/
}
.popup .time_shift .scale{
    display: none;
}
.scale_head{
    width: 36px;
    height:61px;
    line-height: 12px;
    background:#ccc;
    /*text-align: center;*/
    position: relative;
    z-index: 20;
    position: relative;
    border: 1px solid #ccc;
    border-bottom: none;
    -webkit-box-shadow:  3px 3px 3px 3px rgba(0, 0, 0, 0.6);
    box-shadow:  3px 3px 8px 3px rgba(0, 0, 0, 0.1);
}
.scale_head.glic .rotate{margin-top: 70px;}
.scale_head.mokr .rotate{margin-top: 31px;}
.scale_head.pit .rotate{margin-top: 31px;}
.scale_head.slab .rotate{margin-top: 31px;}
.scale_head:last-child{border-bottom: 1px solid #ccc;}
.rotate {
  -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);
    font-size: 12px;
    font-weight:bold;
    margin: 27px 0px 0px 0px;
}
#diary_list{
    margin-top: 20px;
}
.point_item{padding: 10px;border:1px solid #ccc;margin-bottom: -1px;}
.point_item .pic{width: 60px;height: 60px;background: #ccc;float:left;margin: 0px 10px 10px 0px;}
.point_value{font-size: 20px;font-weight: bold;}
.date_div{background: #79BAEC;padding: 5px;font-weight: bold;font-size: 14px;}
.point_comment_link{
    font-size:12px;
    display: none;
    z-index: 100;
    height: 20px;
    position:absolute;
    left:0px;
    top:16px;
}
.scale_group{
    font-size: 20px;
    font-weight: bold;
    padding: 2px 6px;
    background: #F2F2F2;
    border:1px solid #DBDBDB;
    height: 26px;
    border-radius: 0px 6px 6px 6px;
    /*-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    /*-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    /*width: 180px;*/
    margin-bottom: 10px;
    display: inline-block;
}
.required_input{border:2px solid orange;}

/*Всплывающая форма*/
.popup_block{
    width: 800px;
    /*height: 460px;*/
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.popup_block .form{
    background: #1f1f1f;
    color: #ffffff;
    padding: 20px 30px 0px 20px;
    overflow: hidden;
}
.popup_block .form h2{
    color: #ffffff;
}
.popup_block .alert{
    width: 100%;
    height: 70px;
    background: #fbd850;
    padding: 10px;
    font-size: 14px;
    display: none;
}
.popup_block .alert .text{
    float: left;
    width: 520px;
    margin-left: 10px;
}
.popup_block .alert p{
    margin-left: 5px;
    margin-bottom: 5px;
}
.popup_block .alert .email{
    float: right;
    width: 160px;
    margin-right: 20px;
}
.popup_block .alert .email input{
    height: 28px;
}
.popup_block h2{
    margin-bottom: 10px;
    padding: 0;
}
.popup_block table.results{
    border-collapse: collapse;

}
.popup_block table.results th{
    background: #333333;
    color: #fff;
    padding: 5px;
}
.popup_block table.results td,
.popup_block table.results th{
    border: 1px solid #ccc;
    padding: 5px;
}
.popup_form table{
    /*width: 500px;*/
    margin-bottom: 0px;
}
.popup_form{
    /*border-bottom: 1px solid #dadada;*/
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 90%;
}
.popup_form input[type="submit"]{
    background: #157ad7;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    padding: 9px 18px;
    margin: 18px 10px 6px 0;
}
.popup_form table td{
    width: 30%;
}
.popup_form table td input{
    margin-right: 10px;
    margin-top: 6px;
}
.popup_form input[type="text"]{
    width: 200px;
    height: 25px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    margin-bottom: 6px;
    padding: 6px;
}
.popup_form input[type="text"].error{
    background: #FFC1C1;
}
.popup_form input[type="text"].small{
    width: 100px;
}