/*
SETINA LOGIN MOBILE
*/
@media screen and (max-width:1380px) {
    html {
        overflow-x:hidden!important;
        overflow-y:auto!important;
        box-sizing:border-box;
        width:100vw;
        height:100vh;
    }

    #frontLoginBody {
        display:flex;
        flex-direction:column;
        width:100vw;
        height:100vh;
    }
    #frontHeader1 {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    background-color:black;
    }
    /*
    #frontBody1 {
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    width:100%;
    flex:2;
    }
    #frontBody1 div {
        display:none;
    }
    */
    #frontLoginBox {
        display:flex!important;
        flex-direction:column;
        background-color:rgb(226 226 226 / 95%);
        border:1px solid #a3a3a3;
        box-sizing:border-box;
        padding:10px;
        width:100%;
        min-height:50%!important;
        height:auto!important;
        align-items:center;

    }
    #frontLoginBox p {
        font-family:'Roboto';
        font-size:2.2rem;
    }
    #frontLoginBox div:nth-of-type(2) {
        display:flex;
        flex-direction:column;
    }
    #frontFooter1 {
    background-color:black;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    }
    #frontFooter1 a, #frontFooter1 p {
        color:white;
        text-decoration:none;
        font-family: "Roboto", sans-serif;
    }
    #frontFooter1 div:nth-of-type(1) {
        padding-left:20px;
        width:40%;
    }
    #frontFooter1 div:nth-of-type(3) {
        display:flex;
        flex-direction:row;
        padding-right:20px;
        text-align:right;
        align-items:center;
    }
    #showEverything {
        display:none;
    }
    .frontLoginBoxPwEye {
        width:5%;
    }
    .frontLoginBoxIcon {
        width:7%;
    }
    #frontLoginBox div:not(#frontLoginQrCodeHavingTroubleDesktop) {
        display:flex;
    }
    #frontLoginBox h3 {
        font-size:52px;
    }
    div.tfaOption {
        display:flex!important;
        flex-direction:row!important;
        width:100%;
        font-family: 'Roboto';
        font-size:32px;
        align-items:center;
        box-sizing:border-box;
        padding-left:40px;
        padding-right:40px;
    
    }
    .tfaOption a {
        font-size:48px;
        text-decoration:none;
        transition:1s;
    }
    .tfaOption a:hover {
        color:#252582;
    }
    div.tfaOption span {
        margin-right:20px;
        width:40px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    div.tfaOption span img {
        width:64px;
        height:64px;
        transition:1s;
    }
    div.tfaOption img:hover {
        -webkit-box-shadow: 10px 10px 88px -53px rgba(255,255,255,1);
        -moz-box-shadow: 10px 10px 88px -53px rgba(255,255,255,1);
        box-shadow: 10px 10px 88px -53px rgba(255,255,255,1);
    }
    div.tfaOption:nth-of-type(1) img {
        width:96px;
        height:96px;
    }
    
    #frontLoginBox input {
        padding:5px;
    }
    
    #frontLoginBox input[type=email], #frontLoginBox input[type=password], #frontLoginBox input[type=text] {
        opacity:1!important;
        box-sizing:border-box;
        height:40px;
        font-family: "Roboto", sans-serif;
        padding:10px 10px;
        background-color:white;
        width:100%;
        border:1px solid rgb(209, 209, 209);
        margin-bottom:5px;
        padding-left:10%;
        transition:border 1s;
        height:120px;
        font-size:32px;
    }
    
    #frontLoginBox button {
        opacity:1!important;
        box-sizing:border-box;
        width:40%;
        height:100px;
        font-size:36px;
    }
    #frontLoginBoxRememberSubmit {
        display:flex;
        flex-direction:row!important;
        justify-content:space-between;
        margin-top:10px;
        }
    #frontLoginBoxRememberSubmit span {
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        width:20%;
    }
    #frontLoginBoxRememberSubmit span input {
        width:80%;
        height:80%;
    }
    #frontLoginBoxRememberSubmit label {
        font-size:32px!important;
        display:block;
        margin-left:3px;
        letter-spacing:0.5px;
        width:50%;
    }
    #frontForgotPasswordStart {
        text-decoration:none;
        font-size:28px;
    }

    #frontLoginBoxFooterLinks a {
        font-size:2.4rem;
    }
    
    #frontQrcodeContainer, #frontQrcodeContainerAJAX {
        display:flex;
        flex-direction:row!important;
        justify-content:center;
        border:0;
        box-sizing:border-box;
        padding:8px;
        padding-top:20px;
        margin-top:5px;
        width:100%;
    }
    
    #frontQrcodeContainerAJAX {
        align-items:center;
    }
    
    #frontQrcodeContainer div:nth-of-type(2), #frontQrcodeContainerAJAX div:nth-of-type(2) {
        display:flex;
        flex-direction:column;
    }
    #frontQrcodeContainer div:nth-of-type(2) input, #frontQrcodeContainerAJAX div:nth-of-type(2) input {
        font-size:32px;
    
    }
    #frontQrcodeContainer div:nth-of-type(2) div, #frontQrcodeContainerAJAX div:nth-of-type(2) {
        display:flex;
        flex-direction:row;
    
    }
    #frontQrcodeContainer #qrcode {
    
    }
    
    #frontLoginBoxQrSecretMobile {
        display:block;
        font-size:32px;
        font-family:'Roboto',sans-serif;
        margin-top:-20px;
        margin-bottom:10px;
        color:#222d71;
    }
    #frontLoginBoxQrSecretMobileCode {
        display:block;
        font-family:'Roboto',sans-serif;
        border:1px solid grey;
        font-size:28px;
        background-color:rgb(255 255 255 / 65%);
        padding:5px;
        margin-bottom:10px;
    }
    
    #frontLoginBox h4 {
        font-size:36px;
        margin:0;
        padding:0;
        margin-bottom:20px;
    }
    #frontLoginBoxVerifyCodeRow {
        display:flex;
        flex-direction:row!important;
        justify-content:space-between;
        gap:10px;
    }
    #frontLoginBoxVerifyCodeRow input {
        width:60%;
        height:120px;
        font-size:32px;
        padding-left:20px;
    }
    #frontLoginBoxVerifyCodeRow button {
        width:40%;
        height:120px;
    }
    #loginFrontBoxQrCodeSecret {
        display:none!important;
    }
    #frontLoginQrCodeHavingTroubleDesktop {
        display:none!important;
    }

    #frontMainMenuMobileContainer {
        display:flex;
        flex-direction:column;
    }

    #frontMainMenuMobileHeader {

    }

    #frontMainMenuNavSide {
        display:none;
    }

    #frontMobileMenuNav {
        display:block!important;
        height:auto;
        width:50%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: 'Roboto', sans-serif;
        font-size:1.8rem;
        text-align:center;
        width:fit-content;
    }

    #frontMobileMenuNav optgroup option {
        font-family: 'Roboto', sans-serif;
       width:fit-content;
    }

    #frontManageUsersPermissionsSide, #frontManageUsersPermissionsSideTag {
        width:100%;
        border-left:none;
        margin-top:2.5%;
    }

    .manageUsersHeadline {
        margin-bottom: 2%;
        height: 15%!important;
        margin-top: 0.5%;
    }

    #frontOrdersQuotesSinglePageRightCommentsText {
        margin-bottom:0;
    }

    #frontManageUsersManageWindow, #frontManageUsersAddWindow {
        width:70%;
        top:100%;
    }

    #frontBodyContentManageUsers {
        flex-direction:column!important;
    }

    #frontAccountUpperContainer {
        display:flex;
    }

    .frontAccountLowerItem {
        width:100%;
        min-width:100%;
        max-width:100%;
        height:fit-content!important;
    }

    #frontOrdersMainTable tbody tr td:nth-of-type(2), #frontOrdersMainTable tbody tr td:nth-of-type(2),
    #frontQuotesMainTable tbody tr td:nth-of-type(2), #frontQuotesMainTable tbody tr td:nth-of-type(2) {
        width:10%;
    }

    #frontOrdersMainTable tbody tr td:nth-of-type(4), #frontOrdersMainTable tbody tr td:nth-of-type(4),
    #frontQuotesMainTable tbody tr td:nth-of-type(4), #frontQuotesMainTable tbody tr td:nth-of-type(4),
    #frontOrdersMainTable tbody tr td:nth-of-type(5), #frontOrdersMainTable tbody tr td:nth-of-type(5),
    #frontQuotesMainTable tbody tr td:nth-of-type(5), #frontQuotesMainTable tbody tr td:nth-of-type(5),
    #frontOrdersMainTable tbody tr td:nth-of-type(6), #frontOrdersMainTable tbody tr td:nth-of-type(6),
    #frontQuotesMainTable tbody tr td:nth-of-type(6), #frontQuotesMainTable tbody tr td:nth-of-type(7) {
        width:30%;
    }

    #frontOrdersMainTable tbody tr td:nth-of-type(6), #frontOrdersMainTable tbody tr th:nth-of-type(6),
    #frontQuotesMainTable tbody tr td:nth-of-type(3), #frontQuotesMainTable tbody tr th:nth-of-type(3),
    #frontQuotesMainTable tbody tr td:nth-of-type(5), #frontQuotesMainTable tbody tr th:nth-of-type(5) {
        display:none;
    }

    .frontOrdersMainTableTracking tbody tr td:nth-of-type(6), .frontOrdersMainTableTracking tbody tr th:nth-of-type(6) {
        display:table-cell!important;
    }
    
    .adminTopRightContainer {
        width:50%;
    }

    #frontQuotesMainTable, #frontOrdersMainTable {
        overflow:hidden!important;
    }

    #frontOrderSinglePage {
        display:flex;
        flex-direction:column!important;
    }

    #frontOrdersSinglePageLeft {
        width:100%;
    }

    #frontOrdersSinglePageRight {
        width:100%;
        margin-top:15%;
        border-left:none;
    }

    #frontOrdersSingleTotalPrice {
        margin-top:5%;
    }

    #frontOrdersTrackingDetailWindow {
        width:100%;
        position:fixed;
    }

    #frontOrdersTrackingDetailWindowHeader {
        height:10%;
    }

    #frontOrdersTrackingDetailWindowBody {
        display:flex;
        flex-direction:column;
        overflow-x:hidden;
        overflow-y:scroll;
    }

    #frontOrdersTrackingDetailWindowBodyLeft {
        width:100%;
        height:unset;
    }

    #frontOrdersTrackingDetailWindowBodyLeftInfo {
        height:auto;
    }

    #frontOrdersTrackingDetailWindowBodyLeftTracking {
        height:auto;
    }

    #frontOrdersTrackingDetailWindowBodyRight {
        width:100%;
    }

    #frontOrdersSinglePageLinesTable tbody tr th {
        word-wrap:break-word;
    }

    #frontOrdersSinglePageRightTracking {
        margin-bottom:0;
    }

    #frontOrdersTrackingDetailWindowBodyRightFooter {
        margin-top:0.5%;
    }

    .flexRowBetween {
        margin-top:1%;
    }

    #frontManageUsersManageWindow, #frontManageUsersAddWindow, #frontFreightTrackingCarriersList {
        top:50%;
        height:80vh;
        overflow-x:hidden;
        overflow-y:auto;
    }

    #frontManageUsersDomainHelperWindow {
        font-size:0.8rem;
        width:fit-content;
    }

    #frontWalkthroughBegin {
        display:none;
    }

    #frontHomeWalkthroughStatement {
        display:none;
    }

    #frontHelpBackground {
        display:none!important;
    }

    .frontHelpFocused {
        border:revert!important;
        background-color:revert!important;
    }

    .frontContentTopBar {
        height:auto;
    }

    #frontRequestPartsTableContainer {
        max-height:600px;
    }

    #frontRequestAddAttachmentsModal, .frontWindow {
        width:80%;
    }

    #frontUserReportingInnerBodyContainer {
        flex-direction:column!important;
    }

    .frontUserReportingSideSummary {
        border:none!important;
    }

    .frontUserReportingSideSummary {
        justify-content:flex-start!important;
    }

    }