/*
 * Version: 1.0
 * File Description: Arabic Interface Special CSS
 */
 
 /* Fonts
---------------------------------- */ 
@font-face {
  font-family: 'DroidKufi-R';
  src: url('fonts/droidkufi/DroidKufi-Regular.eot');
  src: url('fonts/droidkufi/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/droidkufi/DroidKufi-Regular.woff') format('woff'), url('fonts/droidkufi/DroidKufi-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

 /* Tags
---------------------------------- */
*, body {
  font-family: 'DroidKufi-R', Nunito, sans-serif
}

 /* Anchor, Button: Colors & Status
---------------------------------- */
.bg-primary {
  background-color: #46becf!important;
  border-color: #46becf !important;
}
button.bg-primary:hover ,button.bg-primary:focus {
  background-color: #42a3bb !important;
  border-color: #46becf !important;
}
.color-primary {
  color: #46becf!important
}
.btn.focus, .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}
#page-header-flag-dropdown img, .dropdown-item img {
  border-radius: 3px;
}
.custom-control-input:checked~.custom-control-label::before{
  border-color: #46becf;
  background-color: #46becf;
}
/* Menu
---------------------------------- */
.no-background {
  background: unset !important;
  margin-top: 5px;
}
.no-menu-logo a{
  width: 67px !important;
}

/* Footer
---------------------------------- */
.no-menu-footer {
  left: 0 !important;
  right: 0 !important;
}

 /* Login Footer
---------------------------------- */
.auth-footer {
  right: 0 !important;
  background: #46becf;
  color: #fff;
  font-weight: 700
}

 /* Form Floating label
---------------------------------- */ 
.form-group-custom .form-control:focus+label, .form-group-custom .form-control:valid+label {
  transform: translate(1.50em, -115%) scale(.8)
}
.form-group-custom input:-webkit-autofill~label {
  transform: translate(1.50em, -115%) scale(.8)
}

 /* Form Validation Style (For icons and label colors)
---------------------------------- */ 
.was-validated .form-control:invalid, .form-control.is-invalid {
  background-position: center left calc(0.375em + 0.1875rem)
}
.was-validated .form-control:valid, .form-control.is-valid {
  background-position: center left calc(0.375em + 0.1875rem)
}
.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-valid, .was-validated .form-control:valid {
  padding-right: 10px;
  padding-left: calc(1.5em + .94rem)
}
.was-validated .form-control:valid+label {
  color: #3ddc97
}
.was-validated .form-control:invalid+label {
  color: #f06543
}
.was-validated .form-control:not([value=""]):not(:focus):invalid+label {
  transform: translate(1.50em, -115%) scale(.8)
}
.myModalLabel{
	font-size: 14px;
	font-weight: bold;
}

a i{
    color: #46BECF;
}

.btn-collection-top{
	margin: 0 0 20px 0;
	/*9text-align: right;*/
}
/* DataTable Style
---------------------------------- */
div.dataTables_wrapper div.dataTables_filter input{
  width: 83% !important;
}
.fa-2x {
    font-size: 1.4em;
	line-height: 1.4em;
}
thead{
	background-color: rgba(241, 241, 241, 0.8);
}
.table-responsive{
	border-radius: 5px;
}
.charsCount{
	display:inline-flex;
}
.balanceTitle{
	    font-size: 1.1375rem;
}
@media screen and (max-width: 767px){
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
    display: inline-flex;
  }
  div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate{
    white-space: inherit !important;
  }
  .charsCount{
		display:block;
	}
	.balanceTitle{
	    font-size: 0.9rem;
	}
}

.dataTables_length{
  text-align: inherit !important;
}
.dataTables_processing.card{
  background: none!important;
}

/* Media
---------------------------------- */ 
@media (max-width: 992px) {
  body[data-topbar=colored]:not(.sidebar-enable):not(.vertical-collpsed) .navbar-brand-box {
    background: #46becf;
  }
}