@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,900");
@import url("cerebrisans/style.css");
@import url("dripicons/style.css");
@import url("themify/style.css");
@import url("materialdesignicons/materialdesignicons.min.css");
@import url("feather/style.css");
@import url("telemedicine/style.css");

ul.Denver_quest {
    overflow-y: auto;
    height: 64vh;
    overflow-x: hidden;
}

.denverchart svg {
    display: block;
    height: 100px;
}

.denverchart .card-body > ul {
    background-color: #3283f6;
}

    .denverchart .card-body > ul li {
        margin-bottom: 0 !important;
    }

        .denverchart .card-body > ul li a {
            background-color: transparent;
            color: #fff;
            border: 0;
            position: relative;
            padding: 0.7em 3em !important;
            font-size: 15px !important;
            display: block;
        }

            .denverchart .card-body > ul li a, .denverchart .card-body > ul li a:hover {
                box-shadow: none !important;
                border: 0 !important;
                margin: 0px !important;
            }

                .denverchart .card-body > ul li:hover a, .denverchart .card-body > ul li a.active {
                    background-color: #0d6df4 !important;
                    color: #fff !important;
                    border: 0 !important;
                }

                    .denverchart .card-body > ul li a.active:after, .denverchart .card-body > ul li:hover a:after {
                        top: 100%;
                        left: 50%;
                        border: solid transparent;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none;
                        border-top-color: #0d6df4;
                        border-width: 10px;
                        margin-left: -10px;
                    }


.denverchart .hidden {
    display: none;
}

.highlight {
    background-color: #d15b47 !important;
    color: white;
}

/*.rectangle {
            height: 30px;
            width: auto;
            background-color: #85e8ff;
        }*/

.vital-mc-growth div[class="widget-box"] {
    border: solid 1px #000;
}

.Success {
    background-color: green !important;
}

.Faild {
    background-color: red !important;
}

.Required {
    background-color: orange !important;
}

/*tbody {
            height: 200px;
            display: inline-block;
            width: 100%;
            overflow: auto;
        }*/
.dgraphboxp {
    overflow-y: auto;
    position: relative;
    border: 1px #D3D3D3 solid;
    height: 59vh;
    display: block;
    margin: 30px 9px;
    z-index: 999;
}

    .dgraphboxp::-webkit-scrollbar {
        width: 8px !important;
        height: 8px !important;
    }

.dgraphbox {
    min-height: 380mm;
    padding: 10mm;
    margin: 10mm auto;
    border-radius: 5px;
    position: relative;
    margin-left: 25px;
}

.dgraph1 ul li span, .dgraph2 ul li span, .dgraph3 ul li span, .dgraph4 ul li span {
    font-size: 10px;
    position: relative;
    z-index: 1;
    color:#000;
    font-weight:bold;
}

    .dgraph1 ul li span:first-child, .dgraph2 ul li span:first-child, .dgraph3 ul li span:first-child, .dgraph4 ul li span:first-child {
        font-size: 9px;
        color: #ccc;
        margin-right: 3px;
    }

.faildItem {
    border: 1px solid red !important;
}

.NotSpecified {
    border: 1px solid #0924e5 !important;
}

.greenItem {
    border: 1px solid green !important;
}

.dgraph1 ul li:after, .dgraph2 ul li:after, .dgraph3 ul li:after, .dgraph4 ul li:after {
    content: "";
    background-color: #83b5ff;
    width: 25%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.dgraph1 ul li:before, .dgraph2 ul li:before, .dgraph3 ul li:before, .dgraph4 ul li:before {
    content: "";
    width: 2px;
    position: absolute;
    left: 30%;
    height: 4px;
    top: 0;
    background-color: #83b5ff;
}

.dgraph1 ul li, .dgraph2 ul li, .dgraph3 ul li, .dgraph4 ul li {
    position: absolute;
    background-color: #fff;
    white-space: nowrap;
    padding-left: 2px;
    border: 1px solid #83b5ff;
    overflow: hidden;
}
/*.dgraph1 ul li span:after {
        content: "";
        padding: 16px;
        background: #85e8ff;
        position: absolute;
        right: -27px;
        top: -1px;
    }*/
/*.bgwidth {
        background: #85e8ff;
        width: 25px;
        height: 21px;
        display: inline-block;
        position: relative;
        margin-bottom: -7px;
    }*/
.dmontht ul li, .dmonthb ul li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

    .dmontht ul li span.mitem:after {
        content: "";
        border-right: 1px dashed #ccc;
        top: 29px;
        position: absolute;
        height: 59vh;
        bottom: 0;
        left: 3px;
    }

.dmonthb, .dmontht {
    position: absolute;
    /*left: 5%;*/
    left: 54px;
    width: 100%;
    font-size: 10px;
}
    .dmontht ul li.years_3 span:first-child:before {
        bottom: -28px !important;
    }
    .dmontht ul li.years_3 span:first-child:after {
        top: 42px;
    }
.dmontht {
    top: -42px;
}

.dmonthb {
    bottom: -42px;
}

.item-details {
    position: absolute;
    left: 20%;
    top: 20%;
    font-weight:bold;
}

    .item-details .item {
        background-color: #fff;
        white-space: nowrap;
        padding: 4px 15px;
        border: 1px solid #83b5ff;
        overflow: hidden;
        width: 150px;
        position: relative;
    }

        .item-details .item:after {
            content: "";
            background-color: #83b5ff;
            width: 25%;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .item-details .item:before {
            content: "";
            width: 2px;
            position: absolute;
            left: 35%;
            height: 6px;
            top: 0;
            background-color: #85e8ff;
        }

        .item-details .item span:after, .item-details .item span:before {
            position: absolute;
            left: 2px;
            font-size: 9px;
            color: #ccc;
        }

        .item-details .item span:after {
            content: "R";
            top: -1px;
        }

        .item-details .item span:before {
            content: "1";
            bottom: 0px;
        }

    .item-details .pcp {
        font-size: 11px;
        background-color: #fff;
        text-transform: capitalize;
    }

    .item-details ul {
        margin-left: -8px !important;
        font-size: 11px;
        margin-bottom:0;
    }

        .item-details ul li {
            margin-right: 22px;
            display: inline-block;
            padding-left: 5px;
            padding-right: 5px;
        }

.inote {
    font-size: 11px;
    position: absolute;
    left: -111%;
    top: 56%;
}

    .inote span {
        display: block;
        position: relative;
    }

        .inote span:after {
            content: "";
            height: 1px;
            background-color: #000;
            width: 30px;
            position: absolute;
            right: 0;
            top: 8px;
            left: 98px;
        }

        .inote span:first-child:before, .inote span:last-child:before {
            position: absolute;
            right: -56px;
        }

        .inote span:first-child:before {
            content: "R";
        }

        .inote span:last-child:before {
            content: "1";
        }

.dmonthb ul li span:first-child:before, .dmontht ul li span:first-child:before {
    content: "";
    height: 8px;
    width: 2px;
    background-color: #999;
    position: absolute;
    left: 3px;
}

.dmonthb ul li span:first-child:before {
    top: -11px;
}

.dmontht ul li span:first-child:before {
    bottom: -15px;
}

.yitem span:first-child:before {
    height: 12px !important;
}


.dmonthb ul li span, .dmontht ul li span {
    position: relative;
    white-space: nowrap;
    z-index: 0;
    font-weight:bold;
}

.dmontht:before {
    content: "";
    bottom: 0;
    position: absolute;
    width: 1px;
    background-color: #ccc;
    height: 59vh;
    top: 42px;
    left: -1.8%;
}

.dmonthb ul li, .dmontht ul li {
    width: 27.1px;
}

li.item18 {
    width: 14px !important;
}

.lheading {
    transform: rotate(-90deg);
    position: absolute;
    font-size: 13px;
}

.lscale {
    position: absolute;
    left: -426px;
    bottom: 341px;
    transform: rotate(-90deg);
    display: none;
}

    .lscale ul li {
        font-size: 12px;
        padding: 0 60px;
    }

.cTable_data {
    overflow-y: auto;
    max-height: 67vh;
}

    .cTable_data table thead td {
        position: sticky;
        top: 0;
        background: #F2F2F2;
        background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
        background-repeat: repeat-x;
    }
@media(min-width:1350px) and (max-width:1580px){
    #denverg .col-md-10, #denverg .col-md-2 {
        max-width: 100% !important;
        flex: 100% !important;
    }
    
    #denverg .col-md-2 div {
        float: left;
    }
     #denverg .col-md-2 div:nth-of-type(2) {
        margin-left:15px;
    }
    #denverg .col-md-2 form {
        clear:both;
    }
    #denverg .col-md-2 form .form-group{
        margin-bottom:0;
    }
    #denverg .col-md-2 form div {
        padding-right: 15px;
    }
    #denverg .col-md-2 form div textarea {
        height:35.4px;
    }
    #denverg .col-md-2 form div:last-child {
        float: right;
        position: relative;
        top: 29px;
        right: -12px;
    }
    .dgraphboxp, .dmontht ul li span.mitem::after, .dmontht::before {
        height: 45vh;
    }
    
}
@media(min-width:1580px) {
    .dgraphboxp {
        height: 68vh;
    }
}
    /*.highlight #ModelGraphs table tr {
        background-color: #efefef !important;
    }*/


    .EQUALMOVEMENTS, .LIFTHEAD, .HEADUP45, .REGARDFACE, .SMILESPONTANEOUSLY, .FOLLOWTOMIDLINE, .RESPONDTOBELL, .VOCALIZES {
        left: 0px;
    }

        .EQUALMOVEMENTS:after, .LIFTHEAD:after, .REGARDFACE:after, .RESPONDTOBELL:after, .VOCALIZES:after {
            width: 100% !important;
        }

    .EQUALMOVEMENTS, .RESPONDTOBELL {
        width: 12px;
    }

    .LIFTHEAD, .VOCALIZES {
        width: 18px;
    }

    .HEADUP45 {
        width: 69px;
    }

    .HEADUP90 {
        left: 35px;
        width: 55px;
    }

    .SIT-HEADSTEADY {
        left: 40px;
        width: 56px;
    }

    .BEARWEIGHTONLEGS {
        left: 42px;
        width: 75px;
    }

    .CHESTUP-ARMSUPPORT {
        left: 65px;
        width: 56px;
    }

    .ROLLOVER {
        left: 56px;
        width: 86px;
    }

    .PULLTOSIT-NOHEAD-LAG {
        left: 65px;
        width: 99px;
    }

    .SIT-NOSUPPORT {
        left: 145px;
        width: 31px;
    }

    .STANDHOLDINGON {
        left: 169px;
        width: 60px;
    }

    .PULLTOSTAND {
        left: 206px;
        width: 44px;
    }

    .GETTOSITTING {
        left: 203px;
        width: 64px;
    }

    .STAND2SECS {
        left: 251px;
        width: 55px;
    }

    .STANDALONE {
        left: 276px;
        width: 85px;
    }

    .dgraph1 ul li:nth-of-type(16), .STOOP {
        left: 285px;
        width: 100px;
    }

    .WALKWELL {
        left: 289px;
        width: 111px;
    }

    .WALKBACKWARDS {
        left: 331px;
        width: 110px;
    }

    .RUNS {
        left: 366px;
        width: 146px;
    }

    .WALKUPSTEPS {
        left: 378px;
        width: 163px;
    }

    .KICKBALLFORWARD {
        left: 420px;
        width: 149px;
    }

    .JUMPUP {
        left: 535px;
        width: 82px;
    }

    .THROWBALLOVERHAND {
        left: 457px;
        width: 223px;
    }

    .BROADJUMP {
        left: 610px;
        width: 86px;
    }

    .BALANCEEACHFOOT1SECOND {
        left: 607px;
        width: 118px;
    }

    .BALANCEEACHFOOT2SECONDS {
        left: 642px;
        width: 148px;
    }

    .HOPS {
        left: 704px;
        width: 113px;
    }

    .BALANCEEACHFOOT3SECONDS {
        left: 656px;
        width: 196px;
    }

    .BALANCEEACHFOOT4SECS {
        left: 736px;
        width: 173px;
    }

    .BALANCEEACHFOOT5SECS {
        left: 768px;
        width: 176px;
    }

    .HEEL-TO-TOEWALK {
        left: 789px;
        width: 184px;
    }

    .BALANCEEACHFOOT6SECONDS {
        left: 812px;
        width: 192px;
    }

    /*2*/
    .dgraph2 ul li:nth-of-type(3), .OOH {
        left: 16px;
        width: 55px;
    }

    .LAUGHS {
        left: 38px;
        width: 55px;
    }

    .SQUEALS {
        left: 34px;
        width: 79px;
    }

    .TURNTORATTLINGSOUND {
        left: 61px;
        width: 79px;
    }

    .TURNTOVOICE {
        left: 87px;
        width: 90px;
    }

    .SINGLESYLLABLES {
        left: 118px;
        width: 80px;
    }

    .IMITATESPEECHSOUNDS {
        left: 70px;
        width: 165px;
    }

    .dgraph2 ul li:nth-of-type(10), .DADA {
        left: 147px;
        width: 100px;
    }

    .COMBINESYLLABLES {
        left: 152px;
        width: 120px;
    }

    .JABBERS {
        left: 147px;
        width: 179px;
    }

    .dgraph2 ul li:nth-of-type(13), .DADA1 {
        left: 178px;
        width: 178px;
    }

    .ONEWORD {
        left: 261px;
        width: 142px;
    }

    .dgraph2 ul li:nth-of-type(15), .WORDS {
        left: 286px;
        width: 145px;
    }

    .dgraph2 ul li:nth-of-type(16), .WORDS {
        left: 305px;
        width: 184px;
    }

    .dgraph2 ul li:nth-of-type(17), .WORDS {
        left: 364px;
        width: 176px;
    }

    .POINT2PICTURES {
        left: 464px;
        width: 112px;
    }

    .COMBINEWORDS {
        left: 456px;
        width: 133px;
    }

    .NAME1PICTURE {
        left: 484px;
        width: 125px;
    }

    .BODYPARTS-6 {
        left: 487px;
        width: 129px;
    }

    .POINT4PICTURES {
        left: 505px;
        width: 136px;
    }

    .SPEECHHALFUNDERSTANDABLE {
        left: 462px;
        width: 214px;
    }

    .NAME4PICTURES {
        left: 572px;
        width: 110px;
    }

    .KNOW2ACTIONS {
        left: 574px;
        width: 132px;
    }

    .KNOW2ADJECTIVES {
        left: 635px;
        width: 118px;
    }

    .NAME1COLOR {
        left: 617px;
        width: 147px;
    }

    .USEOF2OBJECTS {
        left: 639px;
        width: 131px;
    }

    .COUNT1BLOCK {
        left: 670px;
        width: 109px;
    }

    .USEOF3OBJECTS {
        left: 661px;
        width: 135px;
    }

    .KNOW4ACTIONS {
        left: 635px;
        width: 171px;
    }

    .SPEECHALLUNDERSTANDABLE {
        left: 573px;
        width: 244px;
    }

    .UNDERSTAND4PREPOSITIONS {
        left: 656px;
        width: 213px;
    }

    .NAME4COLORS {
        left: 684px;
        width: 189px;
    }

    .DEFINE5WORDS {
        left: 719px;
        width: 207px;
    }

    .KNOW3ADJECTIVES {
        left: 663px;
        width: 267px;
    }

    .COUNT5BLOCKS {
        left: 803px;
        width: 133px;
    }

    .OPPOSITES-2 {
        left: 759px;
        width: 205px;
    }

    .DEFINE7WORDS {
        left: 786px;
        width: 217px;
    }
    /*3*/
    .FOLLOWTOMIDLINE {
        width: 40px;
    }

    .FOLLOWPASTMIDLINE {
        left: 13px;
        width: 52px;
    }

    .GRASPRATTLE {
        left: 64px;
        width: 34px;
    }

    .HANDSTOGETHER {
        left: 53px;
        width: 50px;
    }

    .FOLLOW180 {
        left: 61px;
        width: 59px;
    }

    .REGARDRAISIN {
        left: 75px;
        width: 65px;
    }

    .REACHES {
        left: 146px;
        width: 55px;
    }

    .LOOKFORYARN {
        left: 133px;
        width: 60px;
    }

    .RAKERAISIN {
        left: 134px;
        width: 53px;
    }

    .PASSCUBE {
        left: 140px;
        width: 68px;
    }

    .TAKE2CUBES {
        left: 155px;
        width: 99px;
    }

    .PUTBLOCKINCUP {
        left: 263px;
        width: 110px;
    }

    .BANG2CUBESHELDINHANDS {
        left: 184px;
        width: 113px;
    }

    .THUMBFINGERGRASP {
        left: 198px;
        width: 82px;
    }

    .SCRIBBLES {
        left: 317px;
        width: 118px;
    }

    .dgraph3 ul li:nth-of-type(16), .DUMPRAISIN {
        left: 344px;
        width: 147px;
    }

    .TOWEROF2CUBES {
        left: 367px;
        width: 141px;
    }

    .TOWEROF4CUBES {
        left: 418px;
        width: 158px;
    }

    .TOWEROF6CUBES {
        left: 511px;
        width: 136px;
    }

    .IMITATEVERTICALLINE {
        left: 585px;
        width: 124px;
    }

    .TOWEROF8CUBES {
        left: 576px;
        width: 160px;
    }

    .THUMBWIGGLE {
        left: 645px;
        width: 105px;
    }

    .dgraph3 ul li:nth-of-type(23), .COPY-C {
        left: 701px;
        width: 99px;
    }

    .DRAWPERSON3PTS {
        left: 735px;
        width: 130px;
    }

    .dgraph3 ul li:nth-of-type(25), .COPY-C {
        left: 727px;
        width: 148px;
    }

    .PICKLONGERLINE {
        left: 683px;
        width: 245px;
    }

    .dgraph3 ul li:nth-of-type(27), .COPY-CDEMONMSTR {
        left: 794px;
        width: 161px;
    }

    .DRAWPERSON6PARTS {
        left: 800px;
        width: 164px;
    }

    .dgraph3 ul li:nth-of-type(29), .COPY-CP {
        left: 881px;
        width: 122px;
    }

    /*4*/
    .REGARDFACE {
        width: 35px;
    }

    .SMILERESPONSIVELY {
        left: 10px;
        width: 35px;
    }

    .SMILESPONTANEOUSLY {
        width: 57px;
    }

    .WORKFORTOY {
        left: 19px;
        width: 83px;
    }

        .WORKFORTOY:nth-of-type(5) {
            left: 101px;
            width: 62px;
        }

    .FEEDSELF {
        left: 123px;
        width: 63px;
    }

    .PLAYPAT-A-CAKE {
        left: 188px;
        width: 110px;
    }

    .INDICATEWANTS {
        left: 200px;
        width: 134px;
    }

    .WAVEBYE-BYE {
        left: 183px;
        width: 183px;
    }

    .PLAYBALLWITHEXAMINER {
        left: 252px;
        width: 168px;
    }

    .IMITATEACTIVITIES {
        left: 266px;
        width: 161px;
    }

    .DRINKFROMCUP {
        left: 249px;
        width: 206px;
    }

    .HELPINHOUSE {
        left: 333px;
        width: 120px;
    }

    .dgraph4 ul li:nth-of-type(14), .USESPOON {
        left: 345px;
        width: 156px;
    }

    .REMOVEGARMENT {
        left: 351px;
        width: 226px;
    }

    .FEEDDOLL {
        left: 398px;
        width: 181px;
    }

    .PUTONCLOTHING {
        left: 511px;
        width: 118px;
    }

    .BRUSHTEETHWITHHELP {
        left: 426px;
        width: 227px;
    }

    .dgraph4 ul li:nth-of-type(19), .WASH-DRYHANDS {
        left: 495px;
        width: 193px;
    }

    .NAMEFRIEND {
        left: 605px;
        width: 98px;
    }

    .PUTONT-SHIRT {
        left: 603px;
        width: 128px;
    }

    .dgraph4 ul li:nth-of-type(22), .DRESS-NOHELP {
        left: 682px;
        width: 162px;
    }

    .dgraph4 ul li:nth-of-type(23), .PLAYBOARD-CARDGAMES {
        left: 656px;
        width: 221px;
    }

    .dgraph4 ul li:nth-of-type(24), .BRUSHTEETH {
        left: 639px;
        width: 258px;
    }

    .PREPARECEREAL {
        left: 695px;
        width: 216px;
    }