
.toast-top-right{top:12px;left:18px;right: unset;}
/***********************************/
.card-title {
  float: right;
}
.layout-fixed .main-sidebar {
    right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 6px;
    right: unset;
}
.input-group-append {
    right: unset;
    left: 0;
}
.mdl-textfield__input {
    font-size: 14px;
}

.close, .mailbox-attachment-close {
  float: left !important;
}
.modal-header .close, .modal-header .mailbox-attachment-close {
  margin: -1rem auto -1rem -1rem;
}

.small-box .icon > i {
    left: 15px;
    right: auto;
}

[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, 
[class*=icheck-]>input:first-child:checked+label::after {
    right: 15px;
    left: auto;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right:8px;
    padding-left:20px;
    text-align: right;
}
.select2-container--default .select2-results>.select2-results__options {
    text-align: right;
}
.nav-sidebar .nav-link>.right, 
.nav-sidebar .nav-link>p>.right {
    left: 1rem;
    right: auto;
}
.nav-sidebar .nav-link>.right:nth-child(2), 
.nav-sidebar .nav-link>p>.right:nth-child(2) {
    left: 2.2rem;
    right: auto;
}
.nav-sidebar.nav-child-indent .nav-treeview {
    padding-right: 1rem;
    padding-left: 0;
}
.nav-tabs .nav-link i {
  margin-left: 4px;
  margin-right: unset;
}
.brand-link .brand-image {
  float: right;
}
.nav-sidebar > .nav-item .nav-icon {
  margin-right: 0;
  margin-left: 0.4rem;
}

.main-sidebar, .main-sidebar::before {
  transition: margin-right 0.3s ease-in-out, width 0.3s ease-in-out;
  width: 250px;
}

.alert-dismissible .close, .alert-dismissible .mailbox-attachment-close {
    left: 0;
    right: unset;
}
.main-header .nav-link .nav-icon {
    margin-left: 3px;
    margin-right: 0;
}
.mdl-block .mdl-block__label {
    left:initial;
    right: 10px;
}
.widget-user-image {
    float: right;
}
.widget-user-2 .widget-user-username, 
.widget-user-2 .widget-user-desc {
  margin-right: 75px;
  margin-left: unset;
}
.mdl-button--icon.rotate-180 {
   transform: scaleX(-1);
}

.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  border-right-color: transparent;
  border-left-color: #dee2e6;
}

@media (max-width: 991.98px){
    .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
      margin-right: -250px;
    }
}
@media (min-width: 992px){
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-right: 4.6rem!important;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-right: 4.6rem!important;
        margin-left: 0!important;
    }
}

@media (max-width: 767.98px) {
    .main-sidebar, .main-sidebar::before {
        margin-right: -250px;
    }

    .content-wrapper, .content-wrapper::before, .main-footer, .main-footer::before, .main-header, .main-header::before {
        margin-right: 0;
    }

    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
        margin-right: 0;
    }
}


/* order of media min-width is important smaller first */
@media (min-width: 768px) {
    /* custon logged-out class by john */
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav):not(.logged-out) .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav):not(.logged-out) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav):not(.logged-out) .main-header {
    transition: margin-right 0.3s ease-in-out;
    margin-right: 250px;
    margin-left: unset;
  }
}

@media (max-width: 991.98px) {
  /* Custom by john */
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav):not(.logged-out) .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav):not(.logged-out) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav):not(.logged-out) .main-header {
    margin-right: 0;
    margin-left: unset;
  }
}

