@charset 'utf-8';

/* Imports font code */


@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');

/* CSS Document */

/* Header text */
body #mainArea h1, .pageTitle h1{color: #008FB0; font-family:Alata; font-weight:400;
font-size:20pt !important; line-height:normal }
body #mainArea .leftinfosummery h2{color: #fff}
body #mainArea h2.headingfont, body #mainArea #frontendRightPanel .courseText h2, body #mainArea #frontendRightPanel.dashboard .courseText h2, body #mainArea .leftinfosummery h2, body #mainArea .course-block .courseText h2, body #mainArea .userDepartment h3, body #mainArea .profileDetails h3, body #mainArea h2, body #mainArea h3, .glossarymodule .popUpHolder .title, .glossarymodule .glossary .glossaryRecord h3, .subpageTitle .titleText, .course-name, #jsconfirm table td#jsconfirmtitle, .popUpContent h2{ font-size:18pt !important; color: #008FB0; font-family:Alata;
font-weight:400; line-height:normal }
body #mainArea h3{color: #FFFFFF;font-weight:400;line-height:normal;}
body #mainArea h4{color: #FFFFFF;font-weight:400;line-height:normal;}
body #mainArea h5{color: #FFFFFF;font-weight:400;line-height:normal;}
body #mainArea h6{color: #FFFFFF;font-weight:400;line-height:normal;}
/* Header text */

/* Body text */
body, #home-welcome, #about-text, .legend table td.legendLabel, .courseText p, body #mainArea .profile-chart #legendPlaceholder, .freeTextInput{color: #6F6E68; font-family:Didact Gothic; font-weight:400; font-size:13pt; }
.hometext, .aboutcontent, .footerpagetxt, .audioSettingsHolder .textArea, .settingsIntoText, .helpcontent, .templatecontent, .question .block, .feedback .boxContent, .feedbacktxt{line-height:17pt}
.transformer-tabs select{font-family:Didact Gothic; font-weight:400; font-size:13pt; background-color: #CFEAF0; border-color: #CFEAF0; }


/* Body text */

/*Hyperlink*/
a, .menu a, .courseSummaryList td a, .menu ul li.selected ul a, .menu ul li.selected a, .menu ul li.selected ul li.selected a, #webHeader .userPanel .topNav li a, .menu ul li.selected:after{color: #008FB0; text-decoration: none;}
a:hover, a:focus, .courseText h2 a:hover, .courseText h2 a:focus, .menu a:hover, .menu a:focus, .courseSummaryList td a:hover, .courseSummaryList td a:focus, #webHeader .userPanel .topNav li a:hover, #webHeader .userPanel .topNav li a:focus, .menu ul li.selected a:hover, .menu ul li.selected a:focus, .menu ul li.selected ul li.selected a:hover, .menu ul li.selected ul li.selected a:focus{color: #8AB656; text-decoration:  }
/*.topNav li a:hover{color: #8AB656 !important;}*/
/*Hyperlink*/

/*Main menu*/
.topnavigation{font-family:Alata; font-weight:400; font-size:16pt }
.topnavigation ul li a{color:#008FB0}
.topnavigation ul li a:hover, .topnavigation ul li a:focus{color:#8AB656}
.topnavigation ul li a.active{border-bottom-color: #008FB0}
/*Main menu*/

/* Select Box Background */



/* End Select Box Background */

/*Button background*/
.commonbtn, .visitprobtn, .takesummerybtn, .submitbtn, .saveSettingsBtn, .showmorebtn, .orangeBtn,.course-nav a.active,#jsconfirmleft,.loginbtn,.backPrevPageBtn, .trybtn, .downloadcertificate a, .resultbtn, .graybox.btn_wrap a.greenBtn, #frontendRightPanel.dashboard .courseText > a:last-child{background-color: #008FB0; color: #FFFFFF; font-family:Alata; font-weight:400; font-size:14pt}
.ClsUploadDocBtn {background-color:#008FB0; color: #FFFFFF; font-family:Alata; font-weight:400; font-size:14pt; padding: 11px 16px;   display: block; }    
 .ClsUploadDocBtn:hover, .newUploadsBlock .ajax-file-upload:hover span { background-color:#8AB656!important; color:#FFFFFF!important; }
.commonbtn:hover, .commonbtn:focus, .visitprobtn:hover, .visitprobtn:focus, .takesummerybtn:hover, .takesummerybtn:focus, .submitbtn:hover, submitbtn:focus, .saveSettingsBtn:hover, .saveSettingsBtn:focus, .showmorebtn:hover, .showmorebtn:focus, .topOrangeBtn a:hover,.topOrangeBtn a:focus,.orangeBtn:hover,.orangeBtn:focus,#jsconfirmleft:hover, #jsconfirmleft:focus,.loginbtn:hover,.loginbtn:focus,.backPrevPageBtn:hover,.backPrevPageBtn:focus, .trybtn:hover,.trybtn:focus, .downloadcertificate a:hover, .downloadcertificate a:focus, .resultbtn:hover, .resultbtn:focus, .graybox.btn_wrap a.greenBtn:hover, .graybox.btn_wrap a.greenBtn:focus, #frontendRightPanel.dashboard .courseText > a:last-child:hover,#frontendRightPanel.dashboard .courseText > a:last-child:focus{background-color: #8AB656; color: #FFFFFF; text-decoration: none}
.newUploadsBlock .ajax-file-upload span{background-color:#008FB0; color: #FFFFFF;font-family:Alata; font-weight:400; font-size:14pt }

#jsconfirmright{font-family:Alata; font-weight:400; font-size:14pt}
/*Button background*/

/*Progress bar*/
#mainArea .progress, .progress{background-color: #EBBB17}
/*Progress bar*/

/* Page divider*/
.usergraypanel, #webHeader .userPanel, .progressPagination{background-color: #CFEAF0}
/* Page divider*/

/*Page divider text including links*/
#webHeader .userPanel .userArea a, #webHeader .userPanel a, #header.previewheader .moduleNav a{color: #008FB0}
#webHeader .userPanel .userArea a:hover, #webHeader .userPanel .userArea a:focus, #webHeader .userPanel a:hover, #webHeader .userPanel a:focus, #webHeader .userPanel, #header.previewheader .moduleNav a:hover, #webHeader .userPanel, #header.previewheader .moduleNav a:focus {color: #000000}
/*Page divider text including links*/

/* Panel header background */
.leftinfosummery h2, .courseSummaryBand, .leftinfosummery .co_status, table tr:first-child td, .downloadSummaryBtn, .downloadSummaryBtn:hover, .downloadSummaryBtn:focus, .audioSettingsHolder .audioLabel, body #mainArea .settingsSection h2{background-color: #CFEAF0; color: #000000; font-family:Alata; font-weight:Regular; font-size:20pt;}
 table tr:first-child td{ font-size:13pt;}

/* Panel header background */

/* Module nav background */
.progressBarHolder{background-color: #989B9B; border-color: #989B9B}
/* Module nav background */

/* Panel header background */
#webHeader .moduleName{background-color: #CFEAF0}
#header.previewheader .moduleNav{background-color: #CFEAF0; border-color:#CFEAF0;}
/* Panel header background */

/* Module navigation button text */
.topOrangeBtn a, .slick-arrow, .slick-arrow:focus{background-color: #008FB0; color: #FFFFFF; font-family:Alata; font-weight:400;  font-size:14pt}
/* Module navigation button text */

/* Preview */

#header.previewheader .exerciseLevel{ color: #008FB0; }
#header.previewheader .levelName{ font-weight: bold; color: #6F6E68; }

/* Main Logo height */
.webLogo{ height:60px;}
/* End Main Logo height */

/* Courses Menu */

.lefttab-nav a{background-color:#008FB0; font-family:Alata; font-weight:400; font-size:14pt}
.lefttab-nav a.active{background-color:#EBBB17}

/* Main menu */
#dropDownMenuHolder{border-color: #008FB0;}
.moduleNav a.active{ background-color: #008FB0; color: #CFEAF0 !important;}
/* End  Main menu */

/* Home page notice button */
.orangeblock .whitebtn{ color: #FFFFFF; font-family:Alata; font-weight:400; font-size:14pt;}
/* End Home page notice button */

.test{color: #000000; font-family:Alata; font-weight:Regular; font-size:20pt;}
.downloads .title{ font-family:Alata; font-size:20pt;  }
.downloadDocList li a, .course-nav a, .course-trigger, .course-trigger:hover, .course-trigger:focus{ color: #6F6E68;}
#mainArea .feedback h2{font-size:20pt !important; font-family:Alata;}
.textversion{ border-color:#8AB656;}

/* Calculation template start here  */
.calculation_form p label, .display_after_calculation .calcBlock, .calculation_form_template h4{font-family:Alata; font-weight:400;}
.calculation_form p label span, .calculation_form p input, .display_after_calculation .calcBlock input, .display_after_calculation .calcBlock label span{ font-family:Didact Gothic; font-weight:400;}
.calculation_form input[type='button']{font-family:Alata; font-weight:400;}
/* Calculation template end here  */