/* Fonts */
@font-face {
	font-family: 'Mukta Regular';
	src:url('/includes/css/fonts/mukta/mukta-regular-webfont.eot');
	src:url('/includes/css/fonts/mukta/mukta-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('/includes/css/fonts/mukta/mukta-regular-webfont.woff') format('woff'),
	url('/includes/css/fonts/mukta/Mukta-Regular.ttf') format('truetype'),
	url('/includes/css/fonts/mukta/mukta-regular-webfont.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
    font-family: "Mukta Regular", sans-serif;
}

.justify-content-center {
	margin: auto;
}

.fa-ellipsis-v {
	font-size: 16px;
}

/* custom colors */

.magiknet-bgcolor{
	background-color:#ffa340;
}

.magiknet-color {
	color:#ffa340;
}

.validated-color{
	color:#00C851; 
}

/* Search button */

/*
.btn-search{
    background-color: white;
    margin-right: 20px;
    border: 1px solid #CCC;
    border-radius: 100em;
}

.btn-search:after{
    content: none;
}
*/

.dropdown-menu{
    min-width: 300px;
    padding: 10px !important;
}


/* Useful links sidebar */
.side-navigation{
    position: fixed;
    right: 0px;
    top: calc(50vh - 83px);
    padding: 7px;
    border-radius: 10px 0px 0px 10px;
    box-shadow: -3px 3px 8px rgba(0,0,0,0.4);
	background-color: white;
	text-align:center;
	z-index: 9999;
}

.side-navigation ul{
    list-style: none;
    margin-bottom: 0px;
    padding: 0px;
}

@media(max-width: 770px){
    .side-navigation{
        display: none
    }
}


/* Cards and breadcrumbs */
/*a.card-header{
}*/
.card-header{
	flex-grow:0;
}
.card-header-title{
	margin-bottom:0px;
	font-size:1.3rem;
}

.card-breadcrumb{
	border: none;
	border-radius: 0px;
}
.card-breadcrumb .card-body{
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

/* Font size and colors */
body {
    font-size: 1.1375rem;
}
/*.h1, h1 {
	color: #06BAB1;
}
.h2, h2 {
	color: #59595B;
}*/
.h4, h4 {
    font-size: 1.1775rem;
}
.h5, h5 {
    font-size: 1.0125rem;
}
.h6, h6{
	font-size: .925rem;
}

.table-sm, .table thead th{
	font-size: 1.0125rem
}
.badge{
	font-size: 85%;
}
.form-control{
	font-size: 1.1375rem;
}
.dropdown-menu{
	font-size: 1.0375rem;
}

/** TODO: needs condition for dark mode (if we keep dark mode at all) **/
.navbar-light .navbar-nav .nav-link, .navbar .dropdown-menu a{
	color:#2b2a2b !important
} 
.navbar-light .navbar-text{
	color:#2b2a2b
}

.header-pretitle-image{
	color: #cdd7e6;
}


@media (min-width: 768px){
	.h1, h1 {
		font-size: 1.825rem;
	}
}
.small, small{
	font-size: .9125rem;
}
.btn{
	font-size: 1.0375rem;
}

.header-cover-body{
	color: rgb(255,255,255);
}
.header-cover-body img{
	background-color:white;
	padding:10px;
	opacity:0.8;
	border-radius:10px;
}
#home-header-container{
	height:394px;
}

/* Makes the list links take full size */
.card-body ul li.list-group-item{
	padding:0px;
}
.card-body ul li a, .card-body ul li span {
	display:inline-block;
    width:100%;
    height:100%;
	padding: 8px 12px 8px 12px !important;
}
.card {
	margin-bottom: 0.5rem;
}

.table th.amount {
	text-align: right!important;
}

/* Footer */
.main-footer{
	padding: 1.5rem;
	background-color: #fff;
	font-size: 15px;
}

@media( max-width: 768px ) {
	.main-footer{
		font-size: 14px;
	}
	
	.main-footer img {
		height: 20px;
	}
}

/* Magik-Net Branding */
.btn-primary{
	border-color:#ffa340;
	background-color:#ffa340;
}
.btn-primary:hover{
	border-color:#00aca2;
	background-color:#00aca2;
}
.btn-success{
	border-color: #ffa340;
	background-color: #ffa340;
}
.btn-success:hover{
	border-color:#00aca2;
	background-color:#00aca2;
}
.alert-primary{
	border-color:#56575A;
	background-color:#56575A;
}
.alert-success {
    border-color: #ffa340;
    background-color: #ffa340;
}

.alert-info {
    border-color: #00dfd2;
    background-color: #00dfd2;
}
.badge-info{
	background-color:#ffa340;
}
.text-muted{
	color: #59595B !important;
}
.custom-control-input:checked ~ .custom-control-label::before{
	background-color:#ffa340;
}
.border-primary{
	border-color: #ffa340 !important;
}
.brand-gray{
	color:#59595B;
}
.brand-teal{
	color:#06BAB1;
}

.uppercase{
	text-transform: uppercase;
}

/* Glossy/special effects */
.card{
	-webkit-box-shadow: 5px 5px 8px 0px rgba(230,230,230,1);
	-moz-box-shadow: 5px 5px 8px 0px rgba(230,230,230,1);
	box-shadow: 5px 5px 8px 0px rgba(230,230,230,1);
}
.glossy-green{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d97e+0,ffffff+100&0.28+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0,217,126,0.28) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,217,126,0.28) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,217,126,0.28) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4700d97e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Misc */
select.form-control{
	padding: .3rem .75rem;
}
.list-group-no-border .list-group-item{
	border: none;
}

/* MDB select: Add a top margin to align field with other */
.mdb-select {
	top: 5px;
}

/* Buttons */
button:disabled {
	opacity: 0.7!important;
	background-color: #AAA!important;
	border-color: #AAA!important;
}

/* Portal version number */
#portal-version {
	font-size: 11px!important;
	color: #acacad!important;
}

/* Navigation user icon */
.navigation-user {
	font-size: 25px;
}

/* Broadcast */
.broadcast-container {
	border-radius: .5rem;
	margin-bottom: 60px;
	transition: border-color 1s;
}

.broadcast-title {
	font-size: 1.2em;
}

.broadcast-title-container {
	padding: 10px 15px;
	color: #ffffff;
}

.broadcast-message {
	padding: 10px 15px;
	display: inline-block;
}

#broadcast-close-button {
	cursor: pointer;
	transition: opacity 0.2s;
}

#broadcast-close-button:hover {
	opacity: 0.6
}

.broadcast-title-container-info {
	background-color: #396ACB;
}

.broadcast-container-info {
	border: 3px solid #396ACB;
}

.broadcast-title-container-warning {
	background-color: #ff3a19;
}

.broadcast-container-warning {
	border: 3px solid #ff3a19;
}

/* Global */
input:disabled,
select:disabled{
	/*background-color: #EEE !important;*/
	color: rgba(0,0,0,.3)!important;
}

.label-disabled {
	color: #757575!important;
	font-size: 0.95rem!important;
	font-weight: 300!important;
}

.white-link {
	color: #ffffff !important;
}

/* Custom select label*/
.mdb-select-custom-label {
	font-size: 0.95rem;
	font-weight: 300;
	color: #757575;
	/*margin-bottom: 0.28rem!important;*/
	margin-top: 15px;
	margin-left: .2rem;
}

.mdb-select-custom {
	margin: 0!important;
	margin-top: -19px!important;
}

/* Popover */
/*a[data-toggle="popover"] {
	color: #ffa340!important;
} ne semble plus utiliser, entre en conflit avec les boutons popover de MDB */

/* Datepicker overrides */
.picker .picker__frame{
	max-width: 21rem !important;
	width: 21rem !important;
}

/* Navbar customizations for MDB icons */
.navbar-user i {
	color:#000000;
	font-size:1.3rem;
}
.navbar button i.fas {
	color:#000000;
	font-size:1rem;
}

.tab-content { padding-left: 30px; }

/* change la couleur du dropdown du menu au passage de la souris */
.dropdown-item:hover{
	background-color: #ffa340!important;
}

/* changer la couleur des boutons radios*/

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::after {
    background-color: #ffa340!important;
}
[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after {
    border: 2px solid #ffa340!important;
}

/* change la couleur des checkbox */

[type=checkbox]:checked+label:before {
    border-right: 2px solid #ffa340!important;
    border-bottom: 2px solid #ffa340!important;
}

button{
	white-space:nowrap;
}

/* Dashkit recycling */
.display-1, .display-2, .display-3, .display-4, h1, h2, h3, h4, h5, h6 {
	letter-spacing: -.02em;
}
.navbar-light {
    border-color: #e3ebf6;
    background-color: #fff;
}
.navbar {
    border-width: 0 0 1px;
    border-style: solid;
}
.navbar-brand { /* Should not be needed */
    font-size: 1.0625rem;
    line-height: inherit;
    display: inline-block;
    margin-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
}
.navbar-brand-img, .navbar-brand>img {
    max-width: 100%;
}
.navbar-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}


@media (min-width: 992px){
	.navbar-expand-lg .navbar-collapse {
		flex-grow: inherit;
	}
}
.card-header {
    display: flex;
    flex-direction: row;
    min-height: 3.75rem;
	align-items: center;
}
.card-header>* {
    flex: 1 1;
}
.header {
    margin-bottom: 2rem;
}
.header-pretitle {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #95aac9;
}
.header-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e3ebf6;
}
.form-text {
    margin-top: 0;
    margin-bottom: .5rem;
}
.dropzone {
    position: relative;
    display: flex;
    flex-direction: column;
}
.dropzone-multiple .dz-message {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.dz-message:hover {
    color: #12263f;
    border-color: #95aac9;
}
.dz-message {
    z-index: 999;
    padding: 5rem 1rem;
    cursor: pointer;
    transition: all .2s ease-in-out;
    text-align: center;
    color: #95aac9;
    border: 1px dashed #d2ddec;
    border-radius: .375rem;
    background-color: #fff;
    order: -1;
}
.mt-6, .my-6 {
    margin-top: 4.5rem!important;
}


/* End - Dashkit recylcing */


/*Datatable Show Entries Css*/

.dataTables_length label{
	display: flex;
    align-items: flex-end;
}

.dataTables_length select{
	width: 60px;
    margin-left: 5px;
    margin-right: 5px;	
}

/*Datepicker toggle*/
.datepicker-toggle{
	position: absolute;
	right: 2px;
	top: 10px;
	font-size: 1.1em;
}

.form-lg .datepicker-toggle{
	top: 11px !important;
}

input:disabled ~ .datepicker-toggle,
input:disabled ~ .datepicker-toggle i {
	color: #adb5bd !important;
	cursor: not-allowed !important;
}

.form-control:invalid{
	background-position: center right calc(.375em + .1875rem) !important;
}

.form-control:valid{
	background-position: center right calc(.375em + .1875rem) !important;
}

/* Override the select invalid feedback */
.select-wrapper ~ .invalid-feedback, .select-wrapper ~ .valid-feedback {
    margin-top: .25rem !important;
}

.rotate {
	transform: rotate(-90deg);

	/* Legacy vendor prefixes that you probably don't need... */

	/* Safari */
	-webkit-transform: rotate(-90deg);

	/* Firefox */
	-moz-transform: rotate(-90deg);

	/* IE */
	-ms-transform: rotate(-90deg);

	/* Opera */
	-o-transform: rotate(-90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*MBD datepicker*/
.picker__box .picker__table .picker__day.picker__day--today.picker__day--selected {
	color: #ffffff!important;
}

.picker__box .picker__table .picker__day.picker__day--today {
	font-weight: bold;
	color: #ffa340!important;
}
.picker__header .picker__date-display, .picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover {
	background-color: #ffa340!important;
}

@media (max-width:600px) {
	.h2, h2, h1 {
		text-align: center;
	}
}


.magiknet-bgcolor, .btn-lg, .md-tabs{
	background-color:#ffa340!important;
}

.brand-teal, a {
	color:#ffa340 !important;
}

.card-primary {
	border-color:#ffa340;
}

.card-primary .card-header{
	background-color:#ffa340;
	border-color:#ffa340;
	color:#ffffff !important;
}

.card-secondary .card-header{
	border-color: #2b2a2b;
	background-color:#2b2a2b;
	color: #ffffff !important;
}

.btn.btn-lg.btn-primary.mb-3.waves-effect.waves-light, 
.btn.btn-md.btn-primary.mb-3.waves-effect.waves-light, 
.btn.btn-sm.btn-primary.mb-3.waves-effect.waves-light,
.btn.btn-sm.btn-primary.waves-effect.waves-light,
#btn_change_password, #btn-consult-claim, #btn-new-claim {
	border-color:#ffa340!important;
	background-color:#ffa340!important;
	color:white!important;
}

.btn-text-primary, .modal-footer .btn-text-primary {
	color:#ffa340!important;
}
.modal-footer .btn-text-primary:hover {
	background-color: #2b2a2b !important;
	color: #ffa340 !important;
}
.modal-date-hour {
	font-size: 14px;
	color:#ffa340;
}

.row.travel-insurance-features i {
	color:#ffa340!important;
}

.table .claim-details, .badge-primary {
	color:#ffa340!important;
}

.main-footer a, .forgot-passworf-conf a {
	color:#ffa340!important;
}

.breadcrumb-item a {
	color:#ffa340!important;
}

h1 {
	color:#ffa340!important;
}

.btn {
	letter-spacing: 1px;
	border: 1px solid #CCC !important;
	color: #ffa340 !important;
	box-shadow: none !important;
}

.btn-text-primary.btn-second {
	color:#ffa340!important;
}

.new-message {
	background-color:#2b2a2b!important;
}

.news-login {
	display: none!important;
}

.btn-second:hover {
	border-color:#2b2a2b!important;
	background-color:#2b2a2b!important;
	color:#ffa340!important;
}

.btn-text-primary.btn-second:hover, #two-factor-close-modal:hover, #two-factor-back:hover {
	border-color:#2b2a2b!important;
	background-color:#2b2a2b!important;
	color:#ffa340!important;
}

.btn-primary.btn-profile {
	border-color:#ffa340!important;
	background-color:#ffa340!important;
	color:white!important;
}

.btn-profile.btn-primary:hover{
	border-color:#2b2a2b!important;
	background-color:#2b2a2b!important;
}

.btn-profile.btn-text-primary:focus {
	background-color: #ffa340!important; 
}

.btn-profile.btn-primary:focus {
	background-color: #ffa340!important; 
}

.btn-primary:hover{
	border-color:#2b2a2b;
	background-color:#2b2a2b;
}

.connect.btn-primary:disabled {
	color:white!important;
}

.btn-success.claim-success{
	border-color: #2b2a2b!important;
	background-color: #2b2a2b!important;
}

.claim-success.btn-success:hover{
	border-color:#2b2a2b;
	background-color:#2b2a2b;
}
#btn-add-dependent.btn-outline-primary, #btn-add-beneficiary.btn-outline-primary {
	color:#ffa340!important;
}

.btn-outline-primary.btn-second, .btn-second.btn-outline-primary:hover {
	color:#ffa340!important;
}

.btn-second.btn-outline-primary:focus, .waves-ripple.waves-rippling {
	color:#ffa340!important;
	background-color:#CCC!important;
}

#btn-save-dependent, #two-factor-next, #btn-save-beneficiary {
	border-color: #ffa340!important;
    background-color: #ffa340!important;
    color: white!important;
}

#btn-cancel, #two-factor-close-modal, #btn_change_password_cancel {
	color: #ffa340!important;
}
#btn-cancel:hover, #btn_change_password_cancel:hover {
	background-color: #2b2a2b !important;
}

.alert-success {
	border-color: #2b2a2b!important;
	background-color: #2b2a2b!important;
	color:white!important;
}

#card-cta-text a {
	color:white!important;
}

.alert-info, .alert-warning, .alert-danger {
	color:#2b2a2b!important;
	border-color:#ffa340!important;
	background-color:#ffa340!important;
}

.badge-primary.badge-message {
	background-color:#ffa340!important;
}

.badge.badge-info{
	background-color:#ffa340!important;
}

.champs-inscription.md-form input[type=text]:focus:not([readonly]) {
	border-bottom: 1px solid #ffa340 !important;		
}

.champs-inscription.md-form input[type=text]:focus:not([readonly])+label {
	color:#ffa340!important;
}

.md-form input[type=password]:focus:not([readonly])+label, .md-form input[type=email]:focus:not([readonly])+label, .md-form input[type=tel]:focus:not([readonly])+label, .md-form input[type=text]:focus:not([readonly])+label, 
#authentification-modal .md-form input[type=tel]:focus:not([readonly])+label,
#home-just .md-form input[type=tel]:focus:not([readonly])+label,
#home-just .md-form input[type=email]:focus:not([readonly])+label,
#modal-beneficiary .md-form input[type=number]:focus:not([readonly])+label {
	color:#ffa340!important;
}

.md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), 
#authentification-modal .md-form input[type=tel]:focus:not([readonly]),
#home-just .md-form input[type=tel]:focus:not([readonly]),
#home-just .md-form input[type=email]:focus:not([readonly]),
#modal-beneficiary .md-form input[type=number]:focus:not([readonly]),
#claim_table #amount:focus:not([readonly]) {
	border-bottom: 1px solid #ffa340 !important;	
	box-shadow: 0 1px 0 0 #ffa340 !important;
}

.custom-control-input:checked ~ .custom-control-label::before{
	background-color:#ffa340;
}		

.border-primary{
	border-color: #ffa340 !important;
}

.md-form .active.prefix.icon-login, .md-form a {
	color:#ffa340!important;
}

.bg-benefit {
	background-color:#2b2a2b!important;
	color: #fff;
}

.rounded-circle {
	color:#2b2a2b!important;
}

.btn-delete {
	background-color:#2b2a2b!important;
}

.card-body a, #two-factor-code a {
	color:#ffa340!important;
}

#print, #download {
	color:#ffa340!important;
}

.card .card-header a {
	color:#ffa340!important;
}

#claim-listing_paginate .pagination .page-item.active .page-link, 
#document-listing_paginate .pagination .page-item.active .page-link {
    background-color: #2b2a2b !important;
}

.link-policy a, .link-policy {
	color:#ffa340!important;
}

table.table a, .link-details {
	color:#ffa340!important;
}

.form-check a {
	color:#ffa340!important;
}

.brand-teal{
	color:#06BAB1;
}

#login-box{
	border: 1px solid #ffa340;
}

.dropdown-item:hover{
	background-color: #ffa340!important;
}

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::after {
	background-color: #ffa340!important;
}

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after {
	border: 2px solid #ffa340!important;
}

[type=checkbox]:checked+label:before {
	border-right: 2px solid #ffa340!important;
	border-bottom: 2px solid #ffa340!important;
}

/*MBD datepicker*/
.picker__box .picker__table .picker__day.picker__day--today.picker__day--selected {
	color: #ffffff!important;
}

.picker__box .picker__header .picker__nav--next,
.picker__box .picker__header .picker__nav--prev {
	border: 0px !important;
}

.picker__box .picker__header .picker__nav--next:before, 
.picker__box .picker__header .picker__nav--prev:before{
    font-family: "Font Awesome 5 Pro" !important;
}

.picker__box .picker__table .picker__day.picker__day--today {
	font-weight: bold;
	color: #ffa340!important;
}

.picker__header .picker__date-display, .picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover {
	background-color: #ffa340!important;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  letter-spacing: 1px;
  width: 100%;
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled,
.btn.disabled,
.btn[aria-disabled="true"],
[role="button"][aria-disabled="true"],
input:disabled + label,
input:disabled ~ label,
select:disabled + label,
textarea:disabled + label,
.form-check-input:disabled,
.form-check-input:disabled + label,
.form-check-input:disabled ~ label,
.form-check-input:disabled + label::before,
.form-check-input:disabled + label::after,
.form-check-input:disabled ~ label::before,
.form-check-input:disabled ~ label::after,
.select-wrapper input.select-dropdown:disabled,
.select-wrapper input.select-dropdown:disabled ~ .caret,
.select-wrapper span.caret.disabled {
	cursor: not-allowed !important;
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled,
.btn.disabled,
.btn[aria-disabled="true"],
[role="button"][aria-disabled="true"],
.select-wrapper input.select-dropdown:disabled,
.select-wrapper input.select-dropdown:disabled ~ .caret,
.select-wrapper span.caret.disabled {
	pointer-events: auto !important;
}


.card-certificate {
    border: 2px dashed #ffa340 !important;
}
.card-certificate .title {
    color: #2b2a2b;
}