body{margin: 0px; font-family: "Helvetica";}
.clear{clear:both;}
.header{height: 120px; background:#fff; }
.header .cntheader{max-width: 980px; margin:0px auto; position:relative;height: inherit;}
.header .logo{display:block; width: 120px; height: 46px; background:url(../images/logo.png) 50%; background-size:cover;position: absolute;left: 0%;bottom: 12px;}
.header .menu{margin:0px;position: absolute;right: 0%;bottom: 0%;padding: 0px;}
.header .menu li{float:left; list-style:none;}
.header .menu a{text-decoration:none; color:#a1a3a6; display:block; padding:20px;}
.header .menu a:hover{color:#000; font-weight:700;}
.header .menu.mpanel{right:50% !important; margin-right: -150px;}

.cnt{width:100%; height:600px; background:url(../images/bglogin.jpg) 50%; background-size:cover;position: relative;}
.cnt .login-form{width: 400px; background:#fff; height: 440px;position: absolute;left: 50%;top: 50%;margin: 0px 0px 0px -200px;border-radius: 10px;}
.cnt .login-form img{margin: 20px auto 40px auto; display:block; width: 200px;}
.cnt .login-form input, .cnt .login-form label{display:block;width: 70%; color: #000;margin: 3px auto;} 
.cnt .login-form label{text-transform:uppercase; font-size:15px; text-align:center;}
.cnt .login-form input{font-size:16px; padding:7px;background: #f7eddd;border: none; outline:none;}
.cnt .login-form label:nth-child(4){margin-top:18px;}
.cnt .login-form .log{background:#f8b400; border:1px solid #fff; padding:10px; display:block; width:80px; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; font-size:15px; margin:15px auto;}
.cnt .login-form .log:hover{background:#fff;  border:1px solid #f8b400; color:#f8b400;}
.cnt .login-form .fgpw{text-decoration:none; text-align:center; font-size: 15px;display: block;margin: 0px auto;padding: 8px;color: #989a9d;letter-spacing: 2px;}
.cnt .login-form .fgpw:hover{text-decoration:underline;}

.moptions{right:0px; position:absolute; bottom:10px;}
.moptions ul{margin: 0px 0px 0px 10px; padding:5px; float:right;width: 170px; background:#fff !important; }
.moptions a{text-decoration:none; color: #000; display:block; padding:10px;}
.moptions a:hover{color:#d5dbd9;}
.moptions .nm .t{font-size: 19px; color: #a1a3a6; }
.moptions .nm .t{color:#fff;}
.moptions .nm{position:relative;}
.moptions .nm ul{position:absolute; border-left:1px solid #c8d0cd; border-bottom:1px solid #c8d0cd; border-right:1px solid #c8d0cd;margin: 0px;padding: 0px 5px 5px 5px;left: -6px;width: 170px;z-index: 10;}
.moptions .nm:hover > ul{display:block; }
.moptions .mm{border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fff;}
.moptions .mm:hover{border-left:1px solid #c8d0cd; border-top:1px solid #c8d0cd; border-right:1px solid #c8d0cd; }
.moptions .nm{background: #818991 url(../images/arrow-inactive.png) 90% 50% no-repeat;background-size: 20px;}
.moptions .nm:hover{background: #818991 url(../images/arrow-active.png) 90% 50% no-repeat;background-size: 20px;}
.moptions ul ul{display:none;}
.moptions ul li{list-style:none;}
.moptions img{width: 50px; float:left;border-radius: 100%;border: 1px solid #ddd;}

.bgpanel{background:#f0f1f1;}

.content{max-width: 900px; margin: 40px auto; }
.content .lc{float:left; width:20%; padding-top: 100px;}
.content .lc a{display:block; text-decoration:none; color:#000; text-align:right;margin-bottom: 15px;font-size: 15px;}
.content .lc a:hover{color:#f7b300;}
.content .lr{float:right; width:78%; padding:0px;}
.content .lr .dcnt{ border:1px solid #cdcfd0;}
.content .lr .tdesc{font-size: 21px;background: url(../images/ic-conf.png) 0% 50% no-repeat;background-size: contain;padding: 10px;text-indent: 50px;margin: 5px auto 15px auto;}
.content .lr .cemail{padding:30px; border-bottom:1px solid #cdcfd0;}
.content .lr .cemail .title{color:#bdc1c5; margin:0px;}
.content .lr .cemail p:nth-child(2){margin:0px auto;}
.content .lr .pw{padding:30px; border-bottom:1px solid #cdcfd0}
.content .lr .pw input{display:block; outline:none; border:1px solid #cdcfd0; font-size:16px; padding:10px; margin-bottom:5px;width: 220px;}
.content .lr .delac{padding:30px;}
.content .lr .delac a{color:#cf2a31; text-decoration:none;}
.content .lr .delac a:hover{text-decoration:underline;}

.btn{display:block; text-decoration:none !important; background:#f7b300; border:1px solid #fff; color:#fff !important; width:160px; font-size:18px; padding:10px; text-align:center; margin-top:15px;outline: none;}
.btn:hover{background:transparent; color:#f7b300 !important; text-decoration:none !important; border:1px solid #f7b300;;}

.prof .lr .tdesc{background: url(../images/ic-conf-m.png) 0% 50% no-repeat; background-size: contain;}
.prof .dcnt{padding:30px;}
.prof .dcnt label{display:block; float:left; font-size: 15px;width: 100px;margin-right: 20px;}
.prof .dcnt input[type="text"]{border:none; font-size:16px; padding:10px; margin-bottom:15px; outline:0px;width: 75%;}
.prof .dcnt .rpic {float:right;width: 80%;margin-bottom: 25px;}
.prof .dcnt .rpic:nth-child(2) .picupload{text-decoration:none; display:block; width: 136px;float: left;margin-right: 30px;padding: 5px;background: #fff;text-transform: uppercase;font-size: 13px;color: #000;text-align: center;border-radius: 4px;border: 1px solid #000;margin-top: -5px;}
.prof .dcnt .rpic:nth-child(2) a:nth-child(2){color:#000;font-size: 13px;}
.prof .dcnt .rpic:nth-child(9) a{opacity:0.4; display:block; float:left; text-decoration:none; padding: 20px 60px 20px 0px;color: #000;text-transform: lowercase;margin-right: 30px; transition:all 0.5s;cursor: auto;}
.prof .dcnt .rpic:nth-child(9) a.active{opacity:1; transition:all 0.5s;}
.prof .dcnt .rpic:nth-child(9) a:first-child{background:url(../images/ic-d-male.png) 100% 50% no-repeat; background-size:contain; }
.prof .dcnt .rpic:nth-child(9) a:last-child{background:url(../images/ic-d-female.png) 100% 50% no-repeat; background-size:contain; }
.prof .dcnt label:nth-child(8){margin-top:20px;}
.prof .dcnt .rpic:nth-child(12) input{width:50px; text-align:center;margin-right: 5px;}
.prof .dcnt .rpic:nth-child(12){margin-bottom:10px;}
.prof .dcnt label:nth-child(12) {margin-top:50px;}
.prof .dcnt .rpic:nth-child(14) img{float:left; width: 60px;}
.prof .dcnt .rpic:nth-child(14) input{float:left;}
.prof .dcnt .rpic:nth-child(14) input[type="text"]{width:50px;margin-top: 10px;margin-left: 15px;text-align: center;}
.prof .dcnt .rpic:nth-child(14) input[type="radio"]{width: 30px;height: 21px;border: 3px solid #000;margin-top: 15px; margin-left:20px;}
.prof .dcnt .rpic:nth-child(14) label{text-transform: uppercase;width: 25px;margin-top: 22px;font-size: 14px;margin-left: 15px;}
.prof .dcnt label:nth-child(16) {width:100% !important; line-height: 0px;font-size: 17px;}

.sts{width:100% !important;max-width: 100%;margin: 0px;}
.sts .banner{width:100%; height: 307px;background: url(../images/bg-o.png) 50% no-repeat;background-size: cover;position: relative;}
.sts .banner .title{margin:0px; position:absolute; color:#fff;right:10%; bottom:20pX; font-size:32px;width: 250px;text-align: right;background: url(../images/ic-st.png) 0% 50% no-repeat;background-size: contain;}
.sts .btn-opt{max-width:1000px; margin: 10px auto 40px auto; }
.sts .btn-opt a{width: 24%; float:left;display: block;height: 100px;position: relative;margin: 0px 0.5%;text-decoration: none;}
.sts .btn-opt a .ctxt{width:100%; height:100%;}
.sts .btn-opt a .ctxt span{color:#fff; position:absolute; right:10px; bottom:10px; font-size:45px; }
.sts .btn-opt a img{width:100px; display:none;}
.sts .btn-opt a:hover > img, .sts .btn-opt a.active img{display:block;}
.sts .btn-opt a:nth-child(1) .ctxt{background:#50b848 url(../images/st1.png) 10px 10px no-repeat; background-size:45px; border-radius: 10px;}
.sts .btn-opt a:nth-child(2) .ctxt{background:#b31989 url(../images/st2.png) 10px 10px no-repeat; background-size:45px; border-radius:10px;}
.sts .btn-opt a:nth-child(3) .ctxt{background:#e96220 url(../images/st3.png) 10px 10px no-repeat; background-size:45px; border-radius:10px;}
.sts .btn-opt a:nth-child(4) .ctxt{background:#2b68a2 url(../images/st4.png) 10px 10px no-repeat; background-size: 35px; border-radius:10px;}
.sts .results{width:100%; position:absolute; padding:10px; visibility: hidden;opacity: 0; transition:all 0.5s;margin-bottom: 20px;}
.sts .results.active{visibility: visible; opacity: 1; transition:all 0.5s;}
.sts .results.borderA{border:2px solid #50b848;}
.sts .results.borderB{border:2px solid #b31989;}
.sts .results.borderC{border:2px solid #e96220;}
.sts .results.borderD{border:2px solid #2b68a2;}
.sts .results .cre{float:left; width:30%; border-right: 1px solid #ddd; padding:10px 1.5%;}
.sts .results .cre:nth-child(3){border:none;}
.sts .results .cre p:nth-child(1){font-size:40px; margin: 10px 0px 0px 0px; text-align:center;}
.sts .results .cre p:nth-child(2){margin:10px 0px 0px 0px;; text-align:center; font-size:8px;}
.sts .results p.type{padding:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px;}
.sts .datavalues{height: 300px;width: 4%;padding-right: 10px;padding-left: 10px;border-right: 1px solid #ccc;float: left;}
.sts .datavalues p{margin:0px;font-size: 20px;font-weight: 700;text-align: center;}
.sts .datavalues p:last-child{position:absolute; bottom:10px;width: 4%;}
.sts .dataheader{height:30px;}
.sts .dataheader p{margin:0;position: absolute;font-size: 13px;}
.sts .dataheader p:first-child{left: 55px;}
.sts .dataheader p:last-child{right:10px}
.myconf .element{width: 90%; height:40px; margin: 20px 0px;padding: 0px 0px 0px 40px;}
.myconf .element .e-selector{width:50px; height:18px; background:#818991; border-radius:12px; position:relative; border:2px solid #818991;float: left;cursor: pointer;}
.myconf .element .e-selector .circle{width:16px; height:16px; background:#f7b300; border-radius:100%; position:absolute; top:50%; margin-top:-8px;; left:3px; transition:all 0.5s; }
.myconf .element .e-selector.active {background:#cfd6d3 !important; transition:all 0.5s;}
.myconf .element .e-selector.active .circle{left: 100%; transition:all 0.5s;margin-left: -19pX;}
.myconf .element p{margin: 3px 0px 3px 20px;float: left;}
.myconf .polit{padding-left:40px; font-size:12px;}

.msgbox{transition:all 0.5s; left:-100%; position:fixed; background:#f8b400;z-index: 10;max-width: 350px;padding: 20px;min-width: 250px;color: #fff;text-align: center;border-top: 2px solid #fff;border-bottom: 2px solid #fff;border-right: 2px solid #fff;bottom: 100px;}
.msgbox.show{left:0%; transition:all 0.5s;}
.catalogs{padding:20px;}
.catalogs .title{font-size:28px; margin:0px 0px 15px 0px;}
.catalogs label{display:block; float:left; font-size: 15px;width: 100px;margin-right: 20px; padding:10px 0px;}
.catalogs input[type="text"]{border: 1px solid #ddd; font-size:16px; padding:10px; margin-bottom:15px; outline:0px;width: 74%;}
.catalogs select{font-size: 16px !important; padding:10px; border:1px solid #ddd;font-family: "Arial" !important;width: 75%;margin-bottom: 15px;}
.catalogs table{width:100%; font-size:12px;;}
.catalogs thead{background: #a1a3a6;color: #fff;}
.catalogs thead td{color:#fff;}
.catalogs td{padding:10px;} 
.catalogs tbody{background:#fff;}
.catalogs table a{text-decoration:none; color:#000; }
.catalogs table a:hover{color:#f7b300;}
.catalogs .addcatg{margin-bottom:10px;}

#catalogsTable tbody tr td{border-bottom:1px solid #ddd;}
#catalogsTable tbody tr:hover{background:#ddd;}
select[name="catalogsTable_length"]{font-size: 13px !important;padding: 5px;width: 70px;margin: 0px;}
#catalogsTable_filter input{width:200px; padding:5px;}
.dataTables_length label, #catalogsTable_filter label{width: 300px;font-size: 12px;}
.dataTables_info{font-size:12px;}
.dataTables_paginate{font-size:12px;}
.cntres{width:100%; max-width:970px; margin:30px auto; position:relative;height: 207px;}

#msgdiag p{font-size:14px;margin: 0px;}
.ui-dialog-title{font-size:16px; color:#fff; font-family:"arial";}
.ui-dialog-titlebar{background:#f8b400 !important; }
.ui-button-text{font-size:14px;}
canvas{border: 1px solid #ccc;float: right;background: url(../images/bgcanvas.png);width:93%;height:300px;}
.indicator{opacity:0;width: 8px; position:absolute; height:300px;border-left: 3px dotted #aaa;z-index: 100;}
.indicator p{ font-size:13px;margin-left: -180px;width: 100px;background: rgba(255,255,255,0.8);padding: 10px;border: 1px dotted;text-align: center;}
.indicator:hover{opacity:1;}

.systolic{position:absolute; font-style:italic; right:20px; bottom: 355px;border-bottom: 3px solid #b31989; padding:5px;}
.diastolic{position:absolute; font-style:italic; right:100px; bottom: 355px;border-bottom: 3px dashed #b31989; padding:5px;}

.kioskos{background:#fff; max-width:1170px; margin:20px auto;}
.kioskos .map{width:60%;height: 500px; float:left; border:1px solid #ccc;}
.kioskos .location{width: 35%;padding: 10px 2%;float: right;}
.kioskos .location a{text-decoration:none; color:#000; display:block; background:#eee; padding:10px; margin-bottom:10px;}
.kioskos .location a:hover, .kioskos .location a.active{background:#f7b300; color:#fff;}
.kioskos .location a p{margin:5px 0px; font-size:12px; font-style:italic; padding-top:10px; border-top:1px solid #ccc }
.kis{border:1px solid #ccc; padding:10px; max-height:385px;overflow-y: scroll;}
.header .cntheader .button-icon-bar {display: none;}

/* MEDIAS */

@media only screen and (max-width: 1025px) {
    .header .logo {
        width: 80px;
        height: 30px;
        margin-top: 10px;
        margin-left: 5px;
        position: static;
        display: inline-block;
        float: left;
    }

    .header {
        height: 55px;
    }

    .header .cntheader {
        max-width: 980px; 
        margin:0px auto; 
        position:static;
        height: auto;
    }

    .header .menu {
        position: static;
        display: inline-block;
        bottom: inherit;
    }

    .sts .banner .title{
        right:2%;
    }

    .moptions {
        position: static;
        display: inline-block;
    }

    .moptions ul {
        /*float: inherit;*/
        margin: 0px 0px 0px 0px;
        width: 110px;
    }

    .moptions .nm .t {
        font-size: 15px;
    }

    .moptions > img {
        /*width: 50px;
        border: 1px solid #DDD;
        border-radius: 100%;
        float: left;*/
        width: 30px;
        display: inline-block;
        margin-left: 25px;
        margin-top: 10px;
        /*position: static;*/
    
    }

    .moptions a {
        padding: 6px;
    }

    .header .menu.mpanel {
        margin-right: 0px;
        position: absolute;
        top: 55px;
        left: 0px !important;
        background-color: #fff;
        float: right;
        width: 100%;
        display: none;
        z-index: 99999999999;
    }

    .moptions .nm {
        position: relative;
        height: 32px;
        top: 4px;
        left: 0px;
    }

    .moptions .nm ul {
        width: 110px;
    }

    .header .menu.mpanel ul {
        padding: 0px;
        margin: 0px;
    }

    .header .menu li {
        float: none;
        display: inherit;
        /*border-top: 1px solid #F7B300;*/
        border-top: 1px solid rgba(247, 179, 0, 0.3);
    }

    .header .menu li:last-child {
        /*border-bottom: 1px solid #F7B300;*/
        border-bottom: 1px solid rgba(247, 179, 0, 0.3);
    }

    .header .cntheader .button-icon-bar {
        border:0px;
        background-color: transparent;
        display: inline-block;
        float: right;
        margin-top: 9px;
        margin-right: 5px;
        /*border: 0px none;
        z-index: 99999999;
        position: relative;*/
    }

    .header .cntheader .button-icon-bar span {
        display: block;
        width: 27px;
        height: 5px;
        border-radius: 1px;
        background-color: #F7B300;
        margin-top: 3px;
    }

    .content {
        margin: auto;
    }

    .content .lr .pw input {
        width: 85%;
        /*padding: 5px;*/
        /*padding: 5px 30px 5px 5px;*/
    }

    .content .lc {
        display: none;
    }

    .content .lr {
        padding: 0px;
        float: none;
        width: 100%;
    }

    .content .lr .tdesc {
        width: inherit;
        font-size: 18px;
        padding: 0px;
        background-position: 17px 50%;
        margin-top: 15px;
    }

    .content .lr .cemail {
        padding: inherit;
        padding-left: 30px;
        padding-top: 12px;
        padding-bottom: 12px;

    }

    .content .lr .pw {
        padding: inherit;
        padding-left: 30px;
        padding-bottom: 10px;
    }

    .btn {
        width: 150px;
        margin: auto;
        margin-top: 5px;
    }

    .content .lr .delac {
        padding: 5px;
    }

    .myconf .element p {
        font-size: 12px;
        float: none;
    }

    .prof .dcnt .rpic {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .prof .dcnt .rpic:nth-child(14) input[type="text"] {
        width: 60%;
    }

    .prof .dcnt .rpic:nth-child(14) input {
        float: none;
    }

    .prof .dcnt .rpic:nth-child(14) input[type="radio"] {
        width: auto;
        height: auto;
        border: 0;
        margin-top: 15px;
        margin-left: 20px;
    }

    .prof .dcnt label {
        display: inline-block;
        float: none;
        font-size: 14px !important;
        width: 100px;
        margin-right: 10px;
    }

    .prof .dcnt label.size-responsive {
        font-size: 12px !important;
    }

    .prof .dcnt .rpic:nth-child(14) input[type="text"] {
        display: block;
    }

    .content .lr {
        width: 96%;
        margin-left: 2px;
    }

    .myconf .element {
        margin: 0px;
        margin-top:20px;
    }

    .myconf .element:last-child {
        margin-bottom: 5px;
    }

    .content .lr .dcnt {
        margin-bottom: 5px;
    }

    .sts .btn-opt a .ctxt span {
        font-size: 5vw;
    }

    .sts .results {
        width: 96%;
    }

    .sts .results .cre p:nth-child(1) {
        font-size: 5vw;
    }

    .sts .datavalues { 
        height: 300px;
        width: 30px;
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid #ccc;
        float: left;
    }

    .sts .datavalues p{
        margin:0px;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
    }
    
    .sts .datavalues p:last-child {
        position:absolute; 
        bottom:10px;
        width: 30px;
    }

    @media only screen and (max-width: 788px) {
        canvas {
            width: 92%;
        }
    }

    @media only screen and (max-width: 689px) {
        canvas {
            width: 90%;
        }
    }

    @media only screen and (max-width: 559px) {
        .sts .results {
            width: 94%;
        }

        canvas {
            width: 88%;
        }
    }    

    @media only screen and (max-width: 469px) {
        canvas {
            width: 86%;
        }
    }

    @media only screen and (max-width: 406px) {
        
        .sts .results {
            width: 92%;
        }

        canvas {
            width: 84%;
        }
    }

    @media only screen and (max-width: 359px) {
        canvas {
            width: 82%;
        }
    }

    @media only screen and (max-width: 319px) {
        .sts .results {
            width: 90%;
        }
        canvas {
            width: 80%;
        }
    }

    @media only screen and (max-width: 319px) {
        canvas {
            width: 78%;
        }
    }

    /*@media only screen and (max-width: 394px) {
        .sts .results {
            width: 82%;
        }
    }*/

    @media only screen and (max-width: 374px) {
        .myconf .element .e-selector {
            float:none;
        }
    }


    @media only screen and (min-width: 445px) {
        .myconf .element p {
            font-size: initial !important;
        }
    }
    /*
    @media only screen and (min-width: 512px) {
        .prof .dcnt .rpic:nth-child(14) input[type="text"] {
            width: 90%;
        }
    }

    @media only screen and (min-width: 812px) {
        .prof .dcnt .rpic:nth-child(14) input[type="text"] {
            width: 100%;
        }
    }*/
}