.content-wrapper {

	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
.wrapper {
	height: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}
.main-header .navbar {
	background-image: linear-gradient(110deg, #0cbcb1 0%, #05aba3 100%);
	color: white;
}

.nav-tabs-custom>.nav-tabs>li{
	margin-bottom: 0px !important;
	margin-right: 0px !important;
}
.skin-blue .main-header li.user-header {
	background-color: rgba(60, 141, 188, 0);
}

.skin-blue .main-header .logo {
	background-image: linear-gradient(90deg, #0cbbb0 0%, #0cbbb0 100%);
	color: white;
}

.main-footer {
	background-image: linear-gradient(110deg, #0bb9af 0%, #06aca4 100%);
	color: white;
	border-top: 1px solid #00877e;
	margin-left: 0;
}

.content-wrapper{
	margin-left: 0;
}

.navbar-nav > .user-menu > .dropdown-menu {
	width: 170px;
}

.nav-tabs-custom > .nav > .col-md-2 {
	padding: 0;
}

.content {
	margin-bottom: -11px;
	margin-top: 20px;
	overflow: hidden;
}

.content-header > .breadcrumb {
	position: absolute;
	right: 0;
	left: 10px;
	top: 4px;
}

.content-header > .breadcrumb {
	font-size: 18px;
}

.content-header > .breadcrumb > li + li:before {
	margin-left: 5px;
}

.content-header > .breadcrumb > li > a {
	color: #000;
}

a {
	color: inherit;
}

.fa-plus {
	margin-right: 12px;
}
.modal-header .close {
	margin-top: -2px;
	color: white;
	opacity: 1 !important;
}

.info-box-light-orange {
	margin-bottom: 20px;
	border-radius: 35px;
	background: #ffdbd0 !important;
	color: white;
	border: 4px solid #f58e6d;
	padding: 5px;
}
.info-box-light1-orange {
	margin-bottom: 20px;
	border-radius: 35px;
	background: #ffc3a2  !important;
	color: white;
	border: 4px solid #e87534;
	padding: 5px;
}

.info-box-gray{
	margin-bottom: 20px;
	border-radius: 35px;
	background: #c5c5c5 !important;
	color: white;
	border: 4px solid #333829;
	padding: 5px;
}
.info-box-garnet{
	margin-bottom: 20px;
	border-radius: 35px;
	background: #8b150080 !important;
	color: white;
	border: 4px solid #791200;
	padding: 5px;
}
.info-box-green {
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(15, 80, 1) 0%, rgb(14 183 0) 35%, rgb(21 56 0) 100%);
	color: white;
}

.not-finished-intervention{
	position: absolute;
	right: 40%;
	top: 6px;
	z-index: 1000;
	color: black;
	font-size: 18px;
	font-family: fangsong;
	font-weight: 600;
}
.info-box-cyan {
	margin-bottom: 20px;
	border-radius: 35px;
	background: #afd1fa !important;
	color: white;
	border: 4px solid #148adf;
	padding: 5px;
}
.info-box-tel {
	margin-bottom: 20px;
	border-radius: 35px;
	background: #b5fffa !important;
	color: white;
	border: 4px solid #0cbcb1;
	padding: 5px;
}

.info-box-blue {
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(0 14 80) 0%, rgb(0 158 255) 35%, rgb(0 0 0 / 75%) 100%);
	color: white;
}

.info-box-orange {
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(112 64 0) 0%, rgb(242 142 9) 35%, rgb(104 48 0 / 75%) 100%);
	color: white;
}

.info-box-light-blue {
	margin-bottom: 20px;
	border-radius: 35px;
	background: #c2e8ff !important;
	color: white;
	border: 4px solid #38b6ff;
	padding: 5px;
}

.info-box-light-green {
	margin-bottom: 20px;
	border-radius: 35px;
	background: #deffa7  !important;
	color: white;
	border: 4px solid #68a602;
	padding: 5px;
}

.info-box-aqua {
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(2 82 108) 0%, rgba(25, 219, 253, 0.99) 35%, rgb(0 0 0 / 78%) 100%);
	color: white;
}

.info-box-light-yellow {
	margin-bottom: 36px;
	border-radius: 35px;
	background: #f8e2b8 !important;
	color: white;
	border: 4px solid #ca8a0f;
	padding: 5px;
}

.info-box-yellow {
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(181 100 0) 0%, rgb(255, 221, 0) 35%, rgb(133 86 0) 100%);
	color: white;
}
.info-box-tail{
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(3 166 106) 0%, rgb(0 255 183) 35%, rgb(3 186 123) 100%);
	color: white;
}

.info-box-light-gray{
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(141, 141, 141) 0%, rgb(190, 190, 190) 35%, rgb(147, 147, 147) 100%);
	color: white;
}

.info-box-brown{
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(68 37 0) 0%, rgb(126 69 0) 35%, rgb(66 36 0) 100%);
	color: white;
}

.info-box-pink {
	margin-bottom: 36px;
	border-radius: 35px;
	background: #ff8d8d !important;
	color: white;
	border: 4px solid #ff3333;
	padding: 5px;
}

.info-box-red {
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(131 0 0) 0%, rgb(255 2 2) 35%, rgb(86 0 0) 100%);
	color: white;
}

.info-box-bluegreen{
	margin-bottom: 20px;
	border-radius: 5px;
	background: linear-gradient(171deg, rgb(0 63 66 / 82%) 0%, rgb(70 175 117) 35%, rgb(0 104 104 / 75%) 100%);
	color: white;
}
.info-box-light-orange:hover,.basic-data .info-box-img:hover,.info-box-light1-orange:hover,.info-box-cyan:hover,.info-box-light-yellow:hover,.info-box-pink:hover,.info-box-light-green:hover,.info-box-gray:hover,.info-box-garnet:hover,.info-box-light-blue:hover,.info-box-green:hover, .info-box-blue:hover, .info-box-yellow:hover,.info-box-tail:hover,.info-box-light-gray:hover, .info-box-red:hover,.info-box-brown:hover, .info-box-aqua:hover,.info-box-orange:hover,.info-box-bluegreen:hover,.info-box-tel:hover {
	box-shadow: 6px 8px 7px 3px rgb(0 0 0 / 50%);
	transform: scale(1.04);
	transition: all 500ms ease;
}

.info-box-icon {
	background: none;
	margin-top: 1rem;
}
.info-box-img{
	width: 100%;
}
.info-box-content {
	padding: 25px 10px;
}

.info-box-text {
	font-size: calc(120% + 0.6vw + 0vh);
	font-weight: bold;
	text-transform: none;
}

.info-box-number {
	font-size: calc(120% + 0.6vw + 0vh);
	text-align: center;
	height: 9px;
	display: flex;
	align-content: stretch;
	align-items: center;
	justify-content: space-evenly;
	margin-bottom: 5px;
	margin-top: 5px;
}

.info-box-icon > img {
	max-width: 100%;
	margin-left: 15px;
	height: auto;
	display: block;
}


.previous-btn {
	position: fixed;
	bottom: 70px;
	right: 15px;
}

.home-btn {
	position: fixed;
	bottom: 70px;
	right: 60px;
	z-index: 999;
}

.form-validation-error {
	color: red;
	font-size: 12px;
}

.select_client {
	height: 30px !important;
	width: 32vh;
}

.form-group span {
	color: red;
}
.select2{
	width: 100% !important;
}
.add-intervention {
	z-index: 1000;
	right: 5px;
	background: transparent;
	border: none;
	padding: 0px;
	position: absolute;
}

.add-intervention .fa-plus {
	margin: 15px;
	color: white;
	font-size: calc(120% + 0.6vw + 0vh);
}

.add-client {
	z-index: 1000;
	right: -16px;
	background: transparent;
	border: none;
	padding: 2px;
	position: absolute;
}

.add-client .fa-plus {
	margin: 15px;
	color: #148adf;
	font-size: calc(120% + 0.6vw + 0vh);
}
.add-client-prospect {
	z-index: 1000;
	right: -16px;
	background: transparent;
	border: none;
	padding: 2px;
	position: absolute;
}

.add-client-prospect .fa-plus {
	margin: 15px;
	color: #0cbcb1;
	font-size: calc(120% + 0.6vw + 0vh);
}

.cke_content {
	max-height: 60px;
}

.add_client {
	float: right;
	position: absolute;
	height: 32px;
	border: 1px solid #aaaaaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.add_client:hover {
	border: 1px solid rgba(54, 51, 51, 0.87);
}

.add_client .fa-plus {
	font-size: calc(100% + 0.1vw + 0vh);
	margin-top: 9px;
	text-align: center;
	margin-left: 5px;
	margin-right: 4px;
	color: #524f4f;
}

.add_client .fa-plus:hover {
	color: rgba(54, 51, 51, 0.87);
}

.modal-loading, .modal-loading-2 {
	display: none;
	position: fixed;
	z-index: 3000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .5) url('../../../data/img/loading.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body{
	font-size: 13.8px !important;
}

body.loading, body.loading-2 {
	overflow: hidden;
}

div.loading, div.loading-2 {
	overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loading, body.loading-2 .modal-loading-2 {
	display: block;
}

div.loading .modal-loading, div.loading-2 .modal-loading-2 {
	display: block;
}

.select2-selection.select2-selection--single {
	height: 32px !important;
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-selection__rendered {
	line-height: 25px !important;
	padding-top: 8px;
	text-align: left !important;
}

.swal-wide{
		width: 42%;
		left: 46% ;
		top: 40% ;
}
.swal-wide-client{
	width: 52%;
	left: 42% ;
	top: 40% ;
}
.swal-wide-user{
	width: 52%;
	left: 42% ;
	top: 40% ;
}
.new-client-contact input[type='checkbox']{
	width: 18px;
	height: 18px;
}
.new-client-contact label{
	position: relative;
	left: 8px;
	bottom:2px;
}
.new-client-contact{
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
	font-size: 18px;
}
.new-client-contact a{
	float: right !important;
	position: relative;
	right: 8px;
	top: 2px;
	color: #0a75b3;
}
.swal-wide .text-muted{
	text-align: left !important;
}
.swal-wide  #reason-of-cancellation{
	width: 100%;
	height: 150px;
}

.select2-selection__arrow {
	height: 31px !important;
}

.select2-results > .select2-results__options {
	max-height: none;
}

.login-donnees {
	margin-top: 2%;
}

#login-background-img {
	height: 100vh;
	width: 100vw;
	background-repeat: no-repeat;
	background-size: auto;
	position: absolute;
}

.login-wrapper {
	position: static !important;
}

.modal-body pre {
	font-size: 15px;
	background: white;
	border: 0px;
}

.login-background .form-control {
	display: block;
	width: 100%;
	height: 6vh;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.nav-tabs-custom {
	margin-bottom: 0px;
	margin-top: 0px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

.nav-tabs-custom > .tab-content {
	background: #fff;
	padding: 4px 10px 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.form-group {
	margin-bottom: 5px;
}

.form-control {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px 12px !important;
	font-size: 14px;
	line-height: 1;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.login_card {
	background: rgb(255 255 255 / 10%);
	border-radius: 10px;
	backdrop-filter: blur(10px);
	box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #0696d361;
	min-height: 15vh;
}

.login_card button {
	background-color: rgb(6 150 212);
	border-color: #206a7c;
}

.login_card button:hover {
	background-color: rgb(0 137 183);
	border-color: #05212c;
}

.login_card button:focus {
	background-color: rgb(0 137 183);
	border-color: #05212c;
}

.login_card button:active {
	background-color: rgb(0 137 183);
	border-color: #05212c;
}

.login_card button:active:focus {
	background-color: rgb(0 137 183);
	border-color: #05212c;
}

.login-logo, .register-logo {
	font-size: 35px;
	text-align: center;
	margin-bottom: 0px;
	font-weight: 300;
	margin-top: 20px;
	padding: 20px;
}

.centered-text {
	display: table;
	height: 100%;
	width: 100%;
	text-align: left;
	min-width: 150px;
	color: white;
	font-family: 'Times New Roman', Serif;
	font-size: 21px;
	font-style: oblique;
}

.login_title {
	color: white;
	text-shadow: 0px 3px 0px #4b82a4;
	font-size: 30px;
}

.login-footer {
	background: #1a292c69;
	padding: 15px;
	border-top: 1px solid #00000085;
	box-shadow: 0px 0px 8px 5px #000000a8;
	color: whitesmoke;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.form-check {
	position: relative;
	display: flex;
	align-items: center;
}

.form-check label {
	margin-left: 10px;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: -1vh;
}

.form-check .form-check-input[type=checkbox] {
	border-radius: .25em;
	height: 15px;
	width: 15px;
	min-height: 15px;
}

#modal-client-id {
	left: -25%;
}

#modal-client-id .modal-body {
	position: relative;
	padding: 0;
}

#modal-client-id .formValidate {
	font-size: 12px;
}

#modal-client-id .loader {
	background: #f1f2f3;
	position: absolute;
	z-index: 9;
	min-height: 89vh;
	width: 110%;
	margin-left: -124px;
	margin-top: -60px;
}

#modal-client-id .loader img {
	padding: 133px;
	position: relative;
	margin-left: 493px;
	height: auto;
	width: 100%;
	max-width: 502px;
	margin-top: 36px;
}


#modal-client-id .select2-selection__rendered {
	width: 15.5vw;
}

form .error p {
	color: red;
}

.loader {
	background: #f1f2f3;
	position: absolute;
	z-index: 9;
	min-height: 73vh;
	width: 110%;
	margin-left: -20px;
	display: none;
}

.loader img {
	padding: 109px;
	position: relative;
	margin-left: 542px;
	height: auto;
	width: 100%;
	max-width: 445px;
}

.filter .select2-selection.select2-selection--single {
	height: 39px !important;
	padding-top: 3px;
}
.filter .select2-selection__arrow {
	height: 37px !important;
}

.date-filter {
	width: 77%;
}

.forLabel {
	width: 6%;
}

.forLabel #client-filter-label {
	padding: 5px;
	margin-left: 55%;
}
.forLabel #product-filter-label {
	padding-right: 5px;
	padding-top: 5px;
}

.forLabel #compare-filter-label {
	padding-right: 5px;
	padding-top: 5px;
}
.forLabel #report-filter-label {
	padding: 5px;
	margin-left: 24%;
}

.forLabel #user-filter-label {
	padding: 7px;
	margin-left: -12%;
}

.filter .form-check {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
}
.filter .form-check-input[type=checkbox] {
	border-radius: 0.25em;
	position: relative;
	top: 8px !important;
	left: -48px;
}

.filter .form-check-label {
	position: relative;
	font-size: 13.2px !important;
	margin-left: 0!important;
	top: 2px !important;
	background: #fbfbfb;
	padding: 7px;
	border: 1px solid #aaaaaa;
	cursor: pointer;
	border-radius: 6px;
}


.dashborad-rapports {
	margin-top: 5%;
}

.rapport-box {
	margin-bottom: 20px;
	border-radius: 12px;
	background: #c2e8ff;
	color: #38b6ff;
	text-align: center;
	height: auto;
	display: grid;
	padding: 12px;
	border: 2px solid #38b6ff;
}

.rapport-box h3 {
	font-weight: bold;
	margin-top: 19px;
	font-size: 28px;

}
.rapport-box:hover {
	box-shadow: 6px 8px 7px 3px rgb(0 0 0 / 50%);
	transform: scale(1.04);
	transition: all 500ms ease;
}

.is-visible {
	opacity: 1;
}

.is-hidden {
	opacity: 0;
}

.is-removed {
	display: none;
}

/* visual styling */
body {
	background: #919191;
}

.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
}

.success {
	color: #3c7500;
	background-color: #d8ff95eb;
	width: 38%;
	font-size: 15px;
	left: 61%;
	top: 0%;
	position: absolute;
	z-index: 5000;
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

.error {
	color: #ff000e;
	background-color: rgb(255 186 186 / 92%);
	width: 26%;
	font-size: 15px;
	left: 73%;
	top: 0%;
	position: absolute;
	z-index: 5000;
}

.swal-close-btn {
	background-color: #2c3b41;
	color: white;
}

.swal-close-btn:hover {
	background-color: #009688 !important;
	color: white !important;
}
#contract-from-date,#contract-to-date{
	z-index: 100000;
}
#license-from-date,#license-to-date{
	z-index: 100000;
}
.contract_infos{
	display: block;
	width: 35%;
	padding: 7px;
	margin-bottom: -10px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: none;

}

.list-group {
	padding: 0;
	margin-bottom: 26px;
	margin-left: 10px;

}
.list-group-horizontal .list-group-item
{
	display: inline-block;
}
.list-group-horizontal .list-group-item
{
	margin-bottom: 0;
	margin-left: -4px;
	box-shadow: inset rgba(0, 0, 0, 0.35) 1px -2px 1px 0px;
	margin-right: 3px;
	padding: 7px 13px;
	cursor: pointer;
}
.list-group-horizontal .list-group-item label
{
	cursor: pointer;
	margin-bottom: 0 !important;
}

.list-group-horizontal .list-group-item:first-child
{
	border-top-right-radius:0;
	border-bottom-left-radius:12px;
	border-top-left-radius:12px;
}
.list-group-horizontal .list-group-item:last-child
{
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}

.print_filedset {
	margin-top: 34px;
	margin-left: 54px;
	border: 1px solid gray;
	padding-left: 77px;
	padding-top: 44px;
	padding-bottom: 44px;
}

.print_fieldset2 {
	margin-top: 34px;
	margin-left: -5px;
	border: 1px solid gray;
	padding-left: 6px;
	padding-top: 44px;
	padding-bottom: 44px;
}

.print_fieldset2 .row{
	margin-bottom: 5px;
	margin-left: 0;
}

.dataTables_wrapper .dataTables_filter input{
	max-width: 60%;
}
.btn-group-sm>.btn, .btn-sm {
	padding: 5px 10px;
	font-size: 15px;
	line-height: 1.5;
	border-radius: 3px;
}
div.dataTables_wrapper div.dataTables_info {
	font-size:calc(50% + 0.2vw + 0.5vh);
}
.responsive_row{
	margin-top: -24px;
	padding: 16px;
	background: white;
}
.dropdown-menu{
	position: absolute;
	top: 100%;
	left: -1px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 94px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
@media only screen and (max-width: 480px) {

	#modal-edit-task-id{
		margin-left: 4% !important;
	}
	.user-header{
		font-size: 10px !important;
	}
	.user-header .fa{
		font-size: 13px !important;
	}
	#role-card{
		width: 100% !important;
	}
	.responsive_row ,.responsive_row p{
    font-size: 12px !important;
	}
	.responsive_row .input-group{
		height: 6vh !important;
	}
	.dataTables_length .select2{
		width: 50% !important;
	}
	.modal{
		height: auto;
		background: none;
		margin-top: 60px !important;
		word-break: break-all;
		display: none;
		width: 95% !important;
		margin-left: 5% !important;
		font-size: 12px !important;
	}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-size: 15px !important;
		font-weight: 700 !important;
	}
	.filter{
		margin-left: 5px !important;
	}
	.filter .input-group{
		margin-left: 2px;
		margin-bottom: 10px;
		width: 110%;
	}
	.filter .form-control{
		padding: 14px 12px !important;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	}
	.modal-body span{
		margin-left: -12px !important;
	}
	#modal-edit-family-id,
	#modal-edit-service-id,
	#modal-edit-product-id,
	#modal-edit-version-id,
	#modal-edit-news-id,
	#modal-edit-client-contract-id,
	#modal-edit-client-license-id{
		margin-top: 30% !important;
	}

	#modal-edit-family-id span,
	#modal-edit-service-id span,
	#modal-edit-client-contract-id span,
	#modal-edit-client-license-id span,
	#modal-edit-product-id span,
	#modal-edit-version-id span,
	#modal-edit-news-id span{
		margin-left: 0 !important;
	}

	#modal-client-id{
        height: 100% !important;
		width: 95% !important;
		margin-left: 30% !important;
		font-size: 12px;
		margin-top: 50px !important;

	}
	#modal-client-id .select2-selection__rendered {
		width: 64.5vw;
	}
	#modal-client-id .select2-container--classic .select2-selection--multiple {
		width: 84vw;
	}
	#modal-client-id span{
		margin-left: 0 !important;
	}
	.small-box h3.p{
		font-size: 20px !important;
		text-align: left;
	}
	.small-box {
		font-size: 20px !important;
		text-align: left;
	}
	.small-box .icon {
		display: block !important;
		font-size: 60px !important;
		top: 5px;

	}
	.print_filedset {
		margin-top: 70px;
		margin-left: 0;
		border: 1px solid gray;
		padding-left: 0;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.print_filedset .input-group{
		margin-left: 2px;
		margin-bottom: 10px;
		width: 120%;
	}
	.print_filedset .select2{
		margin-left: 2px;
		margin-bottom: 10px;
		width: 105% !important;
	}
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
		position: absolute;
		right: 0;
		left: 52px;
		width: 216px !important;
	}
	.info-box-content span {
		font-size: 15px !important;
		margin-left: 3px;
	}

	.info-box-icon > img {
		max-width: 80%;
		margin-left: 14px;
		height: auto;
		display: block;
		margin-top: -1px;
	}
	.content-header > .breadcrumb {
		font-size: 13px;
		width:93% !important;
		left:3% !important;
	}
	.login-logo{
		margin-top: 15px !important;
		margin-bottom: -15px !important;
	}
	.filter-header{
		display: flex;
		justify-content: space-around;
		position: relative !important;
		right: -10px !important;
		top: 9px !important;
		width: 70%;
		flex-direction: column;
	}
	.add-btn-by-module{
		top: 110px;
		position: absolute;
		right: 24px;
		z-index: 1000;
		background: radial-gradient(circle, #0ab6ac, #0cbbb0);
		padding: 7px 9px;
		color: white;
		cursor: pointer;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		box-shadow: inset -2px -1px 0px 1px rgba(0, 0, 0, 0.2);
	}

	.add-btn-by-module .fa-plus{
		position: relative;
		right: 3px;
		top: -2px;
		font-size: 22px;
	}
	.add-btn-by-module:hover{
		color: white !important;
	}
	.all-filter{
		position: relative;
		right: 22%;
	}

	address{
		text-align: center;
	}

	address a img{
		width: 80%;
		margin-bottom:2%;
	}
	.phoneList {
		text-align: center;
	}

}
@media only screen and (min-width: 481px) and  (max-width: 1124px){
	.filter-header{
		display: flex;
		justify-content: space-around;
		position: relative !important;
		right: -10px !important;
		top: 9px !important;
		width: 70%;
		flex-direction: column;
	}
}
@media (max-width: 992px){
	.vl{
		display: none ;
	}
	.cutsom-checkbox-client{
		margin-top:10px;
		margin-bottom: 10px;
	}
	.cutsom-checkbox{
		margin-top:10px;
		margin-bottom: 10px;
	}

}
@media only screen and (min-width: 481px) and  (max-width: 992px){
	.contact_select_list {
		width : 97% !important;
	}
	.client_select_list {
		width : 97% !important;
	}
	address{
		text-align: center;
	}

	address a img{
		width: 50%;
		margin-bottom:2%;
	}
	.phoneList {
		text-align: center;
	}
}
@media (min-width: 992px){

	#modal-edit-task-id{
		margin-left: 18% !important;
	}
	.cutsom-checkbox{
		top:33px;
	}
	.cutsom-checkbox-client{
		top:33px;
	}

	.filter {
		left: 14%!important;
		position: absolute;
		top: 56px;
	}
	.print_fieldset2  .col-md-2{
		width: 11.666667% !important;
	}
	.print_fieldset2 .date-filter .col-md-2{
		width: 16.666667% !important;
	}

	.filter .date-filter .col-md-2{
		width: 12.5%
	}

	.filter .other-filter .col-md-2{
		width: 17.8%
	}
	.filter-ticket .col-md-2{
		width: 16%
	}
	.filter-ticket .col-md-1{
		width: 9% !important;
	}

	.filter-intervention .col-md-2{
		width: 16%
	}
	.filter-intervention .col-md-1{
		width: 9% !important;
	}

	.filter-task .col-md-2{
		width: 13%
	}
	.filter-task .col-md-1{
		width: 9% !important;
	}

	.filter-client .col-md-3{
		width: 21%
	}
	.filter-client .col-md-2{
		width: 12%
	}
	.filter-client .col-md-1{
		width: 9% !important;
	}
	.filter-client .col-md-5{
		width: 46%
	}

	.filter  .col-md-1{
		width: 5.8%
	}

	.dashboard-home.col-md-offset-2{
		margin-left: 22.66666% !important;
	}
	.dashboard-home{
		margin-top: -11px;
	}

	.dashboard-home .info-box-img{
		height: calc(7.8vw * 1.72);
	}
	.add-btn-by-module{
		top: 53px;
		position: absolute;
		right: 18px;
		z-index: 1000;
		background: radial-gradient(circle, #0ab6ac, #0cbbb0);
		padding: 7px 9px;
		color: white;
		cursor: pointer;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		box-shadow: inset -2px -1px 0px 1px rgba(0, 0, 0, 0.2);
	}

	.add-btn-by-module .fa-plus{
		position: relative;
		right: -2px;
		top:2px;
	}
	.add-btn-by-module:hover{
		color: white !important;
	}

	.contact_select_list {
		width : 47% !important;
	}
	.client_select_list {
		width : 47% !important;
		margin-right: 3%;
	}

	address a img{
		width: 60%;
		margin-bottom:2%;
	}

}
@media (min-width: 768px) and (max-width: 991px){


	.add-btn-by-module{
		top: 61px;
		position: absolute;
		right: 6px;
		z-index: 1000;
		background:radial-gradient(circle, #0ab6ac, #0cbbb0);
		padding: 7px 9px;
		color: white;
		cursor: pointer;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		box-shadow: inset -2px -1px 0px 1px rgba(0, 0, 0, 0.2)
	}

	.add-btn-by-module .fa-plus{
		position: relative;
		right: 3px;
		top: -2px;
	}
	.add-btn-by-module:hover{
		color: white !important;
	}
	.all-filter{
		position: relative;
		right: 34%;
	}
}
@media (min-width: 482px) and (max-width: 767px){

	.responsive_row{
		margin-top: 2px;
		padding: 0px;
		background: white;
	}

	.swal-wide{
		width: auto;
		left: 15px;
		right:15px;
	}
	.swal-wide-client{
		width: auto;
		left: 15px;
		right:15px;
	}
	.swal-wide-user{
		width: auto;
		left: 15px;
		right:15px;
	}


	.add-btn-by-module{
		top: 111px;
		position: absolute;
		right: 6px;
		z-index: 1000;
		background: radial-gradient(circle, #0ab6ac, #0cbbb0);
		padding: 7px 9px;
		color: white;
		cursor: pointer;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		box-shadow: inset -2px -1px 0px 1px rgba(0, 0, 0, 0.2)
	}

	.add-btn-by-module .fa-plus{
		position: relative;
		right: 3px;
		top: -2px;
	}
	.add-btn-by-module:hover{
		color: white !important;
	}
	.all-filter{
		position: relative;
		right: 34%;
	}
}

.login-logo a img{
	width: 78%;
	height: 105px;
}
.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0.7em;
	vertical-align: 0;
	content: "";
	border-top: 0.5em solid;
	border-right: 0.5em solid transparent;
	border-bottom: 0;
	border-left: 0.5em solid transparent;

}
.navbar-custom-menu .dropdown-toggle::after{
	display: none !important;
}
.content-header>.breadcrumb>li+li:before {
	content: '/' !important;
}

.setting-display{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
}
.labels-primary{
	background: white;
	color: #337ab7;
	border: 1px solid #55b0ff;
	padding: 7px;
	border-radius: 12px;
	cursor: pointer;

}
.labels-success{
	background: white;
	color: #3f9d18;
	border: 2px solid #00a65a;
	padding: 7px;
	border-radius: 12px;
	cursor: pointer;
}

.labels-warning{
	background: white;
	color: #ff851b;
	border: 2px solid #b36f04;
	padding: 7px;
	border-radius: 12px;
	cursor: pointer;
}
.img-format-error{
	color:white;
	position: absolute;
	bottom:57px ;
	left:15px;
}

.dataTables_filter input[type=search]{
  height: auto !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	position: absolute;
	bottom: 2px !important;
	right: 8px;
	display: block;
	font-family: 'Glyphicons Halflings';
	opacity: 0.5;
}

.dataTables_wrapper .dropdown-toggle{
	padding: 3px !important;
}
.filter-header{
	display: flex;
	justify-content: space-around;
	position: absolute;
	right: 137px;
	top: 56px;
	width: 75%;
}
.filter-header .col-md-2{
	width: 12% !important;
}
.highlight {
	background: #0bbaaf !important;
	color: white !important;
	border: 1px solid #09948c !important;
}

.red-highlight {
	background: #dd4b39 !important;
	color: white !important;
	border: 1px solid #dd4b39 !important;
}

.green-highlight {
	background: #00a65a  !important;
	color: white !important;
	border: 1px solid #00a65a  !important;
}

.tr_highlight{
	background: #93dfff !important;
}
#client_table.table-bordered>thead>tr>th,
#client_table.table-bordered>tbody>tr>th,
#client_table.table-bordered>tfoot>tr>th,
#client_table.table-bordered>thead>tr>td,
#client_table.table-bordered>tbody>tr>td,
#client_table.table-bordered>tfoot>tr>td {
	border: 1px solid rgba(11, 184, 174, 0.5) !important;
	/*padding: 1.4px !important;*/
	vertical-align: middle !important;
	text-align: center !important;
}

#intervention_table.table-bordered>thead>tr>th,
#intervention_table.table-bordered>tbody>tr>th,
#intervention_table.table-bordered>tfoot>tr>th,
#intervention_table.table-bordered>thead>tr>td,
#intervention_table.table-bordered>tbody>tr>td,
#intervention_table.table-bordered>tfoot>tr>td {
	border: 1px solid #003b5552 !important;
	padding: 3px !important;
	vertical-align: middle !important;
	text-align: center !important;
}

#product_utilities_table.table-bordered>thead>tr>th,
#product_utilities_table.table-bordered>tbody>tr>th,
#product_utilities_table.table-bordered>tfoot>tr>th,
#product_utilities_table.table-bordered>thead>tr>td,
#product_utilities_table.table-bordered>tbody>tr>td,
#product_utilities_table.table-bordered>tfoot>tr>td {
	border: 1px solid #003b5552 !important;
	padding: 7.2px !important;
	text-align: left !important;
	vertical-align: top !important;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border: 1px solid #003b5552 !important;
	padding: 1.2px ;
	vertical-align: middle ;
	text-align: center;
}


.table-bordered {
	border: 1px solid #05aba3;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #e1f4ff;
}


[id^=summary-]{
	cursor: pointer;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 95%;
}

[id^=details-]{
    display: none;
}

[id^=ticket-summary-]{
	cursor: pointer;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 95%;
}

[id^=ticket-details-]{
	display: none;
}

.intervention_discript a{
	color: #0b58a2 !important;
}

.modal a{
	color: #0079ef;
}
.dataTables_empty{
	padding: 1%;
	font-size: 2.5rem;
	color: red;
}
.select2-container--classic .select2-results__option--disabled {
	display: none;
}
.select2-dropdown{
	z-index: 9000;
}

.nav-tabs-custom>.nav-tabs>li.active {
	border-top-color: #0bb8ae;
	color: white;
	background:  #0bb8ae;
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
	border-left-color: #0bb8ae;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #0bb8ae;
	border-right-color: #0bb8ae;
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
	background-color: #0bb8ae;
	color: #fff;
}
.nav-tabs-custom>.nav-tabs {
	background: rgba(107, 236, 227, 0.8);
	box-shadow: 0 -4px 0px 0px rgb(210 214 222);
}


fieldset {
	border: 1px groove #bdbdbd !important;
	padding: 0 0.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0 0 0 0 #000;
	box-shadow: 0 0 0 0 #000;
	height: auto;
}

legend {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
}

#intervention_form fieldset{
	height: auto !important;

}

.tab-pane .content{
	margin-top: -5px !important;
}


.contrat_type_span{
	font-size: 12px;
	position: relative;
	inset: 3px;
}

.ticket-content{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

address{
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143;
	font-size: 16px;
	color: #666;
}
.ticket-details .row{
	padding: 5px;
}

.phoneList dd{
	color: grey;
	line-height: 1.5 !important;
}


.phoneList dt{
	clear: left;
	color: #666;
	display: inline-block;
	line-height: 2 !important;
	font-size: 18px;
}
#max-ticket-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 21%;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5%;
	background: #ed1e29;
	color: white;
	border-radius: 76px;
}
#ticket-form-container{
	display: flex;
	align-items: baseline;
	flex-direction: row-reverse;
}

.filed_error{
	color: #ff0000 !important;
	font-size: 12px;
}
.vl{
	border-left: 2px solid #d0cdcd;
	height: 980.25px;
	position: absolute;
	left: 54%;
	top: 0;
}
#product-category-infos-tab-id .tab-content .row .col-md-2{
	padding: 40px ;
}
#product-category-infos-tab-id .tab-content .row .col-md-3{
	padding: 40px ;
}

#product-category-infos-tab-id .tab-content{
	font-size: 15px ;
}
#product-category-infos-tab-id a{
	cursor: pointer;
}

#product-category-infos-tab-id ol a{
	color: #0087a6 !important;
}

.filter-ticket{
	margin-bottom: 15px !important;
	margin-top: 15px !important;
	position: inherit !important;
	left:0 !important;
	top:0 !important;
}

.filter-intervention{
	margin-bottom: 15px !important;
	margin-top: 15px !important;
	position: inherit !important;
	left:0 !important;
	top:0 !important;
}

.filter-task{
	margin-bottom: 15px !important;
	margin-top: 15px !important;
	position: inherit !important;
	left:0 !important;
	top:0 !important;
}

.pdf_report_btn{
	background: #b12a27;
	border: none;
	border-radius: 8px;
}
.pdf_report_btn img{
	width: 55px;
	height: 32px;
}
.excel_report_btn{
	background: #138147;
	border: none;
	border-radius: 8px;
}
.excel_report_btn img{
	width: 55px;
	height: 32px;
}
input[type="range"] {
	-webkit-appearance: none; /* Override default WebKit-based styling */
	appearance: none; /* Override default browser styling */
	width: 100%;
	height: 10px;
	background: #ddd;
	outline: none;
	opacity: 0.7;
	transition: opacity .15s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="15" height="15"><path d="M12 .587l3.668 7.431L24 9.755l-6 5.847L19.335 24 12 20.124 4.665 24 6 15.602 0 9.755l8.332-1.737z" fill="%23FFD700" stroke="%23808080" stroke-width="1"/></svg>') no-repeat center center;
	background-size: contain;
	border: none;
	cursor: pointer;
	transition: background .15s ease-in-out;
	top: 5px;
}

input[type="range"]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 .587l3.668 7.431L24 9.755l-6 5.847L19.335 24 12 20.124 4.665 24 6 15.602 0 9.755l8.332-1.737z" fill="%23FFD700" stroke="%23808080" stroke-width="1"/></svg>') no-repeat center center;
	background-size: contain;
	border: none;
	cursor: pointer;
	transition: background .15s ease-in-out;
	top: 5px;
}

input[type="range"]::-ms-thumb {
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="15" height="15"><path d="M12 .587l3.668 7.431L24 9.755l-6 5.847L19.335 24 12 20.124 4.665 24 6 15.602 0 9.755l8.332-1.737z" fill="%23FFD700" stroke="%23808080" stroke-width="1"/></svg>') no-repeat center center;
	background-size: contain;
	border: none;
	cursor: pointer;
	transition: background .15s ease-in-out;
	top: 5px;
}

input[type="range"]:hover::-webkit-slider-thumb,
input[type="range"]:hover::-moz-range-thumb,
input[type="range"]:hover::-ms-thumb {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 .587l3.668 7.431L24 9.755l-6 5.847L19.335 24 12 20.124 4.665 24 6 15.602 0 9.755l8.332-1.737z" fill="%23FFD700" stroke="%23808080" stroke-width="1"/></svg>') no-repeat center center;
	background-size: contain;
}
.dashboard-home{
	display:grid;
	justify-content: center;
}
.dashboard-basic-data{
	margin-top: 2.4%;
}

.dashboard-prospecting{
	margin-top: 5%;
}

.filter-client{
	margin-bottom: 0px !important;
	margin-top: 15px !important;
	position: inherit !important;
	left: 9px !important;
	top:0 !important;
}

#client-edit-tab-id .col-md-2{
	width: 14% !important;
}

#modal-edit-prospect-call-id{
	margin-left: 27% !important;
	width: 50% !important;
}


.form-bg{
	background: #00b4ef;
}
.form-horizontal {
	background: #ffffff4a;
	padding-bottom: 1px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 4px 0px 8px 0px #068374;
}

.form-horizontal .heading{
	display: block;
	font-size: 35px;
	font-weight: 700;
	padding: 35px 0;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 30px;
}
.form-horizontal .form-group{
	padding: 0 40px;
	margin: 0 0 25px 0;
	position: relative;
}
.form-horizontal .form-control{
	background: #f0f0f0;
	border: none;
	border-radius: 20px;
	box-shadow: inset -5px -2px 5px 0px #03958b;
	padding: 0 20px 0 45px;
	height: 45px;
	transition: all 0.3s ease 0s;
	font-size: 16px !important;
}
.form-horizontal .form-control:focus{
	background: #e0e0e0;
	box-shadow: none;
	outline: 0 none;
}
.form-horizontal .form-group i{
	position: absolute;
	top: 12px;
	left: 60px;
	font-size: 17px;
	color: #c8c8c8;
	transition : all 0.5s ease 0s;
}
.form-horizontal .form-control:focus + i{
	color: #00b4ef;
}
.form-horizontal .fa-question-circle{
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 60px;
	font-size: 20px;
	color: #808080;
	transition: all 0.5s ease 0s;
}
.form-horizontal .fa-question-circle:hover{
	color: #000;
}
.form-horizontal .main-checkbox{
	float: left;
	width: 20px;
	height: 20px;
	background: #11a3fc;
	border-radius: 50%;
	position: relative;
	margin: 5px 0 0 5px;
	border: 1px solid #11a3fc;
}
.form-horizontal .main-checkbox label{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.form-horizontal .main-checkbox label:after{
	content: "";
	width: 10px;
	height: 5px;
	position: absolute;
	top: 5px;
	left: 4px;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=checkbox]{
	visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
	opacity: 1;
}
.form-horizontal .text{
	float: left;
	margin-left: 7px;
	line-height: 20px;
	padding-top: 5px;
	text-transform: capitalize;
}
.form-horizontal .btn{
	float: right;
	font-size: 18px;
	color: #fff;
	background: #03958b;
	border-radius: 30px;
	padding: 10px 25px;
	border: none;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 479px){
	.form-horizontal .form-group{
		padding: 0 25px;
	}
	.form-horizontal .form-group i{
		left: 45px;
	}
	.form-horizontal .btn{
		padding: 10px 20px;
	}
}
.login-wrapper{
	background: #00b4ef !important;
}

thead>tr {
	background: #0bbaaf;
	color: white;
}

thead>tr>th{
	border: 1px solid rgb(209, 240, 255) !important;
}
table.dataTable {
	box-shadow: 0 -4px 0 0 rgb(210 214 222);
	border-radius: 4px;
}
.box{
	border-radius: 12px !important;
}

.product-news-actions {
	display: flex;
	flex-direction: row;
	gap: 45px;
	position: relative;
	top: 7px;
}
#product-news .row{
	margin-right: -116px !important;
	padding :12px !important;
}

.task-details-container {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 15px;
	background: #f9f9f9;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.task-details-header {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.task-details-header h4 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}


.task-details-content p b {
	color: #333;
}
.task-description{
	border: 1px solid #b9b9b9;
	padding: 6px;
	border-radius: 8px;
}
.task-title{
	border-radius: 8px !important;
}
.pagination-sm>li>a, .pagination-sm>li>span{
	font-size: 15px !important;
}
body{
	font-size: 12.5px !important;
}
.task-box-body .btn{
	font-size: 12px !important;
}
.cke_bottom {
	background: #09b5ac !important;
}
.cke_chrome {
	border: none !important;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	appearance: none;
	-webkit-appearance: none;
	background-color: #e0e0e0;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
}

input[type="checkbox"]:checked {
	background-color: #09b4ab;
	border: 1px solid #09b3aa;
}

input[type="checkbox"]:checked::after {
	content: "\2713";
	position: absolute;
	left: 2px;
	top: -2px;
	width: 6px;
	height: 12px;
	color: white;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
	 outline: none !important;
	 outline-offset: 0px !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #09b4ab;
	border-color: #09b4ab;
}

.btn-tiffany {
	color: white;
	background-color: #006963;
	border-color: #006d67;
}

.btn-tiffany:hover {
	color: white;
}
.sweet-alert {
	background-color: #009d94 !important;
	color: white;
	border: 2px solid #007166;
	border-radius: 45px;
	box-shadow: 3px 8px 20px 0px rgb(0 0 0 / 50%);
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
	background: #009d94;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
	background: #009d94;
}

.sweet-alert .sa-icon.sa-success .sa-line {
	background-color: #ffffff;
}
.sweet-alert .sa-icon.sa-success {
	border-color: #ffffff;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
	border: 4px solid rgb(255 255 255);
}

.text-muted {
	color: white !important;
}

.sweet-alert .sa-icon.sa-info {
	border-color: #ffffff;
}
.sweet-alert .sa-icon.sa-info::before {
	background-color: #ffffff !important;
}
.sweet-alert .sa-icon.sa-info::after {
	background-color: #ffffff !important;
}

.confirm {
	color: white;
	background-color: #006963 !important;
	border-color: #006d67 !important;
}
.modal-content{
	box-shadow: 3px 2px 20px 0px rgb(0 0 0 / 50%);
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #08b4aa;
	color: #fff;
}
.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #08b4aa;
}
.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #0bb9ae;
}
.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #0bb8ae;
}

#user-add-form input[type="checkbox"]:checked::after {
	content: "\2713";
	position: absolute;
	left: 4px;
	top: 0px;
	width: 6px;
	height: 12px;
	color: white;
}