/* style for desktop and mobile modal */

.modal {
    display: none;
    position: fixed; 
    z-index: 1000; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 7px;
    width: 90%;
    border-radius: 8px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-content-md {
    width: 50% !important;
}

.modal-content-sm {
    width: 30% !important;
}

.modal-content-full {
    width: 99% !important;
}

.modal-content .modal-header {
    text-align: center;
    font-size: 20px;
    font-family: "Arial";
    font-weight: bold;
    margin-bottom: 5px;
    padding: 13px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-content .modal-body {
    text-align: center;
    padding: 13px;
}

.modal-content .modal-body p {
    font-family: "Arial";
    font-size: 15px;
    font-weight: unset;
    line-height: 1.6;
}

.modal-content .modal-footer {
    text-align: center;
    color: #396b9e;
    padding: 13px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    text-decoration: underline;
}

@media only screen and (min-width : 1025px) {

    #desktop_cprquiz h3 {
        font-size: 16px;
        font-family: arial;
        font-weight: bold;
        color: #333;
        max-width: 650px;
        padding: 5px 0 15px;
    }

    #desktop_cprquiz h2 {
        font-size: 20px;
        font-family: "Arial";
        font-weight: bold;
        color: #0B5582;
        margin: 20px 0px;
    }

    #desktop_cprquiz p {
        margin-bottom: 18px;
        font-size: 15px;
        font-family: "Arial";
        font-weight: normal;
    }

    #desktop_cprquiz .desktop_answer_block { 
        border: 1px solid #ccc!important;
        padding: 7px 9px;
        border-radius: 5px;
        text-align: left;
        margin-bottom: 12px;
        max-width: 600px;
        background: white;
    }

    #desktop_cprquiz .desktop_answer_block label { 
        float: none; 
        font-weight: normal; 
        color: #777575;; 
        margin-bottom: 0px;
        font-size: 15px;
        font-family: 'Arial'; 
        width: unset;
    }

    #desktop_cprquiz .desktop_button_block { 
        border: 1px solid #ccc!important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 30px;
        background-color: #396b9e;
    }

    #desktop_cprquiz .desktop_button_block .desktop_btn { 
        color: #ffffff;
    }

    #desktop_cprquiz .desktop_cprquiz_leftPart {
        height: auto;
        margin-left: 5px;
        width: 100%;
    }

    #desktop_cprquiz .quizWrapper {
        min-height: 650px;
        margin-bottom: 24px;
    }


    #desktop_cprquiz_result h2 {
        margin-bottom: 18px;
        font-size: 20px;
        font-family: "Arial";
        font-weight: bold;
        color: #0B5582;
    }
    #desktop_cprquiz_result p {
        margin-bottom: 18px;
        font-size: 15px;
        font-family: "Arial";
        font-weight: normal;
    }
    #desktop_cprquiz_result h3 {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: bold;
        color: #333;
    }

    #desktop_cprquiz_result .desktop_answer_block { 
        border: 1px solid #ccc!important;
        padding: 7px 9px;
        border-radius: 2px;
        text-align: left;
        margin-bottom: 12px;
        background: white;
    }
    #desktop_cprquiz_result .desktop_button_block { 
        border: 1px solid #ccc!important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 14px;
        margin-bottom: 28px;
        background-color: #396b9e;
        width: 250px;
    }
    #desktop_cprquiz_result .desktop_button_block .desktop_btn { 
        color: #ffffff;
    }
    #desktop_cprquiz_result table {
        width: 60%;
    }

    .desktop_general_container table.quiz_result {
        border-collapse: separate;
        border-radius: 6px;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .desktop_general_container table.quiz_result tr:not(:last-child) td {
        border-bottom: 1px solid #ccc;
    }
    .desktop_general_container table.quiz_result tr td:not(:last-child) {
        border-right: 1px solid #ccc;
    }
    /* welcome wizard UI for desktop */

    .desktop_general_container .wizard {
        margin: 4px 0px 22px 0px;
        background: #fff;
    }

    .desktop_general_container .wizard .nav-tabs {
        position: relative;
        margin: 5px auto;
        margin-bottom: 0;
        border-bottom: unset;
    }

    .desktop_general_container .wizard>div.wizard-inner {
        position: relative;
        /* width: 50%; */
        left: 86px;
    }

    .desktop_general_container .wizard .nav li {
        border-right: unset;
        padding: 10px 13px 18px 14px;

    }

    .desktop_general_container .wizard .connecting-line-st1 {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 270px;
        margin: 0 auto;
        left: 165px;
        top: 42px;
        border: 1px #ccc;
        z-index: 1;
    }

    .desktop_general_container .wizard .connecting-line-st2 {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 270px;
        margin: 0 auto;
        left: 460px;
        top: 42px;
        border: 1px #ccc;
        z-index: 1;
    }

    .desktop_general_container .wizard .nav-tabs>li.active>a,
    .desktop_general_container .wizard .nav-tabs>li.active>a:hover,
    .desktop_general_container .wizard .nav-tabs>li.active>a:focus {
        color: #555555;
        cursor: default;
        border: 0;
        border-bottom-color: transparent;
    }

    .desktop_general_container .wizard span.round-tab {
        width: 37px;
        height: 37px;
        line-height: 37px;
        border-radius: 100px;
        background: #fff;
        border: 2px solid #e0e0e0;
        z-index: 2;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .desktop_general_container .wizard span.round-tab i {
        color: #555555;
        font-size: 22px;
        top: 0px;
    }

    .desktop_general_container .wizard li.active span.round-tab {
        background: #fff;
        border: 1px solid #396b9e;

    }

    .desktop_general_container .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

    .desktop_general_container .wizard span.round-tab:hover {
        color: #333;
        border: 2px solid #333;
    }

    .desktop_general_container .wizard .nav-tabs>li {
        width: 33.33%;
    }


    .desktop_general_container .wizard .nav-tabs>li a {
        width: 37px;
        height: 37px;
        margin: 5px auto;
        border-radius: 100%;
        padding: 0;
    }

    .desktop_general_container .wizard .nav-tabs>li p {
        text-align: center;
        font-family: 'Arial';
        font-size: 15px;
    }

    .desktop_general_container .wizard .nav-tabs>li a:hover {
        background: transparent;
    }

    .desktop_general_container .wizard .tab-pane {
        position: relative;
        padding-top: 30px;
    }

    .desktop_general_container .wizard h3 {
        margin-top: 0;
    }

    .desktop_general_container .wizard h3 {
        font-size: 16px;
        font-family: arial;
        font-weight: bold;
        color: #0B5582;
        max-width: 650px;
        padding: 5px 0 15px;
    }

    .desktop_general_container .wizard .desktop_button_block {
        border: 1px solid #ccc !important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 20px;
        background-color: #396b9e;

    }

    .desktop_general_container .wizard .wizard_button_block {
        width: 300px;
    }

    .desktop_general_container .wizard .desktop_button_block .desktop_btn {
        color: #ffffff;
        text-decoration: none;
    }

    .desktop_general_container .wizard .wizard_step_col_6 {
        width: 403px;
        float: left;
    }

    .desktop_general_container .wizard .wizard_step_col_4 {
        width: 330px;
        float: left;
        margin-right: 5px;
    }

    .desktop_general_container .wizard .q2 .wizard_step_col_4,
    .desktop_general_container .wizard .q2 .wizard_step_col_6 {

        margin-right: 5px;
    }

    .desktop_general_container .wizard .wizard_left {
        float: left;
    }

    .desktop_general_container .wizard .wizard_right {
        float: right;
    }

    .desktop_general_container .wizard .wizard_step_block {
        padding: 16px 6px;
        background-color: #eeeeee;
        border-radius: 6px;
        height: 400px;
    }

    .desktop_general_container .wizard .wizard_step_body.q1 {
        width: 900px;
    }

    .desktop_general_container .wizard .wizard_step_body.q2 {
        width: 1082px;
    }

    .desktop_general_container h2.welcome_wizard{
        margin-top: 0px;
        margin-bottom: 0px;
        color: #0B5582;
    }

    /* payment UI for desktop*/

    #payment #ps-purchase-box {
        font-size: 14px;
    }

    #payment .payment_detail {
        padding: 10px 0px 0px !important;
    }

    #payment .box_header {
        padding: 5px 0 5px 0px !important;
        border-bottom: 1px solid #ccc; 
        /* margin-bottom: 10px; */
    }

    #payment .box_header span {
        color: #0b5582 !important;
    }

    #payment .leftPart p {
        color: unset !important;
    }

    #payment .apply_coupon_btn {
        padding: 8px 8px;
        background: #396b9e;
        border: 1px solid #FFF;
        border-radius: 6px;
        color: #fff;
        font-size: 14px;
    }

    /* general desktop UI */

    .desktop_general_container {
        padding: 32px 0px 48px 0px;
    }

    .desktop_general_container h2 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        padding-bottom: 10px;
        text-align: left;
    }

    .desktop_general_container h3 {
        font-size: 16px;
        font-family: arial;
        font-weight: bold;
        color: #333;
        padding: 10px 0px;
    }

    .desktop_general_container p {
        font-size: 15px;
        font-family: arial;
        font-weight: normal;
        /* margin-top: 10px; */
    }

    .desktop_general_container table {
        font-size: 14px;
    }

    .desktop_general_container .myNewButton {
        padding:6px 24px !important; 
        background-color: #396b9e; 
        color: #fff !important; 
        border-radius: 5px;
    }

    .desktop_general_container .myNewButton:visited {
        color: #fff !important; 
    }

    .desktop_general_container #ps-purchase-box {
        /* font-size: 14px; */
    }

    .desktop_general_container .lifeTimeNew {
        display: flex;
        align-items: center;
        gap: 8px;
    }








    /* other coders*/
    
    #payment #course_type1{
		display: none;
		border: none;
		font-size: 16px;	
	}
	
	#payment .confirm_courses{
		font-size: 16px;
			
	}
	
	#payment .acourse{
		padding: 5px;
		border-radius: 6px;
		margin-bottom: 10px;	
		margin-top: 10px;	
		color: #000;
	}

	#payment .payTxtBox{
		font-size: 16px;
		padding: 5px;	
		border: 1px solid #ccc;
		border-radius: 6px;
		width: 300px;
	}
	
	#payment #creditcardtype, #payment .state, #payment .country, #payment #state, #payment #country{
		font-size: 16px;
		padding: 5px;	
		border: 1px solid #ccc;
		border-radius: 6px;
		/* width: 262px; */
		/* margin-bottom: 10px; */
		height: 32px;
        width: 100%;
	}
	
	#payment #expirationmonth, #payment #expirationyear{
		font-size: 16px;
		padding: 5px;	
		border: 1px solid #ccc;
		border-radius: 6px;
		width: 152px;
		margin-bottom: 10px;
	}
	
	#payment .submitBtn{
		padding: 5px;
		background: #396b9e;
		color: #fff;
		font-size: 16px;
		/* border: 3px solid #FFF; */
		border-radius: 4px;
		cursor: pointer;
		margin: 0px;
        width: 256px;
	}
	
	#payment .PayInfo2{
		/* float: left; */
	}
	
	#payment .PayInfo{
		/* float: left; */
	}
	
	#payment .inputBox{
		height: auto;
	}
	
	#payment .LV_validation_message{
		display: none;
	}
	
	#payment .leftPart h3 {
		color: #ba0e2a;
		float: left;
		font-size: 14px;
		font-weight: bold;
		padding: 24px 0 5px 0px;
		width: 635px;
	}
	#payment .leftPart h3 span {
		color: #0b5582;
		font-size: 14px;
		font-weight: bold;
		padding: 0 0 0 0px;
	}
	
	#payment #certified {
		margin-top: -100px;
		text-align: center;
	}
	
	#payment #certified a img {
		margin: 0px 30px;	
	}

	form#payment input[type=text] {
		height: 26px;
    }
    
    form#payment select {
        height: 38px;
    }
}
.tab-title-register {
    clear: both;
    font-size: 16px;
    font-weight: bold;
    font-family: arial;
    color: #0B5582;
    max-width: 650px;
    padding: 25px 0 15px;
    text-align: center;
}
.tab-title-register a {
    text-decoration: underline !important;
    color: #396b9e;
}
/*wizard_v8 and dashboard v3*/

.wizard_step_block span {
    display: flex;
    justify-content: center;
}
.desktop_general_container .wizard .desktop_button_block.wizard_button_block.wizard_button_block_v8{
    margin-bottom: 15px;
}
.wizard_step_col_4.wizard_step_col_4_v8 {
    margin-top: 10px;
}
.wizard_step_block.wizard_step_block_v8 {
    min-height: 410px;
}
.desktop_general_container .wizard .wizard_step_col_4 .wizard_step_block {
    /* height: auto !important; */
    max-height: 365px;
}
.desktop_general_container .wizard .wizard_step_col_v8 .wizard_step_block {
    height: auto !important;
}
.wizard_step_body.q2.wizard_step_5 {
    width: 900px !important;
}
.desktop_general_container .wizard .wizard_step_body_v8.q1 {
    width: 100%;
}

.mobile-content .wizard_image_v8 {
    text-align: center;
}
.wizard_image_v8 img {
    /* width: 100%;
    height: 240px; */
    border-radius: 5px;
    height: auto;
    width: auto;
    max-width: 254px;
}
.wizard_image {
    max-height: 233px;
    border-radius: 5px;
    overflow-y: hidden;
}
.q1 .wizard_image {
    max-height: 100%;
}
#type-of-profession .healthcare_type_pro .wizard_step_block {
    height: 332px;
}