.noSelect, .ns,.ns *,br{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.noSelectContent *::selection,.noSelectContent::selection{
    display: none !important;
    content: "" !important;
}
.noStyleLink, noStyleLink:visited,noStyleLink:link ,.noStyleLink:active{
    text-decoration: none;
    color: inherit;

}

.noStyleLink, noStyleLink:visited,noStyleLink:link ,.noStyleLink:active{
    text-decoration: none;
    color: inherit;

}
.noDisplay{
    display: none !important;
    
}
.noDisplay-R *{
    display: none;
}
.block{
    display: block;
}
.maj{
    text-transform: uppercase;
}

.pointer {
    cursor: pointer;
}
.cursorCopy{
    cursor: copy;
}
.cursorContextMenu{
    cursor: context-menu;
}
.cursorDefault{
    cursor: default;
}
.wait *, .wait {
    cursor:wait !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
}
.fixed{
    position: fixed;
}
.inline{
    display: inline-block;
}
.vt{
    vertical-align: top;
}
.vm{
    vertical-align: middle;
}
.noDisplay {
    display: none;
}

.flexCenter{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}

.g-button-rouge {
    margin: 0 auto 0 auto;
    padding: 9px 14px 9px 14px;
    border: none;
    border-radius: 5px;
    outline: none;
    background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
    background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
    background-image: -o-linear-gradient(top, #dd4b39, #d14836);
    background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
    background-image: linear-gradient(top, #dd4b39, #d14836);
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    -ie-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    font-size: 16px;
    font-weight: bold;
    color: #f8f8f8;
    /*    letter-spacing: 2px;*/
}
.g-button-rouge:hover {

    outline: none;
    background-color: #c53727;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
    background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
    background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
    background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
    background-image: -o-linear-gradient(top,#dd4b39,#c53727);
    background-image: linear-gradient(top,#dd4b39,#c53727);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);

}
.g-button-rouge:active {

    outline: none;
    background-color: #b0281a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
    background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
    background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
    background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
    background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
    background-image: linear-gradient(top,#dd4b39,#b0281a);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    color: #fff;
}
.g-button-green {
    margin: 0 auto 0 auto;
    padding: 9px 14px 9px 14px;
    border: none;
    border-radius: 5px;
    outline: none;
    background-image: -webkit-linear-gradient(top,#61B842,#61B842);
    background-image: -moz-linear-gradient(top,#61B842,#61B842);
    background-image: -o-linear-gradient(top,#61B842,#61B842);
    background-image: -ms-linear-gradient(top,#61B842,#61B842);
    background-image: linear-gradient(top,#61B842,#61B842);
    background-color: #61B842;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ie-transition: all 0.20s linear 0s;
    transition: all 0.25s linear 0s;
    font-size: 16px;
    font-weight: bold;
    color: #f8f8f8;
    /*    letter-spacing: 2px;*/

}
.g-button-green:hover {


    outline: none;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image: -moz-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image: -ms-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-shadow: 0 1px rgba(0,0,0,0.3);
}
.g-button-green:active {

    outline: none;
    -webkit-box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,0.3);
    color: #fff;
}
.g-button-bleu {
    margin: 0 auto 0 auto;
    padding: 7px 14px 7px 14px;

    border-radius: 5px;
    border: none;
    outline: none;
    background-color: #4d90fe;
    /*    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
        background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
        background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
        background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
        background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
        background-image: linear-gradient(top,#4d90fe,#4787ed);*/
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    -ie-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    font-size: 15px;
    font-weight: bolder;
    color: #f8f8f8;
    /*    letter-spacing: 2px;*/
    /*    text-shadow: 0 1px rgba(0,0,0,0.1);*/
}
.g-button-bleu:hover {
    /*    border-radius: 7px;*/
    /*    border: 1px solid black;*/
    outline: none;
    background-color: #357ae8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.3);
}
.g-button-bleu:active {
    outline: none;
    /*    border: 1px solid black;*/
    background-color: #357ae8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}




.switch_box{
    display: inline-block;
    vertical-align: middle;
    /*    display: -webkit-box;
        display: -ms-flexbox;
        display: flex;*/
    /* max-width: 200px; */
    /* min-width: 200px; */
    /* height: 200px; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/* Switch 1 Specific Styles Start */
.box_1{
    /*	background: #eee;*/
}
input[type="checkbox"].switch_1{
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2.5em;
    height: 1.0em;
    background: #a9a9a9;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
input[type="checkbox"].switch_1:checked{
    background: #0ebeff;
}
input[type="checkbox"].switch_1:after{
    position: absolute;
    content: "";
    width: 1.0em;
    height: 1.0em;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 0.25em rgba(0,0,0,.3);
    box-shadow: 0 0 0.25em rgba(0,0,0,.3);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
input[type="checkbox"].switch_1:checked:after{
    left: calc(100% - 1.0em);
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}