One Hat Cyber Team

View File Name : rtl.css

/*navbar*/
.navbar .navbar-nav {
  margin-left: auto;
  margin-right: unset !important;
  padding-right: 0;
}

.navbar-custom {
  left: 0;
  right: 250px;
}

.page-container {
  margin-left: 0;
  margin-right: 250px;
}
.page-container #page-content .client-widget-section {
  /*padding*/
}

@media (max-width: 990px) {
  .navbar {
    right: 0;
  }
  .page-container {
    margin-right: 0px !important;
  }
  .sidebar .sidebar-brand {
    padding-left: 0;
  }
  .sidebar-off {
    right: -250px;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
  }
  .sidebar-toggled .sidebar-off {
    right: 0;
  }
}
/*sidebar*/
#sidebar-menu li i {
  margin-right: 0;
  margin-left: 10px;
}
#sidebar-menu li.expand a::before {
  left: 1.5rem;
  right: unset;
}
#sidebar-menu li.expand.open a::before {
  left: 1.5rem;
  right: unset;
}
#sidebar-menu li ul li a svg {
  transform: rotate(180deg);
}
#sidebar-menu li a span {
  margin-left: 0;
  margin-right: 10px;
}
#sidebar-menu .badge {
  float: left;
}

@media (min-width: 991px) {
  .sidebar-toggled .navbar-custom {
    left: 0;
    right: 70px;
  }
  .sidebar-toggled .sidebar-menu li a .menu-text {
    padding-left: 0;
    padding-right: 35px;
  }
  .sidebar-toggled .sidebar-menu li ul {
    right: 70px;
  }
  .sidebar-toggled .page-container {
    margin-left: 0;
    margin-right: 70px;
  }
}
.nav-tabs {
  padding-right: 0;
}
.nav-tabs.title .tab-title {
  margin-right: auto;
  margin-left: 0 !important;
}

.page-title .title-button-group {
  float: left;
  margin: 0 !important;
}
.page-title h1 {
  float: right;
}

#comment-form-container .flex-shrink-0, .comment-form-container .flex-shrink-0 {
  margin-left: 0 !important;
}

.comment-avatar {
  padding-left: 0;
  padding-right: 15px;
}

.comment-like-top {
  left: 60px;
  right: auto;
}

.reply-form .flex-shrink-0 {
  margin-left: 0 !important;
}

/*timeline*/
#timeline .post-content:nth-child(odd) {
  float: right;
  clear: right;
  padding-left: 20px;
  padding-right: 0;
}
#timeline .post-content:nth-child(even) {
  float: left;
  clear: left;
  padding-left: 0;
  padding-right: 20px;
}
#timeline .post-content .post-date:before {
  left: 0;
  right: -20px;
}
#timeline .post-content:nth-child(odd) .post-date {
  text-align: left;
}
#timeline .post-content:nth-child(odd) .post-date:before {
  margin-right: 0;
  margin-left: -40px;
  float: left;
}

.timeline-images span.more {
  margin-right: -80px;
}

@media screen and (max-width: 1400px) {
  /* Timeline */
  #timeline:before {
    right: 0px;
    margin-left: 0;
  }
  #timeline .post-content {
    float: right;
    padding: 0 30px 0 0 !important;
  }
  #timeline .post-content:nth-child(odd) .post-date {
    text-align: right !important;
  }
  #timeline .post-content:nth-child(odd) .post-date:before {
    float: right !important;
  }
}
.float-start {
  float: right !important;
}

.float-end {
  float: left !important;
}

.text-end {
  text-align: left !important;
}

.dropdown-menu-end {
  --bs-position: start;
  right: auto !important;
  left: 0 !important;
}

.dropdown-menu-start {
  --bs-position: end;
  right: 0 !important;
  left: auto !important;
}

#message-details-section .dropdown {
  right: auto;
  left: 30px;
}

.border-end {
  border-right: none !important;
  border-left: 1px solid #dee2e6 !important;
}

/*padding and margin*/
.p10 {
  padding: 10px !important;
}

.pl0 {
  padding-right: 0 !important;
  padding-left: auto;
}

.pl10 {
  padding-left: 0 !important;
  padding-right: 10px;
}

.pr15 {
  padding-left: 15px !important;
  padding-right: 0 !important;
}

.mr15 {
  margin-right: 0 !important;
  margin-left: 15px !important;
}

.ml10 {
  margin-left: 0 !important;
  margin-right: 10px;
}

.ml15 {
  margin-left: 0 !important;
  margin-right: 15px !important;
}

.ml298 {
  margin-left: 0 !important;
  margin-right: 298px;
}

.mr-1 {
  margin-left: -1px !important;
}

.ml-1 {
  margin-right: -1px !important;
}

.d-flex .flex-shrink-0 {
  margin-right: 0 !important;
  margin-left: 10px;
}

/*loader*/
.app-loader {
  right: auto;
  left: 20px;
}

#pre-loader .app-loader {
  right: auto;
  left: 53%;
}

.init-chat-icon {
  right: auto;
  left: 20px;
}

.rise-chat-wrapper {
  right: auto;
  left: 80px;
}

.rise-chat-header .chat-back svg {
  transform: rotate(180deg);
}

.rise-chat-footer textarea {
  padding: 10px 35px 10px 10px;
}

.chat-other .chat-msg, .close {
  float: left;
}

.b-l {
  border-left: none;
  border-right: 1px solid #f2f4f6;
}

.b-r {
  border-right: none;
  border-left: 1px solid #f2f4f6;
}

.me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/*datatable*/
table.dataTable th {
  text-align: right;
}
table.dataTable th:before {
  left: 1em;
  right: auto !important;
}
table.dataTable th:after {
  left: 0.5em;
  right: auto !important;
}

.dataTables_filter input, .datatable-search, .custom-filter-search {
  background: url("../images/search.png") no-repeat 4% 45% #fff;
}

.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: left;
}
.dataTables_wrapper .dataTables_filter input {
  margin: 0 5px 0 0;
}

.dataTables_filter {
  margin: 0 10px 10px 0;
}

.dataTables_wrapper .dataTables_length {
  float: right;
}

#page-content .datatable-tools .dataTables_paginate .paginate_button svg {
  transform: rotate(180deg);
}

div.DTTT_container {
  float: left;
}

.notepad-title {
  border-left: none !important;
  border-right: 5px solid #1ccacc !important;
}

.bs-popover-end {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}

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

.dtr-data {
  text-align: left;
}

.comment-dropdown, .reply-dropdown {
  right: auto;
  left: 30px;
}

.modal .modal-header .btn-close {
  margin: 0;
}

.settings .settings-anchor .pull-right {
  float: left !important;
}

.help-catagory.list-group .list-group-item:hover, .help-catagory.list-group .list-group-item.active {
  border-left: none !important;
  border-right: 2px solid #4e5e6a !important;
}

.move-icon {
  margin: 3px 0 3px 15px !important;
}

.invoice-styles .active:before {
  margin-left: 0;
  margin-right: 100px;
}

.social-link {
  margin: 0 0 10px 10px;
}

.profile-image-upload {
  margin-left: 0;
  margin-right: -45px;
}

.file-upload input.upload {
  left: 0;
  right: auto;
}

#template-list-box .settings-anchor {
  margin-right: 10px;
}

/* fs modal*/
.app-modal .expand {
  right: auto !important;
  left: 370px !important;
}
.app-modal .compress, .app-modal .expand {
  right: auto;
  left: 20px;
}

/*select2 */
.select2-container .select2-choice .select2-arrow {
  border-left: none !important;
  border-right: none !important;
}

.select2-search input {
  background: url("../js/select2/select2.png") no-repeat -30% -22px, #fff 0 0 !important;
}

.alert .progress {
  margin: 19px -41px -15px -13px;
}

.app-alert.animate {
  left: 15px !important;
  right: unset !important;
}

.settings .settings-anchor:not(.collapsed):not(.hide-collapse)::after {
  float: left !important;
}
.settings .settings-anchor:not(.hide-collapse):after {
  float: left !important;
}

@media (min-width: 992px) {
  .custom-modal-lg .ps__rail-y {
    right: 885px !important;
  }
}
.kanban-col {
  float: right !important;
}

.color-tag {
  margin: 0 0 2px 10px !important;
}

.pl30 {
  padding-left: 0 !important;
  padding-right: 30px;
}