a{
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
a:hover,
.nav-career li a:hover{
    color: #ff0060;
    text-decoration: none;
}
.seti-hide {
    display: none;
}
.navbar{
    margin-bottom: 0px;
}
#mainNav.navbar-force-bg{
    background-color: #203b4c;
}

.alert {
    margin-bottom: 2em;
}
.alert-container{
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
}
body {
    font-family: 'Raleway', sans-serif;
    background-color: #f7f7f7;/*sam*/
}
.spacer{
    clear: both;
}
.cursor-pointer {
    cursor: pointer;
}

.tapable {
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.tapable:hover{
    color: #ff0060;
    /*border-bottom: 1px solid #ff0060;*/
}

.nav-career li {
    padding: 0.6em 0em;
}
.nav-career li a{/*sam*/
    color: #3f83bf;
    /*font-weight: bold;*/
}
.nav-career .active, .nav-career .active a {
    background-color: #f7f7f7; /*sam*/
    color: #EE005D;
}
.nav-profile-img {
    width: 4em;
    margin-bottom: 10px;
}
.nav-profile-names {
    font-size: 0.7em;
    color: #fff;
}

/* LEGACY BOOTSTRAP 3 FOR SYMFONY3 START */

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}
.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}
.has-success .form-control-feedback {
    color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}
.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
    color: #8a6d3b;
}
.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 {
    color: #a94442;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}
.has-error .form-control-feedback {
    color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
    top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
/* LEGACY BOOTSTRAP 3 FOR SYMFONY3 END */

/* OVERLOAD */
div.progress{
    border-radius:0;
}
.progress-bar-seti {
    /*background-image: linear-gradient(to bottom right, #3F83BF 0%, #C7FFFD 100%);*/
    background-color: #91e8bc;
}

.questions-list-search-cont div.input-group-btn .btn{
    line-height: 1.2;
}
.btn{
    border-radius: 0;
}
.btn-pink{
    background-color: #ff0060;
    border: 1px solid transparent;
    color: #fff;
    border-radius:30px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
     transform: scale(1);
    box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3);
    padding: 5px 30px;
}
.btn-pink:hover{
    /*background-color: transparent;
    border: 1px solid #ff0060;*/
    color: #fff;
}

.text-pink {
    color: #ff0060;
}
.btn-outline-blue{
    background-color: #3f83bf;
    border: 2px solid #3f83bf;
    color: #fff;
    border-radius:30px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,0.1);
    padding: 10px 30px !important;
}
.btn-outline-blue:hover{
    background-color: #eee;
    border: 2px solid #3f83bf;
    color: #3f83bf;
}
.btn-blue {
    background-color: #3f83bf;
    border: 1px solid #3f83bf;
    color: #fff;
    border-radius:30px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3);
    padding: 5px 30px !important;
}
.btn-blue:hover{
    /*background-color: transparent;
    border: 1px solid #3f83bf;*/
    color: #fff;
    transform: scale(0.9);
    border-radius:30px;
}
.text-blue {
    color: #6490D1;
}

.menu-main {
    padding: 10px 0;
    margin: 0 auto;
    height: 15em;
    background-color: rgba(22,50,71,0.9);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.menu-logo {
    height: 50px;
}

.menu-horizon {
    position:absolute;
    bottom:0;
    color: #fff;
    font-weight: bold;
}

.menu-horizon a {
    color: #fff;
    padding-left: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.menu-burger {
    position: absolute;
    top: 4em;
    background-color: #E9E9E9;
    width: 60%;
}

.menu-border-right {
    padding:0px;
    /*border-right:2px solid #5e5e5e;*/
    border-right: 1px solid #fff;
}

.content-left {

    /*background-image: linear-gradient(90deg, #E3E6E8, #fff);*/
    background-color: #e3e6e8;/*#E3E6E8;*/
   /* height: 100vh;*/
    padding:0px;/*sam*/
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);/*sam*/
}
.content-right {
    padding:0px;
}
.padding-frame-1 {
    padding: 1em;
}
.padding-frame-2 {
    padding: 2em;
}
.padding-frame-quiz {
    padding: 1em 2em;
}
.bg-frame-grey {
    background-color: #F3F3F3;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
}
.btn-blue.padding-to-btn{
    padding: 0.625rem 2.5rem;
}
.bg-frame-blue {
    background-color: #5187CD;
    color: #fff;
}

.questions-list-container {
    padding-left:0px;
}

.highlight-answer:hover {
    background-color: #e9e9e9;
}

.questions-list-menu-cont {
    background-color: #efefef;/*#e9e9e9;*/
    color: #113759;/*sam*/
}
.questions-list-menu-cont h3{
    color: #333;
}

.questions-list-menu-cont a,
.questions-list-menu-cont a:hover {
    color: #113759/*#5e5e5e sam*/;
    text-decoration: none;
}

.questions-list-search-cont {
    /*background-color: #497DCA;*/
    margin: 0 auto /*2.5em*/;
    border-radius:5px;
}

.questions-list-menu-label {
    padding-top: 1em;
}

.questions-list-menu-active{
    border-bottom: 1px solid #ff0060;/*sam*/
}
.questions-list-menu-active a{/*sam*/
    color: #ff0060 !important;
}
.questions-list-menu a:hover{/*sam*/
    color: #ff0060 !important;
}

.questions-list-head { /*sam*/
    display: none;
}


.questions-list-content {
    margin-top: 2em;
    /*background-color: #00c0ef;
    background-image: linear-gradient(90deg, #497DCA, #71C4C6);
    border-radius:5px;*/
    background-color:#fff;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
    color: #333333;
    font-weight: bold;
    padding: 1em;
    font-size: 0.8em;
}

div.questions-list-content a.for-mobile{
    display: block;
}
div.questions-list-content a.for-desktop{
    display: none;
}
.questions-list-content a {
    color: #1E88E5; /*#fff*/
    text-decoration: none;
}

[class^="pe-7s-"], [class*=" pe-7s-"]{
    line-height: 1.5 !important;
}
.questions-list-content a.icon-btn{
    display: block;
    height: 40px;
    line-height: 40px;
    max-width: 90%;
    color: #fff;
    margin: 0 auto;
    background: #1E88E5;
    border-radius: 2px;
    box-shadow: 0 10px 43px 0 rgba(58, 48, 52, 0.43137254901960786);
}
.questions-list-content a.icon-btn:hover{
    color: #fff;
    margin: 0 auto;
    background: #8d99ae;
    border-radius: 2px;
}
.questions-list-content a:hover{
    color: #ff0060;
}

.vertical-center{
    margin: auto;
}

.question-title{
    text-align: center;
}

div.align-items-center > div{
    margin-bottom: 1.25em;
}
.question-edit-container{
    /*color: #2C86CD;*/
}

.form-control{
    border-radius: 0;
}
.question-edit-container textarea.form-control {
    height: 10em;
}
.question-edit-number-circle {
    width: /*50px*/ 40px;
    line-height: /*50px*/ 40px;
    border-radius: 50%;
    /*border: 1px solid #2C86CD;*/
    text-align: center;
    font-size: /*1.5em*/1em;
    background-color: #8d99ae;
    color: /*#2C86CD*/#fff;
    margin: auto;

}
.question-edit-number-circle.active {
    border: 1px solid /*#2C86CD*/#ff0060;
    background-color: /*#2C86CD*/#ff0060;
    color: #fff;
    font-weight: bold;/*sam*/
}
.question-edit-number-title{
    /*font-weight: bold;*/
    color: #8d99ae;
}
.question-edit-number-title.active{
    color: /*#2C86CD*/#ff0060;
}

.container-question-timeline{/*sam*/
    max-width: 100%;
    margin: 0 auto;
}
.question-edit-bg-padding {
    /*padding: 2em 8em;*/
    padding: 2em 0;
}
.question-edit-bg .question-step .form-group{
    margin: 1rem auto;
    width: 100%;
}
.question-edit-sumup {
    padding: /*1.5em 4em*/1em 2em;
    margin: 0 auto;/*sam*/
    background-color: /*#5187CD*/#fff;
    color: /*#fff*/#495057;
    box-shadow: 0 10px 43px 0 rgba(58, 48, 52, 0.1);/*sam*/
}
.question-edit-bg {
    background-color: /*#F5F5F5*/#fff;
    margin: 0 auto;/*sam*/
    box-shadow: 0 10px 43px 0 rgba(58, 48, 52, 0.2);/*sam*/
}

div.question-step{/*sam*/
    padding: 2.75em 1.25em;
    font-weight: bold;
}

div.question-step .form-control{/*sam*/
    background-color: rgba(214, 214, 214, 0.74);/*#f7f7f7;/*#efefef ;sam*/
    border: transparent;
}
.question-edit-input-text {
    background-color: /*#E3E6E9*/#efefef;
    height:10em;
}
div.answer-del{
    color: #113759;
}
div.answer-del:hover{
    color: #ff0060;
}
div.question-edit-answer-add{
    color: #3f83bf;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
div.question-edit-answer-add:hover{
    color: #ff0060;
}
div.question-edit-answer-add span{
    vertical-align: middle;
    margin-right: 10px;
}
.block-save-later{/*sam*/
    color: #3f83bf;
    font-size: 1em;
    /*font-weight: bold;*/
}

.question-edit-btn-save {
    background-color: transparent;
    color: /*#2C86CD*/#3f83bf;
    font-weight: bold;
}
.question-edit-btn-save:hover{
    color: #ff0060;
}

.question-edit-btn-to-validate {
    background-color: #EE005D;
    color: #fff;
    font-weight: bold;
}
.question-edit-btn-to-validate:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.question-edit-preview-cats {
    margin-top: 3em;
    background-color: #4980CA;
    color: #fff;
    font-weight: bold;
    padding: 2em;
}

.countdown-sticky {
    position: sticky;
    top: 100px;
    z-index: 1000;
}

.container-countdown {
    border: 1px solid #6490D1/*#6490D1*/;
    background-color: #6490D1;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.3);
    font-size: 1.7em;
    color: #ffffff;
    text-align: center;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.6em;
    border-radius: 0.9em;

}

/*-----STYLES EditSumUP-----*/
/*----------------*/

.content-for-tabs{
   max-width: 100%;
   margin: 0 auto;
}
.nav-tabs{
	background-color: #fbf9f9;
}

.nav-tabs .nav-link{
    color: #3f83bf;
    border-radius: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active{
    border-color: transparent;
    color: #ff0060;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
    background-color: #eeeeef;
}
.nav-tabs .nav-link:hover{
    background-color: #e6e6ea;
}
.tab-content>.active {
    display: block;
    background-color: #eeeeef;
    box-shadow: 0 10px 43px 0 rgba(58, 48, 52, 0.2);
    height: 100%;
    border-bottom: none;
    padding: 0.625em 1.250em;   
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #333333;
    background-color: #eeeeef;
    border-bottom: none;
    border-radius: 0;
}
div.tab-pane{
    color: #212529;
}
.tab-pane ul{
	list-style: none;
	padding: 0;
}
a.btn-chat{
    margin: 20px auto;
    background: #3f83bf;/*#615fff;*/
    /*border: 1px solid transparent;*/
    color: #fff !important;
    border-radius: 30px;
    padding: 0.625em 1.250em;  
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3);
}
a.btn-chat:hover{
	background-color: #3f83bf;
	/*border: 1px solid #3f83bf;/*#615fff;*/
	color: #fff/*#3f83bf*/ !important;
        text-decoration: none;
        transform: scale(0.9);
}

/*End of EditSumup Styles*/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}

.modal-dialog {
    background-color: #fff;
}
.modal-question-preview {
    background-color: #fff;
    padding: 20px;
    border: none;
}

.quiz-dropzone {
    min-height: 200px;
    border: 1px dashed #7c8ea3;
}

.btn-linkedin {
    background-color: #3972b3;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 30px;
}
.btn-linkedin:hover,
.btn-linkedin:focus{
    background-color: #006097;
    color: #fff;
}

/* QUIZ STYLES */

.bg-card-quiz{
    /*background-image: linear-gradient(to bottom right, #3F83BF 0%, #F382FF 100%);
   background-image: linear-gradient(to right top, #149ecf, #6eabdc, #9fb9e4, #c4c9ea, #e0dbf0);*/
    background-image: linear-gradient(to left top, #3f83bf, #00a1cd, #00bcc5, #48d3ad, #9ee493);
    color: #fff;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5em;
}

div.bg-form-quiz-prepare{
    /*background-image: url('/images/bg-quiz.jpg');*/
}

.circle{
    border: 1px solid #333;
    margin: 0;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
}

.for-mobile{
    display:block;
}

div.container-hiding{
    z-index: 999;
    position: fixed;
    right: 0;
    bottom: 1em;
    font-size: 1em;
    width: 0;
    height: 0;
    -webkit-transition: width 0.6s, height 0.6s;
	transition: width 0.6s, height 0.6s;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
div.container-hiding div.content-hide-show{
    opacity: 0;
    color: #333;
}
div.container-showing{
    z-index: 999;
    position: fixed;
    right: 5em;
    bottom: 1em;
    font-size: 1em;
    background: #eee;
    width: 13.750em;
    height: 14em;
    -webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

div.container-showing div.content-hide-show{
    opacity: 1;
    -webkit-transition: opacity 0.6s 0.3s ease-in-out;
    transition: opacity 0.6s 0.3s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	
}

div.list-sumup{
    opacity: 0;
    padding: 1.35em 0;
    margin: 0 0.75em;
    background: #eee;
    border-bottom: 1px solid rgba(125,129,148,0.2);
    border-top: 1px solid rgba(125,129,148,0.2);
}

div.container-showing div.list-sumup{
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}
.menu-button{
    position: fixed;
    bottom: 0;
    z-index: 1000;
    margin: 1em;
    padding: 0;
    width: 2.5em;
    height: 2.25em;
    right: 0px;
    border: none;
    font-size: 1.5em;
    color: #373a47;
    background: transparent;
}
.menu-button:hover {
    opacity: 0.6;
    cursor: pointer;
}
.menu-button:focus {
	outline: none;
}

/*--------------*/
/*Responsive*/
/*--------------*/
@media (min-width: 576px){
    .content-for-tabs{
        max-width: 60%;
        margin: 0 auto;
    }
    .question-edit-bg-padding {
    /*padding: 2em 8em;*/
    padding: 2em;
    }
}
@media (min-width: 760px){
    
    .questions-list-head {
        display: block;
        background-color: #fff;/*#497DCA;*/
        border-radius:2px;
        color: #333333;/*#fff*/
        font-weight: bold;
        padding: 1em;
        font-size: 1em;
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
    }
    
    .question-title{
        text-align: inherit;
    }
    
    .for-mobile{
        display: none;
    }
    div.questions-list-content a.for-mobile{
        display: none;            
    }
    div.questions-list-content a.for-desktop{
        display: block;
    }
    .questions-list-content a.icon-btn{
        color: #1E88E5;
        border: none;
        margin: 0 auto;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }
    .questions-list-content a.icon-btn:hover{
        display: block;
        margin: 0 auto;
        color: #ff0060;
        background: transparent;
        border-radius: 4px;
        box-shadow:none;
    }
    div.align-items-center > div{
    margin-bottom: 0;
}
    
}

@media(min-width : 790px ){
    .container-question-timeline{
        max-width: 70%;
    }
}