.login-page {
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .public-page {
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .footer-pos {
     width: 100%;
     height: 4rem;
 }
 
 .flex-wrapper {
     display: flex;
     min-height: calc(100vh - 140px);
     flex-direction: column;
     justify-content: baseline;
 }
 /* trans_new_body2 */
 
 .title-toggle {
     display: none !important;
 }
 /*.calloutbox{
    width: 0%;
}*/
 
 .search_align {
     margin-top: 10px;
     margin-left: 15px;
 }
 
 .welcome-message {
     width: 1000px;
 }
 
 .print-button {
     position: relative;
     right: -325px;
 }
 
 .trans_details_sizing {
     width: 970px !important;
 }
 
 .unbold {
     font-weight: normal !important;
 }
 
 .bolden {
     font-weight: bold !important;
 }
 
 .d-none-desk {
     display: none;
 }
 
 .nav-spacing {
     margin-left: 25px !important;
 }
 
 .x-auto {
     overflow-x: auto;
 }
 
 .responsive-table.two-col td {
     width: 50%;
 }
 
 .data.rules select {
	 width: auto;
 }

 .calloutbox select,
 .data select {
     width: 152px !important;
 }
 
 .mobile-responsive {
     padding-bottom: 20px;
 }
 
 .login-form .login-btn {
     width: 200px;
 }
 
 .forgot-password-form .submit-btn {
     width: 200px;
 }
 
 .zebras {
     width: 100%;
     max-width: 100%;
     margin-bottom: 20px;
 }
 
 .navbar-nav li a {
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .main-nav,
 .main-footer {
     margin-left: 0px !important;
 }
 
 .login-page .main {
     margin-left: 40px !important;
 }
 
 .public-page .main {
     margin-left: 40px !important;
 }
 
 .mobile-responsive .row {
     margin-right: -15px;
     margin-left: -15px;
 }
 
 .mobile-responsive .zebra-12_1,
 .mobile-responsive .zebra-12_2,
 .mobile-responsive .zebra-12_3,
 .mobile-responsive .zebra-12_4,
 .mobile-responsive .zebra-item {
     margin-top: initial !important;
     margin-bottom: initial !important;
     margin-left: initial !important;
     margin-right: initial !important;
 }
 
 .-responsive .zebra-12_2 {
     margin-left: initial;
     margin-right: initial;
 }
 
 .dropdown span {
     display: inline-block;
     padding: initial;
 }
 
 .navbar-nav .dropdown-menu>li>a {
     font-size: 12px;
     white-space: initial;
 }
 
 .navbar-nav .dropdown-menu>li>a:focus,
 .navbar-nav .dropdown-menu>li>a:hover,
 .navbar-nav .open .dropdown-menu>li>a:focus,
 .navbar-nav .open .dropdown-menu>li>a:hover {
     background: #228da8;
     color: #fff;
     font-weight: normal;
 }
 
 .dropdown li.dropdown-parent .divider {
     margin: 0px;
 }
 
 .dropdown li.dropdown-parent:before {
     content: none;
 }
 
 .dropIcon {
     visibility: hidden;
     display: none;
 }
 
 .w-none-mob {
     display: none;
 }
 
 .spn_subMenu {
     display: inline !important;
 }
 
 .login-page .main-footer {
     width: 100%;
     height: auto;
 }
 
 .public-page .main-footer {
     width: 100%;
     height: auto;
 }
 
 .main-footer_logo {
     margin-top: 0px;
 }
 /*Add Remitter*/
 
 .m-right {
     float: right;
 }
 
 .remitter-req-pos {
     margin-left: 10px
 }
 
 .remitter-req-pos col-6 {
     width: 460px;
 }
 /* .main-footer_logo{
        background: url('https://transfer.eway.jo/images/footer_logo.png') right center no-repeat #0b3e8a; */
 /* }
body:not(.login-page) .main-nonfixed{
    background-color: #2c4abf;
} */
 
 .main-footer {
     height: auto;
 }
 
 .profile-toggle,
 .search-toggle {
     display: none;
 }
 
 .sticky-header th {
     position: sticky;
     top: 0;
     z-index: 9;
 }
 
 .mobile-responsive textarea {
     width: 100% !important;
     border: #cbcbcb 1px solid;
     margin: 0 0 0 0;
 }
 
 .submit-button-pos {
     /* position: relative; */
     bottom: 290px;
     left: 10px;
 }
 /* Landscape */
 
 @media (max-width: 991px) and (orientation: landscape) {
     .logo {
         height: 70%;
         width: 70%;
         margin-left: 10px;
         margin-top: 10px;
         margin-right: auto;
         margin-bottom: 10px;
     }
     .login-page .main-footer {
         position: initial;
     }
     .login-page .main-nonfixed {
         background-position: center;
         background-repeat: no-repeat;
     }
     .public-page .main-footer {
         position: initial;
     }
     .public-page .main-nonfixed {
         background-position: center;
         background-repeat: no-repeat;
     }
     .datatable-container {
         height: 95vh;
         max-height: initial;
     }
 }
 
 @media (max-width: 991px) and (orientation: portrait) {
     .datatable-container {
         height: 80vh;
         max-height: initial;
     }
 }
 
 @media (max-width: 767px) {
     .main {
         margin-left: 0px !important;
     }
     /*.login-page{
        height: auto;
    }
    .login-page .main-footer{
        position: initial;

    }*/
     /* trans_new_body2 */
     .title-toggle {
         display: block !important;
     }
     .main-footer_logo {
         display: inline;
         color: transparent;
         margin-top: 0px;
     }
     .main-footer_text {
         text-align: right;
     }
     .login-page .main {
         width: 320px;
         margin-left: auto !important;
         margin-right: auto;
     }
     .public-page .main {
         width: 220px;
         margin-left: auto !important;
         margin-left: auto !important;
     }
     .forgot-password-page .main {
         width: 500px;
         margin-left: auto !important;
         margin-right: auto;
     }
     .forgot-password-page .forgot-password-form label {
         margin-bottom: 0px !important;
     }
     .main-footer {
         margin-left: 0px;
         border-right: none;
         text-align: right;
         height: 70px;
         padding-left: 15px;
         padding-right: 15px;
     }
     .logo {
         height: auto;
         width: 50%;
         margin-left: 10px;
         margin-top: 10px;
         margin-right: auto;
         margin-bottom: 10px;
     }
     .logo.left {
         clear: left;
     }
     .right.authbox {
         margin-right: initial;
         padding-left: 15px;
         padding-right: 15px;
     }
     .m_head .vmiddle {
         height: auto;
         margin-bottom: 10px;
     }
     table.block,
     table.block thead,
     table.block tbody,
     table.block th,
     table.block td,
     table.block tr {
         display: block;
     }
     .block-inner {
         width: 100%;
     }
     .block-inner select,
     .block-inner input[type='text'],
     .block-inner input[type='email'],
     .block-inner textarea {
         width: 100%;
         margin-left: 0px;
     }
     .block-inner .input-button {
         width: 100%;
         margin-bottom: 5px !important;
         text-align: center;
     }
     .block-form input[type="submit"] {
         margin-bottom: 5px !important;
     }
     .block-form textarea,
     .block-form input[type="submit"] {
         width: 100%;
         margin-left: 0px;
     }
 }
 
 @media (max-width: 991px) and (orientation: landscape) {
     body.forgot-password-page {
         height: auto;
     }
     body.forgot-password-page .main-footer {
         box-sizing: border-box;
     }
 }
 
 @media (min-width: 992px) {
     .container {
         width: auto;
     }

     .row {
         max-width: 1000px;
     }
 }
 
 @media (max-width: 992px) {
     .d-none-mob {
         display: none;
     }
     .d-none-mob-f {
         visibility: hidden;
     }
     .table-collapse tbody {
         display: none;
     }
     .table-collapse.in tbody {
         display: inline-table;
         display: revert;
     }
     .table-collapse-body tr {
         display: none !important;
     }
     .table-collapse-body tr:first-child,
     .table-collapse-body.in tr {
         display: table-row !important;
         display: revert !important;
     }
     /*.table-collapse-body tr:first-child td {
        width: 100%;
        display: table-row;
    }*/
     .table-collapse thead th>h2::after,
     .table-collapse thead td>h2::after,
     .table-collapse-body tr:first-child h2::after {
         content: "\276F";
         content: "+";
         width: 1em;
         height: 1em;
         text-align: center;
         transition: all .35s;
         color: white;
         position: absolute;
         right: 24px;
     }
     .table-collapse.in thead th>h2::after,
     .table-collapse.in thead td>h2::after,
     .table-collapse-body.in tr:first-child h2::after {
         /*transform: rotate(90deg);*/
         content: "-";
     }
     /* .datatable-container table th:nth-child(n+10),
    .datatable-container table  td:nth-child(n+10){
        display: none;
    } */
     .mobile-responsive select,
     .mobile-responsive input[type='text'],
     .mobile-responsive input[type='email'],
     .mobile-responsive textarea {
         width: 100%;
     }
     .authbox-welcome,
     .authbox-preferrece,
     .authbox-logout,
     .search-criteria,
     .search-form {
         display: none;
     }
     .dropIcon {
         float: right;
         visibility: visible;
         display: flex;
         justify-content: space-between;
         margin-left: 10px;
         width: 40px !important;
         height: 12px;
         background-image: url("../images/darrow_icon_lb.png");
         background-position: center;
         background-repeat: no-repeat;
         background-size: 30%;
     }
     .spn_subMenu {
         visibility: visible;
     }
     .search-toggle {
         display: block;
         margin-left: 10px;
     }
     .search-toggle img {
         width: 22px;
     }
     .profile-toggle {
         position: relative;
         float: right;
         padding: 10px 10px;
         margin-top: 8px;
         margin-right: 15px;
         margin-bottom: 8px;
         background-color: transparent;
         background-image: none;
         border: 1px solid transparent;
         border-radius: 4px;
         border-color: white;
         display: block;
         background-image: url("../images/avatar-profile-white.png");
         background-position: center;
         background-repeat: no-repeat;
         background-size: 54%;
         width: 44px;
         height: 34px;
     }
     /* Hossain's edits */
     .main-strip {
         display: none;
         visibility: hidden;
     }
     .remitter_textarea.tr textarea {
         margin-left: auto;
         margin-right: auto;
     }
     /* Cash Collection Transaction */
     .aligning-details {
         width: 94%;
         margin-right: 10px;
     }
     .mobile-responsive .zebra-item {
         /* width: 340px; */
         margin-left: auto;
         margin-right: auto;
     }
     .flex-wrapper {
         display: flex;
         min-height: 62vh;
         flex-direction: column;
         justify-content: space-between;
     }
     .zebra-item .input-button {
         width: 99.9%;
     }
     /*Cash Collection Details page*/
     .aligning-details table {
         display: block;
         margin: 0px;
         float: none;
     }
     .aligning-details121 {
         width: 10%;
     }
     .resizing {
         overflow: hidden;
         overflow-x: auto;
         clear: both;
         width: 100%;
     }
     .changing-size {
         width: 80%;
     }
     .welcome-message {
         width: 95.5%;
     }
     .print-button {
         position: relative;
         right: 0px;
         margin-right: 10px;
         margin-top: 10px;
     }
     /*used to display things that arent displayed on the desktop version*/
     .d-none-desk {
         display: block;
     }
     /*Allows to place items in rows and columns without the use of a table tag*/
     .div-row {
         display: flex;
     }
     .div-row-bottom-margin {
         margin-bottom: 10px;
     }
     .div-col {
         flex: 1;
         padding: 1em;
         text-align: center;
         border-radius: 4px;
         /* font-size: 10px; */
     }
     /*used in the benef_new tpl*/
     .font-resize-btn {
         font-size: 11.5px;
     }
     .submit-button-pos {
         /* position: relative; */
         bottom: 0px;
         left: 0px;
     }
     /* Add Remitter */
     .m-right {
         float: none;
     }
     .remitter-req-pos {
         margin-left: 5px
     }
     .remitter-req-pos col-6 {
         width: auto;
     }
 }
 
 @media (max-width: 1200px) {}
 
 @media (max-width: 1150px) {
     .navbar-toggle {
         border-color: white;
     }
     .navbar-toggle .icon-bar {
         background-color: white;
     }
     .nav>li {
         position: relative !important;
         display: block !important;
     }
     .dropdown li.dropdown-parent.open {
         background: #fff;
         color: #464646;
         z-index: 4;
     }
     .dropdown li.dropdown-toplevel:hover ul,
     .dropdown li.dropdown-toplevel:hover li,
     .dropdown li.dropdown-toplevel.-is-hovered ul,
     .dropdown li.dropdown-toplevel.-is-hovered li,
     .dropdown li.dropdown-parent:hover ul,
     .dropdown li.dropdown-parent:hover li,
     .dropdown li.dropdown-parent.-is-hovered ul,
     .dropdown li.dropdown-parent.-is-hovered li {
         display: initial;
         width: auto;
         z-index: initial;
     }
     #main_nav li ul.dropdown-menu {
         display: none;
     }
     #main_nav li.open ul.dropdown-menu {
         display: block;
     }
     .navbar-nav li.open ul.dropdown-menu li,
     .navbar-nav li.open ul.dropdown-menu li.divider {
         display: block;
     }
     .navbar-nav .open .dropdown-menu {
         background: #fff;
         margin-left: 0px;
         height: auto;
     }
     .navbar-nav .open .dropdown-menu {
         position: static;
         float: none;
         width: auto;
         margin-top: 0;
         background-color: transparent;
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
     }
     /*extra*/
     .navbar-header {
         float: none;
     }
     .navbar-left,
     .navbar-right {
         float: none !important;
     }
     .navbar-toggle {
         display: block;
     }
     .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
     }
     .navbar-fixed-top {
         top: 0;
         border-width: 0 0 1px;
     }
     .navbar-collapse.collapse {
         display: none!important;
     }
     .navbar-nav {
         float: none!important;
         margin-top: 7.5px;
     }
     .navbar-nav>li {
         float: none;
     }
     .navbar-nav>li>a {
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .collapse.in {
         display: block !important;
     }
     #myNavbar li.open .dropdown-submenu ul.dropdown-menu {
         display: none;
     }
     #myNavbar .dnone-mobile,
     #myNavbar .nav.navbar-nav .dnone-mobile #myNavbar .nav.navbar-nav li.dnone-mobile {
         display: none !important;
     }
     .navbar-nav .open .dropdown-menu .dropdown-header,
     .navbar-nav .open li.dropdown-submenu .dropdown-menu a {
         padding-left: 50px;
     }
     .dropdown li.dropdown-parent li:hover ul li a,
     .dropdown li.dropdown-parent li.-is-hovered ul li a {
         color: white;
     }
 }