/*
 * Version: 1.0
 * File Description: English Interface Special CSS
 */

 /* 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 {
  left: 0 !important;
  background: #46becf;
  color: #fff
}

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

 /* Form Validation Style (For icons and label colors)
---------------------------------- */ 
.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.5em, -115%) scale(.8)
}
.myModalLabel{
	font-size: 14px;
	font-weight: bold;
}
a i{
    color: #46BECF;
}
.btn-collection-top{
	margin: 0 0 20px 0;
	/*text-align: right;*/
}
.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;
}
/* DataTable Style
---------------------------------- */
div.dataTables_wrapper div.dataTables_filter input{
  width: 83% !important;
}
@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_filter{*/
  /*margin-top: 15px;*/
  /*float: right;*/
  /*!*display: inline-block!important;*!*/
/*}*/
/*.dataTables_length{*/
  /*margin-top: 15px;*/
  /*!*display: inline-block!important;*!*/
/*}*/
/*div.dataTables_wrapper div.dataTables_filter input {*/
  /*margin-right: 3.7em;*/
  /*!*display: inline-block;*!*/
  /*width: auto;*/
/*}*/
.dataTables_processing.card{
  background: none!important;
}


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