/* login page */
.loginBox {
    max-width: 600px;
    min-width: 400px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

.logoCenter {
    margin: 0 auto;
}

.loginBox .panel-title h3 {
    margin: 0;
}

.loginBox .form-control {
    height: 36px;
}

.loginBox .btnLogin {
    padding: 0;
    height: 36px;
    border: none;
    width: 110px;
    line-height: 36px;
    overflow: hidden;
    border-radius: 4px;
}

    .loginBox .btnLogin span {
    display: inline-block;
    margin: 0;
    float: none;
    height: 36px;
    line-height: 20px;
    width: auto;
    background-color: transparent;
    color: #ffffff;
    border: none;
    padding-left: 0;
    padding-right: 0;
    }

    .loginBox .btnLogin strong {
    }
/* /login page */


.controlBar .full-left {
    display: inline-block;
}

.btn.btnIcon {
    /*padding: 0 15px 0 0; line-height: 30px;*/
    border: none;
    font-size: 14px;
    
    border-radius: 3px;
}

    .btn.btnIcon i.fa {
        /*
        background-color: #f09119;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 15px;
        
        line-height: 29px;*/
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .btn.btnIcon i.fa.fa-spin {
            background-color: transparent;
            margin-right: 15px;
            line-height: normal;
            border-radius: 50%;
        }

    .btn.btnIcon.btnIconRight {
        /*padding: 0 0 0 15px;*/
        border: none;
        border-radius: 3px;
    }

        .btn.btnIcon.btnIconRight i.fa {
            /*margin-right: 0px;
            margin-left: 15px;*/
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

.dataCollectionNav .side-menu {
    position: relative;
    width: 100%;
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
    max-height: 1000px;
    overflow: auto;
    /*border-right: 1px solid #e7e7e7;*/
}

    .dataCollectionNav .side-menu .panel-body {
        padding: 0;
    }

    .dataCollectionNav .side-menu .panel-body {
        padding: 0;
    }

    .dataCollectionNav .side-menu .navbar-collapse {
        margin: 0;
        padding: 0;
    }


.controlBar {
    margin-bottom: 5px;
    /*z-index:9;*/
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}

.sp-heading {
    background-color: #064d8f;
    border-radius: 2px;
    margin-bottom: 15px;
}

    .sp-heading ul {
        padding: 0;
        margin: 0;
        border: 1px rgba(0,0,0,0.1) solid;
    }

        .sp-heading ul li {
            font-size: 16px;
            color: #fff;
            font-weight: 600;
            padding: 6px 10px;
            line-height: normal;
            border-bottom: 1px rgba(255,255,255,0.1) solid;
        }

            .sp-heading ul li:last-child {
                border-bottom: 0px;
            }





.sp-heading01 {
    background-color: rgba(255,255,255,1);
    padding: 0px;
    /*border-radius: 3px;
    
    color: #333;
    */
    border: 1px rgba(0,0,0,0.08) solid;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    margin-bottom: 6px;
    font-size: 12px;
    color: #333;
    padding: 2px 10px 6px 10px;
}

    .sp-heading01 ul {
        margin: 0;
        padding: 0;
    }

    .sp-heading01 li {
        list-style: none;
    }

        .sp-heading01 li:first-child {
            font-weight: 600;
            color: #111;
        }



        /*.sp-heading01 li:first-child {
            font-size: 14px;
        }*/

        .sp-heading01 li:last-child {
            border-bottom: 0px;
        }

        .sp-heading01 li i {
            font-size: 12px;
            margin-right: 8px;
        }


.slideLeftContain {
    position: absolute;
    right: -8px;
    top: 70px;
    margin-top: -20px;
    background-color: #064d8f;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFF;
    height: 70PX;
    line-height: 67PX;
    padding-right: 2px;
    padding-left: 2px;
    z-index: 1;
}

.side-nav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    border: none;
    border-radius: 0;
    border-top: none;
    overflow-y: auto;
    background-color: transparent;
    bottom: 0;
    overflow-x: hidden;
    padding-bottom: 20px;
}

    .side-nav > li {
        float: none;
    }

        .side-nav > li > a {
            /*width: 225px;*/
            padding: 10px 15px 10px 5px;
            border-bottom: 1px #c1dee8 solid;
        }

            .side-nav > li > a i.fa-check-square-o, .side-nav > li > a i.fa-exclamation-triangle, .side-nav > li > a i.fa-circle-o-notch {
                margin-right: 10px;
                font-size: 18px;
            }

            .side-nav > li > a i.fa-spin {
                margin: 0;
                font-size: 16px;
            }

        .side-nav > li i.fa-blank {
            width: 1em;
            content: '\A0';
            margin-right: 2px;
        }

        .side-nav > li > a i.fa-check-square-o {
            color: #27ab24;
            font-size: 14px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .side-nav > li > a i.fa-exclamation-triangle {
            color: #ff2323;
        }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #eee !important;
    }



.dataCollectionNav .side-menu .navbar-nav li a {
    display: block;
}

.dataCollectionNav .side-nav > li > ul {
    padding: 0;
    border-bottom: 1px #c1dee8 solid; /*1px rgba(0,0,0,.3) solid;*/
}

    .dataCollectionNav .side-nav > li > ul > li > a {
        display: block;
        padding: 10px 15px 10px 38px;
        text-decoration: none;
        color: #333;
        /*color: #fff;  */
    }

        .dataCollectionNav .side-nav > li > ul > li > a:hover {
            color: #000;
        }

.panel.panelnoPad .panel-body, .panel.panelnoPad .panel-footer {
    padding: 0;
}

.panel-heading h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.btn.text-warning, a.text-warning {
    color: #f0911c;
}

ul.list {
    margin-left: 0;
    padding-left: 0;
}

ul.list li {
    position: relative;
    list-style: none;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 8px;
}

ul.list li a {
    color: #666;
}

ul.list li:before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #666;
    font-size: 14px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
    left: 0;
}

.fullPageHeader {
    background-color: #eee;
    padding-left: 15px;
    padding-right: 15px;
}

    .fullPageHeader h1, .fullPageHeader h2, .fullPageHeader h3, .fullPageHeader h4 {
        margin-top: 0;
        margin-bottom: 0;
    }

.tblHistory tbody tr td, .tblHistory thead tr th {
    padding: 7px 8px;
}

@media screen and (max-device-width: 2400px) and (min-device-width: 768px) {
    .sideNavHight.dataCollectionNav {
        padding-right: 0;
    }
}


@media(min-width:768px) {
}

.label-fontsize-10 {
    font-size: 10px;
}

.section-title {
    color: #3386cd;
}

    .section-title .title-name {
        font-weight: bold;
        font-size: 16px;
    }

    .section-title .title-detail {
    }

.dataCollectionLeftBar {
    padding-left: 10px;
    width: 250px;
    position: absolute;
}

.dataCollectionRightBar {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 250px;
}

.selected-page {
    border-left: 3px solid #054581;
}

.questionary-description {
    font-size: 18px;
    color: rgba(21, 92, 158, 1);
}

.controls table{
    margin-bottom: -1px;
}
#combox-parent .input-sm-ChildControl {
    height: 30px !important;
}
.ending-page-message {
    border: 1px solid rgb(21, 92, 158);
    padding: 20px;
    max-width: 700px;
    border-radius: 6px;
    margin: 0 auto;
}