#fromContent {
    max-width: 960px;
    padding: 5%;
    margin: 0 auto;
}

.form-validation {
    width: 100%;
}

input, textarea, select {
    width: 98.5% !important;
}

.mb5 {
    margin-bottom: 5px;
}

.a {
    display: inline;
}

input.half {
    width: 49% !important;
    margin-right: 6px;
    display: inline;
}

input.half:last-child {
    margin-right: 0px;
    display: inline;
}

button[type="submit"] {
    margin-top: 10px
}

/*Acordion css*/
.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion {
    background: #ffffff;
}

.accordion-section-title {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    background: #f5f5f5;
    transition: all linear 0.15s;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.accordion-section-title:after {
    content: '\025BC';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion-section-title.active:after {
    content: "\25B2";
}

.accordion-section-title.active, .accordion-section-title:hover {
    background: #ddd;
    text-decoration: none;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.accordion-section-content {
    padding: 15px;
    display: none;
    font-size: 11px;
    border: 1px solid #e3e3e3;
    margin-top: -1px;
}

.vEnqFrmLabel {
    font-weight: normal;
    margin-top: 4px;
    margin-bottom: 2px;
}

.vastoWidgetButton {
    cursor: pointer;
}

.tt_research_filter_button {
    margin-top: 10px;
}

.vastoWidgetFilterInfo {
    width: 100%;
    background-color: #f5f5f5;
    border: solid 1px #e3e3e3;
}

.vTimeTableLocation_map {
    width: 96%;
    margin: auto;
    text-align: center;
    margin-top: 5px;
}

.vTimeTableLocation_info {
    width: 94%;
    margin: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: left;
    color: #ffffff;
    font-size: 9pt;
}

.vTimeTableLocation {
    width: 290px;
    left: 50%;
    margin-left: -246.5px;
    top: 50px;
    position: fixed;
    text-align: center;
    z-index: 9000;
    background-color: #333333;
    border: solid 3px #ffffff;
    display: none;
}

.vastoPopupScreen {
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #333333;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.vastoPopupWindow {
    position: fixed;
    left: 2.5%;
    top: 2.5%;
    background-color: #ffffff;
    width: 95%;
    max-width: 340px;
    height: 95%;
    z-index: 1000;
    display: none;
    left: 50%;
    margin-left: -170px;
}

.cssload-jumping {
    position: relative;
    display: block;
    margin: 70px auto;
    width: 77px;
}

.cssload-jumping, .cssload-jumping * {
    box-sizing: border-box;
}

.cssload-jumping span {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: rgb(227, 227, 227);
    border-radius: 350px;
    background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
}

.cssload-jumping span:nth-child(1) {
    animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(2) {
    animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(3) {
    animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(4) {
    animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(5) {
    animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

@keyframes scale {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(0.9, 0.9);
        background: rgb(240, 240, 240);
    }
    50% {
        transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(196, 196, 196);
    }
    100% {
        transform: scale(0);
    }
}

@-o-keyframes scale {
    0% {
        -o-transform: scale(0);
    }
    25% {
        -o-transform: scale(0.9, 0.9);
        background: rgb(240, 240, 240);
    }
    50% {
        -o-transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(196, 196, 196);
    }
    100% {
        -o-transform: scale(0);
    }
}

@-ms-keyframes scale {
    0% {
        -ms-transform: scale(0);
    }
    25% {
        -ms-transform: scale(0.9, 0.9);
        background: rgb(240, 240, 240);
    }
    50% {
        -ms-transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(196, 196, 196);
    }
    100% {
        -ms-transform: scale(0);
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
    }
    25% {
        -webkit-transform: scale(0.9, 0.9);
        background: rgb(240, 240, 240);
    }
    50% {
        -webkit-transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(196, 196, 196);
    }
    100% {
        -webkit-transform: scale(0);
    }
}

@-moz-keyframes scale {
    0% {
        -moz-transform: scale(0);
    }
    25% {
        -moz-transform: scale(0.9, 0.9);
        background: rgb(240, 240, 240);
    }
    50% {
        -moz-transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(196, 196, 196);
    }
    100% {
        -moz-transform: scale(0);
    }
}

.iol_courses_table tr, .iol_courses_table td, .vastoWidget_th_left .vastoWidget_th_left, .vastoWidget_th_right .vastoWidget_th_right {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    vertical-align: middle !important;
}

.vasto table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    background-color: #f4f4f4;
}

/*.vasto table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    border: none !important;
    text-align: left !important;
    font-size: 16px !important;
    font-weight: normal !important;
    border-bottom: 1px solid #ccc !important;
    background-color: #f4f4f4 !important;
}*/

.vastoWidgetButton {
    background-color: rgb(227, 25, 55) !important;
    border-radius: 5px !important;
    border: none !important;
    color: white !important;
    font-size: 13px !important;
}

.iol_table_button {
    background-color: rgb(227, 25, 55) !important;
    border-radius: 5px !important;
    border: none !important;
    color: white !important;
    font-size: 14px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right !important;
}

.iol_location {
    font-weight: bold !important;
    text-align: left !important;
    font-weight: bold !important;
    color: #006737 !important;
}

.iol_courses_container {
    border-radius: 10px !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 20px !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.vastoWidget_th_left {
    border-bottom: 1px solid #ccc !important;
}

.iol_prices {
    text-align: right !important;
    font-size: 12px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
}

.iol_table_head {
    background-color: transparent !important;
    border: none !important;
    text-align: left !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #ccc !important;
    color: #333339 !important;
}

#modal_pre_selector {
    overflow: hidden;
}

/* Remove wrap on td time */
td.vastoWidget_td_left span {
    white-space: nowrap;
}

/**
For timetable Location and Date/Time
*/
/* This is wrong when there is an info
.vastoWidget_datatable tr td:nth-last-child(3), .vastoWidget_datatable tr td:nth-last-child(5) {
    white-space: nowrap;
}
*/