/* color: $primary-color; */
/* rgba(47, 85, 212, .03) */
/* ------------------------------------------------
  Project:   Techstation
  coder: Bassem Ahmed
----------------------------------------------- */


/*--------------------------------------
----------------------------------------
	3.5 Header
  --------------------------------------
---------------------------------------*/
/*--- Header Common Style ---*/
.header-action-items .single-item {
    margin-right: 20px;
    margin-left: initial;
}

.header-action-items .single-item:last-child {
    margin-right: 0;
    padding-right: 0;
    margin-left: initial;
    padding-left: initial;
}

/*--- Navbar============================================================================================ ---*/
nav.template-main-menu>ul>li ul.dropdown-menu-col-1 {
    right: 0;
    left: initial;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a:hover span:before {
    right: inherit;
    left: 0;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li.has-child-second-level>a:after {
    float: right;
}

nav.template-main-menu>ul>li>ul>li:hover .third-level-arrow:after {
    right: 15px;
    left: initial;
}

.mean-container .mean-bar .mobile-menu-nav-back {
    padding-right: 15px;
    padding-left: initial;
}

/* .mean-container .mean-nav {
    float: none !important;
    background: transparent !important;
} */


/* .mean-container a.meanmenu-reveal {
    float: none !important;
    position: absolute;
    top: 0;
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
    padding: 16px 14px 12px;
} */

.mean-container a.meanmenu-reveal {
    right: auto !important;
    left: 0 !important;
}

.navbar-layout1 .temp-logo .sticky-logo {
    right: initial;
    left: 0;
}

.navbar-layout1 nav.template-main-menu>ul>li.dropdown-af-ic-mob>a::after {
    margin-right: 0.26em;
    margin-left: initial;
}

.navbar-layout2 .temp-logo .sticky-logo {
    right: initial;
    left: 0;
}

/*--------------------------------------
----------------------------------------
	3.5 Header
  --------------------------------------
---------------------------------------*/

/* -------------------------------
 Background Position & Size
-------------------------------*/

/* ------------------------
    Hero Shape
------------------------*/
.hero-shape1:before {
    left: 0;
    right: initial;
}

.hero-shape2:before {
    left: -30%;
    right: initial;
}

.hero-shape3:before {
    left: -18%;
    right: initial;
}

.hero-shape3:before {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

/* ------------------------
Shape
------------------------*/
.shape-2 {
    right: initial;
    left: 0;
}


.hero-banner-rtl-cls-f:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: inherit;
    background-position: inherit;
    background-repeat: inherit;
    background-size: inherit;
    transform: scale(-1, 1);
}

.r-f-rtl-content-cls {
    z-index: 3;
}

/* ------------------------
Contact
------------------------*/
.form-group {
    text-align: right;
}

.help-block.with-errors {
    left: initial;
    right: 0;
}

label {
    text-align: right;
}

/* .bootstrap-select .bs-ok-default:after {
    right: initial;
    left: 10px;
} */

/* ------------------------
Tab
------------------------*/

.product-list.product-card .card-body {
    text-align: right;
}

.widget-color .form-check-input[type="radio"]:checked+label,
.widget-color .form-check-input[type="radio"]:not(:checked)+label,
label.btn input[type="radio"]:checked+label,
label.btn input[type="radio"]:not(:checked)+label {
    padding-right: 35px;
    padding-left: initial;
}

.widget-color .form-check-input[type="radio"]+label::after,
.widget-color .form-check-input[type="radio"]+label::before,
label.btn input[type="radio"]+label::after,
label.btn input[type="radio"]+label::before {
    left: initial;
    right: -2px;
}


/* ------------------------
    Feature Box
------------------------*/
.feature-hover:before {
    left: initial;
    right: 0;
}

.feature-url-sty {
    margin: 1em 5em 0 0;
}

/* ------------------------
Other
------------------------*/
#particles-js {
    left: initial;
    right: 0;
}

/* ======= start show system ============ */

.show-system-sec .nav {
    padding-right: 15px !important;
    padding-left: initial !important;
}

.show-system-sec .nav-item {
    margin-left: 1.5rem;
    margin-right: initial;
}

.show-system-sec .nav-item:last-child {
    margin-left: 0 !important;
    margin-right: initial !important;
}

/* ======= End show system ============ */
/* ==================== Start Our Customers ======================= */

/* start customers brands */

/* .our-customers .customers-brands {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 1rem;
  margin: .9375rem 0;
} */
.cus-con-ico svg {
    padding-right: 8px;
    padding-left: initial;
}

/* ../start customers brands */

/* responsive */
/* ../responsive */

/* ==================== End Our Customers ======================= */

/* ==================== Start integrate section ========================= */
.integrated-item svg {
    margin-left: 0.5em;
    margin-right: initial;
}

/* ==================== End integrate section ========================= */

/* ==================== Start bottom-popup ========================= */

.bottom-popup {
    top: 0;
    left: initial;
    right: 0;
}

/* ==================== End bottom-popup ========================= */

/* =============== all ===================== */
.st-scr-sho-sec .slick-next {
    left: -25px;
    right: initial;
}

.st-scr-sho-sec .slick-prev {
    right: -25px;
    left: initial;
}

.st-scr-sho-sec .screenshot-slider .slick-prev {
    right: 60px;
    left: initial;
}

.st-scr-sho-sec .screenshot-slider .slick-next {
    left: 60px;
    right: initial;
}

.st-scr-sho-sec .screenshot-slider .slick-prev {
    right: 15px;
    left: initial;
}

.st-scr-sho-sec .screenshot-slider .slick-next {
    left: 15px;
    right: initial;
}

.list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
    margin-right: initial;
}


.feature-hover:hover:before,
.feature-hover.active:before {
    opacity: 1;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.st-scr-sho-sec .slick-next::before {
    content: '←';
}

.st-scr-sho-sec .slick-prev::before {
    content: '→';
}

.st-scr-sho-sec .slick-track {
    display: flex;
}

@media only screen and (max-width: 767px) {

    .st-scr-sho-sec .screenshot-slider .slick-prev {
        right: 50%;
        left: initial;
        margin-right: -60px;
        margin-left: initial;
    }

    .st-scr-sho-sec .screenshot-slider .slick-next {
        left: 50%;
        right: initial;
        margin-left: -60px;
        margin-right: initial;
    }
}

.file-icon {
    margin-right: initial;
    margin-left: 10px;
}

.cannot-upload-message span, .upload-button-icon {
    padding-right: initial;
    padding-left: 10px;
}

/* ===================== ../all ========================= */

/* ============== sign pages ===================== */

.select-style-foc .bootstrap-select .dropdown-menu li {
    text-align: right;
}

.select-style-foc .dropdown-toggle::after {
    left: 0.75rem;
    right: initial;
}

.select-style-foc .filter-option-inner-inner {
    text-align: right;
}

.select-style-foc .bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: 0;
}

.form-check .form-check-input {
    margin-right: -1.5em;
    margin-left: initial;
}

.form-check {
    padding-right: 1.5em;
    padding-left: initial;
}

.action-button-previous {
    margin-left: 10px;
    margin-right: initial;
}

/* =================== ../ sign pages =============== */
/* =========== inputs errors ============ */
#inputs_errors_sec_cl {
    border-right: 4px solid #f00;
    border-left: none;
    margin-right: -4px;
}
/* =========== ../inputs errors ============ */
.form-control, .select-style-foc .btn, .select-style-foc .bootstrap-select>.dropdown-toggle.bs-placeholder, .select-style-foc .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .select-style-foc .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .select-style-foc .bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    text-align: right;
}