/*=================================================================
SMACC - Custom Styles for RTL
=================================================================*/

/*-----------------------------------------------------------------
Global
-----------------------------------------------------------------*/
html[dir="rtl"] body {
	font-family:'Droid Arabic', sans-serif !important;
}

html[dir="rtl"] .pull-right {
	float:left !important;
}

html[dir="rtl"] .pull-left {
	float:right !important;
}

html[dir="rtl"] .text-right {
	text-align:left !important;
}

html[dir="rtl"] .text-left {
	text-align:right !important;
}

html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-2, html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4, html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6, html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8, html[dir="rtl"] .col-xs-9, html[dir="rtl"] .col-xs-10, html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12 {
    float: right;
}

/*-----------------------------------------------------------------
Radio & Checkbox
-----------------------------------------------------------------*/
html[dir="rtl"] .radio,
html[dir="rtl"] .checkbox {
	position: relative;
	display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

html[dir="rtl"] .radio label,
html[dir="rtl"] .checkbox label {
	min-height: 20px;
	padding-right: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

html[dir="rtl"] .radio input[type="radio"],
html[dir="rtl"] .radio-inline input[type="radio"],
html[dir="rtl"] .checkbox input[type="checkbox"],
html[dir="rtl"] .checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-top: 4px;
	margin-right: -20px;
}

html[dir="rtl"] .radio + .radio,
html[dir="rtl"] .checkbox + .checkbox {
	margin-top: -5px;
}

html[dir="rtl"] .radio-inline,
html[dir="rtl"] .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

html[dir="rtl"] .radio-inline + .radio-inline,
html[dir="rtl"] .checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-right: 10px;
}


/*-----------------------------------------------------------------
Input Group
-----------------------------------------------------------------*/
html[dir="rtl"] .input-group .form-control:first-child,
html[dir="rtl"] .input-group-addon:first-child,
html[dir="rtl"] .input-group-btn:first-child > .btn,
html[dir="rtl"] .input-group-btn:first-child > .btn-group > .btn,
html[dir="rtl"] .input-group-btn:first-child > .dropdown-toggle,
html[dir="rtl"] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

html[dir="rtl"] .input-group-addon:first-child {
	border-left: 0;
	border-right:1px solid #ccc;
}

html[dir="rtl"] .input-group .form-control:last-child,
html[dir="rtl"] .input-group-addon:last-child,
html[dir="rtl"] .input-group-btn:last-child > .btn,
html[dir="rtl"] .input-group-btn:last-child > .btn-group > .btn,
html[dir="rtl"] .input-group-btn:last-child > .dropdown-toggle,
html[dir="rtl"] .input-group-btn:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

html[dir="rtl"] .input-group-addon:last-child {
	border-right: 0;
}

html[dir="rtl"] .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

html[dir="rtl"] .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
html[dir="rtl"] .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

html[dir="rtl"] .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

html[dir="rtl"] .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

html[dir="rtl"] .btn-group-justified > .btn,
html[dir="rtl"] .btn-group-justified > .btn-group {
	display: table-cell;
	float: none;
	width: 1%;
}

html[dir="rtl"] .btn-group-justified > .btn-group .btn {
	width: 100%;
}

html[dir="rtl"] .btn-group-justified > .btn-group .dropdown-menu {
	right: auto;
}


/*-----------------------------------------------------------------
Tabs
-----------------------------------------------------------------*/
html[dir="rtl"] .nav-tabs {
	margin:0;
	padding:0;
}
html[dir="rtl"] .nav-tabs > li {
	float: right;
}
html[dir="rtl"] .nav-tabs > li > a {
	margin-left: auto;
	margin-right: -2px;
	border-radius: 4px 4px 0 0;
}
html[dir="rtl"] .nav-pills {
	margin:0;
	padding:0;
}
html[dir="rtl"] .nav-pills > li {
  float: right;
}
html[dir="rtl"] .nav-pills > li > a {
  border-radius: 4px;
}
html[dir="rtl"] .nav-pills > li + li {
  margin-right: 2px;
  margin-left: auto;
}

html[dir="rtl"]  .btn-group>.btn-group {
	float:right;
}

/*-----------------------------------------------------------------
Modal
-----------------------------------------------------------------*/
html[dir="rtl"] button.close {
	float:left;
}

html[dir="rtl"] .modal-title {
	float:right;
}


/*-----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/
html[dir="rtl"] .main-menu nav.navbar {
	padding-right:20px;
	padding-left:0;
}

html[dir="rtl"] .main-menu .navbar-nav {
	float:right;
}

html[dir="rtl"] .main-menu .navbar-nav li {
	float:right;
}

html[dir="rtl"] .main-menu .navbar-nav li a {
	font-family:'Hacen Tunisia', sans-serif !important;
	font-size:16px;
	padding:0 15px 31px 15px;
}

html[dir="rtl"] .dropdown-menu {
	left:inherit;
	right:0;
}

html[dir="rtl"] .main-menu .navbar-nav > li > .dropdown-menu > li > a {
	text-align:right;
}


/*-----------------------------------------------------------------
Top Bar
-----------------------------------------------------------------*/
html[dir="rtl"] .custom-search-form form input[type="submit"] {
    right: inherit;
    left: 0;
    border-left: 1px solid #d4d4d4;
    border-right: 0;
}

html[dir="rtl"] .custom-languages select {
    padding: 5px 5px 5px 5px;
}

html[dir="rtl"]  .custom-languages ul li a {
    background-position: right center;
    padding-left: inherit;
    padding-right: 25px;
    text-align: right;
}

html[dir="rtl"] .custom-languages .selected-language {
    text-align: right;
}

html[dir="rtl"] .custom-languages .selected-language span.caret {
    float: left;
}

/*-----------------------------------------------------------------
Home Page
-----------------------------------------------------------------*/
html[dir="rtl"] .home-slider h1 {
    font-family:'Droid Arabic', sans-serif !important;
}

html[dir="rtl"] .home-boxes .home-single-box .home-box-categories li:before {
    content: '\f016';
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .home-boxes .home-single-box .home-box-categories li a {
    margin-left: inherit;
    margin-right: 20px;
}

html[dir="rtl"] .home-boxes .home-single-box h2 {
    font-family:'Droid Arabic', sans-serif !important;
}

html[dir="rtl"] .home-boxes .home-single-box h2 i {
    margin-left: 5px;
}

html[dir="rtl"] .home-boxes .home-single-box h2 {
    font-size: 20px;
}

html[dir="rtl"] .home-boxes .home-single-box .panel-heading .posts-count {
    float: left;
}

html[dir="rtl"] .home-boxes .home-single-box .home-box-categories li a {
    font-family:'Droid Arabic', sans-serif !important;
}

/*-----------------------------------------------------------------
Breadcrumbs
-----------------------------------------------------------------*/
html[dir="rtl"] .custom-breadcrumbs span {
    float: right;
}


/*-----------------------------------------------------------------
Sidebar Navigation
-----------------------------------------------------------------*/
html[dir="rtl"] .sidebar-navigation .menu-item-object-category::before {
    content: "\f104";
    left: inherit;
    right: 5px;
}

html[dir="rtl"] .sidebar-navigation .menu-item-has-children .menu-item-has-children,
html[dir="rtl"] .sidebar-navigation .menu-item-object-category .menu-item-object-category {
    margin-right: 15px;
    padding-right: 0px;
}

html[dir="rtl"] .sidebar-navigation .menuIsOpen::before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

html[dir="rtl"] .sidebar-navigation a {
    font-size: 12px;
}

/*-----------------------------------------------------------------
Article
-----------------------------------------------------------------*/
html[dir="rtl"] .doc-article h1.article-heading {
    font-family:'Hacen Tunisia', sans-serif !important;
}

html[dir="rtl"] .doc-article-inner * {
    font-family:'Droid Arabic', sans-serif !important;
}

html[dir="rtl"] .doc-article-inner h2 {
    font-family:'Hacen Tunisia', sans-serif !important;
}


/*-----------------------------------------------------------------
Sidebar Buttons
-----------------------------------------------------------------*/
html[dir="rtl"] .sidebar-buttons-list .share-links-parent ul.share-links {
    left: inherit;
    right: 0;
}

/*-----------------------------------------------------------------
Sidebar Articles List
-----------------------------------------------------------------*/
html[dir="rtl"] .sidebar-buttons-list .sidebar-articles-list > ul > li > a {
    padding: 2px 15px 2px 0;
    font-family:'Hacen Tunisia', sans-serif !important;
}

html[dir="rtl"] .sidebar-buttons-list .sidebar-articles-list > ul > li:before {
    content: '\f0d9';
}

html[dir="rtl"] .sidebar-buttons-list .sidebar-articles-list > ul > li.active > a {
    font-weight: bold;
}

/*=================================================================
RTL Responsive
=================================================================*/
/*-----------------------------------------------------------------
Max 1300px
-----------------------------------------------------------------*/
@media (max-width:1300px) {
	html[dir="rtl"] .main-menu .navbar-nav > li > a {
		font-size: 15px;
		padding: 0 10px 31px 10px;
	}
}


/*-----------------------------------------------------------------
Min 1200
-----------------------------------------------------------------*/
@media (min-width: 1200px) {
    html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, html[dir="rtl"] .col-lg-9, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12 {
        float: right;
    }

    html[dir="rtl"] .col-lg-offset-12 {
        margin-right: 100%;
    }

    html[dir="rtl"] .col-lg-offset-11 {
        margin-right: 91.66666667%;
    }

    html[dir="rtl"] .col-lg-offset-10 {
        margin-right: 83.33333333%;
    }

    html[dir="rtl"] .col-lg-offset-9 {
        margin-right: 75%;
    }

    html[dir="rtl"] .col-lg-offset-8 {
        margin-right: 66.66666667%;
    }

    html[dir="rtl"] .col-lg-offset-7 {
        margin-right: 58.33333333%;
    }

    html[dir="rtl"] .col-lg-offset-6 {
        margin-right: 50%;
    }

    html[dir="rtl"] .col-lg-offset-5 {
        margin-right: 41.66666667%;
    }

    html[dir="rtl"] .col-lg-offset-4 {
        margin-right: 33.33333333%;
    }

    html[dir="rtl"] .col-lg-offset-3 {
        margin-right: 25%;
    }

    html[dir="rtl"] .col-lg-offset-2 {
        margin-right: 16.66666667%;
    }

    html[dir="rtl"] .col-lg-offset-1 {
        margin-right: 8.33333333%;
    }

    html[dir="rtl"] .col-lg-offset-0 {
        margin-right: 0;
    }
}


/*-----------------------------------------------------------------
Max 1199
-----------------------------------------------------------------*/
@media (max-width: 1199px) {
	
}


/*-----------------------------------------------------------------
Min 992
-----------------------------------------------------------------*/
@media (min-width: 992px) {
    html[dir="rtl"] .col-md-1, html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-4, html[dir="rtl"] .col-md-5, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-7, html[dir="rtl"] .col-md-8, html[dir="rtl"] .col-md-9, html[dir="rtl"] .col-md-10, html[dir="rtl"] .col-md-11, html[dir="rtl"] .col-md-12 {
        float: right;
    }

    html[dir="rtl"] .col-md-offset-12 {
        margin-right: 100%;
    }

    html[dir="rtl"] .col-md-offset-11 {
        margin-right: 91.66666667%;
    }

    html[dir="rtl"] .col-md-offset-10 {
        margin-right: 83.33333333%;
    }

    html[dir="rtl"] .col-md-offset-9 {
        margin-right: 75%;
    }

    html[dir="rtl"] .col-md-offset-8 {
        margin-right: 66.66666667%;
    }

    html[dir="rtl"] .col-md-offset-7 {
        margin-right: 58.33333333%;
    }

    html[dir="rtl"] .col-md-offset-6 {
        margin-right: 50%;
    }

    html[dir="rtl"] .col-md-offset-5 {
        margin-right: 41.66666667%;
    }

    html[dir="rtl"] .col-md-offset-4 {
        margin-right: 33.33333333%;
    }

    html[dir="rtl"] .col-md-offset-3 {
        margin-right: 25%;
    }

    html[dir="rtl"] .col-md-offset-2 {
        margin-right: 16.66666667%;
    }

    html[dir="rtl"] .col-md-offset-1 {
        margin-right: 8.33333333%;
    }

    html[dir="rtl"] .col-md-offset-0 {
        margin-right: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
	html[dir="rtl"] .main-menu nav {
		padding-left:0px;
		padding-right:40px !important;
	}
	html[dir="rtl"] .main-menu .navbar-nav > li > a {
		font-size: 13px;
		padding: 10px 8px 29px 8px;
	}
}

/*-----------------------------------------------------------------
Max 991
-----------------------------------------------------------------*/
@media (max-width: 991px) {
	html[dir="rtl"] .footer .footer-widget {
		min-height:170px;
	}
	
	html[dir="rtl"] .custom-facebook-timeline {
		float:right;
	}
	html[dir="rtl"] .main-menu .navbar-toggle {
		right:0;
		left:inherit;
	}
	html[dir="rtl"] .get-started {
		left:0;
		right:inherit;
	}
	html[dir="rtl"] .get-started a i:before {
    	content: "\e902";
	}
	html[dir="rtl"] .mobile-top-languages {
		right: 34px;
		left:inherit;
	}
	html[dir="rtl"] .mobile-top-social {
		right: 68px;
		left:inherit;
	}
	html[dir="rtl"] .main-menu nav {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	html[dir="rtl"] .main-menu .navbar-nav > li > a {
		padding: 0 10px 10px 10px;
	}
	
	html[dir="rtl"] .custom-facebook-timeline {
		float:right;
	}
	html[dir="rtl"] .main-menu .navbar-toggle {
		right:0;
		left:inherit;
	}
	html[dir="rtl"] .get-started {
		left:0;
		right:inherit;
	}
	html[dir="rtl"] .get-started a i:before {
    	content: "\e902";
	}
	html[dir="rtl"] .mobile-top-languages {
		right: 34px;
		left:inherit;
	}
	html[dir="rtl"] .mobile-top-social {
		right: 68px;
		left:inherit;
	}
	html[dir="rtl"] .main-menu nav {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	html[dir="rtl"] .main-menu .navbar-nav > li > a {
		padding: 0 10px 10px 10px;
	}
}


@media (min-width:768px) and (max-width:991px) {
	html[dir="rtl"] .main-menu #navbarMobile > ul li a {
		font-size:18px;
		padding:10px;
	}
}

/*-----------------------------------------------------------------
Min 768
-----------------------------------------------------------------*/
@media (min-width: 768px) {
    html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] .col-sm-9, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12 {
        float: right;
    }

    html[dir="rtl"] .col-sm-offset-12 {
        margin-right: 100%;
    }

    html[dir="rtl"] .col-sm-offset-11 {
        margin-right: 91.66666667%;
    }

    html[dir="rtl"] .col-sm-offset-10 {
        margin-right: 83.33333333%;
    }

    html[dir="rtl"] .col-sm-offset-9 {
        margin-right: 75%;
    }

    html[dir="rtl"] .col-sm-offset-8 {
        margin-right: 66.66666667%;
    }

    html[dir="rtl"] .col-sm-offset-7 {
        margin-right: 58.33333333%;
    }

    html[dir="rtl"] .col-sm-offset-6 {
        margin-right: 50%;
    }

    html[dir="rtl"] .col-sm-offset-5 {
        margin-right: 41.66666667%;
    }

    html[dir="rtl"] .col-sm-offset-4 {
        margin-right: 33.33333333%;
    }

    html[dir="rtl"] .col-sm-offset-3 {
        margin-right: 25%;
    }

    html[dir="rtl"] .col-sm-offset-2 {
        margin-right: 16.66666667%;
    }

    html[dir="rtl"] .col-sm-offset-1 {
        margin-right: 8.33333333%;
    }

    html[dir="rtl"] .col-sm-offset-0 {
        margin-right: 0;
    }
	
}


/*-----------------------------------------------------------------
Max 767
-----------------------------------------------------------------*/
@media (max-width: 767px) {
	
	
}


/*-----------------------------------------------------------------
Max 479
-----------------------------------------------------------------*/
@media (max-width: 479px) {
	
}