@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Khand:400,500,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

html, body{
    padding: 0;
    margin: 0;
    background-color: #ECF1F8 !important;
}

*{
    font-family: 'Khand', sans-serif !important;
    font-size: 16px;
    color: #364252;
    outline: none !important;
    line-height: 1.65em;
}

.intext_image {
    width: 100% !important;
    height: auto !important;
    cursor: pointer;
}

.dialog{
    display: none;
}

h1{
    font-size: 2em;
}

h2{
    font-size: 1.7em;
}

h3{
    font-size: 1.4em;
}

.cursorPointer{
    cursor: pointer;
}

.capitals,
.capitals *{
    text-transform: uppercase;
}

.text_orange {
    color: #e0660c !important;
}

.text_green,
.text_green *{
    color: #8DB600 !important;
}

.textWhite,
.textWhite *{
    color: #fff !important;
}

.textGray,
.textGray *{
    color: #9ca6af !important;
}

.text_light_blue{
    color: #318CE7 !important;
}

.text_red{
    color: #E32636 !important;
}

.text_gray{
    color: #d6d6d6 !important;
}

.text_gray_dark{
    color: #a2a2a2 !important;
}

.textBlue{
    color: #00B4FF !important;
}

.text_black{
    color: #000 !important;
}

.center,
.center *{
    text-align: center !important;
}

.small_font,
.small_font *{
    font-size: 0.9em;
}

.small_font_2,
.small_font_2 *{
    font-size: 0.7em !important;
}


a{
    text-decoration: none !important;
    color: #00B4FF;
}

a:hover{
    text-decoration: underline;
}

.small_font{
    font-size: 0.8em;
}

.small_font_2{
    font-size: 0.9em;
}

.small_font_3{
    font-size: 0.85em !important;
}

.small_font_09{
    font-size: 0.9em !important;
}

.small_font_085{
    font-size: 0.85em !important;
}

.italic,
.italic *{
    font-style: italic;
}

.wrapper_1200{
    max-width: 1200px;
    width: auto;
}

.wrapper_1300{
    max-width: 1300px;
    width: auto;
}

.wrapper_800{
    width: 800px;
    margin: 0 auto;
}

.wrapper_1000{
    width: 1000px;
    margin: 0 auto;
}

.cl{
    clear: both;
}

.float_left{
    float: left;
}

.float_right{
    float: right;
}

.hdevider{
    margin-top: 5px;
}

.hdevider10{
    margin-top: 10px;
}

.hdevider15{
    margin-top: 15px;
}

.hdevider20{
    margin-top: 20px;
}

.icon{
    width: 100%;
}

.tableOverview{
    width: 100%;
    border-collapse: collapse;
}

.tableOverview th{
    text-align: left;
    padding: 15px 10px;
    background-color: #EDF2F9;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #ECF1F7;
}

.tableOverview td{
    padding: 15px 10px;
    background-color: #fff;
    font-size: 1.1em;
    border-bottom: 1px solid #ECF1F7;
    color: #364252;
}

.tableOverview table td{
    border-bottom: 1px solid transparent;
}

.icon_td{
    width: 30px;
}

#error_404{
    font-size: 2em !important;
    color: #999;
    text-align: center;
    margin-bottom: 20px;
}

#page_contaner{

}

#pager{
    max-width: 1200px;
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
}

#page_wrapper{
    padding: 0 5px;
}

.wrapword{
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
	not supported by any browser */
}

.buttonLikeContainer{
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #008CE3;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    outline: none;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.button,
button,
.button2{
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #008CE3;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;

    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.button.selected,
button.selected{
    background-color: #44aa66 !important;
}

.button *,
button *,
.button2 *{
    color: #fff;
}

.button2{
    background-color: #50C878;
}

.button:hover,
button:hover{
    text-decoration: none;
    background-color: #191970;
}

.button2:hover{
    text-decoration: none;
    background-color: #44aa66;
}

.small_button{
    padding: 5px 10px;
}

.bgSimpleButton{
    background-color: #eee !important;
    color: #000;
    cursor: pointer;

    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.bgSimpleButton:hover,
.bgSimpleButton.selected{
    background-color: #b4b4b4 !important;
}

.noLink{
    cursor: default !important;
}

.bg_green{
    background-color: #50C878;
    color: #fff !important;
}

.bg_green_2{
    background-color: #A4C639 !important;
    color: #fff;
}

.bg_green *,
.bg_green_2 *{
    color: #fff !important;
}

.no_hover:hover{
    background-color: transparent !important;
    text-decoration: none;
}

/*-----------------LOGIN--------------------------------*/
#login_container{
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    margin-top: 50px;
}

#login_container form{
    margin-top: 50px;
}

.wide_button{
    padding-left: 50px;
    padding-right: 50px;
}

#login_container_inner{
    width: 300px;
    margin: 0 auto;
    border: 1px solid #dfe0e4;
    border-bottom: 1px solid #d0d1d5;
    padding: 5px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.wide_button{
    padding-left: 50px;
    padding-right: 50px;
}
/*-----------------END: LOGIN--------------------------------*/

.input_icon_container{
    border: 2px solid #D9DDE3;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.input_withicon{
    float: left;
    width: 80%;
}

.input_icon{
    float: right;
    padding-top: 11px;
    padding-right: 10px;
}

.input_icon img{
    height: 30px;
}

.input_withicon input{
    border: 0px solid #000 !important;
    padding: 0 !important;
    width: 350px;
    height: 45px;
    line-height: 45px;
    background: none !important;
}

.input_withicon input:focus{
    border: none;
}

/*-----------------SIDES--------------------------------*/
#right_side{
    float: right;
    margin-top: 10px;
    width: 82.8%;
}

#left_side{
    position: fixed;
    float: left;
    width: 17%;
    height: 100%;
    overflow-y: auto;

    background-color: #232B38;
    z-index: 99999;
}

#left_side #close_left_side_container{
    display: none;
    text-align: right;
    padding-right: 15px;
}

#close_left_side_container #close_left_side{
    color: #fff !important;
    font-size: 20px;
}

*::-webkit-scrollbar {
    width: 5px;
}

*::-webkit-scrollbar-track {
    background-color: #232B38;
    width: 5px;
}

*::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #9CA6AF;
}
/*-----------------END: SIDES--------------------------------*/

/*-----------------MAIN CONTAINERS--------------------------------*/
.containerblock{
    background-color: #fff;
    border-radius: 10px;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

    padding: 5px 0 10px 0;
    margin: 20px 0;
}

.containerblock *{
    /*font-family: 'Lato', sans-serif !important;*/
}

.block_header{
    background-color: transparent;
    text-transform: none;


    padding: 15px 8px;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
}

.block_header.border{
    border-bottom: 1px solid #ECF1F7;
}

.block_header_v2{
    display: block;
    text-decoration: none;
    outline: none;
    padding: 15px 10px;
    background-color: #EDF2F9;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px solid #ECF1F7;
}


.block_header *{
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.block_content{
    background-color: #fff !important;
    padding: 10px;
    color: #364252;
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

    /*
    margin-bottom: 15px;
    padding: 0 5px;
    */
}

.block_content *{
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.match_block:hover{
    text-decoration: none;
}

.block_item{
    display: block;
    text-decoration: none;
    outline: none;
    padding: 15px 10px;
    background-color: #fff;
    font-size: 1.1em;
    border-top: 1px solid #ECF1F7;
    color: #364252;

    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;

    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

a.block_item,
a.block_item a,
.block_item *{
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}

.block_item:hover{
    /*background-color: rgba(141, 182, 0, .2);*/
    text-decoration: none !important;
}

.block_item:hover a{
    text-decoration: none !important;
}



#popup_text .block_item.selected,
#info_popup_v2 .block_item.selected{
    background-color: #f5f5f5 !important;
}

#login_container .block_header{
    background-color: transparent;
    color: #232323;
}

header{
    padding: 15px 8px;
    color: #000;
    font-weight: bold;
    font-size: 1.4em;
}

.containerblock_2{

}

.containerblock_2 *{
    /*font-size: 12px;*/
}

.containerblock_2.bottom_border,
.bottom_border{
    border-bottom: 1px solid #646F79;
}

.block_header_2{
    color: #9ca6af;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
}

.block_item_2{
    display: block;
    text-decoration: none;
    padding: 5px;
    border-bottom: 1px solid #444;
    color: #fff !important;
    font-size: 15px;
}

.block_item_3{
    display: block;
    text-decoration: none;
    padding: 5px;
    border-bottom: 0px dotted #d0d1d5;
    color: #232323 !important;
    font-size: 12px;
    background-color: #eee;
}

.block_item_2:hover{
    text-decoration: none;
    background-color: #008CE3;
}

.selected_blue{
    background-color: #008CE3 !important;
}

.subevent_added_container{
    display: inline-block;
    margin-top: 5px;
}

.short_button{
    padding-top: 2px;
    padding-bottom: 2px;
}
/*-----------------END: MAIN CONTAINERS--------------------------------*/


/*-----------------FORM--------------------------------*/
.input_container{
    margin-bottom: 20px;
}

.input_container label{
    display: block;
    margin-bottom: 5px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
.custom-combobox-input,
select,
textarea{
    display: block;
    border: 1px solid #d6d6d6;
    width: 100%;
    padding: 10px 0px;

    color: #444 !important;

    outline:none;
}

.select{
    position: relative;
    display: block;
    border: 1px solid #d6d6d6;
    width: 100%;
    padding: 13px 0px;

    color: #444 !important;

    outline:none;
}

.select .text{
    cursor: pointer;
}

.select .options{
    position: absolute;
    display: none;
    left: -1px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    z-index: 99;
    font-size: 10px;
}

.ui-datepicker-month,
.ui-datepicker-year{
    display: inline !important;

    border: none;
    width: 45%;
    padding: 0;
    font-size: inherit;
}

input[type="number"]{
    width: 10%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
.ui-autocomplete-input:focus{
    border-bottom: 1px solid #999;
}

input[type='checkbox'] {
    width: 20px;
    height: 20px;
}
input[type='checkbox']:checked{

}

select{
    background: none;
    border: none;
    border: 1px solid #d6d6d6;
    padding: 14px 2px;
    outline: none;
    cursor: pointer;
}

textarea{
    border: 1px solid #d0d1d5;
    width: 50%;
    height: 150px;
    outline: none;
    color: #444 !important;
    font-weight: normal !important;
}
/*-----------------END: FORM--------------------------------*/

/*-----------------CRITERIAS FORM--------------------------------*/
.criteria_rating_show{
    font-size: 0.8em;
    color: #999;
}

.criteria_options{
    display: none;
}

.criteria_radio{
    display: none;
}

.normal_texttransform{
    text-transform: none;
}

#search_results{
    position: relative;
    height: 450px;
    overflow-y: auto;
}

.player_block{
    background-color: #fff;
    border: 1px solid #a9a8a8;
    color: #a9a8a8;
    border-radius: 4px;
    text-align: center;
    padding: 5px;
    cursor: pointer;

    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.player_block:hover{
    border: 1px solid #232323;
    color: #232323;
}

.player_block.selected{
    background-color: #50C878;
    color: #000;
    border: 1px solid #232323;
}

.formation_table{
    width: 100%;
    border-collapse: collapse;
}

.formation_table td{
    padding: 5px;
    vertical-align: top;
    text-align: center;
}

/*-----------------END: CRITERIAS FORM--------------------------------*/

/*-----------------SEARCH POPUP--------------------------------*/
.search_container{
    display: none;
}

/*-----------------END: SEARCH POPUP--------------------------------*/

.red_text{
    color: #E32636;
}

@media screen and (max-width: 768px){
    #info_popup,
    #info_popup_v2,
    #info_popup_v3,
    #info_popup_v4{
        width: 99%;
        height: 99%;
    }

    .wickedpicker{
        width: 95% !important;
    }

    #frmNewTraining .input_container{
        float: none !important;
        width: 100% !important;
    }

    input[type='checkbox'] {
        width: 30px;
        height: 30px;
    }

    #add_new_person{
        width: 100%;
    }
}

@media screen and (max-width: 1000px){
    #toolbar_container td{
        text-align: center;
    }

    #toolbar_container td:nth-child(1),
    #toolbar_container td:nth-child(2){
        visibility: visible !important;
    }

    #logo{
        margin-left: -60px;
    }

    #left_side{
        /*display: none;*/
        top: 0;
        left: -90%;
        width: 90%;
    }

    #left_side #close_left_side_container{
        display: block;
    }

    #right_side{
        width: 100% !important;
    }

    textarea{
        width: 100%;
    }

    .teammessages_upload_documents{
        display: none;
    }

    #toolbar_left{
        display: none;
    }

    #toolbar_right{
        width: 100% !important;
    }
}

.player_details_pager a{
    display: inline-block;
    /*font-size: 3em;*/
    font-weight: bold;
    color: #999;

    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.details_columns select{
    background-color: #d5d5d5;
}

.player_details_pager a:hover{
    color: #555;
    text-decoration: none;
}

.player_details_pager{
    display: none;
}

.show_more_player_details{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    margin-top: 6px;
}

.circle{
    border-radius: 100%;
}

.pos_container_select_minutes{

}

.pos_container_button_minutes{
    display: none;
    float: right;
}

.pos_container_select_position{
    float: left;
    width: 80%;
}

.circle_100{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    border: 3px solid #000;
}

.border_blue{
    border-color: #1DC2D5;
}

.border_green{
    border-color: #62A67D;
}

.border_yellow{
    border-color: #FFBF00;
}

.border_orange{
    border-color: #e7711b;
}

.full_border_gray{
    border: 1px solid #c6c6c6;
}

.white_text,
.white_text *{
    color: #fff;
}

.blue_text,
.blue_text *{
    color: #008CE3;
}

.black_text,
.black_text *{
    color: #000;
}

.darkorange_text,
.darkorange_text *{
    color: #e7711b;
}

.w100per{
    width: 100%;
}

.box_10_fixed{
    float: left;
    width: 10%;
}

.box_16{
    float: left;
    width: 16%;
}

.box_90_fixed{
    float: left;
    width: 90%;
}

.box_20,
.box_20_fixed{
    float: left;
    width: 20%;
}

.box_25,
.box_25_fixed{
    float: left;
    width: 25%;
}

.box_25_fixed{
    float: left;
    width: 25%;
}

.box_fixed{
    float: left;
}

.box_30{
    float: left;
    width: 30%;
}

.box_40{
    float: left;
    width: 40%;
}

.box_60{
    float: left;
    width: 60%;
}

.box_80,
.box_80_fixed{
    float: left;
    width: 80%;
}

.box_70{
    float: left;
    width: 70%;
}

.box_50,
.box_50_fixed{
    float: left;
    width: 50%;
}

.box_66{
    float: left;
    width: 66.66%;
}

.box_33,
.box_33_fixed{
    float: left;
    width: 33.33%;
}

.box_575{
    float: left;
    width: 575px;
}

.boxWrapper800 {
    width: 800px;
    margin: 0 auto;
}

.wrapper800 {
    width: 800px;
}

.box_wrapper{
    padding: 5px;
}

.box_wrapper_big{
    padding: 50px 5px;
}

.box_wrapper_big_2{
    padding: 50px;
}

.box_wrapper_40{
    padding: 40px;
}

.block{
    display: block;
}

.formation_field{
    padding: 10px 90px 70px 70px;
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#fieldFormation{
    background-size: 952px 622px;
    width: 952px;
    height: 622px;

    position: relative;
    background-color: #f5f5f5;
}

tr.no_border td,
.no_border{
    border: 1px solid transparent !important;
}

.no_bg{
    background-color: transparent !important;
}

.icon.grayedout{
    -webkit-filter: opacity(.2);
    filter: opacity(.2);
}

.goto{
    cursor: pointer;
}

.tableOverview_2{
    border-collapse: collapse;
    width: 100%;
}

.tableOverview_2 thead tr th{
    background-color: #003c6f;
    color: #fff !important;
    text-align: left;
    padding: 10px;
}

.tableOverview_2 thead tr th *{
    color: #fff !important;
    font-size: 1.5em !important;
}

.tableOverview_2 tbody tr td{
    text-align: left;
    padding: 10px;
    font-size: 1.3em;
}

.tableOverview_2 tbody tr:nth-child(odd) td{

}

.tableOverview_2 tbody tr:nth-child(even) td{
    background: #d5d5d5;
}

.tableOverview_2 tbody tr:nth-child(odd) td {
    background: #D5D5D5;
}

.tableOverview_2 input[type="text"]{
    width: 33%;
    display: inline-block;
    padding: 2px;
    font-size: 0.7em !important;
}

/*------TABLE OVERVIEW 3----------------------*/
.tableOverview_3{
    border-collapse: collapse;
    width: 100%;
}

.tableOverview_3 thead tr th{
    color: #000 !important;
    text-align: left;
    padding: 0;
}

.tableOverview_3 thead tr th *{
    color: #000 !important;
    font-size: 1.5em !important;
}

.tableOverview_3 tbody tr td{
    text-align: left;
    padding: 15px 10px;
    font-size: 1.3em;

    background-color: #eee !important;
    border-bottom: 1px solid #cdd2bc
}
/*------TABLE OVERVIEW 3----------------------*/

/*------TABLE OVERVIEW SMALL----------------------*/

.tableOverview_small{
    border-collapse: collapse;
    width: 100%;
}

.tableOverview_small *{
    font-size: 10px !important;
}

.tableOverview_small thead tr th{
    background-color: #003c6f;
    color: #fff !important;
    text-align: left;
    padding: 10px;

}

.tableOverview_small thead tr th *{
    color: #fff !important;
}

.tableOverview_small tbody tr td{
    text-align: left;
    padding: 10px;
}

.tableOverview_small tbody tr td .button,
.tableOverview_small tbody tr td button{
    padding-top: 2px;
    padding-bottom: 2px;
}

.tableOverview_small tbody tr:nth-child(odd) td{

}

.tableOverview_small tbody tr:nth-child(even) td{
    background: #fff;
}

.tableOverview_small tbody tr:nth-child(odd) td {
    background: #D5D5D5;
}

.tableOverview_small input[type="text"]{
    width: 33%;
    display: inline-block;
    padding: 2px;
}

/*------END: TABLE OVERVIEW SMALL----------------------*/

.spinner input{
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-block;
}

.spinner_minus,
.spinner_plus{
    position: relative;
    top: 1px;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d6d6d6;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.spinner_minus{
    margin-right: -4px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 3;

}

.spinner_plus{
    margin-left: -4px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.spinner_minus:hover,
.spinner_plus:hover{
    border: 1px solid #999;
}

.small_font{
    /*font-size: 0.65em !important;*/
}

.link{
    cursor: pointer;
}

#save_events_container{
    height: 400px;
    background: #f5f5f5;
    overflow: auto;
    margin-top: 20px;
}

.ui-dialog{
    z-index: 999999 !important;
}

.ui-widget-header{
    border: 1px solid transparent !important;
    background: #fff !important;
}

.ui-dialog-titlebar-close{
    /*display: none !important;*/
}

.ui-button-text,
.ui-button{
    color: #444 !important;
}

.noUnderline{
    text-decoration: none;
}

.myDialogCloseContainer{
    text-align: right !important;
    padding: 10px;
}

.myDialogClose{
    font-size: 1.3em;
    text-decoration: none !important;
}

.attention_icon{
    display: inline-block;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    background-color: #007FFF;
    color: #fff;
    cursor: pointer;
}

.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.5;
}

.ui-checkboxradio-label.ui-checkboxradio-checked.ui-state-active{
    background: none !important;
    background-color: #008CE3 !important;
    color: #fff !important;
    border-color: #008CE3 !important;
}

@-webkit-keyframes pulsate {
    0% {
        background-color: #d83204;
        opacity: 0.5;
    }
    50% {
        background-color: #d83204;
        opacity: 1.0;
    }
    100% {
        background-color: #d83204;
        opacity: 0.5;
    }
}

div.input{
    padding: 10px;
    border: 1px solid #d6d6d6;
}

div.input input,
div.input select{
    border: none;
    padding: 0;
}

.small_input{
    width: 100px !important;
}

.circle_50{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}

.floating{
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.bold{
    font-weight: 600;
}

.backCategory{
    font-size: 1.1em;
}

.backCategory,
.backCategory *{
    text-decoration: none;
    /*color: #007FFF;*/
    color: #777;
}

/*
.rateBox{
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #999;
	background-color: #fff;
	color: #999;
}

.rateBox:hover,
.rateBox.selected{
	text-decoration: none;
	background-color: #008CE3;
	border: 1px solid #008CE3;
	color: #fff;
}
*/


.tagContainer{
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px;
}

.tagBlock{
    display: inline-block;
    padding: 2px 5px;
    border-radius: 4px;
    color: #555;
    background-color: #E1E1E1;
}

.box_800{
    width: 800px;
}

.eventContainer{
    padding: 10px 20px;
    background-color: #fff;
    color: #232323;
    border-radius: 10px;
    margin-bottom: 5px;
}

.eventContainer *{
    color: #232323;
}

.tabContainer{
    border-bottom: 2px solid #212121;
}

.tabContainer button{
    margin: 0;
    border-radius: 0;
    border: 1px solid #212121;
}

.tabContainer button:hover,
.tabContainer button.selected{
    background-color: #212121 !important;
    color: #fff !important;
}

#editTimer{
//display: none;
}

#codingTimerContainer:hover #editTimer{
//display: block;
}

.optionsContainer{

}


.message_box{
    float: left;
    margin-bottom: 10px;
    width: auto;
    max-width: 66%;
    border-radius: 8px;
}

.box_wrapper_2{
    padding: 5px;
}

.circleBig{
    display: block;
    width: 60px;
    height: 60px;
    line-height: 62px;
    border-radius: 50%;
    text-align: center;
    font-size: 3em;
}

.floatingButton{
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 9;
}

.assigned_subevents_container{
    display: none;
}

button.tab{
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #9CA6AF;
    color: #9CA6AF !important;
}

button.tab.selected,
button.tab:hover{
    background-color: #9CA6AF;
    color: #fff !important;
}

.showFormationOptions{
    text-decoration: none !important;
}

.hmenu_line_1,
.hmenu_line_2,
.hmenu_line_3{
    width: 20px;
    border: 1px solid #fff;
}

.hmenu_line_1,
.hmenu_line_2{
    margin-bottom: 4px;
}

.shadow{
    -webkit-box-shadow: -1px 1px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: -1px 1px 5px 0px rgba(153,153,153,1);
    box-shadow: -1px 1px 5px 0px rgba(153,153,153,1);
}

.box_wrapper_10{
    padding: 10px;
}

.exercise_show_container{
    float: left;
    width: 275px;
    margin: 10px 10px 0 10px;
}

.exercise_show_image{
    position: relative;
    max-width: 290px;
    margin: 0 auto;
    height: 253px !important;
    overflow: hidden;
}

.exercise_image{
    width: 290px;
    height: 253px !important;
    position: absolute;
    left: 0;
}

.exercise_show_image img:nth-child[1]{
    height: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.exercise_show_image:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.exercise_main_image_container{
    width: 400px;
    background-color: #008CE3;
    /*margin: 0 auto;*/
}

.exercise_main_image_container img{
    width: 100%;
}

.exercise_show_title{
    height: 46px;
    overflow-y: hidden;
    margin-top: 10px;
    text-align: center;
    color: #232323;
}

.page_num{
    display: inline-block;
    text-decoration: none;

    text-align: center;
    width: 52px;
    height: 52px;
    line-height: 52px;

    background-color: #7893b0;
    color: #263548;

    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;

    background-color: #ff6600;
    color: #fff !important;
}

.page_num.selected{
    background-color: #d37d25;
    color: #000;
}

.shop_button{
    display: inline-block;
    min-width: 10px;
    width: auto;
    padding: 5px;
    background-color: #FB6901;

    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

.mobile_view,
.mobileView{
    display: none;
}

.eventPresenceButton.aanwezig.selected{
    background-color: #8DB600 !important;
}

.eventPresenceButton.afwezig.selected{
    background-color: #E32636 !important;
}

.eventPresenceButton.misschien.selected{
    background-color: #CD7F32 !important;
}

.no_rounded_border{
    border-radius: 0 !important;
}

.box_500px{
    width: 500px;
}

.clickable_3,
.clickable_4{
    display: block;
    cursor: pointer;
}

.box_subscribe_2 .clickable_3.selected,
.box_subscribe_2 .clickable_3:hover{
    background-color: #EE4C14 !important;
}

.box_subscribe_2 .clickable_4.selected,
.box_subscribe_2 .clickable_4:hover{
    background-color: #EE4C14 !important;
}

.box_subscribe_2 .clickable_3.selected .mainData *,
.box_subscribe_2 .clickable_3:hover .mainData *{
    color: #fff !important;
}

.box_subscribe_2 .clickable_3.selected .orangeButtonFixed{
    background-color: #3B77B0 !important;
    color: #fff !important;
    border: 1px solid #3B77B0 !important;
}

#homeBanner{
    position: relative;
}

#homeBanner span{
    display: block;
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #fff;
    font-size: 1.8em;
    font-weight: 600;

    text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
}

#homeBanner img{
    width: 100%;
}

#footer_v2{
    background: #232323;
    background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
    background-size: 550% 450%;
}

#footer_v2 *{
    color: #999;
}

#footer_v2 header{
    color: #fff;
}

#footer_v2 a{
    color: #fff;
}

#footer_v2 .footer_more *{
    color: #999;
}

#footer_v2 .footer_more a{
    display: inline-block;
    margin: 10px;
    text-transform: uppercase;
}

#footer_v2 .footer_more a:hover{
    color: #fff;
}






















.green_text{
    color: #8DB600;
}

.orange_text{
    color: #e7711b !important;
}

.bg_black{
    background-color: #212121 !important;
}

.bg_gray{
    background-color: #b4b4b4 !important;
}

.bg_gray_light{
    background-color: #eee !important;
}

.bg_dark_gray{
    background-color: #777 !important;
    color: #fff !important;
}

.bg_orange{
    background-color: #e7711b;
    color: #fff;
}

.bg_orange *{
    color: #fff;
}

.bg_blue{
    background-color: #008CE3 !important;
}

.bg_blue *{
    color: #fff !important;
}

.bg_blue_2{
    background-color: #3b77b0 !important;
}

.bg_yellow{
    background-color: #f4c505 !important;
    color: #000 !important;
}

.bg_red{
    background-color: #E32636 !important;
    color: #fff !important;
}

.bg_red *{
    color: #fff !important;
}

.bg_white{
    background-color: #fff !important;
    color: #000 !important;
}

.bg_white *{
    color: #000 !important;
}

#freeBrochureFloating{
    position: fixed;
    right: -42px;
    bottom: 30%;
    padding: 5px 10px;
    color: #fff;

    border-top-right-radius: 4px;
    border-top-left-radius: 4px;

    -ms-transform: rotate(-90deg); /* IE 9 */
    transform: rotate(-90deg); /* Standard syntax */

    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

#freeBrochureFloating:hover{
    text-decoration: none;
    background-color: #191970 !important;
}

.black_box{
    display: block;
    background-color: #232B38;
    padding: 20px;
    color: #fff;
}

.black_box *{
    color: #fff;
}

.title{
    font-size: 1.7em;
    font-weight: 600;
}

.image_container{
    height: 220px;
    overflow: hidden;
    position: relative;
}

.image_container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.3s ease;
}

.image_container .img2 {
    opacity: 0;
}

.image_container:hover .img1 {
    opacity: 0;
}

.image_container:hover .img2 {
    opacity: 1;
}

.noshadow{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.circleCriteriaOptionSelected{
    display: none;
}

.circleCriteriaOption{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    border: 1px solid #999;
    background-color: #f5f5f5;
    text-align: center;
    color: #999;

    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.circleCriteriaOption:hover,
.circleCriteriaOption.selected{
    background-color: #A4C639;
    border: 1px solid #A4C639;
    color: #fff;
}

.rotate90{
    width: 30px;
}

.lineThrough{
    text-decoration: line-through;
}

.small_text,
.small_text *{
    font-size: 12px !important;
}

.fs30px,
.fs30px *{
    font-size: 30px !important;
}

.fs40px,
.fs40px *{
    font-size: 40px !important;
}

.fs20px,
.fs20px *{
    font-size: 20px !important;
}

.fs15px,
.fs15px *{
    font-size: 15px !important;
}

#cart_content_count{
    position: absolute;
    background-color: #E32636;
    color: #fff;
    text-align: center;
    width: 17px;
    height: 17px;
    line-height: 18px;
    border-radius: 50%;
    font-size: 11px;
    left: 5px;
    top: 3px;
}

#ready_popup{
    position: fixed;
    display: none;

    margin-left: auto;
    margin-right: auto;
    top: 0;
    left: 0;
    right: 0;

    width: 1000px;
    height: 500px;
    overflow: auto;
    padding: 20px 5px;
    font-size: 1.5em;
    z-index: 9999;
    text-align: center;
    background-color: #fff;

    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

#ready_popup_content{
    max-width: 1000px;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

#closePopup{
    margin-right: 10px;
}

.orangeButtonFixed {
    background-color: #fff;
    border: 1px solid #EE4C14;
    color: #EE4C14 !important;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 1.3em;
    border-radius: 20px;
    width: 130px;
}

.orangeButtonFixed:hover {
    background-color: #fff;
}

#total_price_container{
    display: inline-block;
    padding: 10px 20px;
    position: fixed;
    right: 80px;
    bottom: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff !important;
    font-size: .9rem;
}

.bg_darkblue,
.bg_darkblue *{
    background-color: #2A52BE !important;
    color: #fff !important;
}