/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

input[type="tel"],
input[name="domain"],
input#inputDomain{
    text-align:left !important;
    direction:ltr !important;
}
.smart-search {
    position: fixed;
    right: -207px;
    top: 50%;
    background: #f9093b;
    color: #FFF;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #fff;
    z-index:1000000;
}
.smart-search.fixed i{
    color:#fff;
}
a.smart-search:hover{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    right:-5px;
    color:#fff;
}

.captchaimage {
	text-align:left;
}
#order-standard_cart .field,
#order-standard_cart .form-control,
#registration .field, #registration .form-control{
	text-align:right;
}

#order-standard_cart .prepend-icon .field,
#registration .prepend-icon .field{
	padding-left:5px;
	padding-right:36px;
}
#order-standard_cart .prepend-icon .field-icon{
	margin-right:auto;
	margin-left:10px;
}
form.login-form .card .card-footer small,
form.login-form .card .card-footer .small{
	float:right;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left:0px;
    padding-right: 17px;
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container,
#order-standard_cart .field, #order-standard_cart .form-control,
.intl-tel-input .country-list,
#registration .field, #registration .form-control {
    direction:ltr;
}

.tiles .tile i{
	right: auto;
    left: 20px;
}
input#inputSubject {
    direction: rtl;
    text-align: right;
}
.h3, h3 {
    font-size: 1.5rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 0.8;
}

.h1, h1 {
    font-size: 1.8rem;
}

.bootstrap-switch-container {
  display: flex !important;
  flex-direction: row-reverse; 
  align-items: center;
  width: 125px !important;
  user-select: none;
  cursor: pointer;
  border: 1px solid #05a3a5;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ccc;
  padding: 0;
}


.bootstrap-switch-container input[type="checkbox"] {
  display: none;
}


.bootstrap-switch-handle-on {
  flex: 1;
  background-color: #bbb;
  color: #666;
  text-align: center;
  line-height: 30px;
  transition: all 0.3s ease;
  font-weight: normal;
}


.bootstrap-switch-handle-off {
  flex: 1;
  background-color: #bbb;
  color: #666;
  text-align: center;
  line-height: 30px;
  transition: all 0.3s ease;
  font-weight: normal;
}

.bootstrap-switch-container input[type="checkbox"]:checked ~ .bootstrap-switch-handle-on {
  background-color: #05a3a5;
  color: white;
  font-weight: bold;
}

.bootstrap-switch-container input[type="checkbox"]:checked ~ .bootstrap-switch-handle-off {
  background-color: #ccc;
  color: #999;
}

.bootstrap-switch-container input[type="checkbox"]:not(:checked) ~ .bootstrap-switch-handle-on {
  background-color: #ccc;
  color: #999;
}

.bootstrap-switch-container input[type="checkbox"]:not(:checked) ~ .bootstrap-switch-handle-off {
  background-color: #05a3a5;
  color: white;
  font-weight: bold;
}

.bootstrap-switch-label {
  width: 2px;
  background-color: transparent;
}

.client-home-cards .card-header h3 a > i {
    transform: rotateY(180deg);
    display: inline-block;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 4px; 
}

.card-header .float-right {
    float: left !important;
}

}

.primary-content .card a > i.fa-arrow-right {
    transform: rotateY(180deg);
}

.primary-content a > i.fa-arrow-right {
    transform: rotateY(180deg);
}

.fa-arrow-circle-right, .fa-arrow-circle-left {
    transform: rotateY(180deg);
    display: inline-block;
    margin-right: 5px;
}

#inputDownloadsSearch, #inputKnowledgebaseSearch {
  direction: rtl !important;
  text-align: right !important;
}

.card-body.extra-padding input,
.card-body.extra-padding textarea,
.card-body.extra-padding select {
  direction: rtl !important;
  text-align: right !important;
}

.dataTables_length label {
    float: left !important;
    text-align: left !important;
}

.announcements .announcement article {
    border-right: 4px solid #ccc !important;
    border-left: 0 !important;
}

.input-group .btn-reveal-pw {
    border-left: 1px solid #ccc !important;
    border-right: 0 !important;
}

.container .dropdown-menu {
    text-align: right;
    direction: rtl;
}