body::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: -1;
    background-image: url(/images/Work/fundal_zootehnie.png);
}

/*CENTER LANGUAGES BUTTONS*/
div#sp-top1 {
    text-align: center;
}

div#sp-search {
    padding-top: 5px;
    padding-bottom: 3px;
    /*
    margin-left: 4%;
    margin-right: -4%;
    */
}


p {
    margin-bottom: 1% !important;
}

img.logo-image.d-none.d-lg-inline-block {
    position: relative;
    top: -18px;
}

section.customHeader {
    width: 100% !important;
    margin-top: 2%;
    margin-bottom: 50px;
    background: rgba(255, 255, 255, .7);
    height: 90px;
}

div#sp-logo {
    text-align: center;
}

body.site {
    background-color: #c9c9c9 !important;
	min-height: 100vh;
	
}

p.siteTitle1, p.siteTitle2 {
    color: #406553;
	font-weight: 500 !important;
	font-family: Times New Roman, Times, serif;
}

p.siteTitle1 {
    padding-top: 1%;
    padding-bottom: 0 !Important;
	font-size: 20px;
}

p.siteTitle2 {
    font-size: 26px;
    margin-top: -1%;
}

section#sp-section-1.customTop {
    background: black !important;
    padding: 8px;
    text-align: center;
}

div#sp-top3 {
    text-align: left;
}

div#sp-top2 {
    text-align: right;
}

ul.social-icons > li > a,
ul.sp-contact-info > li > a,
ul.sp-contact-info > li > span {
    color: white;
}

ul.sp-contact-info > li > a:hover {
    color: #F27120;
}

section#sp-section-3.customMenuSection {
    /*background: rgb(62,62,64);*/
    background: black;
}


.sp-megamenu-parent>li {
    /*margin-right: 30px;	*/
    /*margin-right: 26px;*/
    margin-right: 23px;
}

div#sp-menu > div.sp-column > nav {
    justify-content: center !important;
}


nav.sp-megamenu-wrapper > ul > li > a {
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 400;
    line-height: 40px;
	padding: 0 !important;
}


.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a, .sp-megamenu-parent>li > a:hover {
    border-bottom: 4px solid #F27120;
}


#top-menu > ul > li.active > a, #top-menu > ul > li > a:active {
    border-bottom: 4px solid #F27120;
}

ul.mod-languages__list.lang-inline > li > a > img {
    width: 2em;
}

div.mod-languages ul li.lang-active {
	/*background: rgb(62,62,64) !important;*/
	background: black !important;
}

.mod-languages {
    position: relative;
    top: 8px;
}


#sp-main-body {
    padding: 18px 0 !important;
}

.rspbld-module.sliderHomepage {
    border: 12px solid rgba(255, 255, 255, 0.7);
}

.camera_caption_title {
    font-size: 1.1em;
    /*font-weight: bold;*/
    line-height: 1em;
    font-weight: normal;
}


.camera_caption > div {
    background: rgba(255, 255, 255, 0.7) !important;
    font-size: 24px !important;
    color: #416650;
    font: bold 25px 'Bebas Neue';
    letter-spacing: 0.5px;
}


/*ANUNTURI HOMEPAGE*/
.announcements-module_RO,
.announcements-module_EN
{
    background: rgba(255, 255, 255, 0.7) !important;
    padding: 15px 20px 20px !important;
    /*text-align: center !important;*/
    text-align: right !important;
}

.rspbld-module .sp-module-title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 30px;
    text-align: center;
    color: #316c70;
    margin-bottom: 15px;
}

.rspbld-module.announcements-module_RO > h2,
.rspbld-module.announcements-module_EN > h2
{
    font-family: 'Bebas Neue', sans-serif !important;
    text-align: center;
    color: #416650;
	/*
    padding-top: 5%;
    padding-bottom: 5%;
    */
    padding-top: 3%;
    padding-bottom: 4%;
}

.rspbld-module.announcements-module_RO > ul,
.rspbld-module.announcements-module_EN > ul
{
    padding-left: 0;
    margin-bottom: 10%;
}

.rspbld-module.announcements-module_RO > ul > li > a,
.rspbld-module.announcements-module_EN > ul > li > a
{
    color: #111 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}

.rspbld-module.announcements-module_RO > ul > li,
.rspbld-module.announcements-module_EN > ul > li
{
    border-bottom: 1px solid #8aa8a0 !important;
    padding: 8px 2px;
    text-align: center;
    line-height: 30px;
}

.rspbld-module.announcements-module_RO > ul > li,
.rspbld-module.announcements-module_EN > ul > li
{
    list-style: none !important;
}

.rspbld-module.announcements-module_RO > ul > li > a:hover,
.rspbld-module.announcements-module_EN > ul > li > a:hover
{
    color: #f27120 !important;
}

button.read-more-btn.readMoreCustom {
    /*
    background: #416650;
    color: white !important;
    */
    border: none !important;
}

button.read-more-btn.readMoreCustom > a {
    /*
    background: #416650;
    border: 2px solid  #416650;
    color: white !important;
    */
    font-size: 17px;
    color: black;
    padding: 5px 10px 5px 10px;
    border: 1px solid rgba(51, 51, 51, 0.8) !important;
    font-family: "Bebas Neue";
}

button.read-more-btn.readMoreCustom > a:hover,
.announcement-button > a:hover {
     color: #f27120 !important;
     border-color: #f27120 !important;
}

.pulse {
    font-weight: 700;
    animation: pulse-animation 1s infinite;
}

li.pulse > a > span {
    color: #f27120 !important;   
}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }
}


/*ANUNTURI MENU PAGE*/
.com-content-category-blog__item.blog-item.article,
.blog.com-content-category-blog > div.article-list > div > div > div.article {
    background: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 4px solid #426d5b !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.com-content-category-blog__items.blog-items.items-leading.article-list.articles-leading > div > div > div > h2,
.blog.com-content-category-blog > .article-list > div > div > div > div > div > h2 {
    color: #426d5b;
    font-family: 'Bebas Neue';
    font-size: 25px;
}

/*HIDE PUBLISHED DATE IN SINGLE ARTICLE PAGE FROM ANNOUNCEMENT*/
div.article-details > div.article-info > span.published {
    display: none !important;
}

.article-info > span.published > time {
    color: black;
    font-weight: bold;
}


/*ARTICLE PAGE*/
/* Scoatem componenta din constrângerile Bootstrap */
#sp-component {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Coloana Joomla */
#sp-component > .sp-column {
    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}


#sp-component > .sp-column > div.article-details,
.com-finder.finder,
.js-highlight {
    display: block !important;
    width: calc(100% - 64px) !important;
    max-width: 1300px !important;
    padding: 20px 16px 40px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border: 0 !important;
    border-bottom: 4px solid #426d5b !important;
    box-shadow: none !important;
    /*border-radius: 10px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


#sp-component > .sp-column > div.article-details > .article-header {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    /*margin: 0 0 40px !important;*/
    margin: 0 0 20px !important;
    padding: 0 !important;

    min-height: 38px !important;
	
	padding-left: 6% !important;
}

#sp-component > .sp-column > div.article-details > .article-header::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    top: 50% !important;

    width: 100% !important;
    height: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #426d5b !important;

    transform: translateY(-50%) !important;

    z-index: 1 !important;
}


#sp-component > .sp-column > div.article-details > .article-header > h1,
.js-highlight > div > div > h1 
{
    position: relative !important;

    display: inline-block !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 10px !important;

    background: rgba(255, 255, 255, 0.96) !important;

    color: #111111 !important;

    font-family: "Bebas Neue";
    font-weight: normal !important;
	
    line-height: 1.15 !important;

    text-transform: uppercase !important;
	
	font-size: 1.7rem;

    border: 0 !important;

    z-index: 2 !important;
}


#sp-component > .sp-column > div.article-details > .article-can-edit {
    display: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   BODY-UL ARTICOLULUI
   Doar poziționare — fără modificarea listei
   ========================================================= */

#sp-component > .sp-column > div.article-details > [itemprop="articleBody"] {
    margin: 0 !important;
    /*padding: 0 !important;*/
	
	padding-left: 20px !important;
    padding-right: 20px !important;

    background: transparent !important;
}




/*SAME BACKGROUND FOR MODULES*/

.rspbld-module.customModuleContent_Class {
    position: relative !important;

    background: rgba(255, 255, 255, 0.88) !important;

    /*padding: 20px 16px 40px !important;*/
    padding: 20px 16px 20px !important;

    box-sizing: border-box !important;

    border-bottom: 4px solid #426d5b !important;

    box-shadow: none !important;

    padding-left: 20px !important;
    padding-right: 20px !important;

    /* Impiedica orice element sa iasa din container */
    overflow: hidden !important;
    
    /*border-radius: 10px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


/* =========================================================
   LINIA VERDE - ESTE A CONTAINERULUI
   ========================================================= */

div.customModuleContent_Class::before {
    content: "" !important;

    position: absolute !important;

    left: 20px !important;
    right: 20px !important;

    top: 39px !important;

    height: 4px !important;

    background: #426d5b !important;

    z-index: 0 !important;
}


/* =========================================================
   TITLU
   ========================================================= */

div.customModuleContent_Class > h2.rspbld-title {
    position: relative !important;

    display: inline-block !important;

    width: auto !important;

    min-height: 38px !important;

    margin: 0 0 30px 78px !important;

    padding: 0 12px !important;

    box-sizing: border-box !important;

    text-transform: uppercase !important;

    font-family: 'Bebas Neue' !important;

    font-size: 1.7rem !important;

    line-height: 38px !important;

    white-space: nowrap !important;

    /* Alb peste linia verde */
    background: #fff !important;

    z-index: 1 !important;
}


/* =========================================================
   DEZACTIVAM PSEUDO-ELEMENTELE VECHI ALE TITLULUI
   ========================================================= */

div.customModuleContent_Class > h2.rspbld-title::before,
div.customModuleContent_Class > h2.rspbld-title::after {
    content: none !important;
}


.rspbld-module.customModuleContent_Class {
    margin-top: -2% !important;
}

div#contentAbout_2 {
    margin-bottom: 3%;
}

div.englishAbout_2 {
    margin-bottom: 0 !important;
}



/*EVENIMENTE*/

.rspbld-module.events-homepage {
    background-color: rgba(255, 255, 255, 0.7);
}

.jt-inner {
    text-align: center;
}

.jtcs_item_wrapper.jt-cs .jt-author-date {
    display: inline-block !important;
}

.rspbld-module.events-homepage > h2 {
    border-bottom: 1px solid #416650;
    font-family: "Bebas Neue" !important;
    font-size: 25px;
    padding-left: 1%;
    color: #416650;
    padding-top: 8px;
}

.jt-cs .jt-imagecover img {
    margin: auto !important;
}

.jt-cs .owl-dots .active span {
    background: #f27120 !important;
}

.jt-cs .owl-dots span {
    border: 2px solid #f27120 !important;
}

.positioncenter.owl-carousel .owl-nav button.owl-prev {
    left: 0 !important;
}

.positioncenter.owl-carousel .owl-nav button.owl-next {
    right: 0 !important;
}

button.owl-prev > i,
button.owl-next > i {
    color: #f27120 !important;
} 


/*CE INSEAMNA - DE CE - GALERIE FOTO*/

div.announcements-boxes {
    width: 100%;
}

div.announcements-boxes .row {
    align-items: stretch;
}

div.announcement-box {
    height: 100%;
    background: rgba(255, 255, 255, 0.90);
    padding: 12px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border: 3px solid rgba(255, 255, 255, 0.90);
}

/* Imagine */
div.announcement-image {
    width: 100%;
    height: 185px;
    object-fit: cover;
    display: block;
    margin: 0 0 8px 0;
}

/* Titlu */
div.announcement-title {
    margin: 0;
    padding: 0;
    font-size: 21px;
    line-height: 1.05;
    font-weight: 700;
    color: #416d70;
}


h3.announcement-title.englishTitle {
    margin-top: 2%;
}

/* Descriere */
div.announcement-text {
    margin-top: 10px;
    font-size: 17px;
    line-height: 1.25;
    color: #222;
}


/* Zona butonului */
div.announcement-button {
    /*margin-top: auto;*/
    padding-top: 25px;
    text-align: right;
    margin-top: 3%;
}

/* Buton */
div.read-more-btn {
    display: inline-block;
    padding: 7px 18px;
    background: transparent;
    border: 1px solid #222;
    color: #222;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    transition: all 0.3s ease;
}

div.read-more-btn:hover {
    background: #416d70;
    color: #fff;
    border-color: #416d70;
    text-decoration: none;
}

h3.announcement-title {
    color: #416650;
    font-family: bebas neue;
    margin-top: -17%;
    padding-left: 1%;
    background: rgba(255, 255, 255, 0.8);
}


.announcement-button > a {
    border-color: rgba(51, 51, 51, 0.8) !important;
    color: black;
    border: 1px solid;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 1%;
    padding-bottom: 2px;
    font-family: "Bebas Neue" !important;
}

.col-md-12.noPaddingCustom {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.jtcs_more_cat {
    text-align: right;
    text-transform: uppercase;
}

a.btn.btn-primary.jt-readmore {
    font-family: "Bebas Neue" !important;
    padding-bottom: 3px;
}


.cunoastere > p {
    color: #416650;
    font-weight: bold;
}

p.firstTextMotto {
    font-size: 22px;
    text-align: center;
}

p.secondTextMotto {
    text-align: right;
}

.cunoastere {
    position: relative;
    z-index: 1;
    padding-top: 9px;
    padding-bottom: 1px;
}

.cunoastere::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.6);
    z-index: -1;
}

h3.announcement-title.studyProgramTitle {
    margin-top: 4% !important;
    text-align: center !important;
    margin-bottom: 0% !important;
}

td.tabelSpecializare {
    border-right: 2px solid #C6C6C6;
}

td.tabelSpecializare > p > a {
    color: #416650;
}

td.tabelSpecializare > p > a:hover {
    color: #f27120;
}

p.programaText > a {
    color: #416650 !important;
    font-weight: normal !important;
    border: 1px solid black;
    padding: 2px 20px 0 20px;
}

p.programaText > a:hover {
    color: #f27120 !important;
    border: 1px solid #f27120;
}

td.tabelSpecializare {
    text-align: center;
    padding-top: 6px;
}

/*
p.programaText {
    border: 1px solid black;
}
*/

/*BOTTOM LOGOS HOMEPAGE*/
.bottom-logos-container {
    width: 100%;
    max-width: 1300px;
    min-height: 135px;
    margin: 12px auto 0;
    padding: 12px 25px;
    
    background: rgba(255, 255, 255, 0.92);
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    box-sizing: border-box;
}


/* LOGOURILE PRINCIPALE */
.main-logos {
    flex: 1;
    height: 100%;
    
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.main-logos img {
    display: block;
    max-height: 105px;
    width: auto;
    /*max-width: 30%;*/
    /*max-width: 85%;*/
    max-width: 100%;
    object-fit: contain;
}


/* SOCIAL */
.social-logos {
    width: 120px;
    flex: 0 0 120px;
    
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    
    gap: 5px;
    
    align-items: center;
    justify-items: center;
}

.social-logos a {
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 52px;
    height: 52px;
}

.social-logos img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}


h3.announcement-title.aboutBoxTitle {
    margin-top: 3% !important;
    margin-bottom: 0% !important;
}

.announcement-box.aboutBox {
    padding: 8px;
}

/*ABOUT US PAGE*/
.selectionBoxBackground {
    background-image: url(/images/Work/Despre_Noi/box-selection.png);
    opacity: 1;
}

.boxSelection {
    padding-top: 20px;
    top: 12px;
    position: relative;
    z-index: 1;
    font-size: 18px;
}

.picUnselect {
    font: bold 19px 'Bebas Neue';
    letter-spacing: 0.5px;
    text-align: center;
}

.boxSelection {
    padding-top: 20px;
    top: 18px;
    font-family: 'Bebas Neue' !important;
    position: relative;
    font-weight: normal !important;
    z-index: 1;
}

.picWithSelection {
    width: 126px;
    height: 105px;
    top: -57px;
    position: relative;
    margin-left: 40px;
    margin: auto;
}


table.table.borderless {
    border-color: transparent !important;
}

.boxSelection2 {
    top: 27px;
    position: relative;
    font-weight: normal !important;
    /* color: white !important; */
    z-index: 1;
    font-size: 18px;
}

h2#ic21 > a {
    font-weight: normal !important;
}

/*CUSTOM DESIGN FOR ACTIVE TABS*/
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]) {
    background: #416650 !important;
    color: white !important;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button] {
    padding: .35rem 1.25rem !important;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
    font-size: 1.2rem !important;
    font-family: 'Bebas Neue';
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
    color: black;
    font-weight: 400;
}

/*VERTICAL TABS*/

.baTabsWarp.vertical.style1 .ba__nav-tabs > li a:hover, .baTabsWarp.vertical.style1 .ba__nav-tabs > li.tab__active > a {
    border-left-color: #f27120 !important;
    text-wrap: auto;
}

.baTabsWarp.vertical.style1 .ba__nav-tabs > li a {
    text-wrap: auto !important;
    font-size: 15px;
    font-weight: bold !important;
}

a.ba--title {
    text-align: center !important;
    color: black !important;
    /*font-family: 'Bebas Neue' !important;*/
    font-weight: normal !important;
}

.ba__panel-tabs > div > p,
.ba__panel-tabs > div > ul,
.ba__panel-tabs > div > li,
.ba__panel-tabs > div > a {
    color: black;
    font-weight: 400;
}

.baTabsWarp.style1.vertical.breakPointaccordion {
    padding-top: 0;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:hover {
    background-color: #426d5b !important;
    color: white !important;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening] {
    background-color: #426d5b !important;
    color: white !important;
}

/*STUDENTS PAGE ICONS*/
table.my-table-height {
    height: 200px;
    margin-bottom: 1%;
}


table.tableDisciplines > tbody > tr > td {
    border: 1px solid;
}


[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a.active {
    background: #F27120 !important;
    color: white !important;
}


/*ADMITERE*/

.rspbld-module.containerResults {
    background: white;
    padding: 2%;
    margin-bottom: 2%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 4px solid #426d5b !important;
}

table.tableArchiveAdmission > tbody > tr > td {
    border: 1px solid;
    padding: 1%;
}

.rspbld-module.containerResults > div > h5,
h5.customTitleResults {
    font-family: 'Bebas Neue';
    font-size: 27px;
}

.rspbld-image.text-center.imgAdmitere > a > img {
    background: white;
    padding: 1%;
}

div.titleStudy {
    background: white;
    text-align: center;
    font-family: "Bebas Neue" !important;
    font-size: 28px;
    color: #416650;
    padding-top: 2%;
    padding-bottom: 2%;
}

th.customWidth {
    width: 50%;
    border-right: 1px solid white;
}

th.titleProgram {
    text-align: center;
    color: white;
    background: #6ca884;
    font-size: 24px;
    font-family: "Bebas Neue";
    padding-top: 1%;
    /*padding-bottom: 1%;*/
    font-weight: normal;
}

th.mainProgram {
    padding-bottom: 1% !important;
}

div.placesNumber {
    padding-bottom: 0 !important;
}

td.studyProgram {
    border-right: 1px solid rgb(220,220,220);
    border-bottom: 1px solid rgb(220,220,220);
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: #6ca884;
    /*font-weight: bold;*/
    font-weight: 500;
}

span.placesStudy {
    color: initial;
    font-weight: normal;
    position: relative;
    top: 5px;
}

table.tableForStudyPrograms {
    width: 100%;
    background: white;
    text-align: center;
}

.titleStudy.studyType {
    margin-top: -3%;
}

th.titleProgram.titleProgram2 {
    font-size: 17px;
    font-family: inherit;
    border-right: 1px solid white;
}



p.titleUnderVideo {
    font-size: 20px;
    line-height: 25px;
}

img.characterPic {
    /* width: 25%; */
    width: 20%;
    /* margin-left: 13%; */
    margin: auto;
}

img.whatsUpSign {
    width: 9%;
    /* width: 8%; */
    /* margin-left: 50%; */
    /* margin-left: 26%; */
    display: inline;
    margin-right: 3%;
}

p.insideText {
    display: inline-block;
    line-height: 27px;
    position: relative;
    top: 15px;
}

span.sentence2 > a {
    font-size: 19px;
    color: yellow !important;
}

.needHelp {
    color: white;
    font-size: 22px;
    font-weight: bold;
    background-color: #f27120;
    background-repeat: no-repeat;
    /* padding-bottom: 20%; */
    padding-bottom: 1%;
    padding-top: 2%;
}


.elementFull-width::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: #f27120;
    z-index: -1;
    /*
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    */
}

span.sentence2 > a {
    font-size: 19px;
    color: yellow !important;
}


div.registerPhases {
    background: white;
    text-align: center;
    padding-bottom: 1%;
}

img.pictureRegister {
    width: 76%;
    margin: auto;
}

div.titleRegister {
    font-family: "Bebas Neue" !important;
    font-size: 28px;
    color: #416650;
    padding-top: 2%;
    padding-bottom: 2%;
}

div.btnRegister {
    padding-top: 6%;
    padding-bottom: 2%;
}

div.btnRegister > a {
    background: #f25822;
    border: 2px solid  #f25822;
    color: white !important;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 1%;
    padding-bottom: 1%;
    font-family: "Bebas Neue" !important;
    font-size: 20px;
}

div.btnRegister > a:hover { 
    background: white;
    border: 2px solid  #f25822;
    color:  #f25822 !important;
}

.nextStep {
    background: white;
    padding: 12px;
    border-bottom:  4px solid #426d5b !important;
}


#sp-footer, #sp-bottom {
    color: #fff;
    background: rgba(255, 255, 255, .7) !important;
}

.sp-scroll-up {
    /*background: #416650;*/
    background: #f27120;
}

p.copyRightText {
    color: #416650;
    font-family: bebas neue;
    font-size: 26px;
    text-align: center;
    margin-bottom: 0 !important;
}

p.text_footer_second {
    display: inline;
    text-align: center;
}

.secondTextsFooter {
    text-align: center;
}


p.text_footer_second > a {
    color: #416650 !important;
    font-size: 15px;
    padding-right: 2%;
}


#sp-footer .container-inner {
    padding: 15px 0 !important;
}


ol.com-content-blog__links {
    background: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 4px solid #426d5b !important;
    /* padding: 0%; */
    padding-top: 1%;
    padding-bottom: 1%;
}

a.chronocredits {
    display: none !important;
}

.col-md-5.formCol {
    margin-left: auto;
}

p.imgSocialIconsContact > a > img, 
p.imgSocialIconsContact_topLeft > a > img {
    display: inline;
}

p.imgSocialIconsContact_topLeft {
    text-align: left;
}

p.imgSocialIconsContact_topLeft > a > img { 
    width: 3%;
}


/*TABEL PREINSCRIERE*/

button#exportExcelButton {
    background: #f27120;
    color: white;
    text-transform: uppercase;
    border: 2px solid #f27120;
    font-weight: bold;
    margin-bottom: 1%;
}

button#exportExcelButton:hover {
    background: white;
    color: #f27120;
}

/* =========================================
   CONTAINER TABEL
   ========================================= */

.table-scroll-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
}


/* =========================================
   SCROLLBAR ORIZONTAL DE SUS
   ========================================= */

.table-scroll-top {
    width: 100%;
    height: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 5px;
}

.table-scroll-top-inner {
    height: 1px;
}


/* =========================================
   CONTAINER TABEL
   SCROLL ORIZONTAL + VERTICAL
   ========================================= */

.table-scroll-bottom {
    width: 100%;
    max-width: 100%;
    max-height: 600px;
    overflow-x: auto;
    overflow-y: auto;
}


/* =========================================
   TABEL
   ========================================= */

.tableTotalStudents {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}


/* =========================================
   CELULE TABEL
   ========================================= */

.tableTotalStudents th,
.tableTotalStudents td {
    white-space: nowrap;
}


/* =========================================
   HEADER FIX LA SCROLL VERTICAL
   ========================================= */

.tableTotalStudents thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #ffffff;
}


/* =========================================
   SCROLLBAR - OPTIONAL
   ========================================= */

.table-scroll-top::-webkit-scrollbar,
.table-scroll-bottom::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}

.table-scroll-top::-webkit-scrollbar-track,
.table-scroll-bottom::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-scroll-top::-webkit-scrollbar-thumb,
.table-scroll-bottom::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

.table-scroll-top::-webkit-scrollbar-thumb:hover,
.table-scroll-bottom::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* =========================================================
   SCROLLBAR GLOBAL
   ========================================================= */

/* Chrome / Edge / Safari */
::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

::-webkit-scrollbar-track {
    background: #416650 !important;
}

::-webkit-scrollbar-thumb {
    background: #426d5b !important;
    border-radius: 0 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #345746 !important;
}


/* Firefox */
html {
    scrollbar-color: #416650 #e5e5e5 !important;
    scrollbar-width: thin !important;
}
