/*!
 * CartoQVT
 * CSS
 */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,500,700&display=swap');

body
{
    height: 100%;
    width: 100%;
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#alert-zone
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#securityError
{
	text-align: center;
	color: #143a60;
	background-color: #fff;
	border-radius: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
}

a
{
	color: #3f9ba6;
}

a:hover
{
	color: #143a60;
	text-decoration: none;
}

.page-item.active .page-link
{
	background-color: #143a60;
	border-color: #143a60;
}

.tooltip
{
	margin-right: 5px;
}

.btn-danger
{
	background-color: #3f9ba6;
	border-color: #3f9ba6;
}

.btn-danger:hover,
.btn-danger:focus
{
	background-color: #c03a2a;
	border-color: #c03a2a;
}

.buttons-html5
{
	background-color: #3f9ba6 !important;
	border-color: #3f9ba6 !important;
	color: #fff !important;
	border-radius: .25rem !important;
}

.buttons-html5:hover
{
	background-color: #c03a2a !important;
	border-color: #c03a2a !important;
	color: #fff !important;
	border-radius: .25rem !important;
}

.badge-danger
{
	background-color: #3f9ba6;
}

.badge
{
	margin-left: 5px;
}

.text-center .badge
{
	margin: 0;
}

form .btn-danger
{
	display: block;
	margin-right: 0;
	margin-left: auto;
}

#footer a
{
	color: #fff;
}

/*************** LOGIN PAGE ***************/

#content-login,
#content-website
{
	color: #fff;
	height: 100%;
	background-color: #3f9ba6;
}

#content-login .row-center,
#content-website .row-center
{
	height: 100%;
}

#login-logo
{
	margin-bottom: 35px;
}

#form-login,
#change-password
{
	background-color: #3f9ba6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 35px;
	padding-right: 35px;
}

#form-login form h2,
#change-password form h2
{
	font-size: 30px;
	margin-bottom: 30px;
	font-weight: 700;
}

#form-login form p,
#change-password form p
{
	margin: 0 0 2em 0;
    position: relative;
}

#form-login form input,
#change-password form input
{
    display: block;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    margin:0;
}

#form-login form input[type="text"],
#form-login form input[type="email"],
#form-login form input[type="password"],
#change-password form input[type="text"],
#change-password form input[type="email"],
#change-password form input[type="password"]
{
    background: none;
    color: #fff;
    border: 1px solid #ffffff;
    font-size: 1em;
    padding: 1.5em;
    border-radius: 2px;
}

#form-login form input[type="text"]:focus,
#form-login form input[type="email"]:focus,
#form-login form input[type="password"]:focus,
#change-password form input[type="text"]:focus,
#change-password form input[type="email"]:focus,
#change-password form input[type="password"]:focus
{
    background: none;
}


#form-login form input[type="text"]::placeholder,
#form-login form input[type="email"]::placeholder,
#form-login form input[type="password"]::placeholder,
#change-password form input[type="text"]::placeholder,
#change-password form input[type="email"]::placeholder,
#change-password form input[type="password"]::placeholder
{
  	color: #ffffff;
  	opacity: 0.65;
}

#form-login form span,
#change-password form span
{
    display:block;
    background: #3f9ba6;
    padding: 2px 5px;
    color: #fff;
}

#form-login form input[type="submit"],
#change-password form input[type="submit"]
{
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #ffffff;
    color: #3f9ba6;
    cursor: pointer;
    display: block;
    font-size: 1em;
    line-height: 1em;
    margin: 1em 0 0;
    outline: none;
    padding: 1em 0;
}

#form-login form input[type="submit"]:hover,
#change-password form input[type="submit"]:hover
{
    background-color: #3f9ba6;
    color: #fff;
}

#form-login form label,
#change-password form label
{
    position: absolute;
    left: 15px;
    top: 10px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 0px 10px;
    font-weight: 300;
    background-color: #3f9ba6;
}
    
#form-login form label.floatLabel,
#change-password form label.floatLabel
{
    top: -11px;
    background-color: #3f9ba6;
    font-size: 14px;
}

#changepassword
{
	margin-bottom: 30px;
}

#forgotten_password
{
	text-align: center;
	margin: 10px 0 0 0 !important;
	font-size: 0.7em;
}

#forgotten_password a
{
	color: #ffffff;
}

#content-website form
{
	margin-top: 80px;
	text-align: center;
}

#content-website form input
{
	text-align: center;
	padding: 0.75em !important;
}

#content-website form button
{
	margin-top: 20px;
}
	
	
/*************** DASHBOARD PAGE ***************/

#content-dashboard
{
	color: #143a60;
	height: 100%;
}

#content-dashboard .row-center
{
	height: 100%;
}

#dashboard-logo
{
	padding-left: 35px;
	padding-right: 35px;
	margin-top: 30px;
	margin-bottom: 30px;
}








#content-test
{
	padding: 120px;
	color: #fff;
}

#form-test
{
	background-color: #3f9ba6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
}

#form-test .form-inlabel
{
	font-size: 1.5rem;
	line-height: 1.25rem;
}




/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper
{
    padding-left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled
{
    padding-left: 280px;
}

#menu-dashboard
{
    z-index: 1000;
    position: fixed;
    left: 280px;
    top: 0;
    bottom: 0;
    width: 0;
    margin-left: -280px;
    overflow-y: auto;
    background-color: #143a60;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #menu-dashboard {
    width: 280px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    left: 0;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

@media(min-width:992px)
{
    #wrapper 
    {
        padding-left: 280px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #menu-dashboard
    {
        width: 280px;
    }

    #wrapper.toggled #menu-dashboard {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}


















#submenu-dashboard
{
	background-color: #3f9ba6;
	padding: 0;
	text-align: right;
}

#apptitle
{
	background-color: #3f9ba6;
}

#apptitle a
{
	color: #fff;
	padding: 15px;
	display: block;
	text-decoration: none;
}

#apptitle a svg
{
	margin-right: 8px;
}

#menu-list,
#menu-list li,
#submenu-list,
#submenu-list li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-list li
{
	display: inline-block;
	width: 100%;
}

#menu-list li:hover
{
	background-color: #27333f;
}

#menu-list li a,
#menu-list li a:hover
{
	color: #fff;
	padding: 15px;
	display: block;
	width: 100%;
	text-decoration: none;
}


.sidebar-header
{
	line-height: 1;
	font-size: 12px;
	padding-top: 25px;
	font-weight: 700;
	padding-bottom: 12px;
    color: #eeeeee;
}

.sidebar-nav
{
    border: none;
        border-left-width: medium;
        border-left-style: none;
        border-left-color: currentcolor;
    margin-left: -17px;
    margin-right: -15px;
    margin-bottom: 0px;
    padding: 0;
    list-style: none;
    border-left: 1px solid #e9ecef;
}

.sidebar-nav li
{
    outline: 0;
    position: relative;
}

.sidebar-nav li a
{
    font-size: 14px;
    line-height: 14px;
    padding: 15px 25px;
    height: 45px;
    border: none;
    outline: 0;
    color: #eeeeee;
    display: block;
    text-decoration: none;
}

.sidebar-nav li a svg
{
    width: 20px;
    text-align: center;
    margin-right: 15px;
}

.sidebar-nav li .sidebar-nav
{
    margin-left: 34px;
}

.sidebar-nav li .sidebar-nav li::before
{
    left: 0;
    top: 22px;
    width: 15px;
    content: ' ';
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid #e9ecef;
}

.sidebar-nav .dropdown-menu
{
    position: relative !important;
    transform: none !important;
    float: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.dropdown-toggle::after
{
	display: none;
}

.sidebar-nav li
{
    outline: 0;
    position: relative;
}

.sidebar-nav li .sidebar-nav li a
{
    font-size: 14px;
    line-height: 14px;
}

.dropdown.show
{
	border-right: 5px solid #3f9ba6;
}








#submenu-list li
{
	display: inline-block;
}

#submenu-list li:hover
{
	background-color: #c03a2a;
}

#submenu-list li a,
#submenu-list li a:hover
{
	color: #fff;
	padding: 15px;
	display: block;
	text-decoration: none;
}

#main-dashboard,
#main-company,
#main-agent
{
	padding: 15px 25px;
}

#content-main
{
	padding-bottom: 30px;
}




h1
{
	margin-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 30px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #eee;
}

h1 svg
{
	background-color: #143a60;
	color: #fff;
	font-size: 12px !important;
	width: 22px !important;
    height: 22px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    vertical-align: top !important;
    margin-top: 8px;
    margin-right: 8px;
    padding: 4px;
}

h1 .badge
{
	font-size: 50%;
}

h1 a
{
	float: right;
}

h1 a svg
{
	background-color: #3f9ba6;
}

h3
{
	margin-bottom: 15px;
}

#main-communication h6 button,
#main-communication h6 a
{
	float: right;
	border: none;
	background: none;
	color: #3f9ba6;
	margin-right: 10px;
	font-weight: 300;
	font-size: 0.8rem;
}

h5
{
	margin-bottom: 15px;
}

#main-communication h6 .fa-save,
#main-communication h6 .fa-envelope-open-text
{
	margin-left: 5px;
}

#search_ticket
{
	margin-bottom: 15px;
}

#listing_tickets,
#update_ticket
{
	margin-top: 30px;
}

#helppage
{
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	width: 100%;
	border-top: 1px solid #eee;
}

#helppage svg
{
	width: 15px;
	text-align: center;
	margin-right: 10px;
}

form h5
{
	margin-bottom: 15px;
}

#toptitle
{
	/*margin-top: 15px;
	margin-bottom: 15px;*/
}

#toptitle a
{
	float: right;
	margin-top: 15px;
	margin-left: 15px;
}

#toptitle .fa-arrow-up
{
	background-color: #3f9ba6;
	color: #fff;
	font-size: 12px !important;
	width: 22px !important;
    height: 22px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    vertical-align: top !important;
    margin-top: 8px;
    margin-right: 8px;
    padding: 4px;
}


#formGraphs input[type="checkbox"]
{
	margin-top: 10px;
}

.fa-circle-o-notch-good
{
	color: #27ae60;
	padding-right: 5px;
}

.fa-circle-o-notch-bad
{
	color: #f1c40f;
	padding-right: 5px;
}

.fa-circle-o-notch-ugly
{
	color: #c0392b;
	padding-right: 5px;
}

.persomodeleinput input[type="number"]
{
	padding: .375rem .2rem .375rem .5rem;
}



.cta-graphs
{
	background-color: #e9ecef;
	padding: 15px;
	margin-bottom: 30px;
	width: 100%;
}

.cta-graphs:hover
{
	background-color: #dee1e5;
}

.cta-graphs a
{
	color: #143a60;
	text-align: center;
	display: block;
	width: 100%;
}

.cta-graphs span
{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 1.25em;
	margin-top: 15px;
}

.cta-graphs svg
{
	max-height: 130px;
}

.cta-dash-count,
.cta-dash-relais
{
	background-color: #e9ecef;
	padding: 15px 15px 5px 15px;
	margin-bottom: 30px;
	color: #143a60;
	font-size: 1em;
}

.cta-dash-count:hover,
.cta-dash-relais:hover
{
	background-color: #dee1e5;
}

.cta-dash-count svg,
.cta-dash-relais svg
{
	margin-right: 10px;	
}

.cta-dash-count .titlecount
{
	display: block;
	width: 100%;
	font-size: 2.5em;
}

.cta-dash-relais .contactrelais
{
	display: block;
	width: 100%;
	font-size: 1.75em;
}

.cta-dash-relais .contactrelais svg
{
	font-size: 0.5em;
	width: 20px;
	text-align: center;
}

#main-company .cta-dash-count .titlecount
{
	display: block;
	width: 100%;
	font-size: 2em;
}

.cta-dash-quick
{
	background-color: #3f9ba6;
	padding: 15px 15px 5px 15px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 1em;
}

.cta-dash-quick:hover
{
	background-color: #bd5028;
}

.cta-dash-quick svg
{
	margin-right: 10px;	
}

.cta-dash-quick ul
{
	display: block;
	width: 100%;
	margin-top: 20px;
	text-transform: uppercase;
	list-style-type: square;
}

.cta-dash-quick ul ul
{
	display: block;
	width: 100%;
	margin-top: 0px;
	text-transform: none;
	list-style-type: square;
}

.cta-dash-quick a
{
	color: #ffffff;
	font-weight: bold;
}

.cta-dash-quick a .fa-angle-double-right
{
	opacity: 0;
}

.cta-dash-quick a:hover .fa-angle-right
{
	display: none;
}

.cta-dash-quick a:hover .fa-angle-double-right
{
	opacity: 1;
}

.titlecountmin
{
	font-size: 0.8rem;
	padding-left: 10px;
}

.copybtn,
.copybtn:hover
{
	cursor: pointer;
}


/**************************************************************/
/************************ USER REQUEST ************************/
/**************************************************************/

#user-resquest
{
	font-size: 0.7em;
}

.marge
{
	margin-left: 20px;
}

.address-details
{
	font-size: 0.7em;
}


/**************************************************************/
/************************** ROADMAP ***************************/
/**************************************************************/

#main-roadmap .list-group-item ul
{
	font-size: 0.9em;
	margin-top: 15px;
	margin-bottom: 10px;
}
















.accordion
{
	margin-bottom: 15px;
}

.accordion .card-header .btn
{
	padding: 0;
}

.accordion .card-header
{
	padding: .25rem 0.75rem;
}

.accordion .card-header button,
.accordion a
{
	color: #3f9ba6;
	text-decoration: none;
}

.accordion .card-header button.collapsed
{
	color: #143a60;
}

.accordion a.isDisabled
{
	color: #6c757d;
	cursor: not-allowed;
	text-decoration: none;
	pointer-events: none;
}


.submenu-entreprise
{
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #c0ccda;
}

.submenu-entreprise .media-left
{
	padding-left: 2rem;
	padding-right: 1rem;
	width: 75px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.submenu-entreprise .media-body
{
	display: table-cell;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #143a60;
}




.del_parameter
{
	margin-left: 10px;
}

#newparameter
{
	border: 1px solid #143a60;
	border-radius: 5px;
	padding: 20px;
}

textarea.form-control
{
	font-size: 0.8rem;
	padding: 0.75rem;
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-bottom: 50px;
}

#main-communication input
{
	font-size: 0.8rem;
	padding: 0.75rem;
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}


.custom-file
{
	margin-bottom: 10px;
}

.custom-file-label::after
{
    content: "Sélectionner";
}

#main-startsurvey span .fa-question-circle
{
	font-size: 1 rem;
	margin-top: 0.75rem;
}



#save_mergePDF
{
	color: #3f9ba6;
	font-weight: 300;
	font-size: 0.85rem;
}

#save_mergePDF .fa-save
{
	margin-left: 5px;
}

.disabledActiveSurvey
{
	display: none;
}






.submenu-test
{
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #c0ccda;
}

.submenu-test .media-body
{
	display: block;
	padding: 15px;
	color: #143a60;
}


.submenu-test .media-body .text-base
{
	font-size: 0.75rem;
	margin-bottom: 30px;
	display: block;
}


.disabledSurvey
{
	opacity: 0.5;
	pointer-events: none;
}

.noSurveyStart
{
	opacity: 1;
	position: absolute;
	top: 20px;
	right: 30px;
	text-align: right;
	font-size: 0.8rem;
}

.noSurveyStart p
{
	padding: 0;
	margin: 0;
}

#survey_displayresponse
{
	padding-top: 5px;
}

#survey_displayresponse label
{
	padding-left: 10px;
}

#survey_displayresponse label p
{
	margin-bottom: 10px;
}

#survey_displayresponse label img
{
	width: 150px;
	text-align: center;
}

.displaychoice
{
	float: left;
	margin-right: 50px;
}

.resultParameters
{
	background-color: #e9ecef;
	padding: 25px 15px;
}

.resultParameters ul
{
	margin: 0;
	padding: 0 0 15px 15px;
}

.resultParameters .form-check-label
{
    margin-top: 2px;
    width: 100%;
}

.resultParameters .form-check-label button
{
    float: right;
    margin-left: 5px;
    margin-top: 1px;
    padding: 0;
    border: none;
    width: 20px;
}

.resultParameters .form-check-label .select-all,
.resultParameters .form-check-label .select-none
{
    display: none;
}


.modal-content
{
	border-radius: 0;
	border: 0;
}

.modal-header
{
	border-radius: 0;
	border: 0;
	background-color: #3f9ba6;
}

.modal-header .close
{
	color: #fff;
}

.modal-title
{
	color: #fff;
	font-weight: 400;
}


.cta-dash-count .titlecount svg.fa-user-secret,
.cta-dash-count .titlecount svg.fa-user-graduate,
.cta-dash-count .titlecount svg.fa-user-injured,
.cta-dash-count .titlecount svg.fa-user-tie
{
	color: #3f9ba6;
}















.card {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    background-color: #fff;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom:1px;
    border:none;
}
.card-header:first-child {
    border-radius: 0;
}
.card-header {
    background-color: #e9ecef;
    margin-bottom: 0;
    padding: 20px 1.25rem;
    border:none;
    
}
.card-header a svg{
    float:left;
    font-size:35px;
    padding:5px 0;
    margin:0 25px 0 0px;
    color:#143a60;
    width: 20px !important;
}
.card-header a{
    width:100%;
    color:#143a60;
}
.card-header p{
    margin:0;
}

.card-header .alertCard
{
	float: right;
	margin-right: 15px;
	line-height: 2.25em;
	text-align: right;
}

.card-header .alertCard .fa-exclamation-triangle
{
	margin-right: 8px;
	color: #3f9ba6;
}

.card-header h3{
    margin:0 0 0px;
    font-size:20px;
    font-weight:bold;
    color:#3f9ba6;
}
.card-block {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 20px;
    color:#143a60;
    box-shadow:inset 0px 4px 5px rgba(0,0,0,0.1);
    border-top:1px soild #000;
    border-radius:0;
}










#form-admin
{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#form-admin form
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#form-admin form p
{
	margin: 0 0 2em 0;
    position: relative;
}

#form-admin form input
{
    display: block;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    margin:0;
}

#form-admin form input[type="text"],
#form-admin form input[type="email"],
#form-admin form input[type="password"]
{
    background: none;
    color: #143a60;
    border: 1px solid #143a60;
    font-size: 1em;
    padding: 1.5em;
    border-radius: 2px;
}

#form-admin form input[type="text"]:focus,
#form-admin form input[type="email"]:focus,
#form-admin form input[type="password"]:focus,
{
    background: none;
}


#form-admin form input[type="text"]::placeholder,
#form-admin form input[type="email"]::placeholder,
#form-admin form input[type="password"]::placeholder
{
  	color: #143a60;
  	opacity: 0.65;
}

#form-admin form span
{
    display:block;
    background: #3f9ba6;
    padding: 2px 5px;
    color: #fff;
}

#form-admin form input[type="submit"]
{
    background-color: #143a60;
    border-radius: 2px;
    border: 1px solid #143a60;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    line-height: 1em;
    margin: 1em 0 0;
    outline: none;
    padding: 1em 0;
}

#form-admin form input[type="submit"]:hover
{
    background-color: #3f9ba6;
    color: #fff;
}

#form-admin form label
{
    position: absolute;
    left: 15px;
    top: 10px;
    color: #143a60;
    font-size: 16px;
    display: inline-block;
    padding: 0px 10px;
    font-weight: 300;
    background-color: #fff;
}
    
#form-admin form label.floatLabel
{
    top: -11px;
    background-color: #fff;
    font-size: 14px;
}






input {
  outline: none;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*width: 100%;*/
  font-size: 14px;
  font-family: inherit;
}

.input--style-4 {
  line-height: 50px;
  background: #fafafa;
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 16px;
  color: #143a60;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-bottom: 25px;
  width: 100%;
  border: none;
}

.input--style-4::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #143a60;
}

.input--style-4:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #143a60;
  opacity: 1;
}

.input--style-4::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #143a60;
  opacity: 1;
}

.input--style-4:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #143a60;
}

.input--style-4:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #143a60;
}

.input--style-4:disabled,
.input--date:disabled,
.input--select:disabled
{
	background: #ffffff;
}

.input--style-5 {
  background: none;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-bottom: 10px;
  border: none;
}

.input--style-5 input
{
	width: 20%;
}

.input--style-5 label
{
	width: 80%;
}

.label {
  font-size: 16px;
  color: #143a60;
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px;
}



.input--select {
	width: 100%;
  line-height: 50px;
    background: #fafafa;
    padding: 0 20px;
    font-size: 16px;
  color: #143a60;
  margin-bottom: 25px;
}

.input--date {
	padding: 0 24px;
}

.input--select select {
	border: none;
	background: none;
	width: 100%;
	color: #143a60;
}

.input--select select:focus {
	border: none;
	background: none;
}

.input--textarea {
	width: 100%;
    background: #fafafa;
    padding: 15px 20px;
    font-size: 16px;
	color: #143a60;
	margin-bottom: 25px;
}

.input--textarea textarea {
	border: none;
	background: none;
	width: 100%;
	color: #143a60;
	min-height: 120px;
}

.input--checkbox input {
	width: 6%;
}

.input--checkbox label {
	width: 94%;
}














#main-changelog .minorversion
{
    background-color: #e9ecef;
    padding: 15px 15px 5px 15px;
    margin-bottom: 30px;
    color: #143a60;
    font-size: 1em;
}

#main-changelog h3 span
{
	font-size: 0.85rem;	
}

#main-changelog .sendtouser
{
	float: right;
}






#main-users h4
{
	margin-bottom: 30px;
}

#form_roles label
{
	display: none;
}

#main-users #listingadmin_wrapper,
#main-users #listingrelais_wrapper
{
	margin-bottom: 30px;
}

.nonactive
{
	color: #c5c6c8 !important;
}





#contrevisite-result
{
	border: 1px solid #3f9ba6;
	background-color: rgba(209, 87, 42, 0.2);
	padding: 25px;
}

#contrevisite-result label
{
	padding-top: 15px;
}

#contrevisite-result p
{
	margin: 0;
}




#collapseContacts #new-contact
{
	width: fit-content;
	display: block;
    margin-right: 0;
    margin-left: auto;
}

#listingcontacts a,
#listingcontacts button
{
	color: #dee2e6;
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#listingcontacts a.active,
#listingcontacts button.active
{
	color: #3f9ba6;
	background: none;
}




#main-company ul.timeline
{
    list-style-type: none;
    position: relative;
    border-right: 1px solid #d4d9df;
    padding-right: 30px;
    margin-right: 30px;
}

#main-agent ul.timeline
{
    list-style-type: none;
    position: relative;
    border-right: 1px solid #d4d9df;
    padding-right: 30px;
    margin-right: 0px;
}

#main-company ul.timeline:before,
#main-agent ul.timeline:before
{
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

#main-company ul.timeline > li,
#main-agent ul.timeline > li
{
    margin: 30px 0 15px 0;
    padding-left: 20px;
}

#main-company ul.timeline > li:before,
#main-agent ul.timeline > li:before
{
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #143a60;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

#main-company ul.timeline > li.notime:before,
#main-agent ul.timeline > li.notime:before
{
	display: none;	
}

#main-company ul.timeline > li.notime .badge,
#main-agent ul.timeline > li.notime .badge
{
	margin: 0 0 0 25px;
	float: none;
}

#main-company ul.timeline > li.notime p,
#main-agent ul.timeline > li.notime p
{
	margin-bottom: 0.25rem;
}

#main-company ul.timeline > li.notime,
#main-agent ul.timeline > li.notime
{
	margin: 0;
}

#main-company ul.timeline > li.commentbycontact p,
#main-agent ul.timeline > li.commentbycontact p
{
	color: #e8b315;
}

#main-company ul.timeline > li .subject,
#main-agent ul.timeline > li .subject
{
    color: #3f9ba6;
    font-weight: bold;
    padding-top: 2px;
    margin-bottom: 12px;
    font-size: 1.15rem;
    line-height: 1rem;
}

#main-company ul.timeline > li .date,
#main-agent ul.timeline > li .date
{
    color: #3f9ba6;
    float: right;
    font-weight: 300;
    font-size: 0.9rem;
}

#contre_visite_motif input[type=radio],
#contre_visite_type input[type=radio],
#contre_visite_sorties input[type=radio]
{
	width: 10%;
}

#contre_visite_motif label,
#contre_visite_type label,
#contre_visite_sorties label
{
	width: 90%;
}



input[type="date"]
{
	height:50px;
	background: #fafafa;
	border-radius: 5px !important;
	border: none;
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

#main-agent .collapse .badge
{
	margin-top: 4px;
	float: right;
}

#main-agent .list-group-item
{
	font-weight: 300;
}

#headingRequisition #create-requisition
{
	float: right;
	width: auto;
	color: #fff;
}

.form-inlabel
{
	padding-top: 12px;
	padding-left : 0;
	margin-bottom: 0;
}

.contact-rh-requisition
{
	padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}

.crontask-requisition
{
	padding: .75rem 1.5rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}

.crontask-requisition ul,
.crontask-requisition li
{
	margin: 0;
	padding: 0 0 0 0.25rem;
}

#mapid { height: 480px; }


.resultGreen
{
	color: #049120;
}

.resultOrange
{
	color: #d88502;
}

.resultRed
{
	color: #d30404;
}

.row-question
{
	border-bottom: 1px solid #fff;
	padding-top: 20px;
}