﻿.form-control-ddl, .form-control-ddl:focus, .form-control-ddl:active, .form-control-ddl:visited, .form-control-ddl:hover {
    padding: 0 0.35rem;
    margin-top: 6px;
    margin-bottom: 5px;
    font-size: 1.1rem;
    line-height: 1.25;
    color: black;
    border-radius: 0.18rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border: 2px solid #337ab7;
    font-weight: bolder;
    margin-left: 6px;
    margin-right: 6px;
}

    .form-control-ddl option {
        font-weight: bolder;
    }

.question-temp #dvQuestionOutter, .question-temp #dvQuestionOutter span {
    /*font-size: 18px !important;
	font-family: Calibri !important;*/
}

#dvQuestionOutter .qus-num2 {
    font-size: 16px !important;
}

#dvQuestionOutter #dvQuesContainer {
    min-height: 300px;
}

#dvQuestionOutter #dvAudioOutter {
    text-align: center;
    margin-top: 20%;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #dvQuestionOutter #dvAudioOutter {
        margin-top: 0;
    }
}

#dvQuestionOutter #dvAudioImgPlayId {
    cursor: pointer;
}

    #dvQuestionOutter #dvAudioImgPlayId img {
        margin-bottom: 5px;
        cursor: pointer;
    }

#dvQuestionOutter #dvAudioPlayingId .status {
    margin-top: 10px;
    font-size: 20px;
}

#dvQuestionOutter .videoWrapper {
    display: table;
    width: auto;
    position: relative;
    width: 100%;
    margin: auto;
}

    #dvQuestionOutter .videoWrapper .video {
        width: 100%;
        border: 1px solid black;
        margin: auto;
    }

    #dvQuestionOutter .videoWrapper .playpauseOutter, #dvQuestionOutter .videoWrapper .videoEndOutter {
        cursor: pointer;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
        margin: auto;
    }

    #dvQuestionOutter .videoWrapper .playpause {
        background-image: url(../app-assets/images/Play.png);
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
        margin: auto;
        background-size: contain;
        background-position: center;
    }

    #dvQuestionOutter .videoWrapper .videoEnd {
        background-image: url(../app-assets/images/End.png);
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
        margin: auto;
        background-size: contain;
        background-position: center;
    }

.getsPlacementLogo {
    width: 250px;
    /*height:100px;*/
}
/*............................................*/
h6.fix-title.timerContainer {
    font-size: 18px;
}

.qusNum1, .qusNum2 {
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: #337ab7;
    font-size: 14px;
}

.dvMcqOutter .qusetionNum, .dvTrueFalseOutter .qusetionNum {
    margin-left: 5px;
    display: inline-block;
    width: 88%;
    vertical-align: top;
}

.dvMcqOutter .qusNum1, .dvMcqOutter .qusNum2 {
}

.dvTrueFalseOutter .qusNum1, .dvTrueFalseOutter .qusNum2 {
}

.dvDdlOutter .qusNum1, .dvDdlOutter .qusNum2 {
}

/*span.qus-num1:before {
	margin-bottom: -8px;
}
span.qus-num2:before {
	margin-bottom: -10px;
	margin-right: -23px;
}
.dvDdlOutter span.qus-num2 {
	 margin-right: 2px; 
}*/
/*span.qus-num1:before {
	margin-bottom: -8px;
}
#dvQuestionOutter .qus-num2 {
	font-size: 15px !important;
}
span.qus-num2:before {
	margin-right: -20px;
	margin-bottom: -8px;
	height: 25px;
	width: 25px;
}*/
/*#dvQuestionOutter .qus-num1 {
	font-size: 15px !important;
}*/
/*............................................*/

/*.................audio check start...........................*/
.dvAudioCheckCss {
    font-size: 18px;
}

    .dvAudioCheckCss h5 {
        font-size: 1.50rem;
    }

    .dvAudioCheckCss #dvChkAudioImageId {
        cursor: pointer;
        width: max-content;
        margin: auto;
    }
/*.................audio check start end...........................*/

.dvInstructionCss {
    font-size: 18px;
}

    .dvInstructionCss h5 {
        font-size: 20px;
    }

.question-temp .custom-control-indicator {
    top: 0.45rem;
}




@media only screen and (max-width: 768px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .getsPlacementLogo {
        width: 210px;
    }

    .timerOutterCss {
        display: none;
    }
}
