html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

body {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 50px;
}

a:hover,
a:active,
a:focus {
    outline: none;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

a:focus,
a:active {
    color: #fff;
    text-decoration: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

label {
    font-weight: 400;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    /* for input */
    -webkit-user-select: none;
    /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

a {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.sl {
    top: 30%;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #90AE3D;
}

#loading {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-image: url('../img/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: 500;
}

.user_name {
    min-width: 120px!important;
    text-align: center;
    /*text-transform: uppercase;*/
}

header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #90ae3d;
    z-index: 102;
    height: 50px;
    font-family: 'Montserrat', sans-serif;
}

.header_message {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 1500;
    padding: 10px 0px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: none;
    opacity: 0.9;
}

.success {
    background-color: #299018;
}

.danger {
    background-color: #d53333;
}


/* NAVIGATION */

.desktop_nav {
    float: right;
}

.sub {
    min-width: 155px;
}

.desktop_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.desktop_nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    /*min-width:140px;*/
}

.desktop_nav a {
    color: #cedf9e;
    display: block;
    font-size: 13px;
    font-weight: 400!important;
    padding: 15px 15px 16px 15px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.drop {
    border-right: 0.2em solid;
    border-top: 0.2em solid;
    content: "";
    display: inline-block;
    height: 5px;
    margin-left: 5px;
    position: relative;
    transform: rotate(135deg);
    width: 0.4em;
    top: -3px;
}

.desktop_nav .dropdown:after {
    content: ' ▶';
}

.desktop_nav .dropdown:hover:after {
    content: '\25bc'
}

.desktop_nav li:hover a {
    background: #7e9835;
    color: #fff!important;
}

.desktop_nav li ul {
    float: left;
    left: 0;
    /*right: 0;*/
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.desktop_nav li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}

.desktop_nav li ul li {
    float: none;
    width: 100%;
}

.desktop_nav li ul a:hover {
    background: #7e9835;
}

.desktop_nav ul ul li a {
    padding: 10px!important;
}

.desktop_nav ul ul li a:hover {
    background-color: #90AE3D!important;
}


/*.desktop_nav ul ul {
    display: none;
}
.desktop_nav ul li:hover > ul {
    display: block;
}
.desktop_nav ul {
    list-style: none;
    position: relative;
    display: inline-table;
}
.desktop_nav ul:after {
    content: "";
    clear: both;
    display: block;
}
.desktop_nav ul li {
    float: left;
}
.desktop_nav ul li:hover {} .desktop_nav ul li:hover a {
    color: #fff;
}
.desktop_nav ul li a {
    display: block;
    padding: 16px 15px 15px 15px;
    color: #cedf9e;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
}
.desktop_nav ul ul {
    background: #90ae3d;
    border-radius: 0px;
    padding: 0;
    position: absolute;
    top: 100%;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 150px;
    margin-left: -28px;
}
.desktop_nav ul ul li {
    float: none;
    position: relative;
}
.desktop_nav ul ul li a:last-child {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.desktop_nav ul ul li a {
    text-align: center;
    color: #cedf9e!important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.desktop_nav ul ul li a:hover {
    background: #7e9835;
    color: #fff!important;
}
.desktop_nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    }*/

.logo {
    color: #70882f;
    font-size: 24px;
    font-style: italic;
    margin-top: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.login_img {
    margin-bottom: 30px;
    text-align: center;
}

.breadcrumbs {
    float: left;
    color: #657930;
    margin-top: 15px;
    margin-left: 30px;
    text-transform: capitalize;
    position: absolute;
    z-index: 999;
}

.header_prev {
    float: left;
    color: #fff;
    margin-right: 5px;
}

.header_prev:hover {
    color: #fff;
    text-decoration: none;
}

.go_back {
    float: left;
    color: #fff;
    margin-top: 15px;
    margin-left: 20px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
}

.go_back:hover {
    color: #000;
    text-decoration: none;
}

.sidebar {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 345px;
    /*padding: 0 25px 0 25px;*/
    border-right: 1px solid #dbdbdb;
    z-index: 101;
    background-color: #f9f9f9;
    padding-top: 50px;
    font-family: 'Montserrat', sans-serif;
}

.s_open {
    width: 345px;
}

.s_closed {
    width: 50px;
}

.sv {
    display: block!important;
    padding: 20px 0px 20px 0px!important;
}

.switch_sidebar {
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url('../img/switch.png');
    cursor: pointer;
    z-index: 300;
}

.os {
    right: 9px;
    top: 70px;
    background-position: left top;
}

.cs {
    left: 15px;
    top: 70px;
    background-position: right top;
}

.sidebar_title {
    text-align: center;
    font-size: 16px;
    color: #afafaf;
    margin-top: 0px;
}

#sidebar_wrap {
    display: none;
    padding: 25px 25px 0 25px;
}

#sidebar_wrap .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.main_wrap {
    position: relative;
    overflow: visible;
    margin-left: 50px;
    padding-top: 60px;
}

.main_wrap_open {
    position: relative;
    overflow: visible;
    margin-left: 345px;
    padding-top: 60px;
}

.planning_wrap {
    position: relative;
    overflow: visible;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.planning_wrap_two {
    position: relative;
    overflow: visible;
    padding-top: 60px;
}

.planning_wrap_two .success {
    background-color: #657930!important;
}

;
.planning_bottom {
    float: left;
    margin: 30px 30px 30px 30px;
}

.planning_disabled input,
.planning_disabled select,
.planning_disabled button:not(.step_one_next),
.planning_disabled textarea,
.planning_disabled .checkbox,
.planning_disabled a {
    pointer-events: none;
    tab-index: -1;
}

.enabled-input {
    pointer-events: auto!important;
}

.planning_disabled .delete_ad,
.planning_disabled #new_ad,
.planning_disabled .checkbox_wrap {
    display: none;
}

.steps {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.steps li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 43px;
    border-radius: 50px;
    background: #90ae3d;
    margin: 0px 45px;
    font-size: 16px;
    display: inline-block;
    color: white;
    position: relative;
}

.step_number {
    padding-top: 3px;
    display: block;
}

.step_text {
    color: #90ae3d;
    font-size: 14px;
    margin-left: -5px;
}

.steps_second .step_text {
    margin-left: -10px;
}

.step_text_gray {
    color: #afafaf;
    font-size: 14px;
    margin-left: -10px;
}

.steps_second .step_text_gray {
    margin-left: -5px;
}

.steps li::before {
    content: '';
    position: absolute;
    top: 24px;
    left: -130px;
    width: 140px;
    height: 2px;
    background: #90ae3d;
    z-index: -1;
}

.steps_second li::before {
    background: #EEEEEE none repeat scroll 0 0!important;
}

.steps_second a {
    color: #afafaf;
}

.steps_second a:hover {
    color: #afafaf;
    text-decoration: none;
}

.steps li:first-child::before {
    display: none;
}

.steps .active {
    background: #90ae3d;
}

.non_active {
    background: #eeeeee!important;
    color: #afafaf!important;
}

.steps .active~li::before {
    background: #eeeeee;
}

.next_wrap {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.step_one_next {
    background-color: #90ae3d;
    color: #fff;
    text-align: center;
    padding: 12px 100px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.step_one_next:hover,
.step_one_next:focus,
.step_one_next:active {
    background-color: #3e3e3e;
    text-decoration: none;
    color: #fff;
}

.s_one_wrap {
    padding: 0px 0px;
}

.calendar_input {
    background-image: url('../img/calendar.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px!important;
}

.planning_demographics {
    float: left;
    width: 25%;
    padding: 0px 50px;
}

.planning_demographics h5 {
    text-align: center;
    font-size: 18px;
    color: #afafaf;
    margin-bottom: 10px;
}

.planning_demographics h5 img {
    margin-right: 10px;
}

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

.spots_line,
.total_spots_line {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.planning_spots h5 {
    text-align: center;
    font-size: 18px;
    color: #afafaf;
    margin-bottom: 10px;
}

#budget,
#productionCost {
    background-image: url("../img/icons/euro.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.remaining_budget {
    margin-top: 15px;
}

.planning_impact {
    float: left;
    width: 25%;
    text-align: center;
}

.planning_impact h5 {
    text-align: center;
    font-size: 18px;
    color: #afafaf;
    margin-bottom: 15px;
}

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

.planning_one {
    float: left;
    width: 25%;
    padding: 31px 20px 20px 20px;
    position: relative;
}

.planning_two {
    float: left;
    width: 25%;
    padding: 31px 20px 20px 20px;
    position: relative;
}

.planning_three {
    float: left;
    width: 25%;
    padding: 20px;
    position: relative;
}

.planning_four {
    float: left;
    width: 25%;
    padding: 20px;
    position: relative;
}

.planning_overview h5 {
    text-align: center;
    font-size: 18px;
    color: #afafaf;
    margin-bottom: 10px;
}

.box_left {
    float: left;
    width: 50%;
}

.box_ads {
    float: left;
    width: 59%;
}

.box_right {
    float: left;
    width: 50%;
}

.bl_text {
    float: left;
    width: 100%;
    text-align: right;
    padding: 5px 10px;
    font-size: 16px;
    color: #afafaf;
    font-weight: 400;
}

.b_overview,
.a_overview {
    background-color: #eeeeee;
}
.clean_overview {
    background-color: #fff;
}

.nb_amount {
    float: left;
    width: 100%;
    text-align: right;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
}

.number_box {
    float: left;
    border: 2px solid #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    min-width: 100px;
}

.report_number_box {
    border: 2px solid #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    min-width: 50px;
    max-width: 300px;
}

.n_gray {
    background-color: #eeeeee;
}

.n_euro {
    background-image: url('../img/icons/euro.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}

.gr_impact {
    border: 2px solid #eeeeee;
    padding: 5px 65px;
    color: #000000;
    font-size: 16px;
    min-width: 60%;
    display: inline-block;
}

.assign_title {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.assign_select select {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    padding: 10px 15px;
    min-height: 200px;
}

.select_buttons {
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 100px;
}

.select_buttons span {
    cursor: pointer;
}

.select_buttons span:hover {
    color: #8FAC3C;
}

.campaign_wrap {
    position: relative;
    overflow: visible;
    padding-top: 60px;
}

.reports_wrap {
    float: left;
}


.campaign_filter {
    display: none;
    margin-top: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.campaign_filter select {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    padding: 3px 15px;
}

.report_filter {
    margin-top: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.report_filter select {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    padding: 3px 15px;
}

.cpt_wrap {
    padding-top: 60px;
}

.last_column {
    margin-top: 10px;
}

.input_one {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.left_one {
    float: left;
    width: 50%;
    padding-right: 5px;
    position: relative;
}

.right_one {
    float: left;
    width: 50%;
    padding-left: 5px;
    position: relative;
}

.form-control {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    border: 0px;
    background-color: #eeeeee;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-size: 16px;
    height: 45px;
    padding: 10px 15px;
    line-height: 20px;
    outline: none;
}

.form-control:focus {
    background-color: #EEEEEE;
    box-shadow: none;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.sidebar .col-md-12 {
    margin-bottom: 10px;
}

.account_password .col-md-12,
.account_email .col-md-12 {
    margin-bottom: 10px;
}

.sidebar .col-xs-6 {
    margin-bottom: 10px;
}

.input_left {
    padding-right: 5px;
}

.input_right {
    padding-left: 5px;
}

#date_from,
#date_to {
    font-size: 16px!important;
}

.map_wrap {
    padding-left: 20px;
    padding: 5px 0px;
    float: left;
}

.map_wrap img {
    cursor: pointer;
}

.map_info {
    float: right;
    width: 150px;
    padding-top: 20px;
}

.regions_wrap {
    float: left;
}

.input_title {
    float: left;
}

.input_sm {
    float: right;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eeeeee;
    text-align: right;
    font-size: 16px;
    padding: 5px 10px;
    color: #3e3e3e;
    border: 0px;
}

.spots_number {
    float: right;
    width: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eeeeee;
    text-align: right;
    font-size: 18px;
    padding: 5px 10px;
    color: #3e3e3e;
}

.budget_title {
    float: left;
    width: 120px;
    height: 35px;
    padding-left: 35px;
    padding-top: 9px;
    background-image: url('../img/icons/budget.png')!important;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 16px;
    color: #afafaf;
}

.client_info {
    float: right;
    width: 150px;
    height: 40px;
    padding-left: 35px;
    padding-top: 0px;
    background-image: url('../img/icons/campaign_name.png')!important;
    background-repeat: no-repeat;
    background-position: 25px center;
    font-size: 13.5px;
    color: #afafaf;
}

.impact_title {
    float: left;
    width: 130px;
    height: 35px;
    padding-left: 35px;
    padding-top: 8px;
    background-image: url('../img/icons/impact.png')!important;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 16px;
    color: #afafaf;
}

.spots_title {
    float: left;
    width: 150px;
    height: 35px;
    padding-left: 15px;
    padding-top: 5px;
    font-size: 16px;
    color: #afafaf;
}

.ads_error {
    color: #d53333 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.ads_wrap ul {
    margin: 0px;
    padding: 0px;
}

.ads_wrap ul li {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eeeeee;
    font-size: 16px;
    list-style-type: none;
    float: left;
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 1px;
}

.ads_wrap p {
    float: left;
    width: 100%;
    padding-top: 5px;
    text-align: center;
}

.ads_wrap p a {
    color: #afafaf;
    font-size: 13px;
    cursor: pointer;
}

.ads_wrap p a:hover {
    color: #3e3e3e;
    text-decoration: none;
}

.ads_wrap .warning {
    background-color: #d53333;
    color: #fff;
}

.ad_title {
    float: left;
    width: 150px;
    background-color: transparent;
    border: 0px;
}

.copy_title {
    float: left;
    width: 120px;
    background-color: transparent;
    border: 0px;
}

.ad_time {
    float: right;
    width: 40px;
    background-color: transparent;
    border: 0px;
    text-align: right;
}

.bonus_title {
    float: left;
    padding-top: 5px;
    font-size: 16px;
    color: #afafaf;
}

.bonus_input {
    float: right;
    width: 100px;
    background-color: transparent;
    border: 0px;
    text-align: right;
}

.bt {
    float: right;
    color: #000;
}

.ad_seconds {
    float: right;
    line-height: 22px;
    padding-left: 2px;
}

.gross_title {
    width: 125px;
    height: 35px;
    padding-top: 5px;
    font-size: 16px;
    color: #afafaf;
    float: left;
}

.gross_input {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    line-height: 20px;
    outline: medium none;
    padding: 10px 15px;
    text-align: right;
    width: 160px;
}

.top_margin {
    margin-top: 30px;
    margin-bottom: 20px;
}

.week_wrap {
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
}

.week_table {
    max-width: 600px;
}

.table {
    border-bottom: 1px solid #d5d9e0;
}

.table>thead>tr>th {
    border-bottom: 1px solid #d5d9e0;
    vertical-align: bottom;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
}

.disabled_table {
    display: none;
    background-color: #EEEEEE;
}

.table_ads {
    border: 1px solid #d5d9e0;
}
.table_ads>thead>tr>td {
    vertical-align: center;
    font-weight: 400;
    text-align: center;
    font-size: 10px;
}
.b_day {
    background-color: #EEEEEE;
}

.time_cell {
    width: 80px!important;
}

.right_border {
    min-width: 77px;
    padding: 8px 0px!important;
    border-right: 1px solid #d5d9e0;
}

.r_border {
    padding: 0px 0px!important;
    border-right: 1px solid #d5d9e0;
}

.rf_border {
    min-width: 115px;
    padding: 8px 14px!important;
    border-right: 1px solid #d5d9e0;
}

.s_table {
    width: 100%;
    border: 0px;
    margin: 0px;
}

.border_one {
    padding: 0px!important;
    border: 0px!important;
}

.border_two {
    padding: 5px 10px 0px 0px!important;
    border-bottom: 1px solid #d5d9e0;
    border-right: 1px solid #d5d9e0;
    border-left: 0px!important;
    border-top: 0px!important;
    text-align: right;
    color: #afafaf;
}

.border_three {
    padding: 5px 0 0 0!important;
    border-right: 1px solid #d5d9e0;
    border-top: 0px!important;
    background-color: #eeeeee;
    border-bottom: 1px solid #d5d9e0;
    text-align: center;
}

.tp_one {
    width: 40%;
    border: 0px!important;
}

.tp_two {
    width: 30%;
    border-right: 1px solid #d5d9e0;
    color: #afafaf;
}

.tp_three {
    width: 30%;
    border-right: 1px solid #d5d9e0;
}

.table_date {
    color: #ccc;
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 10px;
}

.t_date {
    color: #ccc;
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 11px;
    padding-top: 30px;
    padding-bottom: 7px;
}

.week_wrap td {
    border-right: 1px solid #d5d9e0;
    /* width: 10%;*/
    text-align: center;
    color: #90ae3d;
    font-size: 14px;
}

.first_column {
    width: 20%;
    font-size: 13px!important;
    color: #afafaf;
}

.f_column {
    width: 100px;
    font-size: 13px!important;
    color: #afafaf;
}

.column_small {
    font-size: 13px!important;
    color: #3e3e3e;
}

.week_wrap td:hover {
    background-color: #eeeeee;
}

.w_total {
    width: 50px;
    padding: 8px 0px!important;
    background-color: #f9f9f9;
    color: #afafaf!important;
}

.w_active {
    width: 20px;
    padding: 8px 0px!important;
}

.w_nactive {
    width: 20px;
    padding: 8px 0px!important;
}

.current_day_highlight {
    background-color: #FFF3B3;
}

.wa {
    min-width: 60px;
    padding: 0px 0px!important;
    vertical-align: middle!important;
}

.minutes {
    font-size: 12px;
}

.week_wrap {
    float: left;
    width: 100%;
}

.week_top {
    float: left;
    margin-left: 105px;
}

.week_box {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.week_first {
    float: left;
    margin-right: 20px;
    background-color: #fff;
    position: absolute;
    left: 0px;
    z-index: 2;
    transition: all 500ms;
    cursor: pointer;
}

.week_first .t_date {
    padding-left: 7px;
    padding-right: 7px;
}


/*.week_first:hover {
    position:absolute;
    left:0px;
    transition: all 500ms;
    background-color: #f9f9f9;
}*/

.line_icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url("../img/switch.png");
    background-position: right top;
}

.line_icon_open {
    background-position: left top;
}

.week_first table {
    margin-bottom: 0px;
}

.week_first:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 70px;
    height: 100%;
    top: 0;
    right: -70px;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

#empty_planning {
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 99;
    text-align: center;
    color: #ccc;
}

#empty_planning p {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
}

.planning_bottom {
    padding-bottom: 30px;
}

.slide_table {
    float: left;
    width: 100%;
}

.slidebars {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.slide_box {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.ts_value {
    float: left;
    width: 30px;
    margin-right: 10px;
    font-size: 11px;
}

.ts_wrap {
    float: left;
    width: 50%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.c_popup {
    position: absolute;
    width: 220px;
    z-index: 300;
    background-color: #f9f9f9;
    margin-left: -110px;
    margin-top: 20px;
    padding: 0px;
    border: 1px solid #d5d9e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
}

.c_popup ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 10px 5px;
}

.c_popup ul li {
    float: left;
    width: 100%;
    list-style-type: none;
    margin-bottom: 5px;
}

.c_popup p {
    text-align: right;
    float: left;
    width: 100%;
    padding: 5px;
    margin: 10px 0 0 0;
    background-color: #EEEEEE;
    border-top: 1px solid #d5d9e0;
}

.pp_save {
    background-color: #90ae3d;
    color: #cedf9e;
    font-size: 12px;
    padding: 3px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pp_save:hover {
    background-color: #7E9835;
    color: #fff;
}

.popup_title {
    float: left;
    width: 130px;
    font-size: 14px;
    color: #afafaf;
    padding-left: 15px;
    text-align: left;
    margin-top: 3px;
}

.popup_qty {
    float: left;
    font-size: 16px;
    color: #3e3e3e;
}

.popup_qty,
.popup_x {
    float: left;
    font-size: 16px;
    color: #3e3e3e;
}

.popup_controls {
    float: right;
}

.popup_controls a {
    padding: 3px 8px 5px;
    background-color: #eeeeee;
    color: #3e3e3e;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup_controls a:hover {
    background-color: #3e3e3e;
    color: #fff;
    text-decoration: none;
}

.n_popup {
    position: absolute;
    width: 220px;
    z-index: 300;
    background-color: #fde8e8;
    margin-left: -110px;
    margin-top: 20px;
    padding: 10px 20px;
    border: 1px solid #d53333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #d53333;
    font-family: 'Montserrat', sans-serif;
}

.t_popup {
    position: absolute;
    width: 80px;
    z-index: 300;
    background-color: #f9f9f9;
    margin-left: -80px;
    margin-top: -60px;
    padding: 0px;
    border: 1px solid #d5d9e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 5px;
}

.t_popup p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}

#popup_notif_container {
    padding: 18px;
    font-size: 12px;
}

.booked {
    background-color: #ee6060!important;
    color: #fff!important;
}

.slot_warning {
    background-color: #FCF8E3!important;
    color: #90ae3d!important;
}

.slot_error {
    background-color: #ee6060!important;
    color: #000!important;
}

.bonus_cell {
    color: #76A0B7!important;
}

.add_sec {
    -moz-user-select: none;
    background-color: #eeeeee;
    border-radius: 3px;
    color: #3e3e3e;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 8px 5px;
    margin-left: 2px;
    display: inline-block;
}

.add_sec:hover {
    text-decoration: none;
    background-color: #3e3e3e;
    color: #fff;
}

.remove_sec {
    -moz-user-select: none;
    background-color: #eeeeee;
    border-radius: 3px;
    color: #3e3e3e;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 8px 5px;
    display: inline-block;
}

.remove_sec:hover {
    text-decoration: none;
    background-color: #3e3e3e;
    color: #fff;
}

.result_left {
    float: left;
    width: 50%;
    padding-left: 30px;
}

.result_left p {
    float: left;
    width: 100%;
    margin-bottom: 13px;
}

.result_left input {
    float: left;
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    line-height: 20px;
    outline: medium none;
    padding: 10px 15px;
    width: 130px;
    text-align: right;
}

.result_left span {
    float: left;
    color: #afafaf;
    font-size: 17px;
    padding-left: 10px;
    padding-top: 9px;
}

.result_right {
    float: right;
    width: 50%;
    padding-right: 30px;
}

.result_right p {
    float: left;
    width: 100%;
    margin-bottom: 13px;
}

.result_right input {
    float: right;
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    line-height: 20px;
    outline: medium none;
    padding: 10px 15px;
    width: 160px;
    text-align: right;
}

.result_right span {
    float: right;
    color: #afafaf;
    font-size: 17px;
    padding-top: 9px;
    text-align: right;
    padding-right: 20px;
}

.demographics {
    color: #afafaf;
    padding-left: 40px;
    margin-left: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 30px;
    padding-top: 7px;
    background-image: url('../img/icons/demographics.png')!important;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 16px;
    font-weight: 400;
}

.stat_button {
    float: left;
    font-family: "Montserrat", sans-serif;
    display: none;
}

.stat_button a {
    float: left;
    background-color: #3e3e3e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #bab6b6;
}

.stat_button a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #606060;
}

.report_btn {
    background-image: url('../img/icons/report.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    width: 218px;
    padding: 15px 15px 15px 80px;
    margin-right: 10px;
}

.broadcast_btn {
    background-image: url('../img/icons/broadcast.png')!important;
    background-repeat: no-repeat;
    background-position: 35px center;
    width: 218px;
    padding: 15px 15px 15px 70px;
}

.book_button {
    float: right;
    background-color: #90ae3d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 50px;
    color: #cedf9e;
    margin-left: 10px;
}

.book_button:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #7E9835;
}

.book_confirm {
    margin-left: 20px;
}

.cancel_booking {
    background-color: #EEEEEE!important;
    color: #90ae3d!important;
}

.cancel_booking:hover {
    background-color: #d53333!important;
    color: #fff!important;
}

.cancel_booking .book_confirm {
    display: none;
}

.view_plan {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 40px 12px 70px;
    color: #bab6b6;
    background-image: url('../img/icons/plan.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.view_plan:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.report_export {
    float: left;
    margin-left: 30px;
    margin-top: 18px;
    background-color: #3e3e3e;
    padding: 12px 40px 12px 70px;
    color: #bab6b6;
    background-image: url('../img/icons/plan.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.report_export:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.broadcast_times {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 40px 12px 70px;
    color: #bab6b6;
    background-image: url('../img/icons/broadcast.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.broadcast_times:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.slides_checkbox {
    float: left;
    margin-right: 5px!important;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

.checkbox {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
}

input[type=checkbox] {
    display: none;
}

.checkbox:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-color: #99a085;
    color: #f3f3f3;
    text-align: center;
    border-radius: 3px;
}

.checkbox:disabled {
    background-color: #99a085;

}

input[type=checkbox]:checked+.checkbox:before {
    content: "\2713";
    font-size: 14px;
    background-color: #7E9835;
}

input[type=checkbox]:disabled+.checkbox:before {
    background-color: #efeded;
}


/* MODAL */

.ui-dialog {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 300;
    text-align: center;
}

.ui-dialog img {
    max-width: 500px;
}


/* SIGN IN */

.sign_in {
    background: url('../img/signup.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.signin_wrap {
    padding-top: 200px;
}

.signin_wrap input[type=text],
.signin_wrap input[type=password] {
    font-size: 17px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 0px;
    padding: 15px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
}

.signin_wrap input[type=text]:hover,
.signin_wrap input[type=password]:hover {
    border: none;
}

.signin_wrap_submit {
    border: 0px;
    background-color: #90ae3d;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #90ae3d;
    color: #cedf9e;
    padding: 15px 0px;
    -o-transition: color .2s ease-out, background 1s ease-in;
    -ms-transition: color .2s ease-out, background 1s ease-in;
    -moz-transition: color .2s ease-out, background 1s ease-in;
    -webkit-transition: color .2s ease-out, background 1s ease-in;
    transition: color .2s ease-out, background 1s ease-in;
}

.signin_wrap_submit:hover {
    border: 0px;
    background-color: #7F9935;
    color: #fff;
}

.admin_table {
    overflow: hidden;
}

.admin_top {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.campaign_top {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}

.report_charts {
    float: left;
    width: 80%;
    margin-top: 20px;
    margin-left: 130px;
    margin-bottom: 50px;
    text-align: left;
}

.report_totals {
    float: left;
    width: 95%;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 80px;
    text-align: left;
}

.report_left {
    float: left;
}

.report_right {
    float: right;
}

.report_center {
    position: relative;
    left: -50%;
}

.reports_filters {
  display: inline;
  margin: 0 1em 0 1em;
  width: 25%;
}

.create_user {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 50px 12px 70px;
    color: #bab6b6;
    background-image: url('../img/icons/new_user.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.create_user:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.create_client {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 50px 12px 80px;
    color: #bab6b6;
    background-image: url('../img/icons/client.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.create_client:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.create_agency {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 50px 12px 80px;
    color: #bab6b6;
    background-image: url('../img/icons/star.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.create_agency:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.create_campaign {
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 50px 12px 80px;
    color: #bab6b6;
    background-image: url('../img/icons/campaigns.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

.create_campaign:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.create_brand {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 50px 12px 80px;
    color: #bab6b6;
    background-image: url('../img/icons/brand.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.create_brand:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.create_radio_station {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 50px 12px 80px;
    color: #bab6b6;
    background-image: url('../img/icons/new_radio_station.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.create_radio_station:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.create_sponsorship {
    float: left;
    margin-left: 30px;
    background-color: #3e3e3e;
    padding: 12px 50px 12px 80px;
    color: #bab6b6;
    background-image: url('../img/icons/campaigns.png')!important;
    background-repeat: no-repeat;
    background-position: 45px center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.create_sponsorship:hover {
    text-decoration: none;
    color: #bab6b6;
    background-color: #595959;
}

.sidebar_update {
    background-color: #90ae3d;
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding: 12px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sidebar_update:hover,
.sidebar_update:focus,
.sidebar_update:active {
    background-color: #3e3e3e;
    text-decoration: none;
    color: #fff;
}

.set_bonus {
    background-color: #90ae3d;
    color: #fff;
    float: left;
    width: 49%;
    text-align: center;
    padding: 12px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.set_bonus:hover,
.set_bonus:focus,
.set_bonus:active {
    background-color: #3e3e3e;
    text-decoration: none;
    color: #fff;
}

.new_bonus {
    background-color: #90ae3d;
    color: #fff;
    float: right;
    width: 49%;
    text-align: center;
    padding: 12px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.new_bonus:hover,
.new_bonus:focus,
.new_bonus:active {
    background-color: #3e3e3e;
    text-decoration: none;
    color: #fff;
}

.sidebar_delete {
    text-align: center;
}

.sidebar_delete a {
    color: #afafaf;
    font-size: 14px;
}

.sidebar_delete a:hover {
    text-decoration: none;
    color: #3e3e3e;
}

.calculate {
    background-color: #90ae3d;
    color: #fff;
    float: right;
    text-align: center;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 15px;
    font-weight: 400;
}

.calculate:hover,
.calculate:focus,
.calculate:active {
    background-color: #3e3e3e;
    text-decoration: none;
    color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #F9F9F9;
    color: #90AE3D;
}

.nav-tabs>li>a {
    color: #555;
}

.trans_table {
    margin-left: 10px;
}

.dashboard_nav {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.dashboard_st {
    float: left;
    width: 100%;
    margin-top: 50px;
    text-align: center;
    font-size: 16px;
    color: #afafaf;
}

.subheader {
    position: absolute;
    z-index: 30;
    left: 0px;
    right: 0px;
    top: 50px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px;
    text-align: center;
}

.euro {
    background-image: url('../img/icons/euro.png')!important;
    background-repeat: no-repeat;
    background-position: 15px center;
}


/* SELECT STYLES */

.btn-group.open .dropdown-toggle {
    box-shadow: 0;
}

.btn {
    border: 0px;
    background: none;
    font-size: 18px;
    font-weight: 300;
    color: #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none!important;
    padding: 10px;
}

.btn-group.open .dropdown-toggle {
    border-color: #d95107;
}

.btn:hover,
.btn:active,
.btn:focus {
    border-color: #d95107;
    background: none;
}

.btn .caret {
    width: 12px;
    height: 7px;
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    border: 0px;
    margin-right: 10px;
}

.bootstrap-select {
    width: 244px \0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    height: 40px;
    font-size: 16px!important;
    /*IE9 and below*/
    margin-bottom: 7px;
}

.bootstrap-select .btn-default {
    background-color: #eeeeee;
    font-weight: 400;
    color: #999;
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 43px;
    font-size: 16px!important;
    color: #3e3e3e;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: none;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    /*width: 244px;*/
    width: 100%;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 250px!important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1036;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
}

select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

select.mobile-device {
    position: absolute !important;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.vselected .dropdown-toggle {
    color: #3e3e3e;
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    /*background-color: #fff!important;*/
}

.select_campaign .btn-default {
    background-image: url('../img/icons/campaign_name.png')!important;
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 40px;
    font-size: 16px;
}

.select_type .btn-default {
    background-image: url('../img/icons/campaign_type.png')!important;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
    font-size: 16px;
}

.select_station .btn-default {
    background-image: url('../img/icons/microphone.png')!important;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
    font-size: 16px;
}

.minutes {
    float: right;
    font-size: 10px;
    font-weight: 400;
}

.hours {
    float: right;
    padding-right: 1px;
}

.dash {
    float: right;
    padding: 0px 5px;
}

.week_table .minutes {
    float: left;
    font-size: 10px;
    font-weight: 400;
}

.week_table .hours {
    float: left;
    padding-right: 1px;
}

.week_table .dash {
    float: left;
    padding: 0px 5px;
}

.week_t {
    min-width: 300px;
}

.week_t .minutes {
    float: left;
    font-size: 10px;
    font-weight: 400;
}

.week_t .hours {
    float: left;
    padding-right: 1px;
}

.week_t .dash {
    float: left;
    padding: 0px 5px;
}
.page_logo{
    margin-top: 30px;
}
.page_wrap {
    background-color: #fff;
    margin-top: 20px;
    float: left;
    width: 100%;
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page_wrap h2{
    margin: 0 0 20px 0;
    padding: 0px;
}

.page_wrap .btn {
    background-color: #90ae3d;
    color: #fff;
    text-align: center;
    padding: 12px 100px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.page_wrap .btn:hover,
.page_wrap .btn:focus,
.page_wrap .btn:active {
    background-color: #3e3e3e;
    text-decoration: none;
    color: #fff;
}



/* DATATABLE SETTINGS */

#datatable_wrapper .btn:hover,
#datatable_so .btn:hover {
    background-color: #7E9835;
    color: #fff;
}

table.dataTable thead .sorting {
    background-image: url("../img/datatables/sort_both.png");
}

table.dataTable thead .sorting_asc {
    background-image: url("../img/datatables/sort_asc.png");
}

table.dataTable thead .sorting_desc {
    background-image: url("../img/datatables/sort_desc.png");
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 12px 10px;
    word-wrap: break-word;
    max-width: 300px;
}

table.dataTable.no-footer {
    border-bottom: 0px;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 0px;
    padding: 10px 10px 10px 25px;
    color: #afafaf;
    font-size: 12px;
    font-weight: 400;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-position: left center;
    background-repeat: no-repeat;
}

.dt_head {
    margin-left: 30px;
}

#datatable_length {
    margin-left: 30px;
    color: #ccc;
    font-weight: 400;
}

table.dataTable tbody tr {
    font-size: 14px;
    cursor: pointer;
}

#datatable_length select {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    padding: 3px 15px;
}

#datatable_cpt_wrapper select {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    padding: 3px 15px;
}

#datatable,
#datatable_so {
    margin-bottom: 20px;
    margin-top: 20px;
    float: left;
    width: 100%!important;
}

#datatable_wrapper {
    margin-bottom: 30px;
}

#datatable_filter {
    margin-right: 30px;
}

#datatable_filter input {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    padding: 5px 15px;
}

#datatable_cpt_wrapper input {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #3e3e3e;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    padding: 5px 15px;
}

#datatable_info {
    margin-left: 30px;
    color: #ccc;
    font-weight: 400;
    font-size: 14px;
}

#datatable_previous,
#datatable_next {
    color: #ccc;
    font-weight: 400;
}

#datatable_paginate {
    margin-right: 30px;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #424242;
    border: 0px;
    color: #ffffff!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #424242;
    border: 0px;
    color: #ffffff!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #ccc !important;
}


/* ==========================================================================
SLIDER
========================================================================== */

.sidebar_slider .slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.sidebar_slider .slider.slider-horizontal {
    width: 100%;
    height: 20px;
}

.sidebar_slider .slider.slider-horizontal .slider-track {
    height: 5px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

.sidebar_slider .slider.slider-horizontal .slider-selection,
.sidebar_slider .slider.slider-horizontal .slider-track-low,
.sidebar_slider .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}

.sidebar_slider .slider.slider-horizontal .slider-tick,
.sidebar_slider .slider.slider-horizontal .slider-handle {
    margin-left: -6px;
    margin-top: -5px;
}

.sidebar_slider .slider.slider-horizontal .slider-tick.triangle,
.sidebar_slider .slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.sidebar_slider .slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}

.sidebar_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}

.sidebar_slider .slider.slider-vertical {
    height: 210px;
    width: 20px;
}

.sidebar_slider .slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}

.sidebar_slider .slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.sidebar_slider .slider.slider-vertical .slider-track-low,
.sidebar_slider .slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}

.sidebar_slider .slider.slider-vertical .slider-tick,
.sidebar_slider .slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}

.sidebar_slider .slider.slider-vertical .slider-tick.triangle,
.sidebar_slider .slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.sidebar_slider .slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}

.sidebar_slider .slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}

.sidebar_slider .slider input {
    display: none;
}

.sidebar_slider .slider .tooltip.top {
    margin-top: -36px;
}

.sidebar_slider .slider .tooltip-inner {
    white-space: nowrap;
}

.sidebar_slider .slider .hide {
    display: none;
}

#sidebar_box .slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #bdbcc1;
    border-radius: 4px;
}

.sidebar_slider .slider-selection {
    position: absolute;
    border-radius: 4px;
}

.sidebar_slider .slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}

.sidebar_slider .slider-track-low,
.sidebar_slider .slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.sidebar_slider .slider-handle {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #3e3e3e;
    background-repeat: repeat-x;
    border: 0px solid transparent;
}

.sidebar_slider .slider-handle.round {
    border-radius: 50%;
}

.sidebar_slider .slider-handle.triangle {
    background: transparent none;
}

.sidebar_slider .slider-handle.custom {
    background: transparent none;
}

.sidebar_slider .slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}

.sidebar_slider .slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}

.sidebar_slider .slider-tick.round {
    border-radius: 50%;
}

.sidebar_slider .slider-tick.triangle {
    background: transparent none;
}

.sidebar_slider .slider-tick.custom {
    background: transparent none;
}

.sidebar_slider .slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}

.sidebar_slider .slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
    opacity: 1;
}

.label_title {
    font-size: 13px!important;
    color: #afafaf;
    padding-left: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

#sidebar_box {
    margin-bottom: 45px;
}

#sidebar_box label {
    font-size: 12px;
    color: #afafaf;
    font-weight: 400;
}


/* SLIDER WEEK WRAP */

.week_wrap .slider {
    /*display: inline-block;*/
    vertical-align: middle;
    position: relative;
}

.week_wrap .slider.slider-horizontal {
    width: 122px;
    height: 10px;
}

.week_wrap .slider.slider-horizontal .slider-track {
    height: 7px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

.week_wrap .slider.slider-horizontal .slider-selection,
.week_wrap .slider.slider-horizontal .slider-track-low,
.week_wrap .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}

.week_wrap .slider.slider-horizontal .slider-tick,
.week_wrap .slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -5px;
}

.week_wrap .slider.slider-horizontal .slider-tick.triangle,
.week_wrap .slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.week_wrap .slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}

.week_wrap .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}

.week_wrap .slider.slider-vertical {
    height: 210px;
    width: 20px;
}

.week_wrap .slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}

.week_wrap .slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.week_wrap .slider.slider-vertical .slider-track-low,
.week_wrap .slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}

.week_wrap .slider.slider-vertical .slider-tick,
.week_wrap .slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}

.week_wrap .slider.slider-vertical .slider-tick.triangle,
.week_wrap .slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.week_wrap .slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}

.week_wrap .slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}

.week_wrap .slider input {
    display: none;
}

.week_wrap .slider .tooltip.top {
    margin-top: -36px;
}

.week_wrap .slider .tooltip-inner {
    white-space: nowrap;
}

.week_wrap .slider .hide {
    display: none;
}

.week_wrap .slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #eeeeee;
    border-radius: 4px;
}

.week_wrap .slider-selection {
    position: absolute;
    background-color: #90ae3d;
    border-radius: 4px;
}

.week_wrap .slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}

.week_wrap .slider-track-low,
.week_wrap .slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.week_wrap .slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
    background-repeat: repeat-x;
}

.week_wrap .slider-handle.round {
    border-radius: 50%;
}

.week_wrap .slider-handle.triangle {
    background: transparent none;
}

.week_wrap .slider-handle.custom {
    background: transparent none;
}

.week_wrap .slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    color: #726204;
}

.week_wrap .slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}

.week_wrap .slider-tick.round {
    border-radius: 50%;
}

.week_wrap .slider-tick.triangle {
    background: transparent none;
}

.week_wrap .slider-tick.custom {
    background: transparent none;
}

.week_wrap .slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}

.week_wrap .slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
    opacity: 1;
}


/* ROOMS */

.rooms_bg {
    background: url('../img/rooms.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.rooms_wrap {
    margin: 0px auto;
    width: 930px;
}

.room {
    float: left;
    width: 300px;
    margin: 5px;
    position: relative;
    overflow: hidden;
    cursor: not-allowed;
}

.room_overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url('../img/rooms/black.png');
    color: #929191;
    z-index: 2;
    cursor:
}

.room_overlay:hover {
    /*background: url('../img/rooms/green.png');*/
    color: #fff;
}

.room_text {
    float: left;
    width: 100%;
    padding-top: 100px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 18px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.room_small {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}

.rooms_logo {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.img-responsive {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
}

.room_overlay:hover+.img-responsive {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    margin-left: -10px;
}

.room_overlay:hover {
    background-image: url('../img/rooms/green.png');
}

.room_overlay:hover .room_text {
    margin-left: 50px;
    /*background-image: url('../img/rooms/arrow_right.png');
background-position: bottom right;
background-repeat: no-repeat;*/
}

.hidden_column {
    display: none;
}

#datatable_wrapper .btn,
#datatable_so .btn {
    background-color: #90ae3d;
    color: #cedf9e;
    padding: 3px 10px;
    font-size: 12px;
}

.cpt_top {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.cpt_bottom {
    float: left;
    width: 100%;
    padding-top: 30px;
    text-align: center;
}

.cpt_input_left {
    width: 300px;
    margin: 0px auto;
}

.cpt_input_right {
    padding: 20px;
}

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

.bonus_left {
    float: left;
    width: 150px;
    padding: 0 5px 0 0;
    margin-bottom: 10px;
}

.bonus_right {
    float: left;
    width: 150px;
    padding: 0 0 0 5px;
    margin-bottom: 10px;
}

.account_left {
    left: 0px;
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    border-right: 1px solid #ccc;
    margin-right: -1px;
}

.account_password {
    float: right;
    width: 400px;
    padding: 80px 50px 20px 20px;
}

.account_password h4,
.account_email h4 {
    text-align: center;
    font-size: 16px;
    color: #afafaf;
}

.account_right {
    right: 0px;
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: 0px;
}

.account_email {
    float: left;
    width: 400px;
    padding: 80px 20px 20px 50px;
}

.confirm_mail {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #fff;
    color: #4d4d4d;
    font-size: 16px;
    text-align: center;
}

.cm_title {
    margin-top: 250px;
}

.image_preview {
    max-height: 30px;
}

.proposal_message {
    margin-top: 50px;
    text-align: center;
    color: #fff;
}

.proposal_message p {
    font-size: 24px;
}

.proposal_message .log_link {
    text-align: center;
    font-size: 14px;
}

.close_selector {
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #90ae3d;
    color: #fff;
    font-size: 12px;
    padding: 3px 5px;
    cursor: pointer;
}

.close_selector:hover {
    background-color: #3E3E3E;
}

.station_selector {
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    display: none;
}

.tree-multiselect {
    background-color: #eeeeee;
}


/* ==========================================================================
ALERT CSS
========================================================================== */

#dialog-confirm {
    display: none;
}

.ui-widget-header {
    margin: 0px auto 20px auto;
    width: 500px;
    text-align: center;
    font-size: 17px;
    color: #4d4d4d;
    margin-top: 10%;
}

.ui-dialog-titlebar-close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 13px;
    height: 13px;
    background-image: url('../img/close.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.ui-dialog-buttonset {
    margin: 0px auto;
    width: 500px;
    text-align: center;
    font-weight: 300;
}

.d_confirm {
    background-color: #90ae3d;
    text-align: center;
    padding: 13px 60px;
    font-size: 14px;
    color: #cedf9e;
    margin: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.d_confirm:hover {
    background-color: #3E3E3E;
    color: #fff;
}

.d_decline {
    text-align: center;
    padding: 13px 20px;
    font-size: 14px;
    color: #afafaf;
    margin: 10px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.d_decline:hover {
    background-color: #7E9835;
}


/* SLIDER */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #70882f;
    font-weight: normal;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.ui-slider {
    position: relative;
    text-align: left;
    background-color: #90ae3d;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}


/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}


/*.sweet-overlay {
    background-color: black;
    /* IE8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

/* IE8 */

background-color: rgba(0,
0,
0,
0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;

}
.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999;
}
@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}
.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block;
}
.sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.sweet-alert fieldset {
    border: none;
    position: relative;
}
.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding 0.2s, max-height 0.2s;
    transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: white;
    line-height: 24px;
    text-align: center;
    margin-right: 3px;
}
.sweet-alert .sa-error-container p {
    display: inline-block;
}
.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.sweet-alert input:focus {
    outline: none;
    box-shadow: 0px 0px 3px #c4e6f5;
    border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
    color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd;
}
.sweet-alert.show-input input {
    display: block;
}
.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative;
}
.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
}
.sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}
.sweet-alert button:focus {
    outline: none;
    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
    background-color: #7ecff4;
}
.sweet-alert button:active {
    background-color: #5dc2f1;
}
.sweet-alert button.cancel {
    background-color: #C1C1C1;
}
.sweet-alert button.cancel:hover {
    background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
    background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default;
}
.sweet-alert button.confirm[disabled] {
    color: transparent;
}
.sweet-alert button.confirm[disabled]~.la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
    border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px;
}
.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
    border-color: #F27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
    content: '';
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, 0.2);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #A5DC86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Clearfix */
.cf:after,
.cf:before {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}
​ @-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}
@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}
@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}
@keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}
@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}
@keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}
@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}
@keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}
@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}
@keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}
.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}
@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}
.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}
@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}
.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}
@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}
.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}
@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Internet Explorer 9 has some special quirks that are fixed here */

/* The icons are not animated. */

/* This file is automatically merged into sweet-alert.min.js through Gulp */

/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg) \9;
}

/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall,
.la-ball-fall>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-fall.la-dark {
    color: #333;
}
.la-ball-fall>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-fall {
    width: 54px;
    height: 18px;
}
.la-ball-fall>div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -moz-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall>div:nth-child(1) {
    -webkit-animation-delay: -200ms;
    -moz-animation-delay: -200ms;
    -o-animation-delay: -200ms;
    animation-delay: -200ms;
}
.la-ball-fall>div:nth-child(2) {
    -webkit-animation-delay: -100ms;
    -moz-animation-delay: -100ms;
    -o-animation-delay: -100ms;
    animation-delay: -100ms;
}
.la-ball-fall>div:nth-child(3) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
}
.la-ball-fall.la-sm {
    width: 26px;
    height: 8px;
}
.la-ball-fall.la-sm>div {
    width: 4px;
    height: 4px;
    margin: 2px;
}
.la-ball-fall.la-2x {
    width: 108px;
    height: 36px;
}
.la-ball-fall.la-2x>div {
    width: 20px;
    height: 20px;
    margin: 8px;
}
.la-ball-fall.la-3x {
    width: 162px;
    height: 54px;
}
.la-ball-fall.la-3x>div {
    width: 30px;
    height: 30px;
    margin: 12px;
}

/*
* Animation
*/
@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%);
    }
}
@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%);
    }
}
@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}
@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

/* ==========================================================================
DATETIME
========================================================================== */
.row {
    position: relative;
}
.bootstrap-datetimepicker-widget {
    list-style: none;
    position: absolute!important;
    z-index: 99999;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #90ae3d;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #90ae3d;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #90ae3d;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
label.error {
    font-size: 12px!important;
    font-weight: 400!important;
    margin-top: 5px;
    color: #d53333!important;
}

/* DATATABLES */
table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent;
}
table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
    background-color: transparent;
}
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}
#datatable_wrapper td:first-child {
    padding-left: 30px!important;
}
#datatable_wrapper th:first-child {
    padding-left: 50px!important;
    background-position: 26px center!important;
}
#ireland_map {
    position: fixed;
    width: 293px;
    height: 350px;
    left: 26px;
    top: 30%;
    background-color: #eeeeee;
    z-index: 500;
    border: 1px solid #afafaf;
    display: none;
}
.legend {
    float: left;
    width: 100%;
}
.legend p {
    float: left;
    width: 100%;
}
.l_dark_gray {
    width: 15px;
    height: 15px;
    background-color: #bebec3;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.l_light_green {
    width: 15px;
    height: 15px;
    background-color: #c8d79e;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.l_gray {
    width: 15px;
    height: 15px;
    background-color: #D5D5D5;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.l_available {
    width: 15px;
    height: 15px;
    background-color: #bebec3;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.l_text {
    float: left;
    margin-right: 7px;
    font-size: 11px;
    margin-bottom: 5px;
}
.l_single_station {
    width: 15px;
    height: 15px;
    background-color: #C0C0C0;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.l_not_covered {
    width: 15px;
    height: 15px;
    background-color: #D5D5D5;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.l_multi_station {
    width: 15px;
    height: 15px;
    background-color: #909090;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.l_urban {
    width: 15px;
    height: 15px;
    background-color: #606060;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
#map_ireland {
    padding: 0px 40px;
}
#map_ireland path {
    /*cursor: pointer;*/
}
#map_ireland path:hover {
    fill: #000000;
}
.nactive_path {
    fill: #bebec3;
    fill-opacity: 1;
    fill-rule: nonzero;
    stroke: none;
}
.nactive_path:hover {
    fill: #000000!important;
}
.disabled_path {
    fill: #d5d5d5!important;
    fill-opacity: 1;
    fill-rule: nonzero;
    stroke: none;
}
.disabled_path:hover {
    fill: #d5d5d5!important;
    cursor: not-allowed!important;
}
.active_path {
    fill: #90AE3D;
    fill-opacity: 1;
    fill-rule: nonzero;
    stroke: none;
}
.active_path:hover {
    fill: #000000!important;
    fill-opacity: 1;
    fill-rule: nonzero;
    stroke: none;
}
.coverage_path {
    fill: #c8d79e!important;
}
.coverage_path_singlestation {
    fill: #C0C0C0;
}
.coverage_path_multistation {
    fill: #909090;
}
.coverage_path_urban {
    fill: #606060;
}
#county_name {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #3e3e3e;
    font-size: 17px;
}
.tooltip_popup {
    position: absolute;
    z-index: 300;
    background-color: #fff;
    margin-left: 10px;
    margin-top: 0px;
    padding: 5px 10px;
    border: 1px solid #d5d9e0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}
.tooltip_popup h5 {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}
.tooltip_popup h4 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #90AE3D;
}
.log_link {
    color: #8FAC3C;
}
.log_link:hover {
    text-decoration: none;
    color: #fff;
}
.google-visualization-tooltip {
    border: 1px solid #ccc!important;
    background-color: #f9f9f9!important;
    width: 160px;
    height: auto;
    text-align: center;
}
.google-visualization-tooltip-item {
    color: #3e3e3e;
    font-size: 11px;
    font-weight: 600;
}
.delete_ad {
    position: absolute;
    right: 2px;
    font-size: 12px;
    color: #afafaf;
    cursor: pointer;
}
.general_error {
    font-size: 12px;
    color: #ff0000;
    float: left;
    width: 100%;
    text-align: center;
}
#campaign_status {
    position: fixed;
    z-index: 900;
    color: #fff;
    top: 50px;
    left: 0px;
    font-size: 12px;
}
#campaign_id {
    float: left;
    padding: 4px 8px;
    background-color: #3e3e3e;
}
#campaign_current_status {
    float: left;
    padding: 4px 8px;
    background-color: #919191;
}
#campaign_current_temp {
    float: left;
    padding: 4px 8px;
    background-color: #b2b0b0;
    visibility: hidden;
}

/* USER */
.user_wrap {
    margin: 0px auto;
    width: 90%;
    max-width: 600px;
    padding-top: 50px;
}
.user_wrap_left {
    float: left;
    width: 30%;
}
.user_wrap_left img {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
}
.user_upload {
    float: left;
    width: 100%;
    padding-top: 20px;
    text-align: center;
}
.user_upload label {
    padding: 10px 0;
}
.user_upload .jFiler {
    background-color: #90ae3d;
    color: #fff;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}
.user_upload .jFiler:hover {
    background-color: #3E3E3E;
    color: #fff;
    text-decoration: none;
}
.user_upload .jFiler a {
    color: #fff;
    text-decoration: none;
}
.user_wrap_right {
    float: left;
    width: 70%;
}
.user_wrap_container {
    padding-left: 20px;
}
.user_wrap_container h4 {
    padding-top: 10px;
    text-transform: uppercase;
}
.user_wrap_container p {
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}
.user_wrap_container p span {
    color: #62752F;
}

.toggle_stations {
    background-color: #90ae3d;
    color: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}
.toggle_stations:hover {
    background-color: #3E3E3E;
    color: #fff;
    text-decoration: none;
}

/* FOOTER */
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background-color: #565656;
    color: #fff;
    padding: 0 20px;
    z-index: 999;
}
footer .copyright {
    float: left;
    font-size: 12px;
    padding-top: 12px;
}
footer ul {
    float: right;
    padding-top: 12px;
}
footer ul li {
    float: left;
    list-style-type: none;
    padding-left: 15px;
    font-size: 12px;
}
footer ul li a {
    color: #EEEEEE;
    text-decoration: none;
}
footer ul li a:hover {
    color: #fff;
    text-decoration: none;
}

/* MOBILE MENU */
.dl-menuwrapper {
    display: none;
    width: 100%!important;
    max-width: 300px!important;
    float: right!important;
    position: relative!important;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
}
.dl-menuwrapper:first-child {
    margin-right: 100px!important;
}
.dl-menuwrapper button {
    background: #90AE3D;
    border: none;
    width: 55px!important;
    height: 50px!important;
    text-indent: -900em;
    overflow: hidden;
    position: absolute;
    right: 0px;
    cursor: pointer;
    outline: none;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #70882f;
}
.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%!important;
    height: 5px;
    background: #fff;
    top: 12px;
    left: 17%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.dl-menuwrapper li {
    position: relative;
}
.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #cedf9e;
    outline: none;
}
.no-touch .dl-menuwrapper li a:hover {
    text-decoration: none;
    color: #fff;
}
.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
}
.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}
.dl-menuwrapper .dl-menu {
    margin: 50px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu.dl-subview li.dl-subview>a {
    display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
    0% {}

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut2 {
    0% {}

    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut3 {
    0% {}

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut4 {
    0% {}

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut5 {
    0% {}

    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}
@keyframes MenuAnimOut1 {
    0% {}

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
@keyframes MenuAnimOut2 {
    0% {}

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes MenuAnimOut3 {
    0% {}

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut4 {
    0% {}

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut5 {
    0% {}

    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}
.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}
.no-js .dl-menuwrapper li.dl-back {
    display: none;
}
.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: '';
}

/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 35em) {}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}

/* ==========================================================================
Helper classes
========================================================================== */
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1439px) {
    .s_one_wrap {
        padding: 0px;
    }

    #map_ireland {
        padding: 0px;
    }

    .planning_one {
        width: 20%;
    }

    .planning_two {
        width: 30%;
    }

    .planning_three {
        width: 30%;
    }

    .planning_four {
        width: 20%;
    }
}
@media only screen and (max-width: 1200px) {
    .week_wrap {
        margin-right: 10%;
        width: 80%;
        margin-left: 10%;
    }

    .breadcrumbs {
        display: none;
    }

    .logo {
        text-align: left;
    }

    .logo img {
        margin-left: 10px;
    }

    .s_one_wrap {
        padding: 0px;
    }

    #map_ireland {
        padding: 0px;
    }

    .planning_one {
        width: 70%;
    }

    .planning_two {
        width: 30%;
    }

    .planning_three {
        width: 50%;
    }

    .planning_four {
        width: 50%;
    }

    .planning_demographics {
        width: 20%;
        padding: 0px;
    }

    .planning_spots {
        width: 25%;
    }

    .planning_impact {
        width: 25%;
    }

    .planning_overview {
        width: 30%;
    }
}
@media only screen and (max-width: 992px) {
    .breadcrumbs {
        display: none;
    }

    .planning_one {
        width: 100%;
    }

    .planning_two {
        width: 100%;
    }

    .planning_three {
        width: 100%;
    }

    .planning_four {
        width: 100%;
    }

    .planning_demographics {
        width: 100%;
        padding: 0px;
    }

    .planning_spots {
        width: 100%;
    }

    .planning_impact {
        width: 100%;
    }

    .planning_overview {
        width: 100%;
    }

    .box_left {
        width: 25%;
    }

    .number_box {
        width: 100%;
    }

    .planning_overview {
        margin-top: 10px;
    }

    .main_wrap_open {
        margin-left: 0px;
        overflow: visible;
        padding-top: 60px;
        position: relative;
    }

    .switch_sidebar {
        display: none;
    }

    .close_s_popup {
        display: block;
        background-image: url("../img/close.png");
        background-repeat: no-repeat;
        height: 13px;
        position: fixed;
        right: 20px;
        text-indent: -9999px;
        top: 20px;
        width: 13px;
        cursor: pointer;
    }

    .desktop_nav {
        display: none;
    }

    .dl-menuwrapper {
        display: block;
    }

    .signin_wrap {
        padding-top: 40%;
    }

    .sidebar {
        position: fixed;
        background-color: #fff;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 299;
        display: none;
    }

    .sidebar_wrap {
        display: none;
        background-color: #fff;
    }

    .main_wrap {
        float: left;
        width: 100%;
        margin: 0px;
    }

    .sidebar .col-md-12 {
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

    #sidebar_wrap {
        display: block;
        padding: 0px 25px 0 25px;
    }
}
@media only screen and (max-width: 768px) {
    .m_hidden {
        display: none;
    }

    .breadcrumbs {
        display: none;
    }

    .logo {
        text-align: left;
    }

    .logo img {
        margin-left: 10px;
    }

    .account_left {
        float: left;
        width: 100%;
        position: relative;
    }

    .account_right {
        float: left;
        width: 100%;
        position: relative;
    }

    .account_email {
        float: left;
        width: 100%;
        padding: 20px;
    }

    .account_password {
        float: left;
        width: 100%;
        padding: 20px;
        margin-top: 70px;
    }

    .report_btn {
        width: 49%;
        margin-right: 0px!important;
    }

    .broadcast_btn {
        width: 49%;
        float: right!important;
    }

    .stat_button {
        width: 100%;
    }

    .book_it {
        margin-top: 30px;
        width: 100%;
    }

    .proposal {
        margin-top: 10px;
        width: 100%;
    }

    .planning_one {
        width: 100%;
    }

    .planning_two {
        width: 100%;
    }

    .planning_three {
        width: 100%;
    }

    .planning_four {
        width: 100%;
    }

    .signin_wrap {
        padding-top: 50%;
    }

    .rooms_wrap {
        margin: 0px auto;
        width: 620px;
    }

    .sidebar {
        display: none;
    }

    .main_wrap {
        float: left;
        width: 100%;
        margin: 0px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .m_hidden {
        display: none;
    }

    .breadcrumbs {
        display: none;
    }

    .logo {
        text-align: left;
    }

    .logo img {
        margin-left: 10px;
    }

    .account_left {
        float: left;
        width: 100%;
        position: relative;
    }

    .account_right {
        float: left;
        width: 100%;
        position: relative;
    }

    .account_email {
        float: left;
        width: 100%;
        padding: 20px;
    }

    .account_password {
        float: left;
        width: 100%;
        padding: 20px;
        margin-top: 70px;
    }

    .report_btn {
        width: 100%;
        margin-right: 0px!important;
        margin-bottom: 10px;
    }

    .broadcast_btn {
        width: 100%;
    }

    .stat_button {
        width: 100%;
    }

    .book_it {
        margin-top: 30px;
        width: 100%;
    }

    .planning_one {
        width: 100%;
    }

    .planning_two {
        width: 100%;
    }

    .planning_three {
        width: 100%;
    }

    .planning_four {
        width: 100%;
    }

    .signin_wrap {
        padding-top: 70%;
    }

    .rooms_wrap {
        margin: 0px auto;
        width: 380px;
    }

    .room {
        float: left;
        width: 180px;
        margin: 5px;
        position: relative;
        overflow: hidden;
    }

    .room_overlay:hover .room_text {
        margin-left: 20px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    .breadcrumbs {
        display: none;
    }

    .logo {
        text-align: left;
    }

    .logo img {
        margin-left: 10px;
    }

    .signin_wrap {
        padding-top: 70%;
    }

    .rooms_wrap {
        margin: 0px auto;
        width: 260px;
    }

    .room {
        float: left;
        width: 250px;
        margin: 5px;
        position: relative;
        overflow: hidden;
    }

    .room_overlay:hover .room_text {
        margin-left: 20px;
    }
}
.bc_username {
    color: #cedf9e;
}
.bc_username a {
    color: #cedf9e;
    text-decoration: none;
}