@charset "UTF-8";@font-face {src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-400/titillium-web-v7-latin-400.eot#iefix")
            format("embedded-opentype"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-400/titillium-web-v7-latin-400.woff2")
            format("woff2"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-400/titillium-web-v7-latin-400.woff") format("woff"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-400/titillium-web-v7-latin-400.ttf")
            format("truetype"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-400/titillium-web-v7-latin-400.svg#TitilliumWeb")
            format("svg"); font-family: "Titillium Web"; font-style: normal; font-weight: 400; font-display: swap}

@font-face {src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-600/titillium-web-v7-latin-600.eot#iefix")
            format("embedded-opentype"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-600/titillium-web-v7-latin-600.woff2")
            format("woff2"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-600/titillium-web-v7-latin-600.woff") format("woff"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-600/titillium-web-v7-latin-600.ttf")
            format("truetype"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-600/titillium-web-v7-latin-600.svg#TitilliumWeb")
            format("svg"); font-family: "Titillium Web"; font-style: normal; font-weight: 600; font-display: swap}

@font-face {src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-700/titillium-web-v7-latin-700.eot#iefix")
            format("embedded-opentype"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-700/titillium-web-v7-latin-700.woff2")
            format("woff2"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-700/titillium-web-v7-latin-700.woff") format("woff"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-700/titillium-web-v7-latin-700.ttf")
            format("truetype"),
        url("https://pocketmortys.net/templates/rt_photon/custom/fonts/titillium/titillium-700/titillium-web-v7-latin-700.svg#TitilliumWeb")
            format("svg"); font-family: "Titillium Web"; font-style: normal; font-weight: 700; font-display: swap}

@font-face {src: url("https://pocketmortys.net/media/jui/fonts/IcoMoon.eot#iefix") format("embedded-opentype"),
        url("https://pocketmortys.net/media/jui/fonts/IcoMoon.svg#IcoMoon") format("svg"), url("https://pocketmortys.net/media/jui/fonts/IcoMoon.woff") format("woff"),
        url("https://pocketmortys.net/media/jui/fonts/IcoMoon.ttf") format("truetype"); font-family: IcoMoon; font-weight: normal; font-style: normal; font-display: swap}

.share-link-wrapper {
    font-size: 14px;
    clear: both;
}

.share-link-wrapper table {
    margin-top: 10px;
}

.share-link-wrapper table tr:nth-child(2n) {
    background-color: rgb(243, 243, 243) !important;
}

.share-link-wrapper table tr:nth-child(2n + 1) {
    background-color: rgb(250, 250, 250) !important;
}

.bulk-actions-wrapper {
    display: inline-flex;
    justify-content: flex-end;
    margin-top: -25px;
    margin-bottom: 10px;
    align-items: center;
    position: relative;
    clear: both;
    margin-left: auto;
    float: right;
    font-size: 14px;
}

.bulk-actions-wrapper label {
    margin: 0px 5px;
}

.morty-share {
    padding: 2px 5px;
}

.page-header {
    display: flex;
    justify-content: space-between;
}

.button-wrap > button:not(:first-child) {
    margin-left: 10px;
}

.button-wrap > button > a {
    color: #fff !important;
}

.btn.btn-functions {
    display: inline-block;
    padding: 4px 12px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    background: rgb(84, 89, 89);
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-shadow: rgba(0, 0, 0, 0.65) 1px 0px 1px, rgba(0, 0, 0, 0.85) 1px 1px 0px;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px;
    border: 1px solid rgb(54, 54, 54);
    text-transform: uppercase;
    font-family: opensans, Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-weight: 700;
    font-size: 11px;
    outline: none;
    border-radius: 3px;
    user-select: none;
    min-width: 90px;
}

.button-wrap.no-mortys {
    right: 0px;
}

.btn.btn-functions:hover,
.btn.btn-functions:focus {
    color: rgb(255, 255, 255);
    background: rgb(101, 107, 110);
    border: 1px solid rgb(79, 79, 79);
    outline: none;
}

.btn.btn-functions.cancel:hover,
.btn.btn-functions.cancel:focus {
    color: rgb(0, 0, 0);
    outline: none;
}

.mymorty_name div {
    display: flex;
    align-items: center;
    font-weight: 600;
    white-space: normal;
}

.mymorty_name div span {
    margin-right: 5px;
    min-width: 28px;
}

.reflow-table td {
    padding-left: 5px;
}

#mymorty_select,
.mymorty_select,
#my_request_select,
.my_request_select {
    text-align: center;
    padding: 0px;
}

#mymorty_select input,
.mymorty_select input,
#my_request_select input,
.my_request_select input,
#my_offer_id input,
#my_request_id input {
    margin: 0px;
}

tr.expiredYes td {
    font-style: italic;
    color: #999999;
}

tr.expiredYes td button {
    font-style: normal;
}

.mode-select-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
}

.mode-select-wrapper > .mode-select {
    flex-grow: 1;
    flex-wrap: wrap;
}

div.dataTables_wrapper .dataTables_filter#mortyrequeststable_filter {
    margin-right: 0px;
    min-width: 235px;
}

div.dataTables_wrapper .dataTables_filter#mortyrequeststable_filter {
    top: -49px;
    position: relative;
    z-index: 4;
}

.button-wrap {
    right: 245px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}

.button-wrap > button {
    height: 33px;
    position: relative;
}

div.dataTables_wrapper table.dataTable thead .sorting_disabled:not(:last-child) {
    border-right: 1px solid rgb(221, 221, 221);
}

.mymorty_edit,
.mymorty_delete,
#mymorty_edit,
#mymorty_delete {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.mymorty_edit:hover span,
.mymorty_delete:hover span,
#mymorty_edit:hover span,
#mymorty_delete:hover span {
    color: rgb(0, 0, 0);
}

.mymorty_edit,
.mymorty_delete {
    cursor: pointer;
}

.mymorty_edit span,
.mymorty_delete span {
    margin: 0px;
}

#g-page-surround {
    width: 100%;
}

.reflow-table #mortyrequeststable_wrapper table tbody tr.hide-morty,
.reflow-table #mortyrequeststable_wrapper table thead tr.hide-morty {
    display: none !important;
}

.dataTables_sizing > input {
    display: none;
}

div.dataTables_wrapper table.dataTable tbody tr.featured.odd,
.reflow-table > table tbody tr.featured.odd,
.responsive-table > table tbody tr.featured.odd,
.reflow-table table tbody tr.featured.odd td,
.reflow-table table thead tr.featured.odd td {
    background: rgb(216, 238, 243) !important;
}

div.dataTables_wrapper table.dataTable tbody tr.featured.odd td,
.reflow-table > table tbody tr.featured.odd td,
.responsive-table > table tbody tr.featured.odd td {
    border-bottom: 1px solid rgb(174, 216, 225) !important;
}

div.dataTables_wrapper table.dataTable tbody tr.featured.even,
.reflow-table > table tbody tr.featured.even,
.responsive-table > table tbody tr.featured.even,
.reflow-table table tbody tr.featured.even td,
.reflow-table table thead tr.featured.even td {
    background: rgb(209, 231, 236) !important;
}

div.dataTables_wrapper table.dataTable tbody tr.featured.even td,
.reflow-table > table tbody tr.featured.even td,
.responsive-table > table tbody tr.featured.even td {
    border-bottom: 1px solid rgb(166, 211, 220) !important;
}

.lightcase-contentInner,
.lightcase-contentInner iframe {
    min-height: 530px !important;
}

body.lightcase-open div#lightcase-case,
body.lightcase-open div.lightcase-contentInner,
body.lightcase-open .lightcase-contentInner,
body.lightcase-open .lightcase-contentInner iframe {
    min-width: 70vw !important;
    min-height: 80vh !important;
}

div.dataTables_wrapper table.dataTable tbody tr.mortys:hover,
.reflow-table > table tbody tr.mortys:hover,
.responsive-table > table tbody tr.mortys:hover {
    background-color: rgb(255, 255, 255);
    cursor: pointer;
}

div.dataTables_wrapper table.dataTable tbody tr.mortys:hover .request_trade button,
.reflow-table > table tbody tr.mortys:hover .request_trade button,
.responsive-table > table tbody tr.mortys:hover .request_trade button {
    background: rgb(101, 107, 110);
    border: 1px solid rgb(79, 79, 79);
}

.offer-toggle-wrap {
    display: flex;
    align-items: center;
    min-height: 30px;
    line-height: 30px;
}

.offer-toggle-wrap ul {
    margin: 0 0 0 5px;
    list-style-type: none;
}

.offer-toggle-wrap ul li {
    display: inline-block;
    font-size: 13px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #0f829c;
    padding: 0 10px;
    margin: 0 0 0 5px;
    cursor: pointer;
}

.offer-toggle-wrap ul li.active {
    background: #0f829c;
    border: none;
    color: #fff;
    cursor: default;
}

#reactivate-trade,
#delete-trade {
    float: right;
}

#reactivate-trade:not(:last-child) {
    margin-left: 5px;
}

#make-offer {
    margin-left: auto;
    margin-right: 5px;
}

.left-side {
    padding-right: 5px;
}

.right-side {
    padding-left: 5px;
}

#reactivate-trade span:not(.icon-redo) {
    color: #007619;
    font-style: italic;
    font-size: 14px;
}

#showing-week {
    margin-bottom: 17px;
    font-size: 12px;
    font-style: italic;
    cursor: help;
}

#showing-week span {
    font-style: normal;
}

.icon-info {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-left: 5px;
    color: #0f829c;
    cursor: help;
    position: relative;
}

.request_name div,
.offer_name div,
.my_request_name div,
.my_offer_name div {
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 15px;
    white-space: normal;
}

.request_name div span,
.offer_name div span,
.my_request_name div span,
.my_offer_name div span {
    margin-right: 5px;
    min-width: 28px;
}

.request_trade .btn.btn-functions,
.offer_trade .btn.btn-functions,
.my_request_edit .btn.btn.btn-functions,
.my_offer_edit .btn.btn-functions,
.my_request_delete .btn.btn-functions,
.my_offer_withdraw .btn.btn-functions {
    padding: 3px;
    min-width: min-content;
    font-size: 10px;
    width: 100%;
}

.request_trade .btn.btn-functions .icon-loop,
.offer_trade .btn.btn-functions .icon-loop,
.my_request_trade .btn.btn-functions .icon-loop,
.my_offer_trade .btn.btn-functions .icon-loop,
.my_request_edit .btn.btn-functions .icon-edit,
.my_offer_edit .btn.btn-functions .icon-edit,
.my_request_delete .btn.btn-functions .icon-delete,
.my_offer_withdraw .btn.btn-functions .icon-delete {
    width: 10px;
}

.request_trade .btn.btn-functions .icon-loop::before,
.offer_trade .btn.btn-functions .icon-loop::before,
.my_request_trade .btn.btn-functions .icon-loop::before,
.my_offer_trade .btn.btn-functions .icon-loop::before,
.my_request_edit .btn.btn-functions .icon-edit::before,
.my_offer_edit .btn.btn-functions .icon-edit::before,
.my_request_delete .btn.btn-functions .icon-delete::before,
.my_offer_withdraw .btn.btn-functions .icon-delete::before {
    font-size: 8px;
}

span.normal {
    background: none;
    padding-left: 0px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    line-height: 17px;
}

span.rock {
    background: url("https://pocketmortys.net/images/types.png") left top 1px / 18px no-repeat;
    padding-left: 25px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    line-height: 17px;
}

span.paper {
    background: url("https://pocketmortys.net/images/types.png") left top -19px / 18px no-repeat;
    padding-left: 25px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    line-height: 17px;
}

span.scissors {
    background: url("https://pocketmortys.net/images/types.png") left top -38px / 18px no-repeat;
    padding-left: 25px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    line-height: 17px;
}

span.Common {
    background: none;
    padding-left: 0px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
}

span.Rare {
    background: url("https://pocketmortys.net/images/rarity.png") left top -23px / 18px no-repeat;
    padding-left: 25px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    line-height: 17px;
}

span.Epic {
    background: url("https://pocketmortys.net/images/rarity.png") left top -45px / 18px no-repeat;
    padding-left: 25px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    line-height: 17px;
}

span.Exotic {
    background: url("https://pocketmortys.net/images/rarity.png") left top -67px / 18px no-repeat;
    padding-left: 25px;
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    line-height: 17px;
}

#mymortystable tr {
    cursor: pointer;
}

h4:not(.title) {
    font-family: "Titillium Web", Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-weight: 400;
    margin: 0px 0px 20px 5px;
    color: rgb(104, 104, 104);
    font-size: 1.15rem;
    line-height: 30px;
}

span.success {
    color: #007619;
}

.morty-wrapper.request-wrap {
    flex-wrap: wrap;
}

.morty-wrapper.request-wrap > div {
    padding-left: 10px;
}

.morty-wrapper.request-wrap > div:nth-child(2),
.morty-wrapper.request-wrap > div:nth-child(3) {
    align-items: center;
}

.morty-wrapper.request-wrap > div .info-wrapper > span:nth-child(even) {
    min-width: 75px;
}

.morty-owner-offer-wrapper.withdraw,
.morty-response-offer-wrapper.withdraw {
    position: relative;
    overflow: hidden;
    margin: 0 5px;
}

.morty-owner-offer-wrapper.withdraw::after,
.morty-response-offer-wrapper.withdraw::after {
    content: "Offer Withdrawn";
    position: absolute;
    display: block;
    top: 25%;
    left: -40px;
    font-size: 40px;
    font-family: inherit;
    width: calc(100% + 80px);
    padding: 5px;
    text-align: center;
    opacity: 1;
    transform: rotate(-23deg);
    background: white;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.withdraw > .morty-wrapper {
    margin: 10px 0;
}

.withdraw > .morty-wrapper .info-wrapper {
    opacity: 0.5;
}

.withdraw > button {
    display: none !important;
}

.offer-status-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.offer-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% - 10px);
    background: #f0f0f0;
    padding: 18px 10px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    opacity: 1;
}

.offer-status-title {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.offer-status .icomoon {
    font-size: 70px;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 0;
}

.offer-status .icomoon::before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.offer-status .icomoon.icon-checkmark-circle {
    color: #007619;
}

.offer-status .icomoon.icon-cancel-circle {
    color: #d50000;
}

#request_morty_image {
    height: 157px;
}

#confirm-wrap {
    margin-left: 5px;
}

.morty-offer .reflow-table {
    margin-top: -30px;
}

.morty-offer p {
    color: rgb(104, 104, 104);
}

.morty-offer #mymortystable_filter {
    padding-right: 17px;
}

.morty-offer .page-header {
    padding-right: 17px;
}

.offered_morty {
    font-weight: 600;
}

.offered_morty img {
    vertical-align: middle;
    margin-left: 2px;
}

.error_log {
    color: #d50000;
    padding-bottom: 10px;
    font-style: italic;
    font-size: 14px;
}

.error_log:empty {
    padding-bottom: 0;
}

#mymortystable_wrapper,
#mymortystable_wrapper table {
    font-size: 12px;
    color: #686868;
    font-family: "opensans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 400;
    width: 100%;
}

#restrictions-wrap {
    display: flex;
    align-items: center;
    margin: 0px 0px 15px 10px;
    font-weight: 600;
}

#restrictions-wrap label {
    display: inline-flex;
    align-items: center;
    margin: 0px 15px 0px 0px;
    color: rgb(104, 104, 104);
}

#restrictions-wrap label input {
    margin: 0px 5px 0px 0px;
}

#restrictions-wrap label span {
    margin-left: 5px;
    font-size: 12px;
}

.anchor {
    display: block;
    position: relative;
    top: -20px;
    visibility: hidden;
}

tr.accepted td {
    background: rgb(197, 255, 205) !important;
}

tr.rejected td,
tr.withdraw td,
tr.expired td {
    opacity: 0.5;
}

.trade_table_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.m-0 {
    margin: 0;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mb-5 {
    margin-bottom: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.mb-5 {
    margin-right: 5px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.icon-edit,
.icon-delete {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.icon-edit::before {
    font-family: IcoMoon;
    font-style: normal;
    content: "+";
    font-size: 12px;
}

.icon-delete::before {
    font-family: IcoMoon;
    font-style: normal;
    content: "I";
    font-size: 12px;
}

div.dataTables_wrapper table.dataTable tbody tr.selected-morty.odd td,
div.dataTables_wrapper table.dataTable tbody tr.selected-morty.even td,
.reflow-table table tbody tr.selected-morty.odd td,
.reflow-table table tbody tr.selected-morty.even td {
    background-color: rgb(197, 255, 205) !important;
}

/** Filters **/
#filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#filters > .mode-select-wrapper {
    width: auto;
}

.filter-dropdowns {
    display: flex;
    flex-wrap: wrap;
}

.filter-category {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #686868;
    background: linear-gradient(to bottom, #fafafa 0%, #f3f3f3 100%);
    border: 1px solid #cfcfcf;
    text-shadow: 0 0 0 transparent, 1px 1px 1px rgba(255, 255, 255, 0.65);
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    margin-right: 8px;
}

.filter-category:last-child {
    margin-right: 0;
}

.filter-category > strong {
    padding: 5px 10px;
    display: inline-flex;
    max-height: 30px;
    align-items: center;
}

.filter-category:hover {
    background: #fafafa;
}

.filter-category:hover .filter-options {
    display: block;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    z-index: 5;
}

.filter-category:hover > strong {
    z-index: 6;
    position: relative;
    box-shadow: 0 1px 0 #fafafa;
}

.filter-options {
    position: absolute;
    top: 100%;
    left: -1px;
    background-color: #fafafa;
    display: none;
    border: 1px solid #cfcfcf;
    white-space: nowrap;
}

.filter-options.align-right {
    left: unset;
    right: -1px;
}

.filter-category:hover .filter-options.align-right {
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.1);
}

.filter-options > div {
    padding: 4px 10px;
    display: flex;
    align-items: center;
}

.filter-options > div > strong,
.filter-options > div > span {
    opacity: 0.65;
    line-height: 19px;
    padding-top: 0;
}

.filter-options > div.selected > strong,
.filter-options > div.selected > span {
    opacity: 1;
}

.filter-options > div > i {
    font-family: FontAwesome;
    font-style: normal;
    padding-left: 0;
    min-height: 19px;
    line-height: 19px;
}

.filter-options > div > i::before {
    content: "\f096";
    padding-right: 10px;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    top: 1px;
}

.filter-options > div.selected > i::before {
    content: "\f14a";
    font-size: 13px;
    position: relative;
    top: 0;
}

.filter-options > div > strong {
    margin-right: 10px;
}

.filter-options > div > span {
    text-align: right;
    margin-left: auto;
}

.filter-options > div:hover {
    color: #000;
}

.filter-options > div:hover > i {
    color: #084856 !important;
}

#morty-dropdown {
    margin-left: auto;
    margin-right: 15px;
}

#morty-dropdown > span,
#username-dropdown > span {
    font-size: 13px;
    font-weight: 600;
    margin-right: 8px;
}

@media only all and (max-width: 1279px) and (min-width: 1024px) {
    .toggler {
        display: none;
    }
    .mode-select-wrapper > .mode-select > div {
        margin-right: 10px;
        flex-grow: 1;
        max-width: 125px;
    }
    .mode-select-wrapper > .mode-select:first-child,
    .mode-select-wrapper > .mode-select:nth-child(2) {
        width: 100%;
    }
    div.dataTables_wrapper .dataTables_filter#mortytable_filter {
        top: -108px;
    }
}
@media only all and (max-width: 1365px) and (min-width: 1280px) {
    .toggler {
        display: none;
    }
    .mode-select-wrapper > .mode-select > div {
        margin-right: 7px;
    }
    .mode-select-wrapper > .mode-select:first-child {
        width: 100%;
    }
    .mode-select-wrapper > .mode-select:last-child {
        justify-content: flex-end;
        margin-right: 0px;
    }
    #show_exotic {
        margin-right: 0px;
    }
}
@media only all and (max-width: 1439px) and (min-width: 1366px) {
    .toggler {
        display: none;
    }
    .mode-select-wrapper > .mode-select > div {
        margin-right: 7px;
    }
    .mode-select-wrapper > .mode-select:first-child {
        width: 100%;
    }
    .mode-select-wrapper > .mode-select:last-child {
        justify-content: flex-end;
        margin-right: 0px;
    }
    #show_exotic {
        margin-right: 0px;
    }
}
@media only all and (max-width: 1919px) and (min-width: 1440px) {
    .mode-select > span.toggler {
        display: none;
    }
    .mode-select-wrapper > .mode-select > div {
        margin-right: 8px;
    }
    .mode-select-wrapper > .mode-select {
        flex-grow: 0;
    }
    div.dataTables_wrapper .dataTables_filter#mortyrequeststable_filter {
        top: 0px;
    }
    .button-wrap {
        right: 0px;
    }
}
@media only screen and (min-width: 1920px) {
    .mode-select > span.toggler {
        display: inline;
        padding-left: 0px;
    }
    .mode-select-wrapper > .mode-select > div {
        margin-right: 8px;
    }
    .mode-select-wrapper > .mode-select:first-child {
        width: unset;
    }
    .mode-select-wrapper > .mode-select:last-child {
        justify-content: flex-start;
        margin-right: 0px;
        font-size: 13px;
    }
    #show_exotic {
        margin-right: 0px;
    }
    div.dataTables_wrapper .dataTables_filter#mortyrequeststable_filter {
        top: 0px;
    }
    .button-wrap {
        right: 0px;
    }
}
@media only all and (max-width: 1024px) {
    .lightcase-contentInner,
    .lightcase-contentInner iframe {
        min-height: 530px !important;
    }

    .morty-wrapper.request-wrap > div {
        padding-left: 0;
    }

    .left-side,
    .right-side {
        padding: 5px;
    }

    .morty-wrapper.request-wrap > div:nth-child(2),
    .morty-wrapper.request-wrap > div:nth-child(3) {
        align-items: flex-start;
    }

    .page-header {
        flex-direction: column;
        justify-content: flex-start;
    }

    .button-wrap {
        right: unset;
        flex-wrap: wrap;
        justify-content: flex-start;
        height: unset;
        min-height: 50px;
    }

    .button-wrap > button {
        margin-left: 0 !important;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    div.dataTables_wrapper .dataTables_filter#mortyrequeststable_filter {
        top: 0;
    }

    table.dataTable {
        table-layout: fixed !important;
    }

    th#my_request_select,
    td.my_request_select {
        width: 25px !important;
    }

    th#request_tid,
    td.request_tid,
    th#my_request_tid,
    td.my_request_tid {
        width: 35px !important;
    }

    th#request_rid,
    td.request_rid,
    th#my_request_rid,
    td.my_request_rid {
        width: 35px !important;
    }

    th#request_number,
    td.request_number,
    th#my_request_number,
    td.my_request_number {
        width: 35px !important;
    }

    th#request_name,
    td.request_name,
    th#my_request_name,
    td.my_request_name {
        width: 165px !important;
    }

    th#request_type,
    td.request_type,
    th#my_request_type,
    td.my_request_type {
        width: 80px !important;
    }

    th#request_rarity,
    td.request_rarity,
    th#my_request_rarity,
    td.my_request_rarity {
        width: 70px !important;
    }

    th#request_lvl,
    td.request_lvl,
    th#my_request_lvl,
    td.my_request_lvl,
    th#request_hp_iv,
    td.request_hp_iv,
    th#my_request_hp_iv,
    td.my_request_hp_iv,
    th#request_atk_iv,
    td.request_atk_iv,
    th#my_request_atk_iv,
    td.my_request_atk_iv,
    th#request_def_iv,
    td.request_def_iv,
    th#my_request_def_iv,
    td.my_request_def_iv,
    th#request_spd_iv,
    td.request_spd_iv,
    th#my_request_spd_iv,
    td.my_request_spd_iv {
        width: 50px !important;
    }

    th#request_username,
    td.request_username {
        width: 120px !important;
    }

    th#request_date_created,
    td.request_date_created,
    th#my_request_date_created,
    td.my_request_date_created {
        width: 120px !important;
    }

    th#request_trade,
    td.request_trade {
        width: 70px !important;
    }

    th#my_request_expired,
    td.my_request_expired {
        width: 60px !important;
    }

    th#my_request_edit,
    td.my_request_edit {
        width: 70px !important;
    }

    th#my_request_delete,
    td.my_request_delete {
        width: 75px !important;
    }

    .reflow-table table.dataTable {
        overflow: auto !important;
    }

    .trade_table_wrapper {
        overflow: auto;
    }

    .trade_table {
        min-width: max-content;
    }
}
@media only all and (max-width: 767px) {
    .bulk-actions-wrapper {
        margin-top: 0px;
        float: none;
    }
}