body {font-family: 'Montserrat', sans-serif !important;}  
.horizontal-menu-wrapper{ background: #fff; -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); border-radius: .428rem; margin-bottom: 15px; }   
.top-nav{ background-color: #fff; -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); }
.top-nav ul li a{ font-size: 15px; color:#6e6b7b !important; } 
.top-nav ul li a:hover{ color: #7367f0 !important; }
.auth-text-box{ display: inline-block; width: 30px; height: 30px; background-color: #7367f0; border-radius: 50px; text-align: center; color: #fff; font-weight: bold; padding: 3px 0;} 
.dropdown-menu{ box-shadow: 0 5px 25px rgb(34 41 47 / 10%); border: none; border-radius: .358rem;}
.dropdown-menu .dropdown-item{ padding: .65rem 1.28rem; clear: both; text-align: inherit; background-color: transparent; border: 0;}
.dropdown-item:focus, .dropdown-item:hover{ background-color: rgba(115,103,240,.12); color: #7367f0; text-decoration: none; } 
.horizontal-menu-wrapper ul li a{ font-size: 15px; color: #6e6b7b !important; margin-right: 15px; padding:8px 20px !important; border-radius: 4px; }
.horizontal-menu-wrapper ul li a:hover{color: #fff !important; -webkit-box-shadow: 0 0 6px 1px rgb(115 103 240 / 60%); box-shadow: 0 0 6px 1px rgb(115 103 240 / 60%); border-radius: 4px; background: linear-gradient(118deg,#7367f0,rgba(115,103,240,.7));}  
.horizontal-menu-wrapper ul li a i{ margin-right: 5px; font-size: 16px;}   
.card { border: none !important; margin-bottom: 2rem;-webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);  background-color: #fff; background-clip: border-box; border: 1px solid rgba(34,41,47,.125); border-radius: .428rem;}
.card .card-header{border-bottom: none; padding: 1.5rem; background-color: transparent;}
.card .card-header+.card-body, [dir] .card .card-header+.card-content>.card-body:first-of-type{     padding-top: 0; }
.card-body { padding: 1.5rem;}

.btn-primary{ border-color: #7367f0!important; background-color: #7367f0!important; }
.btn-primary:hover:not(.disabled):not(:disabled){ -webkit-box-shadow: 0 8px 25px -8px #7367f0;box-shadow: 0 8px 25px -8px #7367f0; }

.btn-info{ border-color: #00cfe8!important; background-color: #00cfe8!important; }
.btn-info:hover{ -webkit-box-shadow: 0 8px 25px -8px #00cfe8; box-shadow: 0 8px 25px -8px #00cfe8; }
.btn-success{ border-color: #28c76f!important; background-color: #28c76f!important; }
.btn-success:hover {-webkit-box-shadow: 0 8px 25px -8px #28c76f; box-shadow: 0 8px 25px -8px #28c76f;}
.btn-danger{border-color: #ea5455!important;  background-color: #ea5455!important; }
.btn-danger:hover{  -webkit-box-shadow: 0 8px 25px -8px #ea5455; box-shadow: 0 8px 25px -8px #ea5455;}
.table thead th{ background-color: #f3f2f7; border-bottom: 2px solid #ebe9f1;   }
.table td, .table th{ border-top: 1px solid #ebe9f1; }
.table tfoot th, .table thead th{ vertical-align: middle; text-transform: uppercase; font-size: 13px; letter-spacing: .5px; font-weight: 600; padding: 12px 18px;}
.table{  color: #6e6b7b !important; } 
.table td, .table th{ padding: 10px 18px; vertical-align: middle; font-size: 14px;}  
a{ color: #7367f0; }
.page-item.active .page-link{ background-color: #7367f0; border-color: #7367f0; }
.page-link{ color: #7367f0; }  
.icon-box{ text-align: center; width: 60px; height: 60px; background-color: #eeedfd; border-radius: 50px; padding: 17px 0; }
.icon-box i{ font-size: 25px; margin-bottom: 0;}
.text-box{  }
.text-box h4{ margin-bottom: 0; font-size: 14px; font-weight: 600; margin-top: 10px;} 
.home-card:hover .card{ box-shadow: 0 4px 24px 0 rgb(34 41 47 / 25%); }
.home-card:hover .card a{ color: #7367f0; text-decoration: none; }
.card-msg{ color: #fff !important; }
.card-msg .icon-box{ background-color: #ffffff38; color: #fff;}
.card-msg .text-box { color: #fff; }
.navbar-horizontal {justify-content: space-between !important;    }
.count-from{display: inline-block; width: 134px; margin-bottom: 0; }   
.count-from label{display: inline-block; }
.search-form{ display: inline-block; }
.search-form label{ display: inline-block; }  
.dataTables_filter{ float: right; padding: 0 25px 0 0;}
.dataTables_filter label{ margin-bottom: 10px; }
.dataTables_filter input{display: inline-block; width: auto; margin-left: 10px;}
.dataTables_length{ padding-left: 20px; } 
.dataTables_length label{ margin-bottom: 10px; } 
.dataTables_length select{ width: auto; }
.language-drop{ margin: 0px; padding: 0px; }
.language-drop li{ color: #6e6b7b !important; }
.language-drop li:hover{ color: #7367f0 !important; }
.language-drop li a{ text-transform: capitalize; }
.language-drop li a:hover{ text-decoration: none; }
.required:after { content:" *"; color: red; }
.flag { margin-right: 5px; width: 25px; height: 15px; background:url('https://itgsweb.ca/CAREMontreal/images/flags.png') no-repeat}
.flag.flag-de {background-position: -25px 0}
.flag.flag-es {background-position: -50px 0}
.flag.flag-fr {background-position: 0 -15px}
.flag.flag-en {background-position: -25px -15px}

@media only screen and (max-width: 991px) {
	.language-drop-boxs a{ padding-left: 0px !important; }
}
@media only screen and (max-width: 500px) {
	.card .card-header .btn{ margin-bottom: 3px; }  
	.card table .btn{ margin-bottom: 3px; } 
}