/*Defaults*/

body {
    background-color: #d0d0d0 !important;
}


/*Bootstrap Elements*/

.text-primary {
    color: #8cc63f !important;
}

.bg-primary, .btn-primary {
    background-color: #8cc63f !important;
    border-color: #8cc63f !important;
    color: #ffffff;
}

    .bg-primary:hover, .btn-primary:hover, .bg-primary:focus, .btn-primary:focus {
        background-color: #6b6b6b !important;
        border-color: #6b6b6b !important;
        color: #ffffff;
    }

    a.bg-primary, .bg-primary a {
        color: #ffffff !important;
    }

.text-secondary {
    color: #686868 !important;
}

.btn-secondary {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    color: #686868;
}
a {
    color: #2e2f2d;
    text-decoration: bold;
}

a-item:hover {
    color: #2e2f2d;
    text-decoration: underline;
}

.bg-primary, .btn-primary {
    background-color: #8cc63f !important;
    border-color: #8cc63f !important;
    color: #ffffff;
}
.text-primary {
    color: #000000 !important;
}


/*Menu*/

/* ============ medium breakpoint ============ */
@media all and (min-width: 768px) {
    .Menu-Flex-Item {
        width: 100%;
    }
}

@media (max-width: 768px) {

    #navbarSupportedContent {
        position: absolute;
        top: 45px;
        right: 10px;
        background-color: #ffffff;
    }

        #navbarSupportedContent .navbar-nav {
            text-align: right;
        }

        #navbarSupportedContent .dropdown-menu {
            text-align: right;
        }
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1;
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }
}
/* ============ small devices .end// ============ */

.navbar-toggler {
}

.nav-item {
    padding-left: 10px;
    padding-right: 10px;
}

    .nav-item:hover {
        background-color: #dfdfdf;
    }

.nav-link, .nav-link:hover {
    color: #686868;
}

.dropdown-item:hover {
    color: #8cc63f
}


/*Template*/

.layout-box {
    padding: 20px;
    box-shadow: -1px 2px 5px 6px rgb(0 0 0 / 9%);
    -webkit-box-shadow: -1px 2px 5px 6px rgb(0 0 0 / 9%);
    -moz-box-shadow: -1px 2px 5px 6px rgba(0,0,0,0.09);
    background-color: #ffffff;
}

.Header-Menu-Collapse {
}

.Header-btn-Logout {
}

.Header-btn-MyAccount {
}

.Header-btn-Search {
}

.Header-btn-Login {
}

.Header-btn-Register {
    color: #686868;
    text-decoration: none;
    display: inline-block;
}

.Header-btn-ViewAll, .Header-btn-ViewAll:hover {
    color: #ffffff;
	background-color: #6a6a6a;
}

    .Header-btn-ViewAll i {
        margin-left: 5px;
        margin-right: 10px;
    }

    .Header-btn-ViewAll span {
        margin-right: 5px;
    }

.Header-Border-Btm {
    background-color: #8cc63f;
    border-bottom: solid 35px #8cc63f;
    width: 100%;
    margin: 0;
	opacity: 100%;
}

ul#FooterNavigation {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

    ul#FooterNavigation li {
        display: inline;
        margin: 0;
        padding: 0;
        padding: 0 20px 2px 20px;
        border-left: 1px solid #dfdfdf;
    }

        ul#FooterNavigation li:first-child {
            border-left: 0;
        }

        ul #FooterNavigation li a, ul#FooterNavigation li a:link, ul#FooterNavigation li a:visited, ul#FooterNavigation li a:active {
            font-size: 0.875rem;
            text-decoration: none;
            color: #686868;
        }


/*Page Specific*/

.Cardblock {
    background-color: #efefef;
    margin: 10px;
    padding: 20px;
}

.CardHeaders {
}

@media (min-width: 768px) {
    .Register-label {
        text-align: right;
    }
}

.Login-Input {
}

.Login-Login-Btn {
}

.Login-LostPassword-Btn {
}

.Login-ContactUs-Btn {
}

.Login-Register-Btn {
}

.Login-Help-Btn {
}

.Register-label {
}

.Register-Input {
}

.Register-Register-Btn {
}


.activityTable {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

    .activityTable thead {
        display: none;
    }

    .activityTable td {
        border: 0px !important;
    }

        .activityTable td a {
            color: #686868;
        }

    .activityTable tr {
        background-color: #efefef !important;
    }
	
	.page-item.active .page-link {
    color: #ffffff;
    background-color: #8cc63f;
    border-color: #8cc63f;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #5c636a;
    border-color: #5c636a;
}
/********************************************
	Certificate Elements
********************************************/

#Certificate
{
    border: 2px solid #000;
    border-bottom: 30px solid #000;
    padding: 20px;   
    text-align: center;
	max-width:580px;
	background: #fff;	
	margin-top:20px;
	margin:auto;

	
}

.CertificateHeader
{
   font-family: Arial, sans-serif; font-stretch: condensed;
	color: #000;
	text-align: center;
    font-size: 30px;
	margin:25px 0;
	font-weight:bold;

}


.CertificateName
{
   font-family: Arial, sans-serif; font-stretch: condensed;
	text-align: center;
    font-size: 23px;
	margin-bottom:15px;
	font-weight:bold;
	border-bottom: 1px dashed #6C6D71;
	padding-bottom:35px;
	margin-top:10px;
	color:#000;
}

.CertificateTitle
{
  	font-family: Arial, sans-serif; font-stretch: condensed;
	color: #8cc63f;
	text-align: center;
    font-size: 20px;
	margin-bottom:20px;
	font-weight:bold;

}



.CertificateText
{
    font-family: Arial, sans-serif; font-stretch: condensed;
	text-align: center;
    font-size: 16px;
	line-height:23px;
}


#Certificate img
{
    display: block;
    margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #8cc63f;
    border-color: #8cc63f;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%); 
}
.btn-primary:hover {
    color: #fff;
    background-color: #8cc63f;
    border-color: #8cc63f;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%); 
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%); 
}