/* FONTS */
@font-face {
		font-family: 'Volte-Rounded-Semibold';
		src: url('./fonts/VolteRounded-Semibold.eot');
		src: url('./fonts/VolteRounded-Semibold.eot') format('embedded-opentype'),
				url('./fonts/VolteRounded-Semibold.woff2') format('woff2'),
				url('./fonts/VolteRounded-Semibold.woff') format('woff'),
				url('./fonts/VolteRounded-Semibold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
}

@font-face {
		font-family: 'Volte-Rounded-Light';
		src: url('./fonts/VolteRounded-Light.eot');
		src: url('./fonts/VolteRounded-Light.eot') format('embedded-opentype'),
				url('./fonts/VolteRounded-Light.woff2') format('woff2'),
				url('./fonts/VolteRounded-Light.woff') format('woff'),
				url('./fonts/VolteRounded-Light.ttf') format('truetype');
		font-weight: 300;
		font-style: normal;
}

@font-face {
		font-family: 'Volte-Rounded-Medium';
		src: url('./fonts/VolteRounded-Medium.eot');
		src: url('./fonts/VolteRounded-Medium.eot') format('embedded-opentype'),
				url('./fonts/VolteRounded-Medium.woff2') format('woff2'),
				url('./fonts/VolteRounded-Medium.woff') format('woff'),
				url('./fonts/VolteRounded-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
}

@font-face {
		font-family: 'Volte-bold';
		src: url('./fonts/VolteRounded-Bold.eot');
		src: url('./fonts/VolteRounded-Bold.eot') format('embedded-opentype'),
				url('./fonts/VolteRounded-Bold.woff2') format('woff2'),
				url('./fonts/VolteRounded-Bold.woff') format('woff'),
				url('./fonts/VolteRounded-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
}

@font-face {
		font-family: 'Volte-Rounded';
		src: url('./fonts/VolteRounded-Regular.eot');
		src: url('./fonts/VolteRounded-Regular.eot') format('embedded-opentype'),
				url('./fonts/VolteRounded-Regular.woff2') format('woff2'),
				url('./fonts/VolteRounded-Regular.woff') format('woff'),
				url('./fonts/VolteRounded-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Metropolis-Bold';
		src: url('./fonts/Metropolis-Bold.otf') format('truetype');
		font-weight: bold;
		font-style: normal;
}

@font-face {
		font-family: 'Metropolis-ExtraBold';
		src: url('./fonts/Metropolis-ExtraBold.otf') format('truetype');
}
@font-face {
		font-family: 'Metropolis-Light';
		src: url('./fonts/Metropolis-Light.otf') format('truetype');
}
@font-face {
		font-family: 'Metropolis-Medium';
		src: url('./fonts/Metropolis-Medium.otf') format('truetype');
}

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

@font-face {
    font-family: 'Metropolis Extra';
    src: url('./fonts/Metropolis-ExtraLightItalic.eot');
    src: url('./fonts/Metropolis-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Metropolis-ExtraLightItalic.woff2') format('woff2'),
        url('./fonts/Metropolis-ExtraLightItalic.woff') format('woff'),
        url('./fonts/Metropolis-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

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

@font-face {
    font-family: 'Metropolis Semi';
    src: url('./fonts/Metropolis-SemiBoldItalic.eot');
    src: url('./fonts/Metropolis-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Metropolis-SemiBoldItalic.woff2') format('woff2'),
        url('./fonts/Metropolis-SemiBoldItalic.woff') format('woff'),
        url('./fonts/Metropolis-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Metropolis Extra';
    src: url('./fonts/Metropolis-ExtraBoldItalic.eot');
    src: url('./fonts/Metropolis-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Metropolis-ExtraBoldItalic.woff2') format('woff2'),
        url('./fonts/Metropolis-ExtraBoldItalic.woff') format('woff'),
        url('./fonts/Metropolis-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

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

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

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

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

/* PAGE LOGIN ADMIN */
body.login_admin {
	margin:0;
	padding:0;
	background: url(../../uploads/company/log_admin_bg2.png) no-repeat center fixed!important;
	-webkit-background-size: cover!important; /* pour anciens Chrome et Safari */
	background-size: cover!important; /* version standardisée */
	display: flex;
	height: 100vh;
	align-items: center;
	justify-content: center;
}
body.login_admin:before {
		content: '';
		width: 100%;
		position: absolute;
		height: 100%;
		background-color: #292A2A;
		opacity: 0.2;
}
.authentication-form-wrapper {
	margin-top: 0;
	z-index: 9;
}
.authentication-form {
	width: 520px;
	height: auto;
	border-radius: 10px;
	border: none;
	-webkit-box-shadow: 0px 0px 90px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 90px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 90px 3px rgba(0,0,0,0.15);
}
body.login_admin form {
	width: 320px;
	margin: auto;
	margin-top: 30px;
}
body.login_admin .logo-login{
	display: flex;
	justify-content: center;
}
body.login_admin .logo-login  img{
	margin-top: 25px;
}
body.login_admin button{
	background-color: #292A2A;
	margin-top: 30px;
	height: 40px;
}
body.login_admin .form-group label{
	color: #292A2A;
	font-size: 14px;
	font-family: 'Volte-Rounded-Medium';
}
body.login_admin .form-group input {
	border-color: #E4E4E4;
}
.checkbox a, .checkbox label {
	color: #909699;
}
.checkbox {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
}
/* .checkbox > label {
	display: flex;
	align-items: center;
} */
.checkbox > label #remember {
	margin: 0;
	margin-left: -20px;
}
label, a {
	font-family: 'Volte-Rounded';
}
@media screen and (max-width:650px) {
		.authentication-form-wrapper {
			width: 95%;
		}
		.authentication-form {
			width: 100%;
			height: 100%;
			padding: 20px 10px;
		}
		body.login_admin .logo-login img {
			margin-top: 0;
		}
}
@media screen and (max-width:400px) {
		.checkbox {
			flex-direction: column;
			align-items: center;
		}
		.checkbox > label {
			margin-bottom: 10px;
		}
		body.login_admin form {
			width: 100%;
		}
}
/* FIN PAGE LOGIN ADMIN */
.btn-info:hover {
		color: #fff;
		background-color: #292a2a;
		border-color: #292a2a;
}

/* dashboard */
.text-prospects-infos {
	padding: 10px;
	font-size: 20px;
}
.text-proposals-infos {
	font-size: 15px;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
	border: 1px solid #bfcbd9;
}
.table-activity-monitoring {
	margin-top: 0!important;
}
.table-activity-monitoring th {
		color: #4e75ad;
		background: #f6f8fa;
		vertical-align: middle;
		border-bottom: 1px solid;
		border-color: #ebf5ff!important;
		font-size: 15px;
		padding-top: 9px;
		padding-bottom: 8px;
}
.table-activity-monitoring td {
		font-size: 13px;
}
.text-global-company-infos {
	font-size: 20px;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px solid #bfcbd9;
}

body.dashboard  h2 {
    font-weight: bold;
    text-transform: uppercase;
}
body.dashboard .col-md-3.border-left {
    text-align: center;
    border-right: 2px solid #f5f7f9;
}
body.dashboard span.red {
    font-size: 25px;
	color: #db0c1e;
}

.google-btn {
  width: 240px;
  height: 42px;
  background-color: #4285f4;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0,0,0,.25);
}
.google-btn .google-icon-wrapper {
	position: absolute;
	margin-top: 1px;
	margin-left: 1px;
	width: 40px;
	height: 40px;
	border-radius: 2px;
	background-color: #fff;
}
.google-btn .google-icon {
	position: absolute;
	margin-top: 11px;
	margin-left: 11px;
	width: 18px;
	height: 18px;
}
.google-btn .btn-text {
	float: right;
	margin: 11px 11px 0 0;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.2px;
	font-family: "Roboto";
}
.google-btn:hover {
	box-shadow: 0 0 6px #4285f4;
}
.google-btn:active {
	background: #1669F2;
}

a.google_connect, a.ms_connect {
	display: flex;
	justify-content: center;
}
.label-status-commercial {
	background: 0 0;
	border: 1px solid #c92dfc;
	color: #c92dfc;
}

.view-accueil {
	position: relative;
    background-image: url(../../../uploads/offices/pole_accueil.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.view-commerciaux {
	position: relative;
    background-image: url(../../../uploads/offices/pole_commerciaux.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.view-graphiste {
	position: relative;
    background-image: url(../../../uploads/offices/pole_graphisme.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.view-developpeurs {
	position: relative;
    background-image: url(../../../uploads/offices/pole_developpeurs.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.view-chefs_de_projets {
	position: relative;
    background-image: url(../../../uploads/offices/pole_chefs_de_projets.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.overflow-auto {
	overflow: auto;
}
#task-comments {
	display: contents!important;
}

.customers_login {
	background: url(../../uploads/company/background_client.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mtop50{
	margin-top: 50px !important;
}
.error{color:red}

.single-ticket-head-items {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	height: 36px;
}

.ticket-chevron {
	padding-left: 15px;
	margin-left: 15px;
}

.single-ticket-status-label {
	display: flex;
	align-items: center;
	justify-content: center;
}

.time-group {
	display: flex;
    align-items: center;
	margin-top: 5px;
    border: 1px solid #bfcbd9;
    border-radius: 5px;
    line-height: 35px;
}
.time-group:hover {
	cursor: pointer;
}

.ticket-timesheet {
	display: flex;
	flex-direction: column;
	font-size: 14px;
    padding-left: 0;
}

.total-time{
	border-right: 1px solid #bfcbd9;
    border-radius: 5px 0 0 5px;
    line-height: 36px;
	padding: 0 8px !important;
	flex-grow: 1;
}

.set-time {
	padding-right: 15px;
    padding-left: 15px;
}

.add-input {
	display: flex;
}
button[data-id="code-tma-linked"] {
	border-radius: 5px 0 0 5px;
}

#numtma_icon:hover {
	cursor: pointer;
}

.numtma-copy-button:hover {
	background-color: #f1f5f7 !important;
}

.numtma-copy {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 46px;
}

#duration {
	width: 99%;
}

.abo-mensuel {
	background-color: #a4f4ab;
	border-radius: 5px;
	padding: 5px;
}

.abo-annuel {
	background-color: #a4def4;
	border-radius: 5px;
	padding: 5px;
}

.ticket-submitter-info {
	width: auto;
}

.ticket-client {
	width: 100%;
}

.edit-ticket-client-visible {
	width: 100%;
    display: table;
    padding-right: 10px;
}

.single-ticket-status-label {
	padding-right: 15px;
}

.single-ticket-select-alignement1 {
	padding-left: 0;
}

.content-ticket-timesheet-assigned {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.edit-ticket-message {
	display: flex;
	flex-direction: column;
}

#reply_options {
	display: flex;
	left: 60%;
}

.horizontal-items {
    display: flex;
}

.groups-profile-tabs {
	width: 100%;
}

.account-opening-form {
    height: 35px;
    position: absolute;
    top: -10px;
    right: 15px;
}

.paragraph-text {
	padding: 15px;
	/* margin-top: 10px; */
}
  /* Blue */
  .btn-outline-info {
    border-color: #2196F3;
    color: dodgerblue;
  }

  .btn-outline-info:hover {
    background: #2196F3;
    color: white;
  }

  /* Orange */
  .btn-outline-warning {
    border-color: #ff9800;
    color: orange;
  }

  .btn-outline-warning:hover {
    background: #ff9800;
    color: white;
  }

  /* Red */
  .btn-outline-danger {
    border-color: #f44336 !important;
    color: red;
  }

  .btn-outline-danger:hover {
    background: #f44336;
    color: white;
  }

  /* Gray */
  .btn-outline-default {
    border-color: #e7e7e7;
    color: black;
  }

  .btn-outline-default:hover {
    background: #e7e7e7;
  }
  .no-padding{padding: 0;}
  .no-margin{margin: 0;}

  .account-opening-form {
	  display: flex;
  }
  .rib {
	  margin: 0 5px 0 5px;
  }
  .bank_account {
	  margin: 0 0 0 5px;
  }
  .font-14{
	  font-size: 14px !important;
  }

/*Revolut module css*/
.nav_arrow{
    position: fixed;
    right: 30px;
    top: 100px;
    z-index: 5;
}
.label-orange {
    background: transparent;
    border: 1px solid orange;
    color: orange;
}

.label-orange[href]:hover,
.label-orange[href]:focus {
    background-color: orange;
}
.text-green{color: #1fcb53;}
.ml-10{margin-left: 10px !important;}
.no-padding {
    padding: 0 !important;
}

.payment_btn{
    height: 70px !important;
    width: 280px !important;
    /* font-weight: bold !important; */
    font-size: 17px !important;
    color: white !important;
}
.mleft35{margin-left:35px !important;}
b, strong {font-weight: 600 !important;}
.bg-danger {background-color: #f2dede;}
.mtop30 {margin-top: 30px !important;}
.mleft5{margin-left:5px !important;}
.mleft10{margin-left:10px !important;}
.mleft15{margin-left:15px !important;}
.mr10{margin-right:10px !important;}
/* CUSTOM LOGIN OTP */
.border-btn-login-otp {
	border: 2px solid #363737;
	border-radius: 10px;
	/* padding: 5px 104px; */
	background-color: transparent;
	text-transform: capitalize!important;
	color: #fff;
	background-color: #363737;
	font-size: 20px;
	font-family: Metropolis-Light;
}
.border-btn-login-otp:hover {
	/* color: #fff; */
	background-color: #fff;

}
.pdtop60{padding-top:  60px !important;}
.pdtop20{padding-top:  20px !important;}
.fonts18{font-size: 18px !important;}
.fonts12{font-size: 12px !important;}
.text-gray{color: gray !important;}
.text-lightgreen{color: #4ede7a !important;}
.subscription .dragger {
    background: url(../images/dragger.png) 1px 11px no-repeat !important;
    pointer-events: visible !important;
}
.mr4{margin-right:4px !important;}
.mleft6{margin-left:6px !important;}
.w1{width: 1px !important;}
.bg-purple {background-color: #f4e6ff !important;}
.bg-light-pink {background-color: #ffd9df !important;}
.label-purple {
    background: transparent;
    border: 1px solid #b35cf6;
    color: #b35cf6;
}

.label-purple[href]:hover,
.label-purple[href]:focus {
    background-color: #b35cf6;
}
.btn-purple {
    color: #FFFFFF;
    background-color: #b35cf6;
    border: 0px;
}
.msg-expense-atttachment, .msg-expense-atttachment a{
    margin-top: 17px;
    font-weight: bold;
    color: #ad00ad !important;
}
.bg-category-stripe {
    background: #f6f9fc;
    border: 1px solid #e5f0fb;
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    border-radius: 4px;
}
.msg-expense-atttachment, .msg-expense-atttachment a{
    margin-top: 17px;
    font-weight: bold;
    color: #ad00ad !important;
}
.mleft0{margin-left:0px !important;}
.cut-text-w100{ 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
}

.prop_long_title_input{
    max-width: 180px !important;
}
/* .hubspot-affected-text
, .hubspot-affected-text label
, .hubspot-affected-text .filter-option-inner-inner { color: #fc2d42 !important;} */
.mb-10 {margin-bottom: 10px !important;}
.mtop20{margin-top: 20px !important;}
.internal_command_warning {
	z-index: 0;
}
.proposal_list_status{white-space: break-spaces;padding: 4px !important;}
table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc {
    padding-right: 15px !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    top: 2px !important;
}
.dropdown-commande {
	margin-top: -2px;
    padding: 0px 12px;
	max-width: 20%;
    width: 19%;
}

.dropdown-commande .dropdown.bootstrap-select.show-tick.col-md-2.bs3.open {
    padding: 0px;
}
.d-inline-block{ display: inline-block; }
.d-width100pr{ width: 100%; }
.text-caps{ text-transform: uppercase !important;}
.client_proposal_logo{height: 67px !important;}
.label-dark {
	background: 0 0;
	border: 1px solid #000000;
	color: #000000;
}
.minw50{min-width: 50px !important;}
.minw150{min-width: 150px !important;}

/** Signature tabs css*/
.custom-file-input{
    height: 100px;
    width: 100% !important;
    padding-top: 35px;
    border: 1px solid lightblue;
    cursor: pointer;
}
.has-error{
    border-color: #fc2d42;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.bg-disabled{ background-color: rgb(225, 222, 222) !important;}
.w100p{width: 100px !important}
.d-inline{ display: inline; }
.text-strike{ text-decoration: line-through; }
.mbot60{ margin-bottom: 60px !important; }
.mbot51{ margin-bottom: 51px !important; }
.mbot5 {margin-bottom: 5px !important;}
.text-light-warning {
    color: #ff6f00;
}
.text-light-info {
    color: #03a9f4;
}
.text-light-blue {
    color: #6b9db3;
}
.text-blue {
    color: #6b9db3;
}
.text-info-dark {
    color: #1C3F71;
}
.text-light-info-dark {
    color: #1C3F71;
}
.text-light-success {
    color: #84c529;
}
.text-light-danger {
    color: #fc2d42;
}

.pdf-scroll-container{height: 600px; overflow-y: auto; border: 1px solid #ccc; margin-bottom: 15px;text-align:center}
.checkbox-read-content label{font-weight:bold!important;color:black;font-size:20px;padding-left:10px}
.checkbox-read-content input[type="checkbox"]{width:20px;height:20px;vertical-align:middle;transform:scale(1.3);margin-right:8px}
.border-bottom-none{border-bottom: none !important;}

.horizontal-items.col-md-7 { border-top: 3px dotted #dedede; border-left: 3px dotted #dedede; border-right: 3px dotted #dedede; margin-left: 18px; margin-right: 13px; margin-top: 3px; margin-bottom: 3px; padding: 5px;}
.horizontal-items.col-md-4 {border-top: 3px dotted #dedede; border-right: 3px dotted #dedede; margin: 3px; padding: 5px; border-left:3px dotted #dedede;}
#signature_tab.tab-content.col-md-7 {border-left: 3px dotted #dedede;border-right: 3px dotted #dedede;border-bottom: 3px dotted #dedede;min-height: 235px;margin-left: 18px;margin-right: 13px;margin-top: 3px;margin-bottom: 3px;padding: 5px;}
#initials_tab.tab-content.col-md-4 {border-right: 3px dotted #dedede;border-bottom: 3px dotted #dedede;min-height: 235px;margin: 3px;padding: 5px;border-left:3px dotted #dedede;}

@media (max-width: 768px) {
    #identityConfirmationFormNew .nav-tabs > li {width: 35%;}
	#identityConfirmationFormNew .modal-body{padding: 20px;}
    #identityConfirmationFormNew #initials_tab.tab-content.col-md-4, #identityConfirmationFormNew #signature_tab.tab-content.col-md-7 {min-height: 50px;}

    #identityConfirmationFormNew .horizontal-items.col-md-7, #identityConfirmationFormNew #signature_tab.tab-content.col-md-7 {
        margin-left: 3px;margin-right: 3px;
    }
    #pdfValidationModal .pdf-scroll-container {height: 200px !important;}
    #pdfValidationModal .pdf-scroll-container iframe{height: auto !important;}
    #pdfValidationModal .pdf-scroll-container .checkbox-primary.checkbox-inline label{font-size: 15px;}
    #identityConfirmationModal form.form-horizontal{overflow-y: scroll;height: 800px;}
}


.highlight-line-click, .highlight-line-click *{background: #F9B233 !important;color: white !important; border-color: white !important;text-decoration-color: white !important;}
.highlight-line-click .js-copy{background-color: #F9B233}
.mr50{margin-right: 50px !important;}
.bg-light-yellow{ background-color: #FFFFE0 !important;}