.main_content_box {
    position: relative;
    padding: 0px;
    border: solid 1px #ddd;
    border-top: none;
}

.header {
    background-color: #3ac5d9;
    color: #fff;
    border: 0 none;
    border-radius: 2px 2px 0 0;
    padding: 0px;
    height: 60px;
    margin: 0;
    z-index: 99;
    position: relative;
}

.header_inner {
    width: 100%;
    position: relative;
    padding: 0px 0px;
}

.header, .header_inner {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.header_brand {
    position: relative;
}

    .header_brand a, .header_brand label {
        cursor: pointer;
        font-size: 20px;
        line-height: 60px;
        color: #ffffff; /*for ie*/
        width: auto;
        max-width: 100%;
        float: left;
    }

        .header_brand a span {
            width: 100%;
            float: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.user_info_box {
    position: relative;
    display: table;
    height: 60px;
}

.user_info_inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.user-info {
    display: block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
}

.mobile-menu {
    padding: 10px 8px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    font-size: 28px;
    height: 40px;
    width: 42px;
    text-align: center;
    margin-right: 5px;
}

    .mobile-menu .meb {
        width: 100%;
        height: 4px;
        float: left;
        background-color: #ffffff;
        position: relative;
    }

        .mobile-menu .meb:nth-child(2) {
            margin-top: 5px;
            margin-bottom: 3px;
        }

    .mobile-menu .mtext {
        font-size: 11px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
        font-weight: bold;
        line-height: 1;
        margin-left: -1px;
}

.mobi_timer {
    display: block;
    height: 70px;
    margin: 0px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 10px 10px 0px 0px;
    text-align: right;
    font-size: 14px;
}

.footer {
    background-color: #3ac5d9;
    color: #fff; /*for ie*/
    font-size: 12px;
}

.footer, .footer_inner {
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

    .footer p {
        margin: 0px;
    }

.footer_inner {
    position: relative;
    display: table;
    height: 30px;
    line-height: 30px;
    width: 100%;
    padding: 0px 0px;
}

.contaier_box {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    padding: 0px;
}

.content_box {
    /*padding:10px 10px 10px 20px;    */
    padding: 10px 20px 10px 20px;
    margin-top: 0px;
}

.side_bar_menu {
    position: fixed;
    max-width: 228px;
    padding: 0px;
}

    .side_bar_menu ul {
        background-color: #f6f6f6;
        border-left: 1px solid #c5c5c5; /* for ie*/
        /*border-left: 1px solid #c6c4c4;*/
        /*background-color:transparent*/ /*background: -moz-linear-gradient(left, #eeeeee, transparent 8%);*/ /*background: -webkit-linear-gradient(90deg, red 1%, transparent 99%); /* For Safari 5.1 to 6.0 */ /*    background: -o-linear-gradient(90deg, red 1%, transparent 99%); /* For Opera 11.1 to 12.0 */ /*  background: -moz-linear-gradient(90deg, red 1%, transparent 99%); /* For Firefox 3.6 to 15 */ /*background: linear-gradient(90deg, red 1%, transparent 99%); /* Standard syntax (must be last) */
        /*background-image: url("../theme/sidemenybg.png");*/
        background-position: 0 0;
        background-repeat: repeat-y;
        list-style: outside none none;
        margin: 0px;
        padding: 0px;
    }

        .side_bar_menu ul li {
            display: block;
        }

            .side_bar_menu ul li a {
                border-top: 1px solid #fff;
                border-bottom: 1px solid #e5e5e5;
                border-right: 3px solid #ddd;
                color: #777; /* for ie*/
                border-left: 3px solid transparent;
                font-size: 12px;
                height: 50px;
                line-height: 50px;
                overflow: hidden;
                padding: 0px 10px 0px 10px;
                display: block;
                /**/
                overflow:hidden;
                text-overflow:ellipsis;
                white-space:nowrap;
            }

                .side_bar_menu ul li a:hover {
                    border-right: solid 3px #aaa;
                    background-color: #eee;
                    color: #333; /*for ie*/
                    text-decoration: none;
                }
                /*.side_bar_menu ul li:nth-child(2) a
{border-top:none;}*/

                /*.side_bar_menu ul li:last-child a{border-bottom:none;}*/
                .side_bar_menu ul li a.active {
                    background-color: #fff;
                    border-left: 3px solid red; /*for ie*/
                    border-right: 3px solid #fff;
                    color: #333333;
                }


                .side_bar_menu ul li a .fa {
                    display: inline-block;
                    width: 18px;
                    line-height: normal;
                }

                .side_bar_menu ul li a span.badge {
                    font-size: 10px;
                    margin: 17px 0 0;
                    padding: 3px 4px;
                    text-shadow: none;
                    width: auto;
                }

.badge {
    background-color: #999999;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}



/*    Old  */
.special_int_box {
    margin-bottom: 30px;
}

.GuidelineBox {
    border-top: solid 1px #eee;
    padding: 10px;
}

.special_int_text {
    padding: 10px;
    background-color: #f6f6f6;
    border: solid 1px #eee;
    float: left;
    width: 100%;
    max-width: 100%;
}

    .special_int_text ol, .special_int_text ul {
        margin: 0px;
        padding-left: 20px;
    }

        .special_int_text ol li, .special_int_text ul li {
            line-height: 28px;
        }

table[data-table=insttable] {
    width: auto;
    max-width: 100%;
    border: solid 1px #000;
    margin-top: 20px;
    margin-bottom: 10px;
}

    table[data-table=insttable] th,
    table[data-table=insttable] td {
        padding: 4px 8px;
        border-top: solid 1px #000;
        border-left: solid 1px #000;
        text-align: center;
    }

    table[data-table=insttable] tr th:first-child,
    table[data-table=insttable] tr td:first-child {
        text-align: left;
    }

.page-heading {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 1px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.sub-page-heading {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

#header-nav {
    /*padding:0px 10px; 	margin-top:7px;	*/
    height: 60px;
    text-align: right;
}

    #header-nav .user-info {
        /*display: block;*/
        font-size: 12px;
        color: #fff;
        text-align: right;
        font-weight: bold;
        letter-spacing: 1px;
        /**/
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

#header-navbar .btn-info, #buttondiv {
    background-color: #27b6ca;
    color: #fff;
    border-color: #24a9bc;
    padding: 4px 10px;
    box-shadow: 0px 0px 3px #24a9bc inset;
}
.grpnamebox{
    display:flex;
    opacity:0.75;
}
.mobi_timer .grpnamebox{
    display:inline-flex;
}
#ctl00_lblEmpGrpName, #mobigrpname {
    display: inline-block;    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#ctl00_lblEmpGrpName {
    max-width: 100px;
}
#mobigrpname {
    max-width: 150px;
}


.table .popover div {
    display: block;
}

.table .popover span {
    font-weight: 900;
}

.table .popover .details {
    color: #999;
    font-weight: normal;
}

.table .popover hr {
    margin: 5px 0px;
}

#btnclear, #btnflag, #btndrop, #btnfeedback {
    padding: 8px 20px;
}

/*#btnclear .visible-lg, #btnclear .visible-md, #btnflag .visible-lg, #btnflag .visible-md, #btndrop .visible-lg, #btndrop .visible-md
{
	display:inline-block !important;
	margin-left:5px;
}*/


@media (max-width: 991px) {
    #left-grid {
        margin-left: -200px;
        position: absolute;
    }
}

.historybox {
    /*border-bottom:dotted 1px #aaa;*/
    padding: 5px 0px 0px 0px;
    cursor: pointer;
    min-height: 50px;
}
.historyboxinner {
    position: relative;
    padding: 10px 10px;
}
    .historyboxinner:after {
        content: '\f0da';
        font-family: FontAwesome;
        position: absolute;
        left: 8px;
        color: #777;
        font-weight: bold;
        font-size: 16px;
        line-height: 1;
        /*-moz-transition: all 0.2s ease-in 0s;
        -webkit-transition: all 0.2s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;*/
        transition: all 0.2s ease-in 0s;
        z-index:98;
    }
    .boxclose .historyboxinner {
        background-color: inherit;
        /*padding: 0px 0px;*/
    }
.boxopen .historyboxinner {
    background-color: #eeeeee;
    /*padding: 10px 0px;*/
}
.boxclose .historyboxinner:after {
    transform:rotate(0deg);
}
.boxopen .historyboxinner:after{
    transform:rotate(90deg);
}

.boxopen {
    background-color: #fafafa;
    border-bottom: dotted 0px #aaa;
    box-shadow: 0px 0px 5px #777;
    position: relative;
    z-index: 9;
}

.boxclose {
    background-color: #fff;
    border-bottom: dotted 1px #aaa;
}

    .boxclose:hover {
        background-color: #fefdfd;
    }

        .boxclose:hover:before, .boxopen:hover:before {
            content: '\f068';
            font-family: FontAwesome;
            position: absolute;
            left: 50%;
            bottom: 0px;
            color: #ccc;
            z-index:99;
        }

.divloading {
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    position: fixed;
    z-index: 9999;
    background: rgba(255,255,255,255);
    /*  display:none;*/
}
/*.divoverlay
{
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: #000;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 9998;
}*/
.divloading_inner {
    height: 60px;
    line-height: 60px;
    letter-spacing: 4px;
    font-size: 12px;
    position: absolute;
    top: 50%;
    text-align: center;
    margin-top: -30px;
    color: #000;
    z-index: 9999;
}

.divloading img {
    height: 34px;
    width: 34px;
    margin: 0px 20px 0px 0px;
}

#circleG {
    width: 90px;
    margin: auto;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.circleG {
    background-color: rgba(255,255,255,0.97);
    float: left;
    height: 19px;
    margin-left: 10px;
    width: 19px;
    animation-name: bounce_circleG;
    -o-animation-name: bounce_circleG;
    -ms-animation-name: bounce_circleG;
    -webkit-animation-name: bounce_circleG;
    -moz-animation-name: bounce_circleG;
    animation-duration: 0.8775s;
    -o-animation-duration: 0.8775s;
    -ms-animation-duration: 0.8775s;
    -webkit-animation-duration: 0.8775s;
    -moz-animation-duration: 0.8775s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    border-radius: 13px;
    -o-border-radius: 13px;
    -ms-border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
}

#circleG_1 {
    animation-delay: 0.1795s;
    -o-animation-delay: 0.1795s;
    -ms-animation-delay: 0.1795s;
    -webkit-animation-delay: 0.1795s;
    -moz-animation-delay: 0.1795s;
}

#circleG_2 {
    animation-delay: 0.4055s;
    -o-animation-delay: 0.4055s;
    -ms-animation-delay: 0.4055s;
    -webkit-animation-delay: 0.4055s;
    -moz-animation-delay: 0.4055s;
}

#circleG_3 {
    animation-delay: 0.5285s;
    -o-animation-delay: 0.5285s;
    -ms-animation-delay: 0.5285s;
    -webkit-animation-delay: 0.5285s;
    -moz-animation-delay: 0.5285s;
}



@keyframes bounce_circleG {
    0% {
    }

    50% {
        background-color: rgb(2,125,174);
    }

    100% {
    }
}

@-o-keyframes bounce_circleG {
    0% {
    }

    50% {
        background-color: rgb(2,125,174);
    }

    100% {
    }
}

@-ms-keyframes bounce_circleG {
    0% {
    }

    50% {
        background-color: rgb(2,125,174);
    }

    100% {
    }
}

@-webkit-keyframes bounce_circleG {
    0% {
    }

    50% {
        background-color: rgb(2,125,174);
    }

    100% {
    }
}

@-moz-keyframes bounce_circleG {
    0% {
    }

    50% {
        background-color: rgb(2,125,174);
    }

    100% {
    }
}

.headtext {
    line-height: 68px;
}

.headno {
    /*border:solid 1px #0dc4ff;        	         	background-color:#2fccff;        	*/
    text-align: center;
    font-size: 28px;
    float: left; /*width:23px;         	height:21px;*/ /*width:28px;         	height:28px;         	line-height:24px;*/
    margin: 5px 5px 0px 0px; /*border-radius:100%;*/
    color: #f98518;
    font-weight: bold; /*text-shadow:1px 1px 0px #00a4d9;*/ /*box-shadow:0px 0px 3px #00b1ea inset;*/
}

.progressmaindiv {
    float: right;
    display: inline-block;
}

    .progressmaindiv .fa {
        margin-top: 3px;
        color: #999;
    }

        .progressmaindiv .fa:hover {
            color: #777;
        }

    .progressmaindiv img {
        margin-top: 6px;
    }

.progressdiv {
    height: 5px;
    width: 100px;
    margin-top: 9px;
    cursor: pointer;
    border-radius: 3px; /*background-image: linear-gradient(#eee, #eee 10%, #ddd);*/
    background-color: #fff;
    box-shadow: 0px 3px 1px #ddd inset;
    border-bottom: solid 1px #e5e5e5;
}

.progressinner {
    background-color: Green;
    height: 5px;
    border-radius: 3px;
}

.maindiv {
    padding: 10px 10px;
    display: block;
    margin-bottom: 0px;
}

    .maindiv.disabledlabel {
        border-bottom: solid 1px #e5e5e5;
        border-top: solid 1px #fff;
    }

    .maindiv.uncheckedlabel {
    cursor: pointer;
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 1px #fff;
}

        .maindiv.uncheckedlabel:hover {
        background-color: #eee;
        border-bottom: solid 1px #e5e5e5;
        border-top: solid 1px #f6f6f6;
    }

.disabledlabel {
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 1px #fff;
}

.checkedlabel {
    background-color: #eee;
    cursor: pointer;
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 1px #f6f6f6;
}
/* .checkedlabel:hover{background-color:#eee;}*/

.innerbox {
    overflow-x: hidden;
    overflow-y: auto;
}

.questionmode {
    padding: 11px 0px 11px 12px;
    display: block;
    margin: 0px;
    font-size: 12px;
    cursor: pointer;
    border: solid 1px transparent;
}

.modeselected {
    background-color: #f6f6f6;
    border: solid 1px #ddd;
    border-right: solid 1px transparent;
    z-index: 99;
    position: relative;
}

.secname input {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

.lblshowcorrectpercentage {
    float: right;
    font-size: 12px;
    color: #428bca;
    cursor: pointer;
    line-height: 68px;
}

.progresstooltip {
    position: absolute;
    text-align: center;
    display: none;
    margin-top: -33px;
    width: 100px;
    height: auto;
    font-size: 12px;
    border: solid 1px #333;
    background-color: #333;
    border-radius: 3px;
    color: #fff;
    padding: 2px 0px;
}

    .progresstooltip:before {
        position: absolute;
        left: 50%;
        content: '\f0d7';
        font-family: FontAwesome;
        color: #333;
        font-size: 16px;
        bottom: -14px;
        margin-left: -5px;
    }

#difficulty .progresstooltip {
    margin-top: -50px;
    width: auto;
    min-width: 60px;
    padding: 2px 6px;
}

#difficulty span:not(.progresstooltip), #exammode span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.toalavailable {
    font-size: 20px;
}

.onoffswitch {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    left: 50%;
    margin-left: -30px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 20px;
        padding: 0;
        line-height: 20px;
        font-size: 12px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }

    .onoffswitch-inner:before {
        content: "Yes";
        padding-left: 14px;
        text-align: left;
        background-color: #21AC5B;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "No";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 14px;
    height: 14px;
    margin: 5px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    border: solid 2px #148443;
}

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
        border: solid 2px #148443;
    }

.testmakerloading {
    position: fixed;
    border: solid 0px #000;
    height: 100%;
    background-color: #f6f6f6;
    width: 100%;
    z-index: 999;
    left: 0px;
    top: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .testmakerloading img {
        position: fixed;
        left: 50%;
        top: 50%;
        height: 60px;
        width: 60px;
        margin: -30px 0px 0px -30px;
        z-index: 1000;
    }

#questionmodebox .badge {
    float: right;
    margin-right: 10px;
    margin-top: 0px;
    font-size: 12px;
    background-color: #428bca;
}

.modeselected .badge {
    background-color: #777;
}

#examfinishbody {
    background-color: #fff;
    border: solid 1px #ddd;
    box-shadow: 0px 0px 5px #ccc;
    margin-top: 50px;
    padding: 20px;
}

#examfinishbuttonbox {
    padding: 0px;
}

.examfinish-big {
    font-size: 26px;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px 0px;
}

.examfinish-small {
    font-size: 16px;
    padding: 5px 0px;
    text-align: center;
    letter-spacing: 1px;
    color: #999;
}

#examfinish-progressbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.examfinish-progress {
    height: 20px;
    background-color: #ddd; /*border:solid 1px #d4d4d4;*/
    border-radius: 4px;
    box-shadow: inset 2px 2px 5px #e5e5e5;
}

.examfinish-progressinner {
    height: 20px;
    line-height: 20px;
    border-radius: 4px; /*background-color:green;*/
}
/*.examfinishresult
 {
 	 padding:0px 5px;
 	 color:#fff;
 	 font-size:12px;
 }*/
#exampercantage {
    font-size: 36px;
    font-weight: bold;
}

.examresult {
    font-size: 24px;
    color: #666666;
    font-weight: normal;
    text-decoration: underline;
    -moz-text-decoration-color: #f1c40f;
    text-decoration-color: #f1c40f;
}

#examresultfeedback {
    padding: 20px 0px;
}

.no_action {
    display: block;
    clear: both;
    font-size: 13px;
    font-weight: normal;
    color: #777;
}

#examtimetaken {
    font-size: 12px;
    color: #999;
    padding: 5px 0px;
}

#examfinishbuttonbox {
    margin-top: 20px;
}

#examnotdeclared {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    height: 140px;
}

#testmakerbody {
    border: solid 1px #ddd;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 3px;
    padding: 5px;
}
/* #reviewexambox
        {
            float:left;
            width:100%;
            padding:5px 10px;
        }*/
.testmakerlink a {
    color: #999;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 1px 0px;
    text-shadow: 1px 1px 0px #fff;
}

    .testmakerlink a:hover, .testmakerlink a.selectedlink {
        text-decoration: none;
        color: #777;
        font-size: 12px;
        letter-spacing: 1px;
        border-bottom: solid 2px #c3c3c3;
        text-shadow: 1px 1px 0px #fff;
    }

.review_score {
    font-size: 20px;
    font-weight: normal;
}

.required {
    font-size: 14px;
}

#feedbackbox {
    padding: 10px;
}

#percentage, #required {
    font-weight: bold;
}

#review_progress {
    background-color: #fafafa;
    background-image: linear-gradient(to bottom, #fafafa, #eeeeee);    
    border-color: #e5e5e5;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    height: 45px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0px;
}

.progressbar-inner {
    border-radius: 5px;
    height: 44px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.progressbar-pass {
    background-color: #02c70a;
    background-image: -moz-linear-gradient(center top, #02c70a, #02a508);
}

.progressbar-fail {
    background-color: #f43f3f;
    background-image: -moz-linear-gradient(center top, #f43f3f, #db3434);
}

.grade_text {
    background-color: #dd8f00;
    color: #eeeeee;
    border: solid 1px #bb7900;
    position: relative;
    text-align: center;
    top: 14px;
    z-index: 99;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    min-width: 80px; /*opacity:0.8;*/ /*text-shadow:1px 1px 0px #ccc;*/
}

.gradebox {
    border: solid 1px #ddd;
    background-color: #f1f1f1;
    height: 166px;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    webkit-border-radius: 3px;
}

.review-q-infobox, .review-q-infobox tr {
    border-bottom: dashed 1px #ddd;
    padding: 2px 0px;
    letter-spacing: 1px;
    text-align: left;
}

    .review-q-infobox td {
        font-size: 14px;
        padding: 6px 0px;
    }

    .review-q-infobox .bigtext {
        display: block;
        font-size: 20px;
        padding: 0px;
        white-space: nowrap;
    }

    .review-q-infobox .smalltext {
        display: block;
        font-size: 12px;
        color: #999;
        padding: 0px;
        white-space: nowrap;
    }

.correct-legend, .incorrect-legend, .parcorrect-legend, .unanswred-legend {
    width: 6px;
    height: 36px;
    padding: 0px;
    margin: 6px 10px 0px 0px;
    float: left;
}

.correct-legend {
    background-color: #BEDB39;
}

.incorrect-legend {
    background-color: #FD7400;
}

.parcorrect-legend {
    background-color: #1F8A70;
}

.unanswred-legend {
    background-color: #FFE11A;
}

.user-infobox {
    padding: 5px 0px;
    display: block;
    letter-spacing: 1px;
    /*text-shadow: 1px 1px 0px #fff;*/
}

    .user-infobox .bigtext {
        font-size: 14px;
        display: block;
        color: #333;
    }

    .user-infobox .smalltext {
        font-size: 12px;
        color: #999;
        display: block;
    }

#container1 {
    margin: 0 auto;
    position: relative;
    width: 200px;
    float: none;
    /*position: relative;
    left: 50%;
    margin-left: -105px;*/
}

.chart-centerbox {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 120px;
    font-size: 28px;
    height: 36px;
    line-height: normal;
}

    .chart-centerbox.dobule {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        text-align: center;
        width: 120px;
        height: 60px;
        font-size: 20px;
    }

#mainchartbox {
    margin-top: 70px;
    margin-bottom: 70px;
}

#back {
    font-size: 12px;
    cursor: pointer;
    color: #666;
}

    #back:hover, #back:focus {
        color: #333;
        text-decoration: underline;
    }

#examname {
    font-size: 18px;
    color: #999;
    font-weight: bold;
}

#attemptno {
    font-size: 14px;
    color: #777;
    font-weight: normal;
    margin-left: 10px;
}

#linkbox {
    margin-top: 10px;
    margin-bottom:10px;
}

#testmakercenter {
    border-right: solid 0px #ddd;
    background-color: #f6f6f6;
    border-left: solid 1px #ddd;
    margin-left: -1px;
    padding: 0px 0px 0px 0px;
}

#maindivision {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    padding: 0px;
}

#exammodebox {
    margin: 10px 0px 73px 0px;
}

#difficultybox {
    margin: 10px 0px 0px 0px;
}

#availableqbox, #queselectbox, #switchbox {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    #exampercantage {
        font-size: 20px;
    }

    #linkbox {
        margin-top: 0px;
    }

    .inner-content {
        padding: 0px;
    }

    #examfinishbody {
        margin-top: 0px;
        padding: 5px;
    }

    .examfinish-big {
        font-size: 18px;
        letter-spacing: 0px;
    }

    .examfinish-small {
        font-size: 14px;
        letter-spacing: 0px;
    }

    #examnotdeclared {
        font-size: 22px;
        height: 80px;
    }

    #mainchartbox {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .page-heading {
        font-size: 16px;
        height: auto;
        line-height: normal;
        margin-bottom: 20px;
        padding-left: 5px;
    }

    #review_progress {
        /*height: 25px;*/
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .progressbar-inner {
        /*height: 25px;*/ /*position: relative;*/
    }

    #chartbox, .infobox {
        margin-top: 10px;
    }

    #examname {
        font-size: 14px;
    }

    .review_score {
        font-size: 16px;
    }

    .required {
        font-size: 12px;
    }

    .questionmode {
        padding: 8px 0 8px 12px;
    }

    #questionmodebox {
        padding: 0px 10px;
        display: none;
    }

    #questionmodeclick, #selectsectionhead {
        padding: 8px 0px 8px 12px;
        display: block;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        border: solid 1px #ddd;
        background-color: #f6f6f6;
        text-shadow: 1px 1px 0px #fff;
    }

    #questionmodeclick {
        margin: 10px 5px;
    }

    #selectsectionhead {
        margin: 0px;
    }

    .mclose:before, .mopen:before {
        /*position:absolute;*/
        font-family: FontAwesome;
        margin-right: 10px;
        float: left;
        margin-top: -1px;
    }

    .modeselected {
        background-color: #fafafa;
        border: solid 1px #ddd;
    }

    .mclose:before {
        content: '\f078';
    }

    .mopen:before {
        content: '\f077';
    }

    #testmakercenter {
        background-color: #fff;
        border-left: solid 0px #ddd;
        margin-left: 0px;
        margin-top: 30px;
        padding: 0px 5px 0px 5px;
    }

    #maindivision {
        overflow: hidden;
        height: 100%;
        background-color: #fafafa;
    }

    #exammodebox {
        margin: 10px 0px 60px 0px;
    }

    #difficultybox {
        margin: 10px 0px 10px 0px;
    }

    #availableqbox, #queselectbox, #switchbox {
        margin-bottom: 20px;
    }

    .toalavailable {
        font-size: 24px;
    }
}

.photo {
    height: 160px;
    max-height: 160px;
    width: 120px;
    max-width: 120px;
    border: solid 1px #ddd;
    margin-bottom: 5px;
    position: relative;
}

.photocoverbox {
    border: solid 1px #d4d4d4;
    box-shadow: 0px 0px 5px #ccc inset;
    background-color: #fafafa;
    padding: 5px;
    display: inline-block;
}

.photobox {
    border: solid 1px #d4d4d4;
    position: relative;
}
    .photobox .photoloading{
        position:absolute;
        z-index:9991;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        background-color:rgba(255,255,255,0.9);
        display:none;
    }
        .photobox .photoloading img {
            height: 32px;
            width: 32px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

.photoboxinner {
    min-height: 150px;
    width: 120px;
    background-color: #ffffff;
}

.profilephoto {
    height: auto;
    width: auto;
    max-width: 100%;
}

.noprofile {
    font-size: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 100px;
    line-height: 100px;
    color: #bbbbbb;
    cursor: pointer;
}

    .noprofile:hover {
        color: #777;
    }

.filename {
    display: inline-block;
    font-size: 12px;
    width: 100%;
}

#showremove {
    display: none;
    position: absolute;
    bottom: 0;
    float: left;
    /*height: 20px;*/
    width: 100%;
    background: rgba(0,0,0,0.500);
    text-align: center;
    left: 0;
    padding: 3px 0px;
}

.photobox.hp:hover > #showremove {
    display: block;
}

#showremove a, #showremove label {
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
    margin: 0px;
}

    #showremove a:hover, #showremove label:hover {
        background-color: #fff;
        color: #000;
    }

#finishexam-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    background-color: #f6f6f6;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

.finishexam-popup-inner {
    height: 200px; /*width:200px;*/
    position: absolute;
    top: 50%; /*left:50%;*/
    margin-top: -100px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    border-radius: 4px; /*box-shadow:inset -1px -1px 3px #ccc;*/
    box-shadow: 0px 0px 5px #ccc; /*box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;*/
}

    .finishexam-popup-inner .text {
        display: block;
        text-align: center;
        font-size: 18px;
        padding: 10px 0px;
        height: 100px;
        line-height: 100px;
    }

#countdown {
    color: Red;
    font-weight: bold;
}

/*.summrybox
{
    
}
.summry-heading
{
    padding: 10px 0px 10px 10px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: solid 1px #eee;
}
.summary-box
{
    border-top: solid 1px #fff;
}

.summry-info-name
{

    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 10px 0px;
    text-align: center;
    letter-spacing: 1px;
}
.summry-info-result
{

    display: block;
    font-size: 26px;
    font-weight: normal;
    color: #999;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-shadow: 1px 1px 0px #fff;
}*/
.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

.dashboard-box {
    /*padding: 20px 0px;
    border-bottom: solid 1px #eee;
    border-top: solid 1px #fff;
    text-align: center;
    min-height: 100px;*/
    border: solid 1px #e5e5e5;
    box-shadow: 0px 0px 3px #d4d4d4;
    padding: 10px 20px;
}

.borderbottom {
    border-bottom: solid 1px #ddd;
}

#storebox .storeshow .midiumtext,
#storebox .storeshow .bigtext {
    display: block;
}

#storebox .storeshow .midiumtext {
    font-size: 18px;
    color: #555;
}

#storebox .storeshow .bigtext {
    font-size: 30px;
    padding: 6px 0px;
    color: #000;
}

/*Store Hide*/
#storebox .storehide {
    padding: 70px 0px 68px 0px;
}

    #storebox .storehide .smalltext {
        font-size: 12px;
        color: #999;
        display: block;
        padding: 10px 0px;
    }

#summrybox {
    margin-bottom: 20px;
}

    #summrybox .heading, #compatibilitybox .heading, #videobox .heading, #storebox .heading {
        font-size: 13px;
        color: #333;
        font-weight: bold;
        padding: 10px 0px;
    }
    /*#videobox .heading {
    padding:10px 0px 20px 0px;
}*/

    #summrybox .summry-info-result, #summrybox .summry-info-name {
        display: block;
        color: #777;
        text-align: center;
        padding: 6px 6px;
        /**/
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #summrybox .borderbox {
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
    }

#recentactivitybox {
    padding: 10px;
}

.recentactivitybox {
    padding-left: 0px 0px 0px 0px;
    border-left: solid 2px #ddd;
}

    .recentactivitybox .recentactivityboxinner:last-child {
        padding: 0px 20px 0px 20px;
    }

.recentactivityboxinner {
    padding: 0px 20px 20px 20px;
}

    .recentactivityboxinner.signin .circle,
    .recentactivityboxinner.signout .circle,
    .recentactivityboxinner.dropped .circle {
        position: absolute;
        width: 12px;
        height: 12px;
        top: 1px;
        left: -7px;
        border-radius: 100%;
    }

    .recentactivityboxinner.signin .circle {
        background-color: green;
    }

    .recentactivityboxinner.signout .circle {
        background-color: red;
    }

    .recentactivityboxinner.dropped .circle {
        background-color: orange;
    }

    .recentactivityboxinner .datetimeinfo {
        display: block;
        font-size: 12px;
        color: #333;
        font-weight: bold;
        line-height: normal;
    }

    .recentactivityboxinner .browerifo {
        display: block;
        font-size: 12px;
        color: #999;
        line-height: normal;
    }

    .recentactivityboxinner .statusinfo {
        display: block;
        font-size: 12px;
        color: #999;
        line-height: normal;
    }

    .recentactivityboxinner .datetimeinfo,
    .recentactivityboxinner .browerifo,
    .recentactivityboxinner .statusinfo {
        padding: 0px 5px 0px 0px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/*.dashboard-box .fa
{
    font-size: 500%;
}
.dashboard-box .icon, .dashboard-box .info, .dashboard-box .buttonbox
{
    display: block;
    padding: 6px 0px;
}*/
.dashboard-box .logobox {
    border-bottom: solid 1px #ddd;
    padding: 10px 20px;
    height: 130px;
}

.dashboard-box .img_logo {
    width: auto;
    max-width: 200px;
    max-height: 100px;
}

.dashboard-box .info {
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #fff;
}

#compatibilitybox .infotext, #videobox .infotext {
    font-size: 12px;
    display: block;
    color: #777;
}

.linkbox {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 10px 0px;
    font-weight: bold;
    text-transform: uppercase;
}
/*
.popup_main_box
{
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background:rgba(0,0,0,0.700);
}
.overlay
{
    background-color: #000000;    
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 998;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";   
    filter: alpha(opacity=50);   
    -moz-opacity: 0.5;    
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    
}
.popupbox
{
    border: solid 1px #333;
    background-color: #fafafa;
    height: auto;
    position: absolute;
    z-index: 999;
    top: 50px;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 10px #444;
    -moz-box-shadow: 0px 0px 10px #444;
    -webkit-box-shadow: 0px 0px 10px #444;
}
.popupbox-inner
{
    padding: 10px;
}
.popup-heading
{
    height: auto;
    padding: 10px;    
    border-style:solid;
    border-width:1px;
    border-color:#d4d4d4;    
    background-color:#eeeeee;
    color: #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.popup-heading .fa
{
    float: left;
    margin: 5px 15px 0px 0px;
    font-size: 300%;
}
.popup-heading .bigtext
{
    font-size: 18px;
    display: block;
    padding-bottom: 2px;
}
.popup-heading .smalltext
{
    font-size: 12px;
    display: block;
    line-height: 12px;
}
.loadimg
{
    height: 16px;
    width: 16px;
    display: none;
}
.popup-table
{
    width: 100%;
    font-size: 12px;
}
.popup-table td
{
    border-bottom: dotted 1px #b2b2b2;
    padding: 10px 5px;
}
.popup-table td.left-text
{
    color: #666;
    font-weight: normal;
    width: 40%;
}
.popup-table td.right-text
{
    color: #444;
    font-weight: bold;
    width: 20%;
}
.checkresult
{
    font-size: 16px;
}

.popup-table td.compatible_status
{
    width: 35%;
}
.popup-table td.compatible
{
    color: Green;
}
.popup-table td.notcompatible
{
    color: Orange;
}*/

#logview {
    margin-top: 20px;
    padding: 20px;
}

#examdetails {
    cursor: default;
}

.historybox #examresult {
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
}

.historybox .examresultbox {
    display: inline-block;
}

.result-progress {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: left;
    height: 5px;
    width: 100px;
    margin: 6px 5px;
}

.result-progress-innner {
    border-radius: 5px;
    height: 5px;
    margin-top: -1px;
    background-color: Green;
}
/*#Modalvideo .modal-body
{
    height: 400px;
    padding: 10px;
}*/
.table_pop_head .first_td {
    width: 80%;
}

.table_pop_head .last_td {
    width: 20%;
}

#ModalCompablity .modal-content {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

@media (max-width: 768px) {
    .table_pop_head .first_td {
        width: 100%;
    }

    .table_pop_head .last_td {
        display: none;
    }

    /*body
    {
        padding: 0px;
    }*/
    .mainbody {
        padding: 0px;
    }
    /*#Modalvideo .modal-body
    {
        height: 200px;
        padding: 5px;
    }*/
    #footer-bar, #footer-bar-examscreen {
        bottom: 0px;
    }

    .popupbox {
        top: 80px;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 999;
    }

    .finishexam-popup-inner .text {
        font-size: 14px;
        padding: 10px 0px;
        height: 100px; /*line-height:100px;*/
    }

    .dashboard-box {
        padding: 10px 10px;
        min-height: 10px;
    }

        .dashboard-box .fa {
            font-size: 200%;
        }

        .dashboard-box .icon, .dashboard-box .info, .dashboard-box .buttonbox {
            padding: 3px 0px;
        }

    .popup-table td {
        padding: 5px 5px;
    }

        .popup-table td.left-text {
            width: 50%;
        }

        .popup-table td.right-text {
            width: 40%;
        }

        .popup-table td.compatible_status {
            display: none;
        }

    .popup-heading .fa {
        float: left;
        margin: 5px 5px 0px 0px;
        font-size: 150%;
    }

    .popup-heading .bigtext {
        font-size: 14px;
        font-weight: bold;
    }

    .popup-heading .smalltext {
        display: inline-block;
    }

    #storebox .storehide {
        padding: 10px 0px 10px 0px;
    }
}

.check_ok_msg, .check_warning_msg {
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    padding: 4px 12px;
    font-size: 12px;
    margin-top: 0px;
    text-align: center;
    display: block;
}

.system_msg {
    min-height: 80px;
    margin-top: 10px;
}

.check_ok_msg {
    border-color: #00c400;
    background-color: #f7fff7;
}

.check_warning_msg {
    border-color: #efcc66;
    background-color: #fdfaf0;
}

.historybox .btn-link {
    border-radius: 2px;
}

    .historybox .btn-link:hover {
        background-color: #428bca;
        color: #ffffff;
        text-decoration: none;
    }

.historybox .certyiconbox {
    display: inline-block;
}

    .historybox .certyiconbox img {
        width: 32px;
        height: auto;
    }

.retake.btn.btn-warning {
    /*width:80px;*/
    min-width: 80px;
    width: auto;
    max-width: 100%;
}

/*   End Old */




@media (min-width: 1200px) {
    .side_bar_menu ul li:last-child a {
        border-bottom: none;
    }

    .side_bar_menu ul li:nth-child(2) a {
        border-top: none;
    }
}


@media (min-width: 768px) and (max-width: 991px) /* For Only Tablet Device */
{
    /*body{padding:10px;}*/
    .side_bar_menu ul li a {
        text-align: center;
    }

        .side_bar_menu ul li a .fa {
            line-height: 48px;
        }

    .side_bar_menu ul li:last-child a {
        border-bottom: none;
    }

    .side_bar_menu ul li:nth-child(2) a {
        border-top: none;
    }

    .dashboard-box {
        padding: 10px 10px;
    }
}

@media (max-width: 767px) /* For Only Mobile Device */{
    
    .mainbody {
        padding: 0px;
    }
    .header {
        height: 40px;
    }
    .header_inner {
        padding: 0px 0px;
    }
    .header_brand a {
        line-height: 40px;
    }
    .footer {
        font-size: 10px;
    }
    .footer, .footer_inner, .header, .header_inner {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    .side_bar_menu {
        display: none;
        z-index: 100;
        width: 100%;
        max-width: 100%;
        top: 40px;
        bottom: 0;
        margin: auto;
        background-color: #f6f6f6;
    }

        .side_bar_menu ul {
            margin-bottom: 10px;
        }

    .header_brand {
        padding: 0px;
    }

    .popupbox {
        top: 30px;
    }

    .content_box {
        padding: 5px 5px 5px 5px;
    }

    .historybox #examresult {
        margin-left: 0px;
        display: block;
    }

    .historybox .examresultbox {
        display: block;
    }

    .retake.btn.btn-warning {
        width: auto;
    }
}

#mainloading {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 9998;
    background-color: #fff;
}

    #mainloading .inner-loading {
        position: absolute;
        height: 100px;
        line-height: 100px;
        font-size: 16px;
        letter-spacing: 3px;
        top: 25%;
        margin-top: -50px;
        color: #000;
        font-weight: 400;
    }

.end_of_page {
    text-align: center;
    height: 200px;
    line-height: 200px;
    color: #777;
    font-size: 12px;
}

.fb-like {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}

.correct_incorrect_box {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 30px;
}

    .correct_incorrect_box .heading {
        background-color: #f2f2f2;
        border-bottom: 1px solid #ddd;
        padding: 5px 10px;
    }

        .correct_incorrect_box .heading .big_text {
            color: #666;
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
            text-align: left;
        }

        .correct_incorrect_box .heading .small_text {
            color: #a2a2a2;
            display: inline-block;
            font-size: 11px;
            text-align: left;
        }

.text_correct, .text_incorrect {
    display: inline-block;
}

.text_correct {
    color: Green;
}

.text_incorrect {
    color: Red;
}

.correct_incorrect_inner .fa {
    display: inline-block;
    font-size: 140%;
}

.correct_incorrect_box .correct_incorrect_inner {
    padding: 10px 0;
}

    .correct_incorrect_box .correct_incorrect_inner .big_text {
        color: #666;
        display: block;
        font-size: 22px;
        text-align: center;
    }

    .correct_incorrect_box .correct_incorrect_inner .small_text {
        color: #999;
        display: block;
        font-size: 11px;
        text-align: center;
    }

.perfomance_box_plain {
    background-color: #ffffff;
    border: dashed 1px #ddd;
    border-radius: 5px;
    margin-top: 30px;
    padding: 2px 10px;
}

    .perfomance_box_plain .bigtext {
        color: #333;
        display: block;
        font-size: 18px;
        padding: 0 0 0 10px;
    }

    .perfomance_box_plain .smalltext {
        color: #999;
        display: block;
        font-size: 12px;
        padding: 0 0 0 10px;
    }

.perfomance_box {
    background-color: #e1f4f8;
    border: 1px solid #10b1c5;
    border-radius: 5px;
    margin-top: 30px;
    padding: 2px 10px;
}

    .perfomance_box .bigtext {
        color: #0a9cae;
        display: block;
        font-size: 18px;
        padding: 0 0 0 10px;
    }

    .perfomance_box .smalltext {
        color: #0a9cae;
        display: block;
        font-size: 12px;
        padding: 0 0 0 10px;
    }

    .perfomance_box div:first-child {
        color: #0a9cae;
        font-size: 28px;
        padding-top: 8px;
        text-align: left;
    }

    .perfomance_box div:last-child, .perfomance_box_plain div:last-child {
        padding-top: 8px;
        text-align: right;
    }

@media (max-width: 767px) /* For Only Mobile Device */
{
    .end_of_page {
        height: 80px;
        line-height: 80px;
    }
}




/*Help*/
.cotogary_head {
    color: #000;
    display: block;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 10px;
}

.candidate_catogarty ul {
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
}

    .candidate_catogarty ul li {
        border-bottom: 1px solid #eee;
        display: table-cell;
        float: left;
        list-style: outside none none;
        padding: 10px 10px 10px 24px;
        position: relative;
        vertical-align: middle;
        width: 100%;
    }

        .candidate_catogarty ul li::before {
            content: "";
            font-family: FontAwesome;
            font-size: 13px;
            left: 0;
            position: absolute;
        }

        .candidate_catogarty ul li:last-child {
            border-bottom: medium none;
        }

.candidate_catogarty a {
    color: #777;
    display: inline-block;
}

    .candidate_catogarty a:hover {
        color: #444;
    }

.showdiv {
    float: left;
    margin: 10px 0 10px;
    padding: 10px 0;
    width: 100%;
}

    .showdiv h1 {
        font-size: 20px;
        padding-bottom: 5px;
        border-bottom: solid 1px #eee;
        margin: 20px 0px 5px 0px;
        font-weight: normal;
        color: #666;
        padding-top: 20px;
    }

.help_info_text {
    color: #4b4d4d;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    text-align: left;
}

.help_info_img {
    display: block;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
}

.img_thumb {
    height: auto;
    max-width: 500px;
    width: 500px;
}

.img_thumb, .video_thumb {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    position: relative;
    height: auto;
    max-width: 500px;
    width: 500px;
}

    .img_thumb img, .video_thumb img {
        height: auto;
        max-width: 500px;
        width: auto;
    }

.help_info_img img {
    background-color: #eee;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px #ddd inset;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 8px;
    width: auto;
}

.video_thumb:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    content: '';
    background-color: rgba(0, 0, 0, 0.2);
}

.video_thumb:before {
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: FontAwesome;
    font-size: 80px;
    color: #999;
    z-index: 98;
    top: 50%;
    margin-top: -60px;
    content: '';
}

.img_thumb:hover {
}

    .img_thumb:hover:after, .video_thumb:hover:after {
        position: absolute;
        /* background-color:#000;*/
        background-color: rgba(0, 0, 0, 0.699);
        height: 100%;
        width: 100%;
        left: 0px;
        top: 0px;
        z-index: 96;
        /*opacity:0.4;*/
        content: '';
        text-align: center;
    }

    .img_thumb:hover:before, .video_thumb:hover:before {
        position: absolute;
        text-align: center;
        width: 100%;
        font-family: FontAwesome;
        font-size: 80px;
        color: #ccc;
        z-index: 98;
        top: 50%;
        margin-top: -60px;
        text-shadow: 1px 1px 1px #000000;
    }

    .img_thumb:hover:before {
        content: '';
    }

.video_thumb:hover:before {
    content: '';
}

body.noscroll {
    overflow: hidden;
}

.image_full_view {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: center;
    opacity: 0;
}

body.noscroll .image_full_view {
    opacity: 1;
    position: fixed;
}

.imgoverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    /*    background-color:#000;
    opacity:0.8;*/
    background-color: rgba(0, 0, 0, 0.8);
    /*filter: alpha(opacity=50);*/
    /*background: rgba(0,0,0,0.6);*/
}

.image_full_view_inner, .video_full_view_inner {
    position: relative;
    width: auto;
    height: auto;
    z-index: 1;
    display: inline-block;
    top: 0%;
    margin-top: 3%;
    padding: 10px;
    background-color: #ddd;
    border: solid 1px #ccc;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 1px 1px 15px #000;
}

.image_full_view_inner {
    max-width: 90%;
    max-height: 90%;
}

.video_full_view_inner {
    min-height: 600px;
    min-width: 800px;
}

    .video_full_view_inner .videobox {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        position: relative;
        /*min-width:800px;
     min-height:600px;*/
    }

body.noscroll .image_full_view_inner, body.noscroll .video_full_view_inner {
    opacity: 1;
}

.image_full_view_inner img {
    width: auto;
    /*  max-height:100%;*/
    max-width: 100%;
    padding: 0px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.caption_box {
    display: block;
}

.caption {
    color: #666;
    float: left;
    width: 80%;
    font-size: 14px;
    padding: 10px 10px 0 0;
    text-align: left;
    text-shadow: 0px 1px 1px #fff;
}

.close_popup {
    float: right;
    padding: 10px 0px 0 10px;
    cursor: pointer;
}

    .close_popup .fa {
        font-size: 160%;
        padding: 0px 5px;
        line-height: normal;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border: solid 1px #666;
    }

        .close_popup .fa:hover {
            background-color: #444;
            color: #fff;
        }

.go_to_top {
    position: fixed;
    /*right: 52px;*/
    bottom: 50px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 3px;
    cursor: pointer;
    display: none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    z-index: 99;
}

.go_to_top, .go_to_top_inner {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.go_to_top_inner {
    border: solid 1px #e3b307;
    background-color: #f8c614;
    height: 50px;
    width: 50px;
    padding-top: 4px;
    margin: 2px;
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.go_to_top:hover .go_to_top_inner {
    border-color: #a17f05;
    background-color: #fefaea;
    color: #806504;
    box-shadow: 0px 0px 10px #c29906;
}

.go_to_top:hover, .go_to_top:focus, .go_to_top:active {
    border-color: #c29906;
    /*box-shadow: 0px 0px 10px #c29906 inset;*/
    color: #ffffff;
}

.go_to_top .fa {
    font-size: 180%;
}

.go_to_top .text {
    display: block;
}


@media (max-width: 767px) /* For Only Mobile Device */
{


    .help_show_div_box {
        margin-top: 10px;
    }

    .showdiv {
        margin: 0px 0px 25px 0px;
    }

        .showdiv h1 {
            font-size: 17px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
            padding-top: 16px;
        }

    .help_info_text {
        line-height: 22px;
    }

    .help_info_img {
        display: block;
        padding: 0px;
    }

    .info_well:before {
        left: 20px;
    }

    .go_to_top {
        /* height: 46px;
        width: 46px;*/
    }

        .go_to_top .fa {
            font-size: 140%;
        }

    .candidate_catogarty {
        margin-bottom: 10px;
    }

    .cotogary_head {
        margin: 0 0 0px 0px;
        background-color: #f4f4f4;
        cursor: pointer;
        padding: 5px 10px;
        display: none;
    }

    .candidate_catogarty {
        padding: 0px 0px;
    }

        .candidate_catogarty ul {
            padding: 0px 0px 0px 0px;
            /* display:none;*/
        }

            .candidate_catogarty ul li {
                padding: 10px 10px 10px 24px;
                line-height: inherit;
            }

                .candidate_catogarty ul li:before {
                    left: 4px;
                    font-size: 13px;
                }

                .candidate_catogarty ul li:last-child {
                    border-bottom: 1px solid #eee;
                }

    .img_thumb, .video_thumb {
        display: block;
        width: 100%;
    }

        .img_thumb img, .video_thumb img {
            height: auto;
            width: auto;
            max-width: 100%;
        }

    .image_full_view_inner {
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }

    .video_full_view_inner {
        min-height: 100px;
        min-width: 100px;
        width: 100%;
        height: 300px;
    }

    .image_full_view_inner .videobox {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        min-width: 10%;
        min-height: 10%;
    }
}

.othercontroltype, .otherisrequired {
    display: none;
}

.othercustomfield .caption {
    width: auto;
}

.othercustomfield .requiredtext {
    display: inline;
    color: red;
    margin-left: 5px;
}

#moredetails .caption {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.videofulldiv {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/*.videofulldiv_inner
{
    width:100%;
    height:100%;
    position:absolute;
}
.closefullvideo
{
 
}*/
.showvideo {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000;
    z-index: 9999;
}

.popup_close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 9999;
    color: #fff;
}

    .popup_close:hover {
        opacity: 0.8;
    }

.showvideo iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.showvideo video {
    margin: auto;
    max-width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    max-width: 100%;
}


#tooltip {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #777;
    width: auto;
    width: 110px;
    /*min-width:100px;*/
    text-align: center;
    z-index: 999;
    padding: 5px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 10px #333;
}

    #tooltip:after, #tooltip:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #tooltip:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 10px;
        margin-left: -10px;
    }

    #tooltip:before {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #000000;
        border-width: 11px;
        margin-left: -11px;
    }

    #tooltip #tootext, #tooltip #toolper {
        display: block;
        white-space: nowrap;
        line-height: normal;
    }

    #tooltip #tootext {
        font-size: 12px;
        font-weight: normal;
    }

    #tooltip #toolper {
        font-size: 18px;
        font-weight: bold;
    }

.highlight {
    background-color: #fffbd4;
}


.paidamountbox {
    background-color: #fafafa;
    border: solid 1px #ddd;
    display: inline-block;
    padding: 20px;
    line-height: normal;
    text-align: center;
    width: 100%;
    /*width:190px;*/
}

    .paidamountbox .examtax, .paidamountbox .examamount {
        display: block;
        line-height: normal;
    }

    .paidamountbox .examamount {
        font-size: 22px;
        color: #000;
        padding-bottom: 5px;
    }

    .paidamountbox .examtax {
        font-size: 16px;
        color: #777;
    }

#paidexamname {
    padding: 0px 0px 5px 0px;
    margin: 5px 0px;
}

#paiddesc {
    /*min-height:100px;*/
    border-bottom: solid 1px #999;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}

#paidaddress {
    padding: 5px 0px;
}

#paidguidline ul, #paidguidline ol {
    margin: 0;
    padding: 0px 0px 0px 20px;
}

    #paidguidline ul li, #paidguidline ol li {
        line-height: inherit;
        padding: 0px 5px 10px 10px;
    }

.successpaymentbox {
    border: solid 1px #ccc;
    background: #fafafa;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.iconbox {
    display: block;
    text-align: center;
    font-size: 300%;
    color: #008000;
}

.thankyoutext {
    font-size: 22px;
    font-weight: bold;
    color: #008000;
    display: block;
    text-align: center;
    padding: 5px;
}

.recievedtext {
    font-size: 18px;
    font-weight: normal;
    display: block;
    text-align: center;
    color: #333;
    padding: 5px;
}

.paidinfobox {
    margin-top: 10px;
}

.paidinfoboxinner {
    border-bottom: dotted 1px #eee;
    padding: 10px 0px;
}

.paidinfobox .info {
    text-align: right;
    padding: 0px 5px;
    font-weight: bold;
}

.paidinfobox .text {
    text-align: left;
    padding: 0px 5px;
    font-weight: normal;
}

.successbuttonbox {
    text-align: center;
    padding: 30px 0px 0px 0px;
}

.packagelist .packagebox {
    padding: 20px;
}

.packagelist .packageboxinner {
    padding: 15px;
    float: left;
    width: 100%;
    /*background-color:rgba(255,255,255,0.900);*/
    /*border:solid 1px #ddd;
    background-color:#fefefe;
    border-radius:3px;
    box-shadow:0px 0px 3px #eee;*/
    position: relative;
}

.packagelist .packagename {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 0px;
    height: 60px;
}

    .packagelist .packagename a:hover {
        text-decoration: underline;
    }

.packagelist .packageinfo {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #777;
    padding: 2px 0px;
}

.packagelist .packageprice {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: green;
    padding: 4px 0px;
}

.packagelist .itemid {
    font-size: 12px;
}

.packagelist hr {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.packagelist .itemimg {
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0px;
    padding: 0px;
    height: 150px;
}

    .packagelist .itemimg img {
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }

.packagelist .tmploading {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.975);
}

.tmploading img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 32px;
    width: 32px;
    margin: auto;
}

.loadmoreitembox {
    padding: 5px 0px 5px 0px;
}

.loadmoreitem {
    padding: 5px 15px;
    background-color: #eee;
    border: solid 1px #ddd;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    text-shadow: 1px 1px 0px #fff;
    font-weight: bold;
    border-radius: 3px;
    display:none;
}

    .loadmoreitem:hover {
        background-color: #ddd;
        border: solid 1px #ccc;
    }

.page-heading span {
    position: relative;
    z-index: 1;
}

.packagetabbox {
    position: absolute;
    /*width: 100%;
    top: 10px;*/
    top:20px;
    left:0;
    right:0;
}
.storetabbox {
    position:relative;
    width:100%;
}
    .storetabbox .tooltip {
        white-space:nowrap;
    }

    .packagetabbox .packagetabboxinner {
    float: right;
    position: relative;
    width: 100%;
}
.storetabbox .packagetabboxinner {
    float: left;
    position: relative;
    width: 100%;
}

.packagetabbox ul, .storetabbox ul {
    float: left; 
    border-bottom: solid 1px #ddd;
    margin: 0;
    padding: 0;
    list-style: none;
}
.packagetabbox ul {
    width: 100%;
    padding-right:20px;
}
.storetabbox ul {
    width: 100%;
}

    .packagetabbox ul li {
        float: right;
        position: relative;
        margin-bottom: -1px;
    }
    .storetabbox ul li {
        float: left;
        position: relative;
        margin-bottom: -1px;
    }

    .packagetabbox ul li a, .storetabbox ul li a {
            margin-left: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            padding: 10px 15px;
            display: block;
            font-weight: normal;
        }

        .packagetabbox ul li.active a, .storetabbox ul li.active a {
            color: #555555;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

        .packagetabbox ul li:not(.active) a:hover, .storetabbox ul li:not(.active) a:hover {
            background-color: #eee;
            border-bottom-color: #ddd;
        }


.ratingmainbox {
    /* height:160px;*/
    height: 314px;
    padding: 0px;
}

    .ratingmainbox hr {
        float: left;
        width: 100%;
    }

.ratingthanks {
    line-height: 314px;
    font-size: 18px;
    font-weight: bold;
}

.rating {
    display: inline-block;
    margin: 0 auto;
    border: none;
    padding: 0px;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
        cursor: pointer;
    }
    .rating.big > label:before {
        margin: 5px;
        font-size: 40px;
    }
    .rating.small > label:before {
        margin: 1px;
        font-size: 14px;
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
        margin:0;
    }

.submitrating {
    margin-top: 10px;
    width: 100%;
}

.commentinput {
    width: 100%;
    border: solid 1px #ccc;
    font-size: 12px;
    resize: none;
    padding: 10px;
    border-radius: 3px;
}

.ratingheading {
    color: #777;
}
/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked):not(.listview) > label:hover, /* hover current star */
.rating:not(:checked):not(.listview) > label:hover ~ label {
    color: #FFD700;
}
    /* hover previous stars in list */

.rating:not(.listview) > input:checked + label:hover, /* hover current star when changing rating */
.rating:not(.listview) > input:checked ~ label:hover,
.rating:not(.listview) > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating:not(.listview) > input:checked ~ label:hover ~ label {
        color: #FFED85;
    }



@media (max-width: 767px) {
    .paidinfobox .info {
        text-align: left;
    }

    .paidamountbox {
        width: 100%;
    }

    .packagelist .packagebox {
        padding: 5px;
    }

    .packagelist .packageboxinner {
        padding: 5px;
    }
}




.msgbox {
    /*border:solid 0px red;	
	min-height:30px;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;*/
    position: absolute;
    /*background-color:red;*/
    padding: 0px;
    margin: 0px;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 9998;
    text-align: center;
}

.massagebox {
    padding: 10px 10px;
    display: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    /*box-shadow: 1px 1px 2px rgba(0,0,0, 0.80);
    -moz-boxbox-shadow: 1px 1px 2px rgba(0,0,0, 0.80);
    -webkit-boxbox-shadow: 1px 1px 2px rgba(0,0,0, 0.80);*/
    min-width: 220px;
    width: auto;
    border-radius: 3px;
}

    .massagebox.msgfailed {
        background-color: #d00;
    }

    .massagebox.msgsuccess {
        background-color: #319831;
    }
/*.msgtext
{	
	padding-left:30px;
	width:auto;
	display:inline-block;
}*/

.modalloading {
    position: absolute;
    z-index: 99;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255,255,255,0.799);
    border-radius: 6px;
    display: none;
}

    .modalloading img {
        position: absolute;
        z-index: 99;
        width: 34px;
        height: 34px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }


.container3_tooltip {
    position: absolute;
    border: solid 1px #ccc;
    background-color: #fafafa;
    height: auto;
    font-size: 12px;
    padding: 6px;
    border-radius: 2px;
    box-shadow: 0px 0px 10px #ccc;
    display: none;
    width: 120px;
}

    .container3_tooltip span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        padding: 0;
    }

    .container3_tooltip:before,
    .container3_tooltip:after {
        top: 100%;
        font-family: FontAwesome;
        content: '';
        position: absolute;
        font-size: 24px;
        width: 20px;
        left: 0;
        right: 0;
        margin: auto;
        height: 10px;
        line-height: 10px;
    }

    .container3_tooltip:after {
        color: #fafafa;
        margin-top: -3px;
        z-index: 9;
    }

    .container3_tooltip:before {
        margin-top: -2px;
        color: #ccc;
        z-index: 8;
    }


.siteaddressnotfound {
    background-color: #ffffff;
    color: #344644;
    box-shadow: 0 0 10px #aba6a0;
    max-width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    width: 450px;
    margin: 40px auto;
    text-align: center;
}

    .siteaddressnotfound .fa-warning {
        font-size: 32px;
        color: orange;
    }

    .siteaddressnotfound h1 {
        font-size: 24px;
        margin-bottom: 30px;
        position: relative;
        border-bottom: solid 1px #ddd;
        padding-bottom: 20px;
    }

    .siteaddressnotfound p {
        margin-bottom: 16px;
        font-size: 16px;
    }

    .siteaddressnotfound a {
        color: #428bca;
        text-decoration: none;
    }

        .siteaddressnotfound a:hover {
            text-decoration: underline;
        }

.sortlist {
    cursor: pointer;
    color: #777;
}

    .sortlist:hover {
        color: #333;
    }

.examnamewrap {
    float: left;
    position: relative;
    padding-right: 6px;
    width: auto;
    max-width: 90%;
}

    .examnamewrap .examname {
        margin-left: 0;
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.textmode_label {
    padding: 3px;
    position: absolute;
    left: 96%;
    bottom: 50%;
    white-space: nowrap;
}

    .textmode_label .label-success,
    .textmode_label .label-info {
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left: 4px;
    }

    .textmode_label .label-warning {
        width: auto;
        padding: 2px 2px 2px 4px;
        text-align: center;
        display: inline-block;
    }
    /*For Store Page*/
#messagebox .messagebox {
    border: solid 1px #eee;
    margin-top: 10px;
    padding: 0px;
    box-shadow: 0 0 5px #eee;
    border-radius:4px;
}
    #messagebox .messagebox .heading {
        font-size: 16px;
        font-weight:bold;
        display: block;
        border-bottom: solid 1px #eeeeee;
        background-color: #fafafa;
        padding:6px 10px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    #messagebox .messagebox .contentinner {
        padding: 10px;
        min-height: 100px;
        display:block;
    }
    #messagebox .messagebox .cfooter {
        padding: 10px;
        display: block;
    }


@media (max-width: 767px) {
    .examnamewrap .examname {
        white-space: normal;
    }
}

.ellipsis {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
.rmsgbox {
    position:relative;
    display:inline-block;
    border-radius:3px;
}
    .rmsgbox .rmsgboxinner {
        font-weight: bold;
        padding: 8px 10px;
        border-radius: 4px;
    }
        .rmsgbox .rmsgboxinner.failed {
            color: #ffffff;
            background-color: #ff0000;
        }
.selectsort {
    width: auto;
    background: #eeeeee;
    border: solid 1px #cccccc;
    padding: 1px 3px;
    border-radius: 3px;
    font-size: 12px;
    float: right;
    font-weight: bold;
}
.uesearch, .uecancel {
    color: inherit;
    padding: 8px 12px;
    background-color: #eee;
    border-radius: 5px;
    white-space:nowrap;
}
    .uesearch:hover,
    .uecancel :hover {
        background-color: #d4d4d4;
    }
#adminremarkbox {
    display: flex;
    flex-direction: row;
}

    #adminremarkbox label {
        flex: 0 0 110px;
    }

    #adminremarkbox #adminremark {
        padding-left: 10px;
        flex: 1 1 auto;
    }

@media (max-width: 767px) {
    #adminremarkbox {
        flex-direction: column;
    }

        #adminremarkbox #adminremark {
            padding-left: 0px;
        }
}