/*!
 * Event Catalyst v0.0.0 (http://www.eventcatalyst.com)
 * Copyright 2015-2017 The Event Catalyst Authors
 */
.step_backoffice {
    position: relative;
    width: 100%;
    /*padding: 30px 15px 100px;*/
    /*min-height:300px;*/
}

.btn.btn-button { 
   vertical-align: top;
    line-height: 38px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .step_backoffice {
        position: relative;
        width: 100%;
        /*padding: 30px 15px 200px;*/
        /*min-height:700px;*/
    }
}

.page_backoffice {
    padding: 30px 0px 100px;
    min-height:700px;
}

    .page_backoffice h1.pagetitle {
        font-family: DINPro-Regular,Tahoma,Helvetica,Arial,sans-serif;
        font-size: 48px;
        color: #004831;
        line-height: 1.15em;
        text-align: center !important;
        margin-bottom: 40px;
    }
	
	
.rbl_sruvey {
	list-style-type: none;
	padding: 0px;
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 0px 0px 10px;
}


.rbl_sruvey li {
	display: inline-block;
	position: relative;
	float: left;
	margin-right:30px;
	white-space: nowrap;
	/*overflow: hidden;*/
}

.rbl_sruvey li input[type=radio] {
	display: inline !important;
	margin-right: 5px;
}

.rbl_sruvey li label {
	display: inline !important;
	font-weight:normal;
}

.survey h2{
	color: #76b900 !important;
	letter-spacing: 0px;
	font-family: DINPro-Medium, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 36px;
	text-align: left;
}

.question{
	font-family: DINPro-Medium, Tahoma, Helvetica, Arial, sans-serif;
	margin-bottom:10px;
	display: inline-block;
	font-weight:600;
}


 .rbl_sruvey.rbl_sruvey10 li{
	width:70px;
	white-space: normal;

}

.rbl_sruvey.rbl_sruvey10 label{
	width:100%;
	display:inline-block !important;
	min-height:70px;
	margin:0px;
	text-align:center;
	vertical-align: bottom;
}

.rbl_sruvey.rbl_sruvey10 input[type=radio]{
	display:block !important;
	margin:10px auto;
}

/***********FORM TEXT**********/


.step_backoffice .section-form-group {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}


.step_backoffice .counter-block {
    /* display:none !important; */
    margin-bottom: 10px;
}

.error-panel {
    color: red !important;
}

    .error-panel .has-error {
        display: inline-block;
        text-transform: uppercase !important;
        background: url("/images/gtc/icone/puce_notification.png") no-repeat left 4px;
        padding-left: 24px;
        width: 100%;
    }

    .error-panel .has-success-msg {
        display: inline-block;
        text-transform: uppercase !important;
        background: url("/images/gtc/icone/puce_notification_green.png") no-repeat left 4px;
        padding-left: 24px;
        width: 100%;
        color: #76B900;
    }

.bt-cancel {
    color: #999999;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: DINPro-Regular, Tahoma, Helvetica, Arial, sans-serif;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    padding: 16px;
    min-width: 110px;
    height: 48px;
}

.btn.btn-button {
    min-width: 126px;
    font-size: 18px;
    border: 1px solid transparent;
    line-height: 22px;
    color: #FFF;
    text-transform: uppercase;
	height: auto;
    text-decoration: none;
}

.btn.btn-button.btn-gray {
	background-color: #C5C5C5 !important;
}

.form-center-text,
.form-center {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

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

@media (min-width: 768px) {
    .form-center {
        max-width: 350px;
    }

    .form-center-text {
        max-width: 450px;
    }

    .payment_recap {
        text-align: left;
        margin-bottom: 0px;
    }
}

/******************  Back Office user menu ****************************/
.control_panel {
    min-height: 230px;
}

.control_panel_step_submenu,
.slider-menu {
    /*margin-top: 20px;*/
    text-align: center;
    font-family: DINPro-Regular, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    letter-spacing: 0.05em;
    position: relative;
    float: left;
    width: 100%;
}

    .control_panel_step_submenu.discount_green {
        margin-top: 0px !important;
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #76B900;
        color: #FFFFFF;
        font-family: DINPro-Regular, Tahoma, Helvetica, Arial, sans-serif;
        float: left;
        width: 100%;
        background: #76B900; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#70b000 5px, #75b700 25px, #76B900); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#70b000 5px, #75b700 25px, #76B900); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#70b000 5px, #75b700 25px, #76B900); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#70b000 5px, #75b700 25px, #76B900); /* Standard syntax */
    }



        .control_panel_step_submenu.discount_green h4 {
            font-size: 36px;
            color: #004831;
        }

        .control_panel_step_submenu.discount_green .code {
            font-size: 41.23px;
            color: #FFFFFF;
            font-family: DINPro-Bold, Tahoma, Helvetica, Arial, sans-serif;
        }

        .control_panel_step_submenu.discount_green .code {
            font-size: 41.23px;
            font-family: DINPro-Bold, Tahoma, Helvetica, Arial, sans-serif;
        }

    .control_panel_step_submenu .step_block,
    .slider-menu .step_block {
        display: inline-block;
        /*min-width: 215px;*/
        position: relative;
        outline: none;
    }

        .control_panel_step_submenu .step_block:hover,
        .control_panel_step_submenu .step_block:focus,
        .slider-menu .step_block.active,
        .slider-menu .step_block:hover,
        .slider-menu .step_block:focus {
            color: #76B900 !important;
            text-decoration: none;
        }

        .control_panel_step_submenu .step_block[disabled="disabled"],
        .slider-menu .step_block[disabled="disabled"] {
            cursor: not-allowed;
            opacity: 0.5;
        }


        .slider-menu .step_block .menu-down {
            position: absolute;
            display: none;
            margin-left: 35%;
        }

        .slider-menu .step_block.active .menu-down {
            display: block;
        }

.slider-menu .step_block .notification {
    position: absolute;
    top: 0px;
    left: 55%;
    display: none;
}

.control_panel_step_submenu .step_block .notification {
    position: absolute;
    left: auto;
    display: none;
    top: auto;
    right: auto;
    margin-left: -5px;
}

.control_panel_step_submenu .step_block.notif .notification,
.slider-menu .step_block.notif .notification {
    display: inline;
}


.slider-menu .step_block_title {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
}


.control_panel_step_submenu .step_block_title {
    display: inline;
    text-transform: uppercase;
}

@media (min-width: 768px) {



    .control_panel_step_submenu .step_block_title {
        display: inline;
    }

    .control_panel .slider-menu .step_block .hidden-mobile {
        display: inline;
    }

    .control_panel_step_submenu .step_block .notification {
        position: absolute;
        left: auto;
        display: none;
        right: -5px;
        margin-left: 0px;
        top: 0;
    }
}

/******************  Back Office Notification ****************************/

.notification_panel {
    min-height: 270px;
    /*max-width:950px;*/
    margin: 0 auto;
    font-family: DINPro-Regular, Tahoma, Helvetica, Arial, sans-serif;
    padding: 30px;
    border: 1px solid #cccccc;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #797979;
}

    .notification_panel a {
        color: #76B900;
        outline: none;
        text-decoration: underline;
    }

        .notification_panel a:hover,
        .notification_panel a:focus,
        .notification_panel a:active {
            color: #76B900;
            outline: none;
            font-weight: bold;
            text-decoration: underline;
        }
/******************  End Back Office Notification ****************************/

/******************  Back Office user container ****************************/
.step_backoffice .submit-button {
    text-align: right;
    margin-top: 50px;
}



.step_backoffice .block-left,
.step_backoffice .block-right {
    padding: 0px 30px;
}

.step_backoffice h5 {
    font-size: 18px;
    color: #666666;
    font-family: DINPro-Bold, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .step_backoffice h5 em {
        font-size: 14px;
        color: #666666;
        font-family: DINPro-LightItalic, Tahoma, Helvetica, Arial, sans-serif;
        text-transform: none;
        text-align: left;
    }

label em {
    font-family: DINPro-LightItalic, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 400;
}
/******************  End Back Office user container****************************/



/******************  Back Office user logo****************************/
.logo_container {
    float: left !important;
    width: 100%;
}

    .logo_container::after {
        clear: both;
    }

@media(min-width:768px) {
    .logo_container {
        float: right !important;
        width: 25%;
    }
}

.section-upload {
    position: relative;
    width: auto;
    display: inline-block;
    float: right;
    margin: 0px -15px;
    max-width: 100%;
}

    .section-upload .section-container,
    .section-upload .section-image {
        display: table-row;
    }

    .section-upload .section-content,
    .section-upload .section-image-content {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

    .section-upload .section-image-content {
        width: 170px;
        height: 170px;
        border: 1px solid #D0CCC7;
    }

        .section-upload .section-image-content img {
            max-width: 170px;
            max-height: 170px;
            height: auto;
        }


    .section-upload .section-content {
        font-size: 12px;
        text-align: left;
    }

        .section-upload .section-content input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }

        .section-upload .section-content p {
            cursor: pointer;
            text-decoration: underline;
            margin-top: 15px;
            text-transform: uppercase;
        }

        .section-upload .section-content.valid,
        .section-upload .section-content.has-success {
            color: #77B900;
        }

        .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label,
        .section-upload .section-content.has-error,
        .section-upload .section-content.error,
        .has-error input[type="file"] {
            color: red;
        }

        .section-upload .section-content label.has-success,
        .section-upload .section-content label.valid,
        .section-upload .section-content label.has-error,
        .section-upload .section-content label.error {
            display: none;
        }

@media (max-width: 768px) {
    .section-upload {
        width: 100%;
        display: block;
        float: left;
    }

        .section-upload .section-container, .section-upload .section-image {
            display: table-cell;
        }

        .section-upload .section-content {
            height: 140px;
            cursor: pointer;
        }

            .section-upload .section-content p {
                margin-top: 0px;
                font-size: 16px;
                margin-left: 30px;
            }
}

/******************  End Back Office user logo****************************/



/*****************************/

.table_delegate {
    display: table;
    width: 100%;
    padding: 0px 0px 40px;
}

    .table_delegate > .th_delegate {
        font-size: 16px;
        font-family: DINPro-Medium, Tahoma, Helvetica, Arial, sans-serif;
        display: table-row;
        width: 100%;
    }


        .table_delegate > .th_delegate > [class*="col-"] {
            float: none;
            display: table-cell;
            vertical-align: top;
            border-bottom: 1px solid #D0CCC7;
            padding-top: 15px;
            padding-bottom: 15px;
        }

    .table_delegate > .tb_delegate {
        font-size: 18px;
        font-family: DINPro-Light, Tahoma, Helvetica, Arial, sans-serif;
        display: table-row;
        width: 100%;
    }

        .table_delegate > .tb_delegate > [class*="col-"] {
            float: none;
            display: table-cell;
            vertical-align: top;
            border-top: 1px solid #D0CCC7;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .table_delegate > .tb_delegate:last-child > [class*="col-"] {
            border-bottom: 1px solid #D0CCC7;
        }


        .table_delegate > .tb_delegate > [class*="col-"] > a {
            text-decoration: none;
            display: inline-block;
            text-align: center;
            padding-left: 10px;
            cursor: pointer;
        }

@media (max-width: 400px) {
    .table_delegate {
        display: block;
    }

        .table_delegate > .th_delegate {
            display: block;
            border-bottom: 1px solid #D0CCC7;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .table_delegate > .tb_delegate {
            display: block;
            border-bottom: 1px solid #D0CCC7;
            padding-top: 15px;
            padding-bottom: 15px;
            min-height: 90px;
        }

            .table_delegate > .tb_delegate:last-child > [class*="col-"] {
                border: none;
            }

            .table_delegate > .tb_delegate > [class*="col-"] {
                border: none;
                display: inline-block;
                vertical-align: top;
                width: 75%;
                text-align: left;
                padding-top: 0px;
                padding-bottom: 0px;
            }

            .table_delegate > .tb_delegate > .button {
                float: right;
                margin-top: -40px;
                width: 25%;
            }

                .table_delegate > .tb_delegate > .button > a {
                    padding-bottom: 10px;
                }
}

/*****************************/


.modal.modal_notification {
    text-align: center;
}


    .modal.modal_notification .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

        .modal.modal_notification .modal-dialog .modal-content .modal-header {
            border: none;
            padding: 15px 30px;
        }

            .modal.modal_notification .modal-dialog .modal-content .modal-header h5 {
                font-size: 24px;
                font-family: DINPro-Bold, Tahoma, Helvetica, Arial, sans-serif;
                color: #76B900;
                margin: 10px 0px;
            }

            .modal.modal_notification .modal-dialog .modal-content .modal-header .close {
                font-family: DINPro-Light, Tahoma, Helvetica, Arial, sans-serif;
                color: #000000;
                font-weight: normal;
                opacity: 1;
                font-size: 45px;
                margin-top: -10px;
            }

        .modal.modal_notification .modal-dialog .modal-content .modal-body {
            padding: 15px 30px;
        }


            .modal.modal_notification .modal-dialog .modal-content .modal-body .btn.btn-button {
                min-width: 120px;
                padding: 15px;
                font-size: 18px;
                font-family: DINPro-Bold, Tahoma, Helvetica, Arial, sans-serif;
                color: #FFFFFF;
                text-transform: uppercase;
                color: #FFFFFF;
                line-height: 1em
            }

            .modal.modal_notification .modal-dialog .modal-content .modal-body .form-control {
                height: 48px;
            }

@media screen and (min-width: 768px) {
    .modal.modal_notification:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}


.btn-lg-download {
    font-family: DINPro-Regular, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
    color: #666;
    text-decoration: underline;
}


.btn-download {
    font-family: DINPro-Regular, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
    color: #666;
    text-decoration: underline !important;
    font-weight: normal !important;
    display: inline !important;
}

    .btn-download .img_download,
    .btn-lg-download .img_download {
        padding-left: 10px;
    }

    .btn-download:hover,
    .btn-download:focus,
    .btn-lg-download:hover,
    .btn-lg-download:focus {
        cursor: pointer;
        color: #76B900 !important;
    }


/******************************* Slider Menu *************************/

.slider-menu {
    background-color: transparent;
    margin: auto auto;
    width: 100%;
    position: relative;
    float: left;
}

    .slider-menu.responsive {
        width: 100%;
        margin: 0;
        position: relative;
        float: left;
    }

    .slider-menu .slider-actions {
    }

    .slider-menu .slider-clip {
        padding: 0px;
        min-height: 115px;
    }

        .slider-menu .slider-clip ul.slides {
            margin: 0;
            padding: 0;
            list-style: none;
            display: block;
            margin-top: 10px !important;
        }

            .slider-menu .slider-clip ul.slides li {
                text-align: center;
                display: inline-block;
                vertical-align: top;
                padding-left: 15px;
                padding-right: 15px;
            }

                .slider-menu .slider-clip ul.slides li:first-child {
                    padding-left: 0px;
                }

                .slider-menu .slider-clip ul.slides li:last-child {
                    padding-right: 0px;
                }

    .slider-menu .slider-actions a {
        background-repeat: no-repeat;
        width: 25px;
        height: 100px;
        position: relative;
        font-size: 0;
        line-height: 0;
        text-indent: -4004px;
        cursor: pointer;
        z-index: 12;
        margin-top: 15px !important;
    }

    .slider-menu .slider-actions .slider-prev {
        background-image: url(/images/gtc/icone/chevron-left.png);
        background-position: center left;
        float: left;
    }

    .slider-menu .slider-actions .slider-next {
        background-image: url(/images/gtc/icone/chevron-right.png);
        background-position: center left;
        float: right;
    }


    .slider-menu .caroufredsel_wrapper {
        min-height: 100px;
        position: absolute !important;
        padding-top: 10px;
    }

@media (min-width:450px) {
    .slider-menu .slider-clip {
        padding: 0px;
        /*min-height: 115px;*/
        min-height: unset;
    }

    .slider-menu .slider-actions a {
        height: 60px;
    }
}


/******************************* END Slider Menu *************************/



/******************************** Dashboard ******************************/
.dashboard-menu {
    width: 100%;
    font-family: DINPro-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    letter-spacing: 0.05em;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    flex-wrap: wrap;
    justify-content: center
}

.dashboard-menu-elt {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    margin-bottom:20px;
}

.dashboard-menu-view-4 .dashboard-menu-elt {
    width: 25%;
}

.dashboard-menu-elt + .dashboard-menu-elt {
    padding-left: 20px;
}

.bull_step_menu {
    background: #76b900;
    height: 274px;
    padding: 30px 5px;
    text-align: center !important;
}

    .bull_step_menu a, .bull_step_menu a:hover {
        color: #FFF !important;
    }

    .bull_step_menu .step_block_title {
        font-family: DINPro-Bold, Tahoma, Helvetica, Arial, sans-serif;
    }

    .bull_step_menu p {
        font-family: DINPro-Light, Tahoma, Helvetica, Arial, sans-serif;
        font-size: 13px;
    }

    .bull_step_menu .step_block_sub_title {
        font-family: DINPro-Light, Tahoma, Helvetica, Arial, sans-serif;
        font-size: 15px;
    }

.contact_us_bloc, .contact_us_bloc a, .contact_us_bloc a:hover {
    text-align: center;
    color: #797979;
    font-family: DINPro-Regular, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.bull_step_menu_bloc_1 {
    height: 185px;
}

.bull_step_menu_bloc_2 {
    height: 50px;
    padding-bottom: 20px;
}


@media (max-width: 1024px) {

    .dashboard-menu-elt {
        display: block;
        width: 100% !important;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
.dashboard_title {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
}

/******************************** End Dashboard ******************************/

.pagetitle_txt {
    text-align: center;
    font-family: DINPro-Light, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #797979;
}
.myaccount_dash_border {
    border-bottom: 1px solid #efefef;
    margin-bottom: 40px;
    height: 115px;
}

.section-myaccount-menu:before,
.section-myaccount-menu:after {
    clear: both;
}

.section-myaccount-menu {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
}
    .section-myaccount-menu a{
        color: #797979;
    }
    .section-myaccount-menu a:hover {
        color: #797979 !important;
    }



@media (min-width: 975px) {
    .section-myaccount-menu {
        width: 945px;
        margin: 0 auto;
        margin-top: 30px;
    }
}