/* calendar */





.shuco-calendar-container {

    margin-left:10px;

    background-color: #ffffff;

}

.dp_pec_wrapper .dp_pec_content .dp_pec_date .dp_pec_date_item {
    padding: 10px;
    min-height: 80px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    height: 90%!important;
    overflow: hidden;
    cursor: pointer;
    vertical-align: top!important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.calendar-title {

    font-family: "UniversForSchueco-420CdRg"!important;

    font-size: 40px!important;

    color: black !important;

    width:50%;

    background-color: #ffffff;

    position: relative;

    top: 30px;

    left: 25px;

    height: 80px;

}

.event-title {

    font-family: "UniversForSchueco-620CdBd"!important;

    font-size: 25px!important;

    color:#000000 !important;

    width:95%;

    background-color: #ffffff;

    position: relative;

    top: 30px;

    height:50px;

    box-shadow: inset 0 -1px 0 0 #e6e6e6;

    z-index: 999;

}

.dpProEventCalendar_feed.pec-ical {

    display:none!important;

}



.dp_pec_nav.dp_pec_nav_monthly {

    background-color: #ffffff!important;

}

.dp_pec_calendar_default.dp_pec_calendar_upcoming.pec_skin_light > div.dp_pec_top_nav > a {

    display:none;

}

.calendar-container {

    display:flex;

}

.dp_pec_calendar_default.dp_pec_400 .dp_pec_content {

    min-height: 200px;

    padding: 0px;

    margin-top: 40px;

}

.event-container {

    width:40%;

    margin-top: 100px;

    margin-left: 20px;

}

.dp_pec_calendar_default.pec_skin_light.dp_pec_monthly {

    width:60%!important;

}

.dp_pec_calendar_default.dp_pec_calendar_upcoming.pec_skin_light {

    width:100%;

    overflow-y: auto;

    max-height:610px;



}



.dp_pec_calendar_default.dp_pec_calendar_upcoming.pec_skin_light::-webkit-scrollbar-track  {

    border: 1px solid #78b928;

    padding: 2px 0;

    background-color: #78b928;

}

.dp_pec_calendar_default.dp_pec_calendar_upcoming.pec_skin_light::-webkit-scrollbar {

    width: 5px;

} 



.dp_pec_calendar_default.dp_pec_calendar_upcoming.pec_skin_light::-webkit-scrollbar-thumb {

    border-radius: 10px;

    box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #bfbfbf;

    

}

.pec_skin_light.dp_pec_wrapper {

    background: white;

    -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);

    -webkit-box-shadow: 0 0px 00px rgb(0 0 0 / 20%); 

    box-shadow: 0 0px 0px rgb(0 0 0 / 20%);

}





.pec_skin_light.dp_pec_wrapper .dp_pec_content .dp_pec_date .dp_pec_date_item {

    -moz-box-shadow: 0 0px 0px #ccc;

    -ms-box-shadow: 0 0px 0px #ccc;

    -webkit-box-shadow: 0 0px 0px #ccc;

    box-shadow: 0 0px 0px #ccc;

    background-color: #e6e6e6;

}

.pec_skin_light.dp_pec_wrapper .dp_pec_content .dp_pec_date .dp_count_events {

    background:#78b928; ; 

    color: #78b928;

    border: 1px solid #78b928;

}

.dp_pec_wrapper .dp_pec_content .dp_pec_date .dp_count_events {

    bottom: 5px;

    font-size: 8px;

    border-radius: 10px;

}



.selectric-pec_categories_list .selectric {

    width: 300px;

    border: 1px solid #999999;

    border-radius:20px;

    position: relative;

    z-index: 9;

    padding-left:15px;

}

.selectric-pec_categories_list .selectric .label {

    position: relative;

    z-index: 1;

    

}



.selectric-pec_categories_list .selectric .label:before {

    content:url('../images/icons-dashboard-filter.svg');

    width:10px;

    height:10px;

    position: relative;

    z-index: 1;

    margin-right:20px;

    top:5px;

}

.dp_pec_new_event_wrapper .selectric .button, .dp_pec_wrapper .selectric .button {

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    width: 30px;

    color: #78b928!important;

    text-align: center;

    font: 0/0 a;

    background: 0 0;

    text-shadow: none;

    border: none;

    border-radius: 0;

    padding: 0!important;

    box-shadow: none;

    line-height: 35px;

}

.dp_pec_wrapper .selectric .button:after {

    content: " ";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-top-color: #78b928!important ;

    border-bottom: none;

}

.dp_pec_wrapper .dp_pec_content .dp_pec_date {

    position: relative;

    width: 100%;

    text-align: center;

    vertical-align: middle;

}

.pec_skin_light.dp_pec_wrapper .dp_pec_content .dp_pec_date .dp_date_head {

    background: 0 0;

    border-right: 0;

    display: inline-block;

    line-height: 80px;  

}

.dp_pec_wrapper .dp_pec_content .dp_pec_date .dp_date_head span {

    position: relative;

    font-size: 20px;

    font-weight: 400;

    color: #707070!important;

}

.selectric-items, .selectricItems {

    display: none;

    position: absolute;

    overflow: auto;

    top: 100%;

    left: 0;

    background: #78b928;

    padding: 0;

    z-index: 9998;

    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 20%);

    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);

    border-radius: 0 0 5px 5px;

}

.selectric-wrapper.selectric-pec_categories_list.selectric-open > div.selectric-items > div > ul > li:hover {

    background-color: #78b928!important;

}

.selectric-items {

    background-color: white!important;

}

.selectric-wrapper.selectric-pec_categories_list.selectric-open > div.selectric-items > div > ul > li.selected:hover {

    background-color: #78b928!important;

}



.fa-chevron-left:before {

    content: "\f053";

    color: #78b928!important;

}

.fa-chevron-right:before {

    content: "\f054";

    color: #78b928!important;

}



#content-container-login  {

    width: 100%;

    position: relative;

    z-index: 17;

    padding-left: 0px; 

    height: 100%;

}

.dp_pec_wrapper .dp_pec_content .dp_pec_date_event .dp_pec_date_event_data .dp_pec_single_event_head .dp_pec_event_meta span {

    line-height: 32px;

    text-decoration: none!important; 

    color: white;

    background-color: #bfbfbf;

    border-radius: 20px;

    padding: 0px 10px 0px;

    font-size: 12px;



}

.dp_pec_wrapper .dp_pec_content .dp_pec_date_block_wrap i.fa, .dp_pec_wrapper .dp_pec_content .dp_pec_date_block_wrap span.fa {

    font-size: 16px;

    line-height: 32px;

    color:#78b928!important ;

}

.dp_pec_wrapper .dp_pec_content .dp_pec_date_block {

    color: #707070;

    display: inline-block;

    line-height: 32px;

    text-shadow: none;

    padding: 0;

    float: left;

    font-size: 16px;

    font-weight: 400;

    font-family: "UniversForSchueco-430Reg"!important;

    margin: 0;

    text-transform: capitalize;

}

div.dp_pec_wrapper.pec_skin_light.dp_pec_calendar_1 > div.dp_pec_content > div> div > div > div > h2 > a {

    font-family: "UniversForSchueco-530Med"!important;

    font-size: 20px;

    color: black !important;

}



.pec_skin_light.dp_pec_wrapper .dp_pec_content .dp_pec_date_event {

    border: 0;

    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.07)!important;

    background: #fff;

}

.dp_pec_wrapper .dp_pec_content .dp_pec_date_block_wrap span {

    width: 32px;

    height: 32px;

    display: inline-block;

    float: left;

    line-height: 28px;

    text-align: center;

    padding: 0;

    margin: 0;

    margin-right: 20px;

    background: #ffffff;

}

.dp_pec_carousel_item .dp_pec_event_description_short, .dp_pec_content .dp_pec_event_description_short, .dp_pec_slider_item .dp_pec_event_description_short {
    max-height: 60px!important;
    overflow: hidden;
}

@media only screen and (max-width:1000px) {

.calendar-container {

    display:block;

}

.event-container {

    width:98%;

    margin-top: 0px;

    margin-left: 20px;

}

.dp_pec_calendar_default.pec_skin_light.dp_pec_monthly {

    width:98%!important;

}



}





@media only screen and (max-width: 660px) {

.dp_pec_view_all.dp_pec_btnright {

    display: none !important;

    }

.dp_pec_references.dp_pec_btnright {

    display: none !important;

}

.event-container {

    width:94%;

    margin-top: 0px;

    margin-left: 20px;

}

.dp_pec_calendar_default.pec_skin_light.dp_pec_monthly {

    width:94%!important;

}







}