/*****************************************************/
/* The Eniac Corporation                            */
/* Web Portal Family Products                       */
/* PRHTA eLearning Solution                         */
/* PRHTA Cascade Style Sheet                        */
/* prhta.css                                        */
/*                                                  */
/*                                                  */
/*                                                  */
/* Copyright The Eniac Corp 2021                    **************************************/
/*                                                                                       */
/*                                                                                       */
/* Updates Table:                                                                        */
/* DEC-30-2020 MARC BONET              FILE CREATION                                     */
/*                                                                                       */
/*                                                                                       */
/*****************************************************************************************/








/* Bootstrap colors redefinition                                               */
/*-----------------------------------------------------------------------------*/
:root {
    --primary:      #f57f1f;                     /* Default value: #007bff;    */
    --pColorVar_1:  #f57f1f;                     /* Default value: #007bff;    */
    --pColorVar_2:  #b8daff;                     /* Default value: #b8daff;    */
    --pColorVar_3:  #7abaff;                     /* Default value: #7abaff;    */
    --pColorVar_4:  #9fcdff;                     /* Default value: #9fcdff;    */
    --pColorVar_5:  #db680a;                     /* Default value: #0069d9;    */
    --pColorVar_6:  #aa5108;                     /* Default value: #0062cc;    */
    --pColorVar_7:  #005cbf;                     /* Default value: #005cbf;    */
    --pColorVar_8:  #004085;                     /* Default value: #004085;    */
    --pColorVar_9:  #cce5ff;                     /* Default value: #cce5ff;    */
    --pColorVar_10: #002752;                     /* Default value: #002752;    */
    --pColorVar_11: #0056b3;                     /* Default value: #0056b3;    */


    --secondary: #6c757d;                        /* Default value: #6c757d;    */
}


/* Skin color redefinition                                                     */
/*-----------------------------------------------------------------------------*/
:root {
    --skinColor:    #f57f1f;                     /* Default value: #f57f1f;    */
}
















/* Home                                                                        */
/*-----------------------------------------------------------------------------*/
body {
	background-color:             rgb(255, 255, 255)         !important;
}




.mega-menu.desktopTopFixed .menu-list-items {
	padding:    0px  0px  0px 0px     !important;
	font-size:  1.50rem               !important;
	background: #ffffff               !important;
	height:     6.5rem                !important;
	min-height: 4.5rem                !important;
}
.mega-menu.desktopTopFixed .container-fluid {
	padding:    0px  0px  0px  0px    !important;
}
.mega-menu.desktopTopFixed .menu-logo {
	padding:    0px  0px  0px 13px    !important;
}
.mega-menu.desktopTopFixed .menu-links {
	padding:    0px  2px  0px  0px    !important;
}
.header.light .mega-menu.desktopTopFixed .menu-list-items {
}
nav#menu.desktopTopFixed {
	height:     6.5rem                !important;
	min-height: 4.5rem                !important;
}
.mega-menu .menu-mobile-collapse-trigger {
	margin:    0px 15.5px 0px 0px     !important;
}
.mega-menu .headerMenuLogo {
	height:     5.0rem                !important;
	min-height: 3.0rem                !important;
	width:      auto                  !important;
}
.mega-menu .headerMenuEntry {
	font-size:  1.15rem               !important;
}








ul.list-arrow li {
	margin-top:   1.0rem              !important;
	padding-left: 2.0rem              !important;
	line-height:  1.5rem              !important;
}
ul.list-arrow li:after {
	font-size:    1.5rem              !important;
}







.footer {
	background-color:            rgb(89, 89, 89)           !important;
	position:                    fixed                     !important;
	left:                         0px                      !important;
	bottom:                       0px                      !important;
	height:                      45px                      !important;
	width:                      100%;
	margin-top:                  45px                      !important;
}








.siteDescBox {
	margin-top:                   2.00rem                  !important;
}
.siteDesc {
	font-size:                    1.00rem                  !important;
	text-align:                   justify                  !important
}
.siteGoalsBox {
	display:                      flex                     !important;
	-ms-flex-align:               start                    !important;
	align-items:                  flex-start               !important;
	padding:                      1.50rem                  !important;
	border:                       1px solid #dee2e6        !important;
}
.siteGoalsTitle {
	margin-bottom:                1.75rem                  !important;
}
.siteGoalDesc {
	font-size:                    1.00rem                  !important;
}




.sectionsIndex {
	font-size:                    1.70rem                  !important;
}
.sectionCol {
	padding:                      0.5rem                   !important;
}
.sectionBox {
/*	border:                       1px solid #dee2e6        !important;*/
	display:                      flex                     !important;
	-ms-flex-align:               start                    !important;
	align-items:                  flex-start               !important;
	padding:                      1.50rem                  !important;
	border:                       1px solid #dee2e6        !important;
}
.sectionBoxIcon{
/*	border:                       1px solid #dee2e6        !important;*/
	height:                       auto                     !important;
	width:                        25%                      !important;
	max-width:                    5.00rem                  !important;
	min-width:                    30px                     !important;
}
div.sectionBoxIcon img {
	height:                       auto                     !important;
	max-width:                    100%                     !important;
}
.sectionBoxBody {
/*	border:                       1px solid #dee2e6        !important;*/
	margin-left:                  1.5rem                   !important;
	-webkit-box-flex:             1                        !important;
	-ms-flex:                     1                        !important;
	flex:                         1                        !important;
}
div.sectionBoxBody > a {
	font-family:                  'Montserrat', sans-serif !important;;
	font-size:                    1.15rem                  !important;
	font-weight:                  600                      !important;
	color:                        #595959                  !important;
}
div.sectionBoxBody > a.disabled {
	color:                        #ababab                  !important;
}
















/* Section                                                                     */
/*-----------------------------------------------------------------------------*/
.videosSectionBox {
/*	border:                       1px solid purple         !important;*/
	display:                      flex                     !important;
	-ms-flex-align:               start                    !important;
	align-items:                  flex-start               !important;
	padding:                      1.00rem                  !important;
}
.videosSectionBoxIcon {
/*	border:                       1px solid red            !important;*/
	height:                       auto                     !important;
	width:                        25%                      !important;
	max-width:                    5.00rem                  !important;
	min-width:                    30px                     !important;
}
div.videosSectionBoxIcon img {
	height:                       auto                     !important;
	max-width:                    100%                     !important;
}
.videosSectionBoxBody {
/*	border:                       1px solid green          !important;*/
	margin-left:                  0.5rem                   !important;
	-webkit-box-flex:             1                        !important;
	-ms-flex:                     1                        !important;
	flex:                         1                        !important;
}
.videosSectionBoxBodyTitle {
	font-size:                    1.75rem                  !important;
	font-weight:                  700                      !important;
	margin-left:                  0.00rem                  !important;
	margin-right:                 0.00rem                  !important;
	padding-left:                 0.00rem                  !important;
	padding-right:                0.00rem                  !important;
}
.videosSectionBoxBodyDesc {
	font-size:                    1.15rem                  !important;
	margin-left:                  0.00rem                  !important;
	margin-right:                 0.00rem                  !important;
	padding-left:                 0.00rem                  !important;
	padding-right:                0.00rem                  !important;
}
div.videosSectionBoxBodyDesc p {
/*	border:                       1px solid blue           !important;*/
	margin-left:                  0.00rem                  !important;
	margin-right:                 0.00rem                  !important;
	padding-left:                 0.00rem                  !important;
	padding-right:                0.00rem                  !important;
}




.themeTitle   {
	font-size:                    1.35rem                  !important;
	font-weight:                  700                      !important;
}
button.themeTitle.disabled {
	color:                        #ababab                  !important;
}
button.themeTitle.collapsed {
	color:                        var(--skinColor)         !important;
	opacity:                      0.65                     !important;
}
button.themeTitle.collapsed:hover {
	opacity:                      1.00                     !important;
}
.themeNote    {
	font-size:                    0.70rem                  !important;
}
.buttonCloseThemeDetailsDialog {
	font-size:                    0.70rem                  !important;
}




.videoTitle   {
	font-size:                    1.20rem                  !important;
}
div.acd-group a.videoTitle {
	color:                        var(--skinColor)         !important;
	opacity:                      0.65                     !important;
}
div.acd-group a.videoTitle:hover {
	opacity:                      1.00                     !important;
}
div.acd-group a.videoTitle {
	color:                        var(--skinColor)         !important;
	opacity:                      1.00                     !important;
}
div.acd-group a.videoTitle.disabled {
	color:                        #ababab                  !important;
	opacity:                      0.65                     !important;
	pointer-events:               none                     !important;
}
.videoDesc    {
	font-size:                    0.90rem                  !important;
}
.videoNote    {
	font-size:                    0.70rem                  !important;
}
.buttonDisplayVideoDetailsDialog {
	font-size:                    0.70rem                  !important;
}
.buttonCloseVideoDetailsDialog {
	font-size:                    0.70rem                  !important;
}
















/* Custom elements                                                             */
/*-----------------------------------------------------------------------------*/
hr.sections-separator {
	background-color:             #fff;
	border-top:                   1px dashed #cccccc;
}
















/* Margins and paddingsion                                                     */
/*-----------------------------------------------------------------------------*/
.no-mt {
	margin-top:                   0.00rem                  !important;
}
.qrt-mt {
	margin-top:                   0.25rem                  !important;
}
.half-mt {
	margin-top:                   0.50rem                  !important;
}
.normal-mt {
	margin-top:                   1.00rem                  !important;
}
.no-mb {
	margin-bottom:                0.00rem                  !important;
}
.qrt-mb {
	margin-bottom:                0.25rem                  !important;
}
.half-mb {
	margin-bottom:                0.50rem                  !important;
}
.normal-mb {
	margin-bottom:                1.00rem                  !important;
}
.no-ml {
	margin-left:                  0.00rem                  !important;
}
.qrt-ml {
	margin-left:                  0.25rem                  !important;
}
.half-ml {
	margin-left:                  0.50rem                  !important;
}
.normal-ml {
	margin-left:                  1.00rem                  !important;
}
.no-mr {
	margin-right:                 0.00rem                  !important;
}
.qrt-mr {
	margin-right:                 0.25rem                  !important;
}
.half-mr {
	margin-right:                 0.50rem                  !important;
}
.normal-mr {
	margin-right:                 1.00rem                  !important;
}
.no-pt {
	padding-top:                   0.00rem                  !important;
}
.qrt-pt {
	padding-top:                   0.25rem                  !important;
}
.half-pt {
	padding-top:                   0.50rem                  !important;
}
.normal-pt {
	padding-top:                   1.00rem                  !important;
}
.no-pb {
	padding-bottom:                0.00rem                  !important;
}
.qrt-pb {
	padding-bottom:                0.25rem                  !important;
}
.half-pb {
	padding-bottom:                0.50rem                  !important;
}
.normal-pb {
	padding-bottom:                1.00rem                  !important;
}
.no-pl {
	padding-left:                  0.00rem                  !important;
}
.qrt-pl {
	padding-left:                  0.25rem                  !important;
}
.half-pl {
	padding-left:                  0.50rem                  !important;
}
.normal-pl {
	padding-left:                  1.00rem                  !important;
}
.no-pr {
	padding-right:                 0.00rem                  !important;
}
.qrt-pr {
	padding-right:                 0.25rem                  !important;
}
.half-pr {
	padding-right:                 0.50rem                  !important;
}
.normal-pr {
	padding-right:                 1.00rem                  !important;
}