/* 
    This overrides the styles assigned in bootstrap
*/

 /* col-sm- has still a too large threshold, 768px, so we add also col-xssm-, with threshold of 600px, basically for mobiles in landscape mode */
 @media (min-width: 601px){
.col-xssm-1, .col-xssm-2, .col-xssm-3, .col-xssm-4, .col-xssm-5, .col-xssm-6, .col-xssm-7, .col-xssm-8, .col-xssm-9, .col-xssm-10, .col-xssm-11 {
    float: right;
}
.col-xssm-pull-12 { right: auto; left: 100%; }
.col-xssm-pull-11 { right: auto; left: 91.66666666666666%; }
.col-xssm-pull-10 { right: auto; left: 83.33333333333334%; }
.col-xssm-pull-9 { right: auto; left: 75%; }
.col-xssm-pull-8 { right: auto; left: 66.66666666666666%; }
.col-xssm-pull-7 { right: auto; left: 58.333333333333336%; }
.col-xssm-pull-6 { right: auto; left: 50%; }
.col-xssm-pull-5 { right: auto; left: 41.66666666666667%; }
.col-xssm-pull-4 { right: auto; left: 33.33333333333333%; }
.col-xssm-pull-3 { right: auto; left: 25%; }
.col-xssm-pull-2 { right: auto; left: 16.666666666666664%; }
.col-xssm-pull-1 { right: auto; left: 8.333333333333332%; }
.col-xssm-pull-0 { right: auto; left: 0%; }
.col-xssm-push-12 { left: auto; right: 100%; }
.col-xssm-push-11 { left: auto; right: 91.66666666666666%; }
.col-xssm-push-10 { left: auto; right: 83.33333333333334%; }
.col-xssm-push-9 { left: auto; right: 75%; }
.col-xssm-push-8 { left: auto; right: 66.66666666666666%; }
.col-xssm-push-7 { left: auto; right: 58.333333333333336%; }
.col-xssm-push-6 { left: auto; right: 50%; }
.col-xssm-push-5 { left: auto; right: 41.66666666666667%; }
.col-xssm-push-4 { left: auto; right: 33.33333333333333%; }
.col-xssm-push-3 { left: auto; right: 25%; }
.col-xssm-push-2 { left: auto; right: 16.666666666666664%; }
.col-xssm-push-1 { left: auto; right: 8.333333333333332%; }
.col-xssm-push-0 { left: auto; right: 0%; }
.col-xssm-offset-12 { margin-left: auto; margin-right: 100%; }
.col-xssm-offset-11 { margin-left: auto; margin-right: 91.66666666666666%; }
.col-xssm-offset-10 { margin-left: auto; margin-right: 83.33333333333334%; }
.col-xssm-offset-9 { margin-left: auto; margin-right: 75%; }
.col-xssm-offset-8 { margin-left: auto; margin-right: 66.66666666666666%; }
.col-xssm-offset-7 { margin-left: auto; margin-right: 58.333333333333336%; }
.col-xssm-offset-6 { margin-left: auto; margin-right: 50%; }
.col-xssm-offset-5 { margin-left: auto; margin-right: 41.66666666666667%; }
.col-xssm-offset-4 { margin-left: auto; margin-right: 33.33333333333333%; }
.col-xssm-offset-3 { margin-left: auto; margin-right: 25%; }
.col-xssm-offset-2 { margin-left: auto; margin-right: 16.666666666666664%; }
.col-xssm-offset-1 { margin-left: auto; margin-right: 8.333333333333332%; }
.col-xssm-offset-0 { margin-left: auto; margin-right: 0%; }
}

/* created also division to 10 or 5 of col-xx-X */
.col-xs-10-1,
.col-xs-10-2 {
  float: right;
}
@media (min-width: 601px) {
  .col-xssm-10-1,
  .col-xssm-10-2 {
    float: right;
  }
}
@media (min-width: 768px) {
  .col-sm-10-1,
  .col-sm-10-2 {
    float: right;
  }
}
@media (min-width: 992px) {
  .col-md-10-1,
  .col-md-10-2 {
    float: right;
  }
}
@media (min-width: 1200px) {
  .col-lg-10-1,
  .col-lg-10-2 {
    float: right;
  }
}

* {
	direction: rtl;
}

.list-group-item>.badge {
    float: left;
}

.radio, .checkbox{
    padding-left: 0;
    padding-right: 20px;
}
.checkbox input[type="checkbox"], .radio input[type="radio"] {
    float: right;
    margin-left: 10px;
    margin-right: -20px;
    margin-top: 6px;
}

.text-left {
    text-align: right;
}
.text-right {
    text-align: left;
}
.pull-left {
    float: right !important;
}
.pull-right {
    float: left !important;
}
.btn-group>.btn, .btn-group-vertical>.btn {
    float: right;
    border-radius: 0;
}
.nav-tabs>li {
    float: right;
}
.nav-tabs {
    padding-right: 0px;
    margin-right: 3px;
}

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
    float: right;
}
.col-md-offset-1 { margin-right: 8.333333333333332%; margin-left: 0; }
.col-md-offset-2 { margin-right: 16.666666666666664%; margin-left: 0; }
.col-md-offset-3 { margin-right: 25%; margin-left: 0; }
.col-md-offset-6 { margin-right: 50%; margin-left: 0; }
.col-md-offset-9 { margin-right: 75%; margin-left: 0; }
.col-md-offset-10 { margin-right: 83.33333333333334%; margin-left: 0; }

.col-md-pull-2 { left: 16.666666666666664%; right: 0;}
.col-md-pull-3 { left: 25%; right: 0;}
.col-md-pull-6 { left: 50%; right: 0; }
.col-md-pull-9 { left: 75%; right: 0; }
.col-md-pull-10 { left: 83.33333333333334%; right: 0; }

.col-md-push-2 { right: 16.666666666666664%; left: 0; }
.col-md-push-3 { right: 25%; left: 0; }
.col-md-push-6 { right: 50%; left: 0; }
.col-md-push-9 { right: 75%; left: 0; }
.col-md-push-10 { right: 83.33333333333334%; left: 0; }
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
    float: right;
}
.col-sm-pull-12 { left: 100%; right: auto; }
.col-sm-pull-11 { left: 91.66666666666666%; right: auto; }
.col-sm-pull-10 { left: 83.33333333333334%; right: auto; }
.col-sm-pull-9 { left: 75%; right: auto; }
.col-sm-pull-8 { left: 66.66666666666666%; right: auto; }
.col-sm-pull-7 { left: 58.333333333333336%; right: auto; }
.col-sm-pull-6 { left: 50%; right: auto; }
.col-sm-pull-5 { left: 41.66666666666667%; right: auto;}
.col-sm-pull-4 { left: 33.33333333333333%; right: auto; }
.col-sm-pull-3 { left: 25%; right: auto; }
.col-sm-pull-2 { left: 16.666666666666664%; right: auto; }
.col-sm-pull-1 { left: 8.333333333333332%; right: auto; }
.col-sm-pull-0 { left: 0%; right: auto; }
.col-sm-push-12 { right: 100%; left: auto; }
.col-sm-push-11 { right: 91.66666666666666%; left: auto; }
.col-sm-push-10 { right: 83.33333333333334%; left: auto; }
.col-sm-push-9 { right: 75%; left: auto; }
.col-sm-push-8 { right: 66.66666666666666%; left: auto; }
.col-sm-push-7 { right: 58.333333333333336%; left: auto; }
.col-sm-push-6 { right: 50%; left: auto; }
.col-sm-push-5 { right: 41.66666666666667%; left: auto; }
.col-sm-push-4 { right: 33.33333333333333%; left: auto; }
.col-sm-push-3 { right: 25%; left: auto; }
.col-sm-push-2 { right: 16.666666666666664%; left: auto; }
.col-sm-push-1 { right: 8.333333333333332%; left: auto; }
.col-sm-push-0 { right: 0%; }
.form-horizontal .control-label {
    text-align: left;
}
}

blockquote {
  border-left: 0;
  border-right: 5px solid #eeeeee;
}
.caret {
  margin-left: 0;
  margin-right: 2px;
}
.btn .caret {
  margin-right: 0;
}

.list-group {
    padding-left: auto;
    padding-right: 0;
}

.nav {
    padding-right: 0;
}

.navbar-brand {
    float: right;
}
.navbar-toggle {
    float: left;
    margin-left: 15px;
}

@media (min-width: 768px){
.navbar-nav {
    float: right;
    padding-right: 0;
}
.navbar-header {
    float: right;
}
.navbar-nav>li {
    float: right;
}
.navbar-right {
    float: left !important;
}
.navbar>.container .navbar-brand {
    margin-left: 0;
    margin-right: -15px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: auto;
    margin-left: -15px;
}
}

._navbar-fixed-top .navbar-nav {
    padding-right: 0px;
}

._navbar>.container .navbar-brand {
    margin: 0;
}
._navbar-header>.navbar-brand {
    margin: 5px 0 5px 10px !important;
    padding: 8px 10px 8px 9px !important;
}
.dropdown-menu {
    left: auto;
    right: 0;
}
.pull-right>.dropdown-menu {
    right: auto;
    left: 0;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}
}
.navbar .dropdown-menu>li>a {
    text-align: right;
}


.close {
    float: left;
}
.glyphicon-chevron-left:before {
  content: "\e080";
}
.glyphicon-chevron-right:before {
  content: "\e079";
}
.glyphicon-arrow-left:before {
  content: "\e092";
}
.glyphicon-arrow-right:before {
  content: "\e091";
}
.glyphicon-circle-arrow-right:before {
  content: "\e132";
}
.glyphicon-circle-arrow-left:before {
  content: "\e131";
}

.input-group-addon:last-child {
    border-left: 1px solid #cccccc;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

/* Fix for bug in iPhone iOS>=7 not showing whole table and not allow scrolling either! Some .js needed also... */
@media (max-width: 767px){
.table-responsive, .table-responsive .dataTables_wrapper {
  /*-webkit-overflow-scrolling: touch;*/
  direction: ltr;
}
.table-responsive > table, .table-responsive .dataTables_wrapper > table, .table-responsive .dataTables_wrapper > div {
  direction: rtl;
}
}
/* Fix end */