@font-face {
    font-family: 'Visby Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Regular'), url('../fonts/VisbyRegular.woff') format('woff');
}

@font-face {
    font-family: 'Visby Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Bold'), url('../fonts/VisbyBold.woff') format('woff');
}

@font-face {
    font-family: 'Visby Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Medium'), url('../fonts/VisbyMedium.woff') format('woff');
}

@font-face {
    font-family: conduit;
    src: url('../fonts/conduititcstd-extrabold-webfont.eot');
    src: url('../fonts/conduititcstd-extrabold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/conduititcstd-extrabold-webfont.woff') format('woff'),url('../fonts/conduititcstd-extrabold-webfont.ttf') format('truetype'),url('../fonts/conduititcstd-extrabold-webfont.svg#Conduit') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block !important
}



@font-face {
    font-family: deck reg;
    src: url('../fonts/DeckReg.eot');
    src: url('../fonts/DeckReg.eot?#iefix') format('embedded-opentype'),url('../fonts/DeckReg.woff') format('woff'),url('../fonts/DeckReg.ttf') format('truetype'),url('../fonts/DeckReg.svg#97073eb8cd68908aa550e05e5dd3c959') format('svg');
    font-style: normal;
    font-weight: 400;
    font-display: block !important
}



@font-face {
    font-family: deck bold;
    src: url('../fonts/DeckBold.eot');
    src: url('../fonts/DeckBold.eot?#iefix') format('embedded-opentype'),url('../fonts/DeckBold.woff') format('woff'),url('../fonts/DeckBold.ttf') format('truetype'),url('../fonts/DeckBold.svg#627a08211e7c680a55e9388d99505af6') format('svg');
    font-style: normal;
    font-weight: 400;
    font-display: block !important
}

@font-face {
    font-family: 'Graphik Web';
    src: url(../fonts/Graphik-Light-Web.eot);
    src: url(../fonts/Graphik-Light-Web.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Light-Web.woff2) format("woff2"), url(../fonts/Graphik-Light-Web.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Web';
    src: url(../fonts/Graphik-Regular-Web.eot);
    src: url(../fonts/Graphik-Regular-Web.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Regular-Web.woff2) format("woff2"), url(../fonts/Graphik-Regular-Web.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Web';
    src: url(../fonts/Graphik-Medium-Web.eot);
    src: url(../fonts/Graphik-Medium-Web.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Medium-Web.woff2) format("woff2"), url(../fonts/Graphik-Medium-Web.woff) format("woff");
}

@font-face {
    font-family: 'PoliphilusMTStd-Regular';
    src: url('../fonts/PoliphilusMTStd-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PoliphilusMTStd-Regular.otf') format('opentype'), url('../fonts/PoliphilusMTStd-Regular.woff') format('woff'), url('../fonts/PoliphilusMTStd-Regular.ttf') format('truetype'), url('../fonts/PoliphilusMTStd-Regular.svg#PoliphilusMTStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/Brandon_light_it-webfont.eot');
    src: url('../fonts/Brandon_light_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_light_it-webfont.woff2') format('woff2'), url('../fonts/Brandon_light_it-webfont.woff') format('woff'), url('../fonts/Brandon_light_it-webfont.ttf') format('truetype'), url('../fonts/Brandon_light_it-webfont.svg#brandon_grotesquelight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/Brandon_bld_it-webfont.eot');
    src: url('../fonts/Brandon_bld_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_bld_it-webfont.woff2') format('woff2'), url('../fonts/Brandon_bld_it-webfont.woff') format('woff'), url('../fonts/Brandon_bld_it-webfont.ttf') format('truetype'), url('../fonts/Brandon_bld_it-webfont.svg#brandon_grotesquebold_italic') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/Brandon_med-webfont.eot');
    src: url('../fonts/Brandon_med-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_med-webfont.woff2') format('woff2'), url('../fonts/Brandon_med-webfont.woff') format('woff'), url('../fonts/Brandon_med-webfont.ttf') format('truetype'), url('../fonts/Brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/Brandon_light-webfont.eot');
    src: url('../fonts/Brandon_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_light-webfont.woff2') format('woff2'), url('../fonts/Brandon_light-webfont.woff') format('woff'), url('../fonts/Brandon_light-webfont.ttf') format('truetype'), url('../fonts/Brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/Brandon_bld-webfont.eot');
    src: url('../fonts/Brandon_bld-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_bld-webfont.woff2') format('woff2'), url('../fonts/Brandon_bld-webfont.woff') format('woff'), url('../fonts/Brandon_bld-webfont.ttf') format('truetype'), url('../fonts/Brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/Brandon_med_it-webfont.eot');
    src: url('../fonts/Brandon_med_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_med_it-webfont.woff2') format('woff2'), url('../fonts/Brandon_med_it-webfont.woff') format('woff'), url('../fonts/Brandon_med_it-webfont.ttf') format('truetype'), url('../fonts/Brandon_med_it-webfont.svg#brandon_grotesqueMdIt') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Effra Heavy';
    src: url('../fonts/effra-heavy.eot');
    src: url('../fonts/effra-heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/effra-heavy.woff') format('woff'), url('../fonts/effra-heavy.ttf') format('truetype'), url('../fonts/effra-heavy.svg#1942_report1942_report') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Effra Regular';
    src: url('../fonts/effra-regular.eot');
    src: url('../fonts/effra-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/effra-regular.woff') format('woff'), url('../fonts/effra-regular.ttf') format('truetype'), url('../fonts/effra-regular.svg#1942_report1942_report') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/ProximaNovaRegular.eot');
    src: url('../fonts/ProximaNovaRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaRegular.woff') format('woff'), url('../fonts/ProximaNovaRegular.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/ProximaNovaBold.eot');
    src: url('../fonts/ProximaNovaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaBold.woff2') format('woff2'), url('../fonts/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'HelveticaLTStd-Blk';
    src: url('../fonts/HelveticaLTStd-Blk.woff') format('woff');
}

@font-face {
    font-family: 'HelveticaLTStd-Roman';
    src: url('../fonts/HelveticaLTStd-Roman.woff') format('woff');
}

@font-face {
    font-family: 'FuturaStd-CondensedExtraBd';
    src: url('../fonts/FuturaStd-CondensedExtraBd.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd-CondensedExtraBd.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaStd-Medium';
    src: url('../fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque Medium';
    src: url('../fonts/brandon_med-webfont.woff?#iefix') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque Bold';
    src: url('../fonts/brandon_bld-webfont.woff?#iefix') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: conduit;
    src: url('../fonts/conduititcstd-extrabold-webfont.eot');
    src: url('../fonts/conduititcstd-extrabold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/conduititcstd-extrabold-webfont.woff') format('woff'),url('../fonts/conduititcstd-extrabold-webfont.ttf') format('truetype'),url('../fonts/conduititcstd-extrabold-webfont.svg#Conduit') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block !important
}

@font-face {
    font-family: deck reg;
    src: url('../fonts/DeckReg.eot');
    src: url('../fonts/DeckReg.eot?#iefix') format('embedded-opentype'),url('../fonts/DeckReg.woff') format('woff'),url('../fonts/DeckReg.ttf') format('truetype'),url('../fonts/DeckReg.svg#97073eb8cd68908aa550e05e5dd3c959') format('svg'); font-style: normal; font-weight: 400; font-display: block !important
}

@font-face {
    font-family: deck bold;
    src: url('../fonts/DeckBold.eot'); src: url('../fonts/DeckBold.eot?#iefix') format('embedded-opentype'),url('../fonts/DeckBold.woff') format('woff'),url('../fonts/DeckBold.ttf') format('truetype'),url('../fonts/DeckBold.svg#627a08211e7c680a55e9388d99505af6') format('svg'); font-style: normal; font-weight: 400;
    font-display: block !important
}
@font-face {
    font-family: 'Neutra Text';
    src: url(../fonts/NeutraText-Book.otf);
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Neutra Text';
    src: url(../fonts/NeutraText-Bold.otf);
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'DomaineDisplayWeb-Black';
    src: url('../fonts/DomaineDisplayWeb-Black.eot');
    src: url('../fonts/DomaineDisplayWeb-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/DomaineDisplayWeb-Black.woff2') format('woff2'), url('../fonts/DomaineDisplayWeb-Black.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'DomaineDisplayWeb-Medium';
    src: url('../fonts/DomaineDisplayWeb-Medium.eot');
    src: url('../fonts/DomaineDisplayWeb-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DomaineDisplayWeb-Medium.woff2') format('woff2'), url('../fonts/DomaineDisplayWeb-Medium.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: Adieu;
    src: url('../fonts/Adieu-Regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Texta Bold';
    src: url('../fonts/LatinotypeTextaBook.otf');
    font-style: normal;
}
@font-face {
    font-family: 'Gill Sans MT Std Condensed';
    src: url('../fonts/MonotypeGillSansMTStd-BoldCondensed.otf');
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans MT Std Condensed';
    src: url('../fonts/MonotypeGillSansMTStd-Condensed.otf');
    font-style: normal;
}
@font-face {
    font-family: ConduitITCW02-Bold;
    src: url('../fonts/Conduit-ITC-W02-Bold.ttf');
}

@font-face {
    font-family: MrEavesSanOT;
    src: url('../fonts/MrEavesSanOT.otf') format('opentype')
}

@font-face {
    font-family: Letter Gothic Std;
    src: url('../fonts/LetterGothicStd.otf') format('opentype')
}

@font-face {
    font-family: Portrait Regular;
    src: url('../fonts/Portrait-Regular.otf') format('opentype')
}

@font-face {
    font-family: Baskerville;
    src: url('../fonts/Baskerville.ttf') format('opentype')
}

@font-face {
    font-family: Chapaza;
    src: url('../fonts/Chapaza.ttf') format('opentype')
}

@font-face {
    font-family: Gabriela Stencil Bold;
    src: url('../fonts/GabrielaStencil-Bold.otf') format('opentype')
}
@font-face {
    font-family: True North;
    font-display: swap;
    font-style: normal;
    src: local("True North Black"), local("TrueNorthBlack-Regular"), url(../fonts/TrueNorthBlack-Regular.woff2) format("woff2"), url(../fonts/TrueNorthBlack-Regular.woff) format("woff");
    font-weight: 900;
}

@font-face {
    font-family: DIN;
    font-display: swap;
    font-style: normal;
    src: local("DIN-Regular"), url(../fonts/DIN-Regular.woff2) format("woff2"), url(../fonts/DIN-Regular.woff) format("woff");
    font-weight: 400;
}

@font-face {
    font-family: DIN;
    font-display: swap;
    font-style: normal;
    src: local("DIN-Regular"), url(../fonts/DIN-Regular.woff2) format("woff2"), url(../fonts/DIN-Regular.woff) format("woff");
    font-weight: 400;
}

@font-face {
    font-family: UniversLTStd-Cn;
    src: url(../fonts/UniversLTStd-Cn.otf) format("opentype"),url(../fonts/UniversLTStd-Cn.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: UniversLTStdBold;
    src: url(../fonts/UniversLTStd-BoldCn.otf) format("opentype"),url(../fonts/UniversLTStd-BoldCn.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Cheltenhm BT;
    src: url('../fonts/Bitstream-CheltenhmBTBold.ttf') format('opentype')
}

@font-face {
    font-family: Gill Sans MT;
    src: url('../fonts/Gill Sans MT.ttf') format('opentype')
}


@font-face {
    font-family: 'BasisGrotesque';
    src: url('../fonts/basis-grotesque-medium.eot');
    src: url('../fonts/basis-grotesque-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/basis-grotesque-medium.woff') format('woff'), url('../fonts/basis-grotesque-medium.woff2') format('woff2'), url('../fonts/basis-grotesque-medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('../fonts/Vag_Thin.woff2') format('woff2');
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('../fonts/Vag_Light.woff2') format('woff2'),url('../fonts/VAGRoundedStd-Light.woff') format('woff');
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('../fonts/Vag_Bold.woff2') format('woff2'),url('../fonts/VAGRoundedStd-Bold.woff') format('woff');
    font-display: swap;
    font-weight: bold;
}
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background: #f8f8f8;
}

.body-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 798px;
    height:100%;
    position:relative;
    min-height:600px; 
    
}
.body-box-shadow {
    background: #ffffff;
    box-shadow: 0 3px 30px rgba(0,0,0,.1), 0 3px 20px rgba(0,0,0,.1);
    border-radius: 1.2rem !important;
}
.body-content form{
    padding-top:10px;
}
#content {
    height: auto;
    /*min-height: 100%;*/
}

.dl-horizontal dt {
    white-space: normal;
}

input, select, textarea {
    color: #000000;
}

input[type='email'], input[type='text'] {
    font-size: 13px;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    height: 40px;   
    width: 100%;
    padding: 10px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

input[type='email']:focus, textarea:focus, select:focus {
    border-color: #1e97ed;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px #1e97ed;
}

input[type='tel'] {  
    font-size: 13px;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    height: 40px;   
    width: 100%;
    padding: 10px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

input[type='tel']:focus, textarea:focus, select:focus {
    border-color: #1e97ed;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px #1e97ed;
}

input[type='date'] { 
    font-size: 13px;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    height: 40px;   
    width: 100%;
    padding: 10px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

input[type='date']:focus, textarea:focus, select:focus {
    border-color: #1e97ed;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px #1e97ed;
}

input[type='number'] {
    font-size: 13px;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    height: 40px;
    width: 100%;
    padding: 10px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

.Control_Saisie {
    border-color: #f98f8d !important;    
}

.input_hidden {
    position: absolute;
    left: -9999px;
    z-index: -1;
    display: none;
}

.alertRequiRadioCheck {
    border-color: #c00000;
}
label {
    display: inline-block;
    max-width: 100%;  
    font-weight :200;   
    margin:0px !important;
    
}

.space {
    margin-top: 20px;
}

th {
    font-weight: normal;
}


html, body {
    width: 100%;
    height: 100%;
}

#circle {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-40%,-40%);
    width: 55px;
    height: 55px;
    z-index:100;
}

.loader {
    width: 108px;
    height: 16px;
    background: radial-gradient(circle 8px at 8px center, #a9a9a9 100%, transparent 0), radial-gradient(circle 8px at 8px center, #a9a9a9 100%, transparent 0);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    animation: ballX 1s linear infinite;
}

.loader:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #a9a9a9;
    inset: 0;
    margin: auto;
    animation: moveX 1s cubic-bezier(0.5,300,0.5,-300) infinite;
}

@keyframes ballX {
    0%,25%,50%,75%, 100% {
        background-position: 25% 0,75% 0
    }

    40% {
        background-position: 25% 0,85% 0
    }

    90% {
        background-position: 15% 0,75% 0
    }
}


@keyframes moveX {
    100% {
        transform: translate(0.15px)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(0.8);
        -moz-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1.2);
        -moz-transform: rotate(360deg) scale(1.2);
    }

    100% {
        -webkit-transform: rotate(720deg) scale(0.8);
        -moz-transform: rotate(720deg) scale(0.8);
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #ADB5BD;
    }

    50% {
        box-shadow: 0 0 0 #ADB5BD;
        margin-bottom: 0;
        -webkit-transform: translate(15px,15px);
        -moz-transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #ADB5BD;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #CED4DA;
    }

    50% {
        box-shadow: 0 0 0 #CED4DA;
        margin-top: -20px;
        -webkit-transform: translate(15px,15px);
        -moz-transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #CED4DA;
        margin-top: 0;
    }
}

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


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}


.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.fas.fa-frown.color-focus {
    color: #ff0033 !important;
}
.fas.fa-frown-open.color-focus {
    color: #ff5f7f !important;
}
.fas.fa-meh.color-focus {
    color: #94b49b !important;
}
.fas.fa-smile.color-focus {
    color: #36ab63 !important;
}
.fas.fa-smile-beam.color-focus {
    color: #4ccd6a !important;
}

/*Style of radio*/


.new_survey_container input[type="radio"] {
    position: relative !important;
}

.new_survey_container input[type='radio']:before {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #cbd1d8;
}

.new_survey_container input[type='radio']:checked::after{
    background:transparent !important;

}
.new_survey_container input[type='checkbox']::after,
.new_survey_container input[type='radio']::after{
    border-radius:0px !important;
}

.new_survey_container input[type='radio'].Control_Saisie:before {
    background: rgb(255, 199, 199);
}


.new_survey_container input[type="radio"]:checked, .new_survey_container input[type="radio"]::after {
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
}

.new_survey_container input[type="radio"] {
    position: relative;
}


.new_survey_container input[type="radio"]::after {
    height: 0;
    width: 0;
}

.new_survey_container input[type='radio']:checked:before {
    background: #337ab7;
}

.new_survey_container input[type="radio"]:checked::after {
    display: block;
    position: absolute;
    border-top: 2px #fff solid;
    border-right: 2px #fff solid;
    height: 66%;
    width: 32%;
    top: 60%;
    left: 15%;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    content: '';
    -webkit-animation: tickCheckFaux .2s;
    -moz-animation: tickCheckFaux .2s;
    -ms-animation: tickCheckFaux .2s;
    animation: tickCheckFaux .2s;
}

/*End Style of radio*/


/*Style of checkbox*/
.new_survey_container input[type='checkbox'] {
    position: relative !important;
}


.new_survey_container input[type='checkbox']:before {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background: #cbd1d8;
}
.new_survey_container input[type='checkbox'].Control_Saisie:before {
    /*background-color: rgb(255, 199, 199);*/
    border: 1px solid #f98f8d;
}

.new_survey_container input[type='checkbox']:checked:before {
    border: 1px solid #cbd1d8;
}

.new_survey_container input[type='checkbox']:checked + .new_survey_container input[type='checkbox']::after {
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
}
.new_survey_container input[type='checkbox']:checked + .new_survey_container input[type='checkbox'] {
    border: 1px solid #44c5c3;
    background: #44c5c3;
}
.new_survey_container input[type='checkbox']::after {
    height: 0;
    width: 0;
}
.new_survey_container input[type='checkbox']:checked::after {
    display: block;
    position: absolute;
    top: 60%;
    left: 15%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 66%;
    width: 32%;
    -webkit-transform: scaleX(-1) rotate( 135deg );
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate( 135deg );
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    content: '';
    -webkit-animation: tickCheckFaux .2s;
    -moz-animation: tickCheckFaux .2s;
    -ms-animation: tickCheckFaux .2s;
    animation: tickCheckFaux .2s;
}



.new_survey_container .form-control.file-caption,
.new_survey_container .btn-file {
    height: 40px;
}
.btn-file .glyphicon-folder-open{
    vertical-align:middle;
}

.new_survey_container .OPQuestionNumber{
    vertical-align:middle;
}
.new_survey_container .question_label{
    font-weight:bold;
}

.DatePickerStyle {
    width: 300px !important;
}
.classGenerateCaptcha {
    text-align: center;
    border: none;
    font-weight: bold;
    font-family: Modern;  
    height: 30px !important;
    width: 150px !important;
    background-color: #164252;
    color: white;
}
.classGenerateCaptchaRspse {
    text-align: center;
    border: none;
    font-weight: bold;
    font-family: Modern;
    height: 30px !important;
    width: 150px !important;
    background-color: white;
}
.BtnCaptcha {
    background-size: 100%;
    text-indent: -9999px;
    width: 34px !important;
    height: auto !important;
    background-image: url(../../Content/images/refresh.png);
}


footer {
    position: initial;
    bottom: 0;
    width: 100%;
}

.BirthDropDown select {
    width: 32%;
    display: inline-block;
    margin: 5px 8px;
}
.BirthDropDown select[id^="DD-"] {
    margin-left: 0;
}
.BirthDropDown select[id^="YY-"] {
    margin-right: 0;
}


.new_survey_container .form-group {
    margin-bottom: 15px;
}
/*Responsive Matrix*/
@media only screen and (max-width: 600px) {
    .TableMatrix .TableMatrix {
        width: auto;
    }

    .TableMatrix tr:first-of-type {
        display: table-row;
    }

    .TableMatrix tr td {
        text-align: center;
    }

    .TableMatrix tr {
        -webkit-box-shadow: 0;
        -moz-box-shadow: 0;
        box-shadow: 0;
        display: table-row;
        border: 1px solid #E0E0E0;
    }
    .TableMatrix td:before {
        display: none;
    }

    .TableMatrix td input[type=checkbox] {
        float: none;
    }

    .TableMatrix {
        background: transparent;
    }

    .TableMatrix th, .TableMatrix td {
        display: table-cell;
    }

    .TableMatrix th:first-child, .TableMatrix td:first-child {
        padding-left: 0;
    }
    .TableMatrix th:last-child, .TableMatrix td:last-child {
        padding-right: 0;
    }
    .TableMatrix tr {
        border: none;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
        display: block;
        border-radius: 2px;
        margin-bottom: 1.6rem;
        padding: 10px;
    }

    .TableMatrix tr:first-of-type {
        display: none;
    }

    .TableMatrix tr td {
        text-align: left;
        padding: 5px 0;
    }
    .TableMatrix tr td:first-of-type {
        text-align: left;
        font-weight: 600;
    }
    .TableMatrix tr td:first-of-type:before {
        width: 0;
    }
    .TableMatrix th {
        display: none;
    }

    .TableMatrix td {
        display: block;
        vertical-align: middle;
        text-align: right;
    }

    .TableMatrix td:first-child {
        padding-top: .5em;
    }

    .TableMatrix td:last-child {
        padding-bottom: .5em;
    }

    .TableMatrix td:before {
        content: attr(data-th);
        font-size: inherit;
        font-weight: normal;
        width: 90%;
        display: inline-block;
    }

    .TableMatrix td input[type=checkbox],
    .TableMatrix td input[type=radio] {
        float: left;
        margin-right: 5px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 600px) {
    .BirthDropDown select {
       /* width: 100% !important;*/
        display: inline-block;
        margin: 5px 0px !important;
    }
    .BirthDropDown .select2-container {
        margin: 0.5px !important;
        width: 33% !important;
    }

}

.new_survey_container .myButton {
    width: 150px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 0px;
    height: 40px;
    text-align: center;
    border: none;
    border-radius: 0px;
    background-color: #337ab7;
}


.new_survey_container .myButton:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.new_survey_container .myButton:focus {
    outline: none;
}

.new_survey_container{
    position:relative;
}


.alertRequiRadioCheck {
    border-color: #c00000;
}


.dateDropdownIn {
    border-color: #ff0033;
   /* background-color: #ffc7c7;*/
}

.dateDropdown {
    border-color: #36ab63;
  /*  background-color: #f2f6f9;*/
}


.new_survey_container .DatePickerStyle {
    width: 300px !important;
}


.RadioEmojiRequired{
    position:relative;
}
.RadioEmojiRequired i {
    color: #f98f8d !important;
}
.RadioEmojiRequired:after {
    color: #3e3c3c;
    content: 'Your feedback is required';
    position: absolute;
    top: -30px;
    right: 0;
    background: #f98f8d;
    padding: 5px;
    border-radius: 5px;
}
.panel {
    -webkit-box-shadow: none;
    box-shadow:none;
}
.new_survey_container #SpanMandatory {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top:-30px;
}
.input-group .form-control {
    position: unset !important;
}

.new_survey_container input[type='time'] {
    font-family: Arial;
    font-size: 13px;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    height: 40px;
    border-left: 3px solid #a9a9a9;
    width: 25%;
    padding: 10px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}


.new_survey_container .star_validator {
    font-size: 15px;
    padding-left:5px;
}
.new_survey_container .question_container {
    margin: 10px 0;
}
.new_survey_container .ui-timepicker-viewport li a {
    font-size: 13px;
}


.new_survey_container input[type='email'],
.new_survey_container input[type='text'],
.new_survey_container input[type='number'],
.new_survey_container input[type='date'],
.new_survey_container input[type='tel'],
.new_survey_container select,
.new_survey_container textarea {
    border-left-width: 1px !important;
}
@keyframes tickCheckFaux {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 16%
    }

    50% {
        height: 0;
        width: 32%
    }

    75% {
        height: 33%
    }

    100% {
        height: 66%
    }
}

.new_survey_container .ui-datepicker-title select {
    margin: 1px 1px !important;
    width: 45% !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top:12px;
    
}

.ui-datepicker {
    z-index: 100 !important;
}


/*#region Input type Number Styling*/

input[type=number] {
    position: relative;
    padding: 5px;
    padding-right: 25px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    width: 25px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

/*#endregion Input type Number Styling*/

/*Fix Long Labels for Radio button*/
/*div[id^="Radio"] label {
    display: inherit !important;
}*/


.OPQuestionNumber {
    width: 25px !important;
}

.fileinput-remove-button{
    height:40px;
}
div[id^="Radio"] {
   padding-top:10px !important;
}

div[id^="Radio"] table tr td {
   padding-top :5px;
}
div[id^="Radio"] label {
    vertical-align: middle;
    padding-left: 5px;
    margin: 0px !important;
}


div[id^="checkbox"] table tr td {
    padding-top: 5px;
}

div[id^="checkbox"] label {
    vertical-align: middle;
    padding-left: 5px;
    margin:0px !important;
}
.new_survey_container input[type="radio"],
.new_survey_container input[type="checkbox"] {
    vertical-align: middle;
    margin: 0px !important;
}
a.PrivacyPolicyClass {
   float:none !important;
}

.templateV1_container .Label_RP div table tr td {
    padding: 0px;
}



.templateV1_container .BirthDropDown select{
    width: 32%;
    display: inline-block;
    margin: 5px 8px;
}

.templateV1_container .BirthDropDown select[id^="DD-"] {
    margin-left: 0;
}

.templateV1_container .BirthDropDown select[id^="YY-"] {
    margin-right: 0;
}

.templateV1_container .select2-container {
    margin: 1px;
}


.templateV1_container .select2-selection {
    height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}
.templateV1_container div[id^="Radio"] {
    padding-top: 5px !important;
}

.templateV1_container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -5px;
    top: 85%;
}

.labelSpanStyle {
    display: inline-block;
    max-width: 98%;
}

@media only screen and (max-width: 600px) {
    .labelSpanStyle {
        display: inline-block;
        max-width: 95%;
    }
}