* {box-sizing: border-box;}
/* avenir LTD */

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Book-01.ttf');
  src: local('☺'), url('../fonts/Avenir/Avenir-Book-01.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Black-03.ttf');
  src: local('☺'), url('../fonts/Avenir/Avenir-Black-03.ttf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Heavy-05.ttf');
  src: local('☺'), url('../fonts/Avenir/Avenir-Heavy-05.ttf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirLTS';
  src: url('../fonts/avenirltd/AvenirLTStd-Heavy.otf');
  font-weight: 900;
  font-style: normal;
}


@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Medium-09.ttf');
  src: local('☺'), url('../fonts/Avenir/Avenir-Medium-09.ttf');
  font-weight: 500;
  font-style: normal;
}


@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Roman-12.ttf');
  src: local('☺'), url('../fonts/Avenir/Avenir-Roman-12.ttf');
  font-weight: 400;
  font-style: normal;
}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar:focus{width: 50px}
::-webkit-scrollbar-track {background: #ddd; }
::-webkit-scrollbar-thumb {background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); ;border-radius:5px;}
::-webkit-scrollbar-thumb:hover {background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); }

select.pkg-btn-cus::-webkit-scrollbar {width: 6px;}
select.pkg-btn-cus::-webkit-scrollbar:focus{width: 50px}
select.pkg-btn-cus::-webkit-scrollbar-track {background: #ddd; }
select.pkg-btn-cus::-webkit-scrollbar-thumb {background-color:#f45c27;}
select.pkg-btn-cus::-webkit-scrollbar-thumb:hover {background-color:#ff9341; }

body{font-family: 'Avenir'; background: #fff; overflow-x: hidden; }
/*div.main_div_auth{z-index: 100!important;}*/
#update_user_Modal_icon{cursor: pointer;}
#update_deactivate_user_Modal_icon ,.cursor_point{cursor: pointer;}
.iti__selected-flag{height: auto!important;}
.iti__flag-container{top: 16px!important;}
.parsley-type{color: red!important;}
#delete_user_Modal_icon{cursor: pointer;}
#delete_deactivate_user_Modal_icon{cursor: pointer;}
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#F99A3C;stroke:#F99A3C;stroke-width:2;stroke-miterlimit:10;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#F99A3C;stroke:#F99A3C;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#F99A3C;stroke:#F99A3C;stroke-width:2.5;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;}
/*.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#F99A3C;stroke:#F99A3C;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}*/
.st5{fill:#F45C27;stroke:#F45C27;stroke-width:1.4901;stroke-miterlimit:10;}
.st6{fill:#F45C27;stroke:#F45C27;stroke-width:2.2352;stroke-miterlimit:10;}
.shipping-address svg
{
    width: 38px;
    height: 67px;
}
    .modal-title svg{width: 38px; height: 67px;}


a, h1, h2, h3, h4, h5, p{font-family: 'Avenir';}
p{font-size: 14px; font-weight: 500; color: #7D7D7D; line-height: 1.75}
h1, h2, h3, h4, h5{font-weight: 900}
h1{font-size: 32px}
.delete_heading{font-size: 20px!important;font-weight: 400!important;}
h2{font-size: 23px;}
h4{font-size: 18px; font-weight:500}
h5{font-size: 16px; font-weight: 400}
input{font-weight: 400 !important; font-size: 1.0rem !important; padding: 22px 16px !important; color: #8A94A6 !important;
    border: 1px solid #E1E4E8 !important; font-family: 'Avenir';}
.bold{font-weight: 900 !important}
.rounded{border-radius: 10px !important;}
.border-radius-8{border-radius: 8px !important}
.theme-black-txt{color: #243141 !important}
.theme-blue-text, .theme-blue-txt{color: #006BA9 !important}
.theme-blue-txt-2{color: #0B93D1 !important}
.theme-orange-text, .theme-orange-txt{color: #F45C27 !important}
.theme-green-txt{color: #2AC769 !important}
.theme-gray-txt{/*color: #8A94A6 !important;*/ color: #7D7D7D !important}
.theme-gray-txt-dark{color: #262E3D !important;}
.theme-gray-bg{background-color: #F7F6F4;}
.theme-blue-bg{background-color: #0B93D1 !important}
.theme-dark-blue-bg{background-color: #006BA9 !important}
.theme-white-bg{background-color: #fff;}

.blue-outline-btn{border-radius: 6px; border: 1px solid #0B93D1; color: #0B93D1; background-color: #F8FCFE; 
    font-size: 12px; font-weight: 900; text-transform: uppercase; box-shadow: none;}
.blue-outline-btn:hover{box-shadow: none; background: #0B93D1; color: #fff; transition: 0.5s}
.orange-outline-btn{border-radius: 6px; border: 1px solid #F45C27; color: #F45C27; 
    font-size: 12px; font-weight: 900; text-transform: uppercase; box-shadow: none;}
.orange-outline-btn:hover{box-shadow: none; background: #F45C27; color: #fff; transition: 0.5s}

.login-btn{
    color: #F56000; background: #fff; box-shadow: 0 3px 6px #ddd;
    text-transform: capitalize; font-weight: 500; font-size: 0.9rem;
    height: 42px; border-radius: 10px; transition: 0.4s;
}
.custom_pkg_table_none
{
    display: none;
}
/*aircoin page styling */
.page-title-section
{
  padding: 26px 0px ;
  min-height: auto;
  width: 100%;
  background: linear-gradient(to right, rgba(42,35,103,1) 0%,
            rgba(41,137,216,1) 75%,
            rgba(41,137,216,1) 75%,
            rgba(41,137,216,1) 76%,
            rgba(41,137,216,1) 76%,
            rgba(41,137,216,1) 76%,
            rgba(41,137,216,1) 76%,
            rgba(32,124,202,1) 77%,
            rgba(41,137,216,1) 82%,
            rgba(41,137,216,1) 82%,
            rgba(10,149,211,1) 100%);

}
.pd0{
    padding: 0;
}
.page-heading-secton h2{
     font-size: 26px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #fff;
}
.page-heading-secton h2:hover{
  color: #ff8a16;
}
section.information_lookup.aircoins_page {
  background: #fafafa;
}
.information_lookup {
    padding: 90px 0 20px 0;
    min-height:80vh;
  }
.client_center_main .nav-tabs .nav-link.active 
{
  color: #fff;
  background: #ff8a16;
  border-radius: 50px;
  margin-bottom: 20px;
}


.client_center_main .nav-tabs .nav-link.active, .client_center_main .nav-tabs, .client_center_main .nav-tabs .nav-link 
{
  border: none;
}


.client_center_main .nav-tabs .nav-link 
{
  font-size: 18px;
  font-weight: 500;
  color: #002692;
  font-family: 'Poppins', sans-serif;
  padding: 16px 30px;
  margin-right: 15px;
}
.row.refer_friend_section_three {
  background: white;
  padding: 40px 20px;
  border: 1px solid #efefef;
}
.row.refer_friend_section_three {
  margin-bottom: 40px;
}
.refer_friend_section_three div {
  text-align: center !important;
}
.refer_center_heading {
  font-size: 25px !important;
  color: #002692;
  font-weight: 600 !important;
  margin-bottom: 15px !important;
  line-height: 35px !important;
}
.refer_friend_section_three p.refer_result_p {
  font-size: 15px !important;
  line-height: 25px !important;
}
.row.refer_friend_section_three .col-3:not(:last-child) {
  border-right: 1px solid;
}
.refer_friend_section_three h3 {
  font-size: 25px !important;
  font-weight: bold;
  line-height: 30px !important;
  margin-bottom: 5px;
  color: #ff8a16;
}
.row.refer_friend_section_four, .row.refer_friend_section_five {
  background: #ffffff;
  padding: 40px 20px;
  border: 1px solid #efefef;
}
.refer_friend_section_four .col-12, .refer_friend_section_five .col-12 {
  padding: 0 !important;
}
.refer_friend_section_four div#refer_friend_table_filter, .refer_friend_section_four div#refer_friend_table_length, #aircoin_used_table_filter, .refer_friend_section_five div#aircoin_used_table_length
{
  margin: 20px 0;
}
.row.refer_friend_section_four input[type="search"], .row.refer_friend_section_five input[type="search"] {
  border: 1px solid #ced4da;
  outline: none;
  border-radius: .25rem;
  padding-left: 10px;
  height: 38px;
}
.row.refer_friend_section_four table#refer_friend_table, .refer_friend_section_five table#aircoin_used_table {
  border: 1px solid #efefef;
}
.row.refer_friend_section_four tr.odd, .row.refer_friend_section_five tr.odd {
  background: transparent !important;
}
.row.refer_friend_section_four td, .row.refer_friend_section_five td {
  border: 0 !important;
}
.row.refer_friend_section_four input[type="search"]:focus, .row.refer_friend_section_five input[type="search"]:focus {
  border-color: #80bdff !important;
}
.information_lookup .theme-gray-bg
{
    background-color: #fafafa !important;
}
#aircoin_used_table_wrapper table.dataTable>thead .sorting:before, #aircoin_used_table_wrapper table.dataTable>thead .sorting_asc:before, #aircoin_used_table_wrapper table.dataTable>thead .sorting_desc:before, #aircoin_used_table_wrapper table.dataTable>thead .sorting_asc_disabled:before, #aircoin_used_table_wrapper table.dataTable>thead .sorting_desc_disabled:before
{
    display: none;
}
#aircoin_used_table_wrapper table.dataTable>thead .sorting:after,#aircoin_used_table_wrapper table.dataTable>thead .sorting_asc:after,#aircoin_used_table_wrapper table.dataTable>thead .sorting_desc:after,#aircoin_used_table_wrapper table.dataTable>thead .sorting_asc_disabled:after,#aircoin_used_table_wrapper table.dataTable>thead .sorting_desc_disabled:after
{
    display: none;
}
.row.refer_friend_section_four tr.odd, .row.refer_friend_section_five tr.odd
{
    background-color: black;
}
#aircoin_used_table_wrapper .table-striped>tbody>tr:nth-of-type(odd)
{
    --bs-table-accent-bg: none;
}
/*end here */

.theme-outline-btn{
    background: none;
    color: #F56000;
    border-radius: 5px;
    padding: 0.85rem 2.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: none;
    border:2px solid #F56000;
}

.theme-outline-btn:hover{
    background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    color: #fff;
}

.theme-btn{
   background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    color: #fff;
    border-radius: 0.25rem;
    padding: 0.85rem 2.5rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    font-family: 'Avenir';
    
}

.theme-btn-blue{
    background:#0B93D1;
    color: #fff;
    border-radius: 5px;
    padding: 0.85rem 2.5rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    
}
.theme-btn:hover{    background: linear-gradient(
142deg
, rgb(10,150,212,1) 0%, rgba(37 50 117) 75%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 0px!important;}
button.theme-btn_auth:hover{
    background: linear-gradient(142deg, rgba(10,150,212,1) 0%, rgba(15,132,184,1) 75%)!important;
    box-shadow: none!important;
    color: #fff!important;
    /* transform: scale(1.1); */
    transition: 0.5s!important;
}

.register-btn{text-transform: capitalize !important; color: white !important;  }
.register-btn:hover{ box-shadow: none !important; color: #fff !important;
    background: linear-gradient(142deg, rgba(10,150,212,1) 0%, rgba(15,132,184,1) 75%);
    transition: 0.5s}

.signup-btn{
    border-color: #FBD1E3 !important;
    background-color: #FBD1E3;
    color: #ED1D78 !important;
    border-radius: 10px;
    padding: 0.93rem 2rem;
}
.signup-btn:hover{
    border-color: #FBD1E3 !important;
    background-color: #FBD1E3;
    box-shadow: none;
}
button#showLeftPush{background: none; border: none;}
.navbar .menu-icon:hover{
    color: white !important;
}
.navbar-row{background: white}
.navbar{box-shadow: none;}
.navbar a{font-family: 'Avenir'; font-weight: 500; font-size: 16px; color: #006BA9 !important;}
.navbar a.active, .navbar a:hover{color: #F45C27 !important; transition: 0.5s}

.navbar a.active path, .navbar a:hover path, .navbar a:hover path stroke{
    fill: #F45C27;
    transition: 0.5s;
}
.navbar a.active .add-cart-svg path, .navbar a:hover .add-cart-svg path, .navbar a:hover .add-cart-svg path stroke{
    stroke: #F45C27;
    transition: 0.5s;
    fill:none!important;
}
.add-cart-svg{
    width: 80%;
}

.navbar .menu-icon:hover path{fill: white!important;

}
.navbar a.user:hover{
    color: none!important;
}
.pkg-header-icon-div a.user svg path:hover
{
    fill: white!important;
}
.separater{background: #ddd; height: 23px; width: 1px}
.drop-alert input{background: #F3F2F0; color: #7D7D7D !important; border-radius: 8px; height: 60px !important }
.drop-alert button.srch{height: 44px; margin-top: 7px; font-size: 18px; font-weight: 900; position: absolute; right: 11px; box-shadow: none; }
.dropalert-btn{width: 100%; margin-top: 5px; height: 48px;  justify-content: center;}


.FAQ-panel{ background: #F8FCFE; border: 1px solid #0B93D1; border-radius: 6px}
.collapsible {
    cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 1.5rem; background: none;  }
button.collapsible:focus {outline: 0}
.collapsible.active{border-bottom: 1px solid #AED1E5;}

.panel-header label{color: #7D7D7D; font-size: 13px; font-weight: 500; text-transform: uppercase}
.panel-header p{font-size: 15px; font-weight: 900; color: #262E3D; margin-top: -8px }

.collapsible.active h5, .collapsible:hover h5{color: #ED1D78}
.collapsible:after {font-family: "Font Awesome 5 Free"; content: "\f107"; color: #323232; font-weight: 600; font-size: 28px; position: absolute; right: 25px; margin-top: -50px;}
.collapsible.active:after { content: "\f106";}
.content { padding: 0 18px 0 5px; max-height: 0; overflow: hidden; transition: all 0.5s ease 0s !important;}

.track-completed .track-line{height: 5px; width: 132px; background: #0B93D1}
.track-pending .track-line{height: 2px; width: 132px; background: #BBBDBD} 
.shipment-info h3{font-size: 17px; font-weight: 900}
.shipment-info p{font-size: 14px}
.track-pending h3{color: #7D7D7D !important}
.track-btn-block{border-radius: 6px; color: #0B93D1; background: #EBF6FB;
    font-size: 12px; font-weight: 900; text-transform: uppercase; box-shadow: none;}
.track-btn-block:hover{box-shadow: none; background: #0B93D1; color: #fff; transition: 0.5s}
.blue-outline-btn:hover{box-shadow: none; background: #0B93D1; color: #fff; transition: 0.5s}

.track-btn-blue-block{border-radius: 6px; color: #fff; background: #0B93D1;
    font-size: 12px; font-weight: 900; text-transform: uppercase; box-shadow: none;}
.track-btn-blue-block:hover{box-shadow: none; background: #EBF6FB; color: #0B93D1; transition: 0.5s}

.calculator-form label{font-size: 13px; color: #7D7D7D }
.calculator-form input, .calculator-form select{height: 48px; background: #F3F4F6 !important; border: none !important; border-radius: 3px; font-weight: 900; font-size: 16px}
.calculator-form select{background-image: url(../img/drop.svg) !important; background-repeat: no-repeat !important; background-position: right !important; 
}
.shipping-method select{background-position-x: 92% !important}
.weight-select select{background-position-x: 88% !important}
.calculator-form .form-outline .select.trailing{right: 42px !important}
.cif .trailing{right: 15px !important}
.total-row{background: #F3F4F6}
.total-heading, .total-val{font-size: 22px;}
.total-amount{font-size: 40px;}

.shipping-box{min-height: 580px}

.refer-section{background-color: #F3FAFD}
.refer p{font-size: 14px; line-height: 1.5}

.shipment-tbl th{text-transform: uppercase; color: #7D7D7D; font-size: 13px}
.shipment-tbl .dataTables_info, 
.shipment-tbl .dataTables_filter, .shipment-tbl .dataTables_length{display: none}
.shipment-tbl tbody td{font-size: 16px}

.ship-modal .btn-close{position: absolute; top: 18px; right: 20px;}
.ship-modal .modal-content{width: 630px; border-radius: 0}
.modal-backdrop {background-color:#F7F6F4; opacity: 0.75 !important}
.modal-heading{font-size: 48px; font-weight: 900}
.modal-cat{font-size: 24px}
.modal-deliver-time{font-size: 18px}
.ship-to{font-size: 12px}
.header-line{height: 2px; width: 548px; background: #0B93D1}
.ship-modal .modal-header{border: none}
.modal-note{font-size: 16px}
.receipt-tbl td{font-size: 16px}

.not-tracking{border:1px solid #D0D0D2; border-radius: 3px}
.not-tracking select{width: 289px; height: 48px; background: #F3F4F6 !important; border-radius: 3px; font-weight: 900; font-size: 16px;}
.not-tracking select{background-image: url(../img/drop.svg) !important; background-repeat: no-repeat !important; background-position: right !important;}
.not-tracking select{background-position-x: 95% !important}

.not-tracking-form button{height: 48px; border-radius: 4px}
.not-tracking-form button:hover{box-shadow: none; color: #fff; opacity: 0.5}
.not-shipping-section{margin-top: -340px !important}
.not-shipping-container{background: rgba(248,252,254,0.5); border: 1px solid #0B93D1; border-radius: 6px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); min-height: 340px}

/**table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after{content: "" !important} **/

.listing-page-heading h3{font-size: 24px}
.listing-page-heading input, .listing-page-heading select{background-color: #F7F6F4 !important; height: 48px; border-radius: 3px !important; border: none !important}
div[class*=form-notch]{border: none !important}
.entires{font-size: 14px}
.listing-page-heading select{background-image: url(../img/drop.svg) !important; background-repeat: no-repeat !important; background-position: right !important; background-position-x: 80% !important;}
.pagination .page-item{border-radius: 6px; background-color: #F7F6F4;}
.pagination .page-item a{color: #7D7D7D;  font-size: 12px}
.pagination .page-item.active{background-color: #FFFCF9 !important; border: 1px solid #F45C27;}
.pagination .page-item.active a{color: #F45C27; background: none !important; box-shadow: none}

.money-for-friend input{height: 48px}
.invite-btn{font-size: 16px; margin-top: 0}
.all-select{width: 250px}

.font-13{font-size: 13px}

.drop-alert-top input{background: #F3F2F0; color: #7D7D7D !important; border-radius: 8px; height: 44px !important }
.drop-alert-top button.srch{height: 36px; margin-top: 4px; font-size: 18px; font-weight: 900; position: absolute; right: 5px; box-shadow: none; }
.drop-alert-top button.srch svg{width: 19px}

.shipping-calc{background: #F7F6F4;}

.package-weight-btn{font-size: 48px; font-weight: 800; background-color: white; box-shadow: none !important; width: 298px}
.package-weight p{font-size: 13px !important; font-weight: 500}
.package-weight-btn::after{display: none }
.package-weight-btn:hover{box-shadow: none}
.box-shadow-none{box-shadow: none !important}
.dollar-sign{font-size: 28px}
.theme-blue-btn-2{background: #0B93D1; border:1px solid #0B93D1; text-transform: uppercase; color: white; font-size: 14px; font-weight: 500; height: 48px; letter-spacing: 1px; box-shadow: none; border-radius: 4px}
.theme-blue-btn-2:hover{ 
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); 
    border:1px solid #F45C27; box-shadow: none; color: #fff; transition: 0.5s}

 .theme-orange-btn-2{background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); border:1px solid #F45C27; text-transform: uppercase; color: white; font-size: 14px; font-weight: 500; height: 48px; letter-spacing: 1px; box-shadow: none; border-radius: 4px} 

 .theme-orange-btn-2:hover{background: #0B93D1; border:1px solid #0B93D1; box-shadow: none; color: #fff; transition: 0.5s} 

.theme-orange-btn-2:hover svg path{fill:#fff}
.shipping-calc .package-info{max-width: 675px}

.register-btn{text-transform: capitalize !important; color: white !important}
.register-btn:hover{background:none !important; border:1px solid #F45C27 !important; box-shadow: none !important; color: #F45C27 !important; transition: 0.5s}
.srch:hover{background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);}

.blue-gradient-header{min-height: 175px;}
.blue-gradient-header .texture{position: absolute; bottom: 0; padding: 0; left: 0; width: 100%}
.color-white{color: white !important}
.header-content{z-index: 1}
.border-top-radius-8{border-top-left-radius: 8px; border-top-right-radius: 8px}
.weight-chart{background: #F3FAFD; max-width: 850px}
.weight-chart th{font-size: 14px}
.weight-chart td{font-size: 20px; padding: 8px}
.weight-chart tr.active td{color: #F45C27 !important; border-bottom: 2px solid #F45C27}
.weight-chart tr:last-child td{border: none}

.profile-header h1 span{font-size: 24px}
.profile-container{border: 2px solid #E5E5E5}
.account-info .row{ padding-bottom: 10px}
.account-info label{font-size: 16px; margin-bottom: 4px}
.account-info h3{font-size: 20px}

.form-check-input{width: 18px; height: 18px; padding: 0 !important; border: 2px solid #0B93D1 !important;}
.form-check-input[type=checkbox]:checked{background: none !important}
.form-check-input[type=checkbox]:checked:after{border-color: #0B93D1 !important; background: none}
.ac-notifications{background:#EBF6FB}
.dashboard-menu{margin-right: 135px !important}
.account-notification .col-sm-12{border-bottom: 1px solid #ddd}
.documents .row{border-bottom: 1px solid #ddd}
.documents .row:nth-child(1){border: none !important}
.documents label.theme-gray-txt{display: none}
.documents .row:last-child{border: none !important}
div .modal_dialog_auth_cus{width: 700px;}
div .modal_content_auth_cus{width: 700px;}
@media (max-width: 768px)
{
    div .modal_dialog_auth_cus{width: auto!important;}
    div .modal_content_auth_cus{width: auto!important;}


}

.package-modal .modal-dialog{min-width: 1280px}
.package-modal .btn-close{position: absolute; top: 20px; right: 20px;}
.FAQ-tbl-row{border-top: 1px solid #AED1E5}
.package-modal .content{padding: 0}
.package-modal .modal-header{border: none}
.FAQ-tbl-row th{padding: 8px; font-size: 12px; border-bottom: 2px solid #0B93D1 !important;}
.FAQ-tbl-row td{border: none; padding: 8px; border-bottom: 10px solid #F8FCFE;}
.subtotal{background: #ECF7FC; border-radius: 8px}
.total{background: #F8F4F3; border-radius: 8px}
.FAQ-tbl-row .tbl{max-width: 550px}
.modal-tbl .content{max-height: 610px}
.modal-tbl .panel-header{border-bottom: 1px solid #AED1E5;}
.package-modal .collapsible:after{content: "" !important}

.inactive .ac-notifications{background: #F3F4F6}

.add-user-modal .modal-heading{font-size: 32px}
.add-user-modal .btn-close{position: absolute; top: 20px; right: 20px;}
.add-user-modal .modal-header{border: none}
.user-form{border: 1px solid #0B93D1; border-radius: 6px; background: #F8FCFE}
.user-form input{height: 48px; background: white !important; border-radius: 3px; border: 1px solid #CBD2D5}
.user-form select{border: 1px solid #ddd !important; height: 48px; background: white !important; border-radius: 3px; border: 1px solid #CBD2D5}
.switch {position: relative; display: inline-block; width: 36px; height: 20px;}
.switch input { opacity: 0; width: 0; height: 0;}
.slider {position: absolute; cursor: pointer; top: 0;left: 0; right: 0; bottom: 0; border:4px solid #F45C27; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 1px; bottom: 1px; background-color: #006BA9; border: 4px solid #006BA9 !important; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { border: 4px solid #006BA9; background: none}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.messages .blue-gradient-header{border-bottom: 1px solid #ddd}
.messages .blue-gradient-header .texture{height: 130%}
.select-msg-row{background: #FEF2EE; max-width: 710px; position: absolute; bottom: 25px; left: auto; right: auto; z-index: 9;}

.email-box .nav-tabs a{text-align:left!important;font-size:20px!important;font-weight:500!important;text-transform: capitalize; font-size: 20px; padding: 0.75rem 1rem; color: #243141}
.email-box .nav-tabs a.active{color: #006BA9 !important; font-weight: 500}
.email-box .nav-tabs .nav-item.show .nav-link, .email-box .nav-tabs .nav-link.active{border:none}
.email-menu, .email-check{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}
.email-check{padding-bottom: 15px}
/* .email-check:hover{
    background: #FEF2EE; 
    border-left: 2px solid #FBC5B2; transition: 0.5s} */
.checked_input:hover{
    background: #FEF2EE; 
    border-left: 2px solid #FBC5B2; transition: 0.5s}
.email-check label button{position: absolute; top: 0; right: 25px}
.email-check.active{background: #E2F2F9;}
.email-check.active h4{color: #0B93D1}
.email-box a:hover svg path{fill:#F45C27; transition: 0.5s}
.email-btns-shortcuts{display: none}
.email-check:hover .email-btns-shortcuts{display: flex !important; transition: 0.5s}
.email-check:hover label button{right: -18px}
.msg-body-blank{background-image: url(../img/bg-texture.svg); background-repeat: no-repeat; background-size: cover; background-position: initial;}

.shipping-address p{font-size: 18px}
.email-check label .orange-outline-btn{display: none !important}
/*.shipment-tbl tbody td{white-space: nowrap}*/


.msg-menu .badge{width: 17px; height: 17px; border-radius: 50px; font-size: 11px; padding-left: 5px; margin-left: -14px; top: -8px; position: relative; background: #F45C27}


.backend{height: 100vh;}
.side-nav{width: 344px; float: left; height: 100vh; border-right: 1px solid #ddd}
.brand img{max-width: 145px;}
/*.main-content{width: calc(100% - 344px); position: relative;}*/

.side-menu span{font-size: 14px}

.backend-cover{background-image: url(../img/backend-cover.png); background-repeat: no-repeat; background-size: cover}
.cover-heading{font-size: 48px}
.cover-desc{font-size: 24px; color: #F3F4F6; font-weight: 400}




.drop-alert .theme-btn-blue:hover{background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);}
.track-btn-block:hover path{fill:white}
.refer-btn:hover{background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
color: white}

.theme-gray-bg{padding: 32px 18px 0 18px }
.menu-saparator{height: 5px; width: 96%; border-bottom: 1px dotted #ddd; margin-top: 20px; margin-bottom: 20px}
.select-msg-row a:hover svg path{fill:#F45C27 !important}

.email-check{border-left: 2px solid white}
.email-check.active{border-left: 2px solid #E2F2F9}
.filter-txt{font-size: 16px !important; font-weight: 400;}

.shipping-address:hover{cursor: pointer; opacity: 0.75}


.package-weight .dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #fff; min-width: 100%;
    overflow: auto;  z-index: 1;}

.dropdown-content a {  color: #006BA9;  padding: 12px 16px; text-decoration: none; display: block;}
.dropdown a:hover {background-color: #F45C27; color: white; transition: 0.5s}
.show {display: block;}

button.dropbtn { background-image: url(../img/expand_more.png); background-repeat: no-repeat; background-position: right; background-position-x: 90%;
    -webkit-background-position-x: 90%; }

.shipment-tbl table tr td:nth-child(5),
.shipment-tbl table tr th:nth-child(5)
{text-align: center}

@media (min-width:1024px){
    .border-bottom-c .col-6:nth-child(1),
    .border-bottom-c .col-6:nth-child(2),
    .border-bottom-c .col-6:nth-child(3)
    {border-bottom: 1px solid #ddd}
    
    .payment-method .heading-row label
    {border-bottom: 1px solid #ddd}
    
}

@media (width:1024px){
    .shipment-tbl{overflow-x: scroll}
    .navbar-nav svg{display: none}
    .header .navbar-nav .nav-item{margin: 0 !important}
    .shipping-box{padding-left: 1rem !important; padding-right: 1rem !important}
    .email-check label .orange-outline-btn{display: none !important}
    .refer-section .col-sm-3{margin-top: 0 !important}
    
    .dropalert-btn{margin-top: 0; height: 60px; padding: 0; font-size: 16px; white-space: nowrap; border-radius: 8px}
    .dropalert-btn svg{display: none}
}

@media (width:768px){
    button#showLeftPush{display: block !important}
    .cbp-spmenu a{font-family: 'Avenir'; font-weight: 500; font-size: 16px; color: #006BA9 !important;}
    .cbp-spmenu a.active, .cbp-spmenu a:hover{color: #F45C27 !important; transition: 0.5s}
    .cbp-spmenu a.active path, .cbp-spmenu a:hover path, .cbp-spmenu a:hover path stroke{fill: #F45C27 !important; transition: 0.5s}
     h1{font-size: 20px}
    .panel-header label{font-size: 10px}
    .panel-header p{font-size: 12px}
    .collapsible:after{ right: 23px; margin-top: -140px; font-size: 18px;}
    .drop{flex: 1 0 100%}
    .desc{flex: 1 0 50%;}
    .panel-header{padding-bottom: 20px}
    .buy-options svg{width: 20px; height: 20px}
    .track-completed .track-line{width: 3px; height: 40px; margin-left: -28px; margin-top: 35px;}
    .track-pending .track-line{width: 3px; height: 5px; margin-left: -28px; margin-top: 35px;}
    .buy-options .col{flex: 1 0 100%; display: flex}
    .track-package{ margin-top: 20px !important;}
    .track-van{margin-left: -11px; margin-top: 35px;}
    .shipment-info h3{font-size: 13px;  margin-bottom: 0;}
    .shipment-info h3 br{display: none}
    .shipment-info{margin: 14px 0px 0 -8px;}
    .shipment-info p{font-size: 10px}
    .blue-outline-btn, .orange-outline-btn{font-size: 9px; white-space: nowrap}
    .line-2{height: 21px !important}
    .track-btns-row{display: flex;  padding-left: 15px;}
    .delivered{margin: 0 0 0 20px !important;}
    
    .container-heading p{font-size: 13px}
    .shipping-address svg{width: 26px; height: 26px}
    .shipping-address h2{font-size: 18px}
    .shipping-address h4{font-size: 13px}
    .shipping-address p{font-size: 12px; text-align: left; margin-bottom: 0; margin-left: 25px;}
    .shipping-box{min-height: auto;}
    .calculator-form{padding: 10px}
    .calculator-form label{font-size: 8px}
    select{font-size: 13px;}
    .calculator-form input, .calculator-form select{height: 30px; padding: 5px !important; }
    .total-heading, .total-val{font-size: 13px; margin-bottom: 0}
    .total-amount{font-size: 25px;}
    
    .shipping-calc .col-sm-5, .shipping-calc .col-sm-7{width: 100%}
    .shipping-calc .col-sm-5{padding: 0; margin-top: 20px}
    
    .shipment-tbl{overflow-x: scroll}
    
    .footer p{font-size: 12px}
    .footer-2{margin-left:0rem !important}
    
    .track-shipment .px-sm-5{padding-right: 1rem !important; padding-left: 1rem !important}
    .track-shipment3 .px-sm-5{padding-right: 1rem !important; padding-left: 1rem !important}
    .shipping-address{display: block !important}
    
    .messages .header-content{min-height: 155px !important}
    .emails-title{width: 100% !important}
    .d-none.msg-body{display: none !important}
    .email-box .col-sm-10{width:  100% !important}
    .msg-body{width: 100% !important}
    .listing-page-heading{flex-direction: row !important; padding: 0 !important}
    .dashboard-menu{display: none !important}
    .push-check{margin-left: 8px !important}
    .refer-section .col-sm-3{margin-top: 0 !important}
    .dropalert-btn{white-space: nowrap}
    .calc-btns .theme-orange-btn-2{margin-top: 10px !important}
    
    .dropalert-btn{margin-top: 0; height: 60px; padding: 0; font-size: 14px; white-space: nowrap; border-radius: 8px}
    .dropalert-btn svg{display: none}
}

@media (max-width:768px){
    .drop-alert input{font-size: 12px !important; height: 44px !important}
    .drop-alert button.srch{width: 40px; padding: 8px; height: 28px; padding: 14px; margin-top: 9px;}
    .drop-alert-top input{font-size: 12px !important; height: 44px !important}
    .navbar-row{background: white}
    .cbp-spmenu a{font-family: 'Avenir'; font-weight: 500; font-size: 16px; color: #006BA9 !important;}
    .cbp-spmenu a.active, .cbp-spmenu a:hover{color: #F45C27 !important; transition: 0.5s}
    .cbp-spmenu a.active path, .cbp-spmenu a:hover path, .cbp-spmenu a:hover path stroke{fill: #F45C27 !important; transition: 0.5s}
    h1{font-size: 20px}
    .panel-header label{font-size: 10px}
    .panel-header p{font-size: 12px}
    .collapsible:after{ right: 23px; margin-top: -140px; font-size: 18px;}
    .drop{flex: 1 0 100%}
    .desc{flex: 1 0 50%;}
    .panel-header{padding-bottom: 20px}
    .buy-options svg{width: 20px; height: 20px}
    .track-completed .track-line{width: 3px; height: 40px; margin-left: -12px; margin-top: 35px;}
    .track-pending .track-line{width: 3px; height: 5px; margin-left: -12px; margin-top: 35px;}
    .buy-options .col{flex: 1 0 100%; display: flex}
    .track-van{margin-left: -11px; margin-top: 35px;}
    .shipment-info h3{font-size: 13px;  margin-bottom: 0;}
    .shipment-info h3 br{display: none}
    .shipment-info{margin: 7px 0px 0 16px;}
    .shipment-info p{font-size: 10px}
    .blue-outline-btn, .orange-outline-btn{font-size: 9px; white-space: nowrap}
    .line-2{height: 21px !important}
    .track-btns-row{display: flex;  padding-left: 0px;}
    .container-heading p{font-size: 13px}
    .shipping-address{display: flex; align-items: center; padding: 15px 30px !important; margin-bottom: 20px;}
    .shipping-address svg{width: 30px; height: 56px!important;}
    .shipping-address h2{font-size: 18px}
    .shipping-address h4{font-size: 13px}
    .shipping-address p{font-size: 12px; text-align: left; margin-bottom: 0; margin-left: 25px;}
    .no-padding-mob{padding: 0}
    .shipping-box{min-height: auto;}
    .calculator-form{padding: 10px}
    .calculator-form label{font-size: 8px}
    select{font-size: 13px;}
    .calculator-form input, .calculator-form select{height: 30px; padding: 5px !important; }
    .total-heading, .total-val{font-size: 13px; margin-bottom: 0}
    .total-amount{font-size: 25px;}
    
    .shipment-tbl{overflow-x: scroll}
    
    
    .shipment-tbl::-webkit-scrollbar {width: 3px; height: 3px}
    .shipment-tbl::-webkit-scrollbar:focus{width: 3px}
    .shipment-tbl::-webkit-scrollbar-track {background: #fff; }
    .shipment-tbl::-webkit-scrollbar-thumb {background:#7D7D7D; ;border-radius:5px;}
    .shipment-tbl::-webkit-scrollbar-thumb:hover {background:#7D7D7D; }
    
    
    .footer p{font-size: 12px}
    .footer-1{flex-direction: column; text-align: center; margin-top: 10px}
    .footer-2{margin-left: 3rem}
    
    .modal-title svg{width: 38px; height: 60px;}
    .modal-heading{font-size: 24px;}
    .modal-cat{font-size: 18px;}
    .modal-deliver-time{font-size: 14px;}
    .receipt-tbl td{font-size: 12px}
    .modal-note{font-size: 12px}
    
    .ship-modal .modal-content{width: 340px; border-radius: 0}
    .header-line{width: 304px}
    
    .not-shipping-section {margin-top: -442px !important}
    .not-shipping-container{min-height: 442px; padding-top: 50px}
    .not-tracking-form{flex-direction: column}
    .not-tracking select{width: 100%;}
    .not-tracking-form button{width: 100%; display: block !important}
    .shipment-list{font-size: 13px; padding: 15px;}
    
    .listing-page-heading{flex-direction: column; align-items: flex-start !important;}
    .listing-name-content{flex-direction: column; margin-bottom: 20px;}
    .listing-page-heading h3{font-size: 20px}
    .listing-name-content span{font-size: 13px}
    .entires{font-size: 12px}
    .listing-page-heading input, .listing-page-heading select{font-size: 12px !important}
    /*.listing-page-heading input{width: 165px; height: 32px; padding: 0 15px !important}*/
    .listing-page-heading select{width: 60px; height: 32px}
    /*.listing-page-heading svg{top:32% !important;}*/
    .shipment-tbl th{font-size: 9px; white-space: nowrap}
    .shipment-tbl tbody td{font-size: 12px !important; white-space: nowrap !important}
    
    .refer p br{display: none}
    .money-for-friend .heading p{font-size: 13px}
    .money-for-friend .heading p br{display: none}
    .refer-friend-heading{flex-direction: column; align-items: center !important;}
    
    .mobile-menu{display: block !important; order: 12; margin-top: 15px}
    .drop-alert-top .col-sm-11{width: 100%}
    .header-logo{margin-right: 0}
    .drop-alert-top button.srch{width: 40px; padding: 0; padding-left: 10px}
    
    .package-weight-btn{width: 235px; height: 56px; font-size: 36px}
    .calc-btns{flex-direction: column;}
    
    .header-content a{font-size: 14px}
    .blue-gradient-header .texture{height: 75%; object-fit: cover;}
    .shipping-rates h2{font-size: 18px}
    .shipping-rates .track-shipment p br{display: none}
    .shipping-rates .track-shipment3 p br{display: none}
    .tbl-legend{font-size: 12px; display: block}
    
    .profile-header p{font-size: 11px;}
    .profile-header h1 span{font-size: 20px}
    .profile-container h2{font-size: 16px}
    .account-info label{font-size: 11px}
    .account-info h3{font-size: 12px}
    
    .account-info .col-6, .account-info .col-sm-12{padding-left: 0; border-bottom: 1px solid #ddd}
    .account-info .col-6:nth-child(5),
    .account-info .col-6:nth-child(6){border: none !important}
    .account-info h4{font-size: 14px}
    .mobile-check{flex-direction: column;}
    .payment-method .col-6{border: none;}
    .visa{width: 29px}
    .documents .col-6{border: none !important}
    .package-modal .modal-dialog{ min-width: 350px}
    .modal-tbl .content{max-height: none;}
    
    .add-user-modal .modal-heading{font-size: 24px}
    
    .messages .header-content h1{display: flex; align-items: center; flex-direction: column;}
    .messages .header-content h1 span{margin-top: 10px}
    .messages .header-content select{height: 32px;}
    .messages .header-content .form-check-label{display: none}
    .messages .header-content .inbox-drop select{background-color: #EBF6FB !important; min-width: 137px}
    .messages .header-content .form-check-input{margin-top: 8px}
    .messages .header-content .listing-page-heading{flex-direction: row; align-items: center !important; margin-top: 5px; margin-left: 10px !important;}
    .messages .header-content .entires{text-align: left !important}
    
    .messages .header-content{min-height: 265px}
    .select-msg-row{flex-direction: column; max-width: 286px;}

    .email-menu{display: none;}
    .email-check .flex-column{display: none !important}
    .email-box{padding: 0 !important}
    .email-check{ padding: 10px 0;}
    .email-check:nth-child(1){margin-top: 10px}
    .email-check label button{top: 5px; right: 0}
    .email-check h5{font-size: 16px}
    .email-check h5{font-size: 14px}
    .email-check p{font-size: 12px; white-space: nowrap; width: calc(100% - 52px); overflow: hidden; text-overflow: ellipsis;}
    .email-title-mobile-hide{display: none !important}
    .msg-body-info{flex-direction: column;}
    
    .blank-msg{text-align: center; flex-direction: column;}
    .blank-logo{justify-content: center}
    .calc-btns button{font-size: 12px}
    
    .listing-name-content svg{width: 18px; height: 18px}
    
    .shipment-tbl td, .shipment-tbl th{padding-left: 5px !important; padding-right: 5px !important}
    .shipment-tbl.fixed-first-col th:first-child, .shipment-tbl.fixed-first-col td:first-child{max-width: 149px;position:sticky !important; left:0px; background: white !important; z-index: 9}
    
    .dropalert-btn{margin-top: 0; height: 44px; padding: 0}
    .dropalert-btn svg{min-width: 24px}
    
    .modal{padding-left: 10px}
    
   
}

@media (orientation: landscape) and (max-height:550px){
    button#showLeftPush{display: block !important}
    .cbp-spmenu a{font-family: 'Avenir'; font-weight: 500; font-size: 16px; color: #006BA9 !important;}
    .cbp-spmenu a.active, .cbp-spmenu a:hover{color: #F45C27 !important; transition: 0.5s}
    .cbp-spmenu a.active path, .cbp-spmenu a:hover path, .cbp-spmenu a:hover path stroke{fill: #F45C27 !important; transition: 0.5s}
     h1{font-size: 20px}
    .panel-header label{font-size: 10px}
    .panel-header p{font-size: 12px}
    .collapsible:after{ right: 23px; margin-top: -140px; font-size: 18px;}
    .drop{flex: 1 0 100%}
    .desc{flex: 1 0 50%;}
    .panel-header{padding-bottom: 20px}
    .buy-options svg{width: 20px; height: 20px}
    .track-completed .track-line{width: 3px; height: 40px; margin-left: -28px; margin-top: 35px;}
    .track-pending .track-line{width: 3px; height: 5px; margin-left: -28px; margin-top: 35px;}
    .buy-options .col{flex: 1 0 100%; display: flex}
    .track-package{ margin-top: 20px !important;}
    .track-van{margin-left: -11px; margin-top: 35px;}
    .shipment-info h3{font-size: 13px;  margin-bottom: 0;}
    .shipment-info h3 br{display: none}
    .shipment-info{margin: 14px 0px 0 -8px;}
    .shipment-info p{font-size: 10px}
    .blue-outline-btn, .orange-outline-btn{font-size: 9px; white-space: nowrap}
    .line-2{height: 21px !important}
    .track-btns-row{display: flex;  padding-left: 15px;}
    .delivered{margin: 0 0 0 20px !important;}
    
    .container-heading p{font-size: 13px}
    /*.shipping-address svg{width: 38px; height: 67px}*/
    .shipping-address h2{font-size: 18px}
    .shipping-address h4{font-size: 13px}
    .shipping-address p{font-size: 12px; text-align: left; margin-bottom: 0; margin-left: 25px;}
    .shipping-box{min-height: auto;}
    .calculator-form{padding: 10px}
    .calculator-form label{font-size: 8px}
    select{font-size: 13px;}
    .calculator-form input, .calculator-form select{height: 30px; padding: 5px !important; }
    .total-heading, .total-val{font-size: 13px; margin-bottom: 0}
    .total-amount{font-size: 25px;}
    
    .shipping-calc .col-sm-5, .shipping-calc .col-sm-7{width: 100%}
    .shipping-calc .col-sm-5{padding: 0; margin-top: 20px}
    
    .shipment-tbl{overflow-x: scroll}
    
    .footer p{font-size: 12px}
    
    .not-shipping-section {margin-top: -442px !important}
    .not-shipping-container{min-height: 442px; padding-top: 50px}
    .not-tracking-form{flex-direction: column}
    .not-tracking select{width: 100%;}
    .not-tracking-form button{width: 98%; display: block !important; margin-top: 18px;}
    .shipment-list{font-size: 13px; padding: 15px;}
    
    .shipment-tbl th{font-size: 9px; white-space: nowrap}
    .shipment-tbl tbody td{font-size: 12px !important; white-space: nowrap !important}
    
    .package-info .col-sm-6{width: 100%;}
    .shipping-calc .theme-orange-btn-2{margin-top: 20px !important;}
    
    .profile-settings{padding: 0 !important}
    .account-info .col-6{border: none}
    .account-info .col-6:nth-child(1),
    .account-info .col-6:nth-child(2),
    .account-info .col-6:nth-child(3)
    {border-bottom: 1px solid #ddd !important}
    .account-notification .col-sm-4{width: 100%; margin-bottom: 20px}
    .form-check.push-check{margin-left: 8px !important}
    .payment-method .heading-row .col-6{border: none !important;}
    .documents .row .col-sm-3{border: none !important}
    
    .package-modal .modal-dialog{min-width: 600px;}
    .modal-tbl .content{max-height: none;}
    
    .messages .header-content h1 span{margin-top: 10px}
    .messages .header-content select{height: 32px;}
    .messages .header-content .inbox-drop select{background-color: #EBF6FB !important; min-width: 137px}
    .messages .header-content .form-check-input{margin-top: 0px}
    .messages .header-content .listing-page-heading{flex-direction: row; align-items: center !important; margin-top: 5px; margin-left: 10px !important;}
    .messages .header-content .entires{text-align: left !important}
    .select-msg-row{flex-direction: column; max-width: 285px;}
    .select-msg-row .me-sm-auto{margin-right: unset !important}
    .select-msg-row .ms-sm-auto{margin-left: unset !important}
    
    .email-menu{display: none;}
    .email-box .row .col-sm-4{width: 100% !important}
    .email-box .col-sm-10{width: 100%}
    .email-check .flex-column{display: none !important}
    .email-box{padding: 0 !important}
    .email-check{ padding: 10px 0;}
    .email-check:nth-child(1){margin-top: 10px}
    .email-check label button{top: 5px; right: 0}
    .email-check h5{font-size: 16px}
    .email-check h5{font-size: 14px}
    .email-check p{font-size: 12px; }
    
    .d-none.d-sm-block.msg-body{display: none !important}
    .email-title-mobile-hide{display: none !important}
    .msg-body-info{flex-direction: column;}
    .msg-body{width: 100%}
    .calc-btns .theme-orange-btn-2{margin-top: 0 !important}
    
    .shipment-tbl td, .shipment-tbl th{padding-left: 5px !important; padding-right: 5px !important}
    .shipment-tbl.fixed-first-col th:first-child, .shipment-tbl.fixed-first-col td:first-child{position:sticky !important; left:0px; background: white !important; z-index: 9}
    
    .dropalert-btn{margin-top: 0; height: 60px; padding: 0; font-size: 14px; white-space: nowrap; border-radius: 8px}
   /* .dropalert-btn svg{display: none}*/
    
}
.blur-dev{
    filter: blur(6px);
    pointer-events: none;
      user-select:none;
}

.not-download-dev{
    pointer-events: none;
    font-weight: 700;
}
.blur-border-dev{
    border:1px solid #0B93D1;
}
.not-upload-icon-dev path{
 fill: #2AC769;
}
.not-download-close-dev{
    visibility: hidden;
    pointer-events: none;
}

@media (min-width: 1367px) and (max-width: 2400px) {
  
.profile-dev{
    width: 30px;
    height: 32px;
}
.dashboard-dev{
    width: 30px;
    height: 31px;
}
}

.tooltip-custom {
  position: relative;
  display: inline-block;
right:-18px;
cursor: pointer;
bottom: 23px;
}
.tooltip-custom svg{
    position:absolute;
    left: -16px;
    top: 10px;
}

.tooltip-custom .tooltiptext-custom {
  visibility: hidden;
  width: 150px;
  background-color: #0B93D1;
  color: #fff;
  font-size:11px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -20%;
  margin-left: -68px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-custom .tooltiptext-custom::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}

.tooltip-custom:hover .tooltiptext-custom {
  visibility: visible;
  opacity: 1;
}

/* tayyab  code here */
.drop-align-custom{
    width:10px;

 margin-left: 79%;
    margin-top: 9px;
}
/*tayyab cdos added here of airdrop contract tooltip*/
/*airdrop contract tool tip*/
.hover-link:hover
{

  border-bottom: 1px solid #ff8a16;
}
.tooltip-customs {
  position: relative;
  display: inline-block;
right: -25px;
cursor: pointer;
    bottom: 12px;}
.tooltip-customs svg{
    position:absolute;
    left:-16px;
}

.tooltip-customs .tooltiptext-customs {
  visibility: hidden;
font-weight: 400;
line-height: 14px;
  width: 250px;
  background-color: #0B93D1;
  color: #fff;
  font-size:11px;
  text-align: justify;
  border: 1px solid #0B93D1;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 7px;
    left: -65px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-customs .tooltiptext-customs::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}

.tooltip-customs:hover .tooltiptext-customs {
  visibility: visible;
  opacity: 1;
}
/*airdrop contract tool tip wnd here*/
/*1583 form tool tip*/
.hover-link:hover
{

  border-bottom: 1px solid #ff8a16;
}
.tooltip-customss {
  position: relative;
  display: inline-block;
right:-26px;
bottom: 10px;
cursor: pointer;
}
.tooltip-customss svg{
    position:absolute;
    left:-16px;
}

.tooltip-customss .tooltiptext-customss {
  visibility: hidden;
  width: 250px;
  background-color: #0B93D1;
  color: #fff;
  font-size:11px;
  text-align: justify;
  border: 1px solid #0B93D1;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
 bottom: 10px;
    left: -65px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
line-height:14px;
font-weight:400;
}

.tooltip-customss .tooltiptext-customss::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}

.tooltip-customss:hover .tooltiptext-customss {
  visibility: visible;
  opacity: 1;
}
/*1583 form tooltip end here */

/*custom form tooltip */
.hover-link:hover
{

  border-bottom: 1px solid #ff8a16;
}
.tooltip-customsss {
  position: relative;
  display: inline-block;
right:-21px;
    bottom: 12px;
    cursor: pointer;
}
.tooltip-customss svg{
    position:absolute;
    left:-16px;
}

.tooltip-customsss .tooltiptext-customsss {
  visibility: hidden;
  width: 250px;
  background-color: #0B93D1;
  color: #fff;
line-height:14px;
font-weight:400;
  font-size:11px;
  text-align: justify;
  border: 1px solid #0B93D1;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
      bottom: 9px;
    left: -66px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-customsss .tooltiptext-customsss::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}

.tooltip-customsss:hover .tooltiptext-customsss {
  visibility: visible;
  opacity: 1;
}
/*custom form tooltip end here*/
/*ID form tooltip */
.hover-link:hover
{

  border-bottom: 1px solid #ff8a16;
}
.tooltip-customssss {
  position: relative;
  display: inline-block;
right:-2px;
cursor: pointer;
}
.tooltip-customsss svg{
    position:absolute;
    left:-16px;
}

.tooltip-customssss .tooltiptext-customssss {
  visibility: hidden;
  width: 250px;
    background-color: #0B93D1;
  color: #fff;
line-height:14px;
font-weight:400;
  font-size:11px;
  text-align: justify;
  border: 1px solid #0B93D1;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -223%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-customssss .tooltiptext-customssss::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}

.tooltip-customssss:hover .tooltiptext-customssss {
  visibility: visible;
  opacity: 1;
}
/*ID form tooltip end here*/

.pushtooltip
{
     cursor: pointer;
}
/*end here*/


#change_pass_modal .modal-content.modal-content-cus,#user_info_modal .modal-content.modal-content-cus{
    border-radius: 0px;
    border: 0px;
}
#change_pass_modal .modal-content.modal-content-cus label,#user_info_modal .modal-content.modal-content-cus label{
font-size: 1.0rem;
    font-weight: 400;
    padding: 0 0.5rem;
    line-height: 20px;
    margin: 0px 0 -9px 14px!important;
    background: #fff;
    z-index: 1;
    color: #656565;
        display: inline-flex;
            position: relative;
    top: 6px;
    font-family: 'Avenir';
}
#user_info_modal .modal-footer .btn-danger, #change_pass_modal .modal-footer .btn-danger,#upload_document .submit_doc_btn{
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    color: #fff;
    border-radius: 10px;
    padding: 0.6rem 3rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
     font-family: 'Avenir';
}
#upload_document #close-upload-modal{
background: transparent;
    color: #0B93D1;
    border: 1px solid #0B93D1;
    border-radius: 10px;
    padding: 0.6rem 3rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
     font-family: 'Avenir';
     margin-right: 30px;
}
#user_info_modal .modal-footer .cancel-modal, #change_pass_modal .modal-footer #close-modal{
    background: transparent;
    color: #0B93D1;
    border: 1px solid #0B93D1;
}
#user_info_modal .modal-footer .btn-danger#update_user_info_submit,#change_pass_modal .modal-footer .btn-danger#update_password,#upload_document .submit_doc_btn{
    background: transparent;
    color: #F45C27;
    border: 1px solid #F45C27;
}
#upload_document .submit_doc_btn{
    padding: 0.6rem 3rem;
}
#user_info_modal .modal-footer .btn-danger:hover, #change_pass_modal .modal-footer .btn-danger:hover,#upload_document #close-upload-modal:hover,#upload_document .submit_doc_btn:hover{
background: #0B93D1;
    box-shadow: none;
    color: #fff!important;
    transform: scale(1.05);
    border: 1px solid transparent;
}
.calculator-form #submit_refer_friend_btn:hover{
background: #0B93D1;
transform: none;
}
#user_info_modal .modal-footer .cancel-modal:hover, #change_pass_modal .modal-footer #close-modal:hover{
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    border: 1px solid transparent !important;
}
#user_info_modal .modal-footer .btn-danger#update_user_info_submit:hover,#change_pass_modal .modal-footer .btn-danger#update_password:hover{
    background: #0B93D1;
    border: 1px solid transparent !important;
}
#upload_document #close-upload-modal:hover{
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 1px solid transparent;
}
/*#upload_document #close-upload-modal,#upload_document .submit_doc_btn{
    margin-left: 4px;
    margin-right: 4px;
}*/
#upload_document #upload_btn {
    font-family: 'Avenir';
 background: #0B93D1;
    color: #fff;
    border-radius: 10px;
    padding: 0.6rem 3rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
}
#upload_document #upload_btn:hover,#upload_document .file-upload-wrapper:hover #upload_btn{
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border:0px!important;
}
#user_info_modal .form_col .form-group .form-control{
    border-color: #E1E4E8;
}
#upload_document .file-upload-wrapper{
    background-color: #FFF7F0;
}
.btn-close-dev{
    position: absolute;
    top: -6px;
    right: -6px;
}
.edit_user_profile_btn{
     font-family: 'Avenir';
}
#change_pass_modal .modal-content.modal-content-cus .modal-footer,#user_info_modal .modal-content.modal-content-cus .modal-footer{
border-top: 0px;
}
#user_info_modal .modal-content-cus h4,#change_pass_modal .modal-content-cus h4{
    color: #006ba9;
    font-weight: 900;
    font-family: 'Avenir';
}
.airdropTable #airdropTable_filter{
display: none;
}
.airdropTable.payment-table-dev #airdropTable_filter{
display:block;
bottom: 46px;
    right: 15px;
    position: relative;
}
.airdropTable.payment-table-dev #airdropTable_filter label input:focus-visible {
outline: 0px!important;
}

.airdropTable.payment-table-dev #airdropTable_filter label input{
background-color: #F7F6F4 !important;
    height: 48px;
    border-radius: 3px !important;
    border: none !important;
    padding-right: 2rem!important;
    margin-left: 0.5em;
}
@-moz-document url-prefix() {
.airdropTable.payment-table-dev #airdropTable_filter label input{
margin-left: -1.5em;
}
}
.airdropTable.payment-table-dev #airdropTable_filter label i{
    position: relative;
    right: 0px;
    left: 213px;
    top: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}
.airdropTable #airdropTable_length, .payment_lookup_table #payment_lookup_table_length{
    float: right;
        position: relative;
    top: -70px;
}
.airdropTable #airdropTable_length select, .payment_lookup_table #payment_lookup_table_length select{
    background-color: #F7F6F4 !important;
    height: 48px;
    border-radius: 3px !important;
    border: none !important;
    padding: 10px!important;
}
.airdropTable table.dataTable thead th{
    text-transform: uppercase;
    color: #7D7D7D;
    font-size: 13px;
    font-weight: 500;
}
.airdropTable table.dataTable tbody th,.airdropTable table.dataTable tbody td{
font-size: 16px;
    font-weight: 300;
    font-family: 'Avenir';
    white-space: nowrap;
    line-height: 35px;

}
.airdropTable .table td,.airdropTable .table th{
border: 0px!important;
    border-bottom: 1px solid #dee2e6!important;
}
.airdropTable #airdropTable_length select:focus-visible {
outline: 0px;

}
.airdropTable table.dataTable thead th,.airdropTable table.dataTable thead td {
    padding: 1rem 1.4rem;
}
.airdropTable table.dataTable tbody th,.airdropTable table.dataTable tbody td{
padding: 0.5rem 1.4rem;
}
.airdropTable table .dataTables_length label{
font-size: 14px;
}
.listing-page-heading.refer-friend-dev select{
    background-position-x: 95% !important;
}
.listing-page-heading.refer-friend-dev select{
padding-right: 2rem!important;
}
.visible-hide-dev{
    visibility: hidden;
}
.airdropTable table.dataTable .badge{

    padding: 0;
    font-size: 16px;
    font-weight: 300;
    color: #8A94A6 !important;
    text-transform: capitalize;
}
.airdropTable table.dataTable .badge.badge-warning{
     color: #006BA9 !important
}
.airdropTable table.dataTable .badge.badge-success{
    color: #F45C27 !important;
}
.airdropTable table.dataTable .badge-danger,.airdropTable table.dataTable .badge-warning,.airdropTable table.dataTable .badge-success{
    background-color: transparent;
}
.airdropTable table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}
.airdropTable div.dataTables_wrapper div.dataTables_paginate, .payment_lookup_table div.dataTables_wrapper div.dataTables_paginate{
    margin: 0 auto;
    text-align: center;
    float: none;
    margin-top: 1.5rem!important;
    margin-bottom: 1rem!important;
}
.visible-hide-dev .form-icon-trailing{
    padding: 0px!important;
}
.airdropTable #airdropTable_info, .payment_lookup_table #payment_lookup_table_info{
     text-align: center;
    float: none;
    margin-top: 1.5rem!important;
}
.airdropTable div.dataTables_wrapper div.dataTables_paginate span .paginate_button, .payment_lookup_table div.dataTables_wrapper div.dataTables_paginate span .paginate_button{
    background-color: #FFFCF9 !important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #FFFCF9 !important;
    margin-right: .5rem!important;
    margin-left: .5rem!important;
    transition: all .2s linear;
    font-size: 12px;
    font-family: 'Avenir';
    padding: .375rem .75rem;
}
.airdropTable div.dataTables_wrapper div.dataTables_paginate span .paginate_button:hover ,.payment_lookup_table  div.dataTables_wrapper div.dataTables_paginate span .paginate_button:hover{
    border-color: #F45C27;
    color: #F45C27!important;
}
.airdropTable div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous,.airdropTable div.dataTables_wrapper div.dataTables_paginate .paginate_button.next ,.payment_lookup_table div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous,.payment_lookup_table div.dataTables_wrapper div.dataTables_paginate .paginate_button.next{
    border-radius: 4px;
    background-color: #F7F6F4;
    margin-right: .5rem!important;
    color: #7D7D7D!important;
    font-size: 12px;
    font-family: 'Avenir';
    text-transform: uppercase;
    padding: .375rem 1.5rem;
}
.airdropTable div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:hover,.airdropTable div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:hover,.payment_lookup_table div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:hover,.payment_lookup_table div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:hover{
    background-color: #eee;
    border-color: #e0e0e0;
    background: #eee;
}
.airdropTable div.dataTables_wrapper div.dataTables_paginate .paginate_button.current{
    background-color: #FFFCF9 !important;
    border: 1px solid #F45C27;
    border-radius: 4px;
    background: #FFFCF9 !important;
    margin-right: .5rem!important;
    margin-left: .5rem!important;
    transition: all .2s linear;
    font-size: 12px;
    font-family: 'Avenir';
    color: #F45C27!important;
    padding: .375rem .75rem;
}
.download-btn-dev{
    color:#0B93D1 !important;
}

#user_info_modal .container, #change_pass_modal .container{
    width: 100%;
    max-width: 800px;
}
.refer-friend-dev .listing-name-content{
    display: none!important;
}   
/* .airdropTable table.dataTable{
    position: relative;
    top: -40px;
}  */
.airdrop-button.edit_user_profile_btn:hover{
    border-color: transparent;
}
.listing-page-heading.pkg-heading-sec .pkg-search-cus div{
    left: -160px;
}
  @media (min-width: 320px) and (max-width: 575px){

#change_pass_modal,#user_info_modal{
    
    padding-left: 0px!important;
    padding-right: 15px!important;
}

}
@media (min-width: 320px) and (max-width: 359px){
.listing-page-heading select{
        width: 138px;
    }
.refer-btn.refer-friend-dashbrd{
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important;
    font-size: 10px;
}
 
}

 
@media (min-width: 360px) and (max-width: 420px){
.listing-page-heading select{
        width: 175px;
    }
    .refer-btn.refer-friend-dashbrd{
padding-left: 0.7rem!important;
padding-right: 0.7rem!important;
}
 }
 @media (min-width: 421px) and (max-width: 576px){
.listing-page-heading select{
        width: 220px;
    }
 }




@media (min-width: 320px) and (max-width: 576px){
    .filter_resp{   
    top: 0px; 
}
   .airdropTable table.dataTable{
    top: 0px;
} 
.airdropTable #airdropTable_length{
    display: none;
}
.weight-chart-cus th{
    font-size: 9px!important;
}
.weight-chart-cus td{
    font-size: 14px!important;
}
.payment-table-dev.airdropTable #airdropTable_info{
    margin-top: 3.5rem!important;
}

}
@media (min-width: 320px) and (max-width: 576px){
.header.header_cus #navbar .navbar .container-fluid .navbar-brand img{
margin-right: 0px!important;
margin-left: 15px!important;
}
.header.header_cus #navbar .navbar .container-fluid .w-auto .drop-div{
    margin-left:0px!important;
    margin-right: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
#user_info_modal .modal-footer .btn-danger, #change_pass_modal .modal-footer .btn-danger{ padding: 12px 28px!important;
    font-size: 1.03rem!important;


}
#upload_document #close-upload-modal,#upload_document .submit_doc_btn{
    padding: 12px 20px!important;
font-size: 1.0rem!important;}
    #upload_document .container{width: 100%!important;}



@-moz-document url-prefix() {
.airdropTable.payment-table-dev #airdropTable_filter label input{
margin-left: -0.7em;
}
}

}


@media (min-width: 320px) and (max-width: 420px){
    .airdropTable.payment-table-dev #airdropTable_filter label input{
        margin-top: 30px;
        margin-left: 6px;
    }
.airdropTable.payment-table-dev #airdropTable_filter label i {
    left: 252px!important;
    top: 25px!important;
}
@-moz-document url-prefix() {
.airdropTable.payment-table-dev #airdropTable_filter label i {
    left: 273px!important;
    top: 25px!important;
}
}
}

@media (min-width: 320px) and (max-width: 600px)
{
#change_pass_modal .modal-dialog,#user_info_modal .modal-dialog{
    width: 100%!important;
    max-width: 100%!important;
}
.btn-close-dev {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 0.1em;
    height: 0.1em;
}
}
@media (min-width: 575px) and (max-width: 767px){
.invite-div-dev .invite-fields-dev{
width: 100%;
}
  .airdropTable table.dataTable{
    top: 0px;
} 
 
#change_pass_modal,#user_info_modal{
    
    padding-left: 0px!important;
   
}
.header.header_cus #navbar .navbar .container-fluid .navbar-brand img{
margin-right: 0px!important;
margin-left: 15px!important;
}
.header.header_cus #navbar .navbar .container-fluid .w-auto .drop-div{
    margin-left:0px!important;
    margin-right: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.header.header_cus #navbar .navbar .container-fluid #showLeftPush{
    display: block!important;
}
.header.header_cus #navbar .navbar .container-fluid #navbarSupportedContent{
    display: none!important;
}
.header.header_cus.header_ship #navbar .navbar .container-fluid #navbarSupportedContent{
    display: block!important;
}

}
@media (max-width: 768px){
.airdropTable #airdropTable_wrapper{
    overflow-x: scroll;
}

.airdropTable tbody td,.airdropTable table.dataTable .badge {
    font-size: 12px !important;
    white-space: nowrap !important;
}
.airdropTable table.dataTable thead th, .airdropTable table.dataTable thead td,.airdropTable table.dataTable tbody th, .airdropTable table.dataTable tbody td{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.airdropTable th {
    font-size: 9px;
    white-space: nowrap;
}
.download-sz-dev label a{
    font-size: 11px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.invite-fields-dev div input{
    font-size: 14px!important;
}
.invite-fields-dev div .invite-btn{
     font-size: 14px!important;
     padding: 0.85rem 0.5rem!important;
}
.airdropTable #airdropTable_wrapper{
    overflow-x: scroll;
}
.airdropTable.payment-table-dev #airdropTable_wrapper{
    overflow-x: auto;
}
 .airdropTable table.dataTable{
    top: 0px;
} 
.airdropTable #airdropTable_length {
   
    position: relative;
    top: 7px;
}
.upload-text-dev1{
    align-items: baseline;
}
.header.header_cus #navbar .navbar .container-fluid #showLeftPush{
    display: block!important;
}
.header.header_cus #navbar .navbar .container-fluid .navbar-brand img{
margin-right: 0px!important;
margin-left: 15px!important;
}
.header.header_cus #navbar .navbar .container-fluid .w-auto .drop-div{
    margin-left:0px!important;
    margin-right: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.header.header_cus.header_ship #navbar .navbar .container-fluid #navbarSupportedContent{
    display: block!important;
    order: 12;
    margin-top: 15px;
}

}
@media (min-width: 992px) and (max-width: 1024px){
.upload-text-dev1{
    align-items: baseline;
}

}
@media (min-width: 992px) and (max-width: 1110px){
.invite-fields-dev div .invite-btn{
     
     padding: 0.85rem 1.5rem!important;
}

}
@media (min-width: 992px) and (max-width: 1200px){

.airdropTable #airdropTable_wrapper{
    overflow-x: scroll;
}
.airdropTable.payment-table-dev #airdropTable_wrapper{
    overflow-x: auto;
}
.airdropTable #airdropTable_length {
    
    position: relative;
    top: 1px;
}
 .airdropTable table.dataTable{
    top: 0px;
}

}

@media (min-width: 768px) and (max-width: 1200px){
.filter_resp{
    position: relative;
    top: 50px;
}
.airdropTable.payment-table-dev #airdropTable_wrapper{
    margin-top: -45px!important;
}
}
@media (min-width: 768px) and (max-width: 768px){

.airdropTable.payment-table-dev #airdropTable_wrapper{
    margin-top: -65px!important;
}
}

@media (min-width: 320px) and (max-width: 1175px){
.visible-hide-dev{
    display: none!important;
}
.listing-page-heading select{
height: 48px;
}
.airdropTable #airdropTable_length {
    float: left;
    position: relative;
    top: 2px;
    left: 1px; 
}

.filter_resp{
    
    z-index: 9999999999999999;
}
}

@media (min-width: 577px) and (max-width: 768px){
.airdropTable #airdropTable_length {
    font-size: 12px;
}
.airdropTable #airdropTable_length select{
    padding: 4px!important;
}

}
@media (min-width: 577px) and (max-width: 1175px){
.refer-friend-heading.refer-friend-dev{
    align-items: flex-end !important;
    padding-right: 0rem!important;
    padding-left: 0rem!important;
}
}
    @media (min-width: 567px) and (max-width: 768px){
.listing-page-heading select{
    width: 231px;
height: 48px;
}
.filter_resp{
    position: relative;
    top: 50px;
    z-index: 9999999999999999;
}
.weight-chart-cus th{
    font-size: 14px!important;
}
.weight-chart-cus td{
    font-size: 14px!important;
}
}

    @media (min-width: 567px) and (max-width: 576px){

.filter_resp{
   
    top: 0px;
   
}
}
 
@media (max-width: 1024px){
#user_info_modal .modal-content, #change_pass_modal .modal-content{
width: 100%!important;
}
 }
  @media (min-width: 576px) and (max-width: 767px){
.mobile-check .push-check{
    margin-left: 8px!important;
}
.tooltip-custom{
    right: -6px;
}
.refer-section .refer h4{
    font-size: 14px;
}
.refer-section .refer p{
    font-size: 13px;
}

 }
   @media (min-width: 576px) and (max-width: 768px){
.money-for-friend .heading p br {
    display: block;
}
   }
 @media (min-width: 768px) and (max-width: 850px){
.mobile-check .push-check{
    margin-left: 12px!important;
}
.tooltip-custom{
    right: 2px;
}
 }
 @media (min-width: 768px) and (max-width: 945px){
.airdropTable.payment-table-dev table.dataTable thead th, .airdropTable.payment-table-dev table.dataTable thead td, .airdropTable.payment-table-dev table.dataTable tbody th, .airdropTable.payment-table-dev table.dataTable tbody td {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
 }
  @media (min-width: 851px) and (max-width: 991px){
.mobile-check .push-check{
    margin-left: 22px!important;
}
.tooltip-custom{
    right: -9px;
}
 }
  @media (min-width: 701px) and (max-width: 1024px){
.download-sz-dev{
    padding-left: 10px!important;
}
  }
   @media (min-width: 601px) and (max-width: 767px){
 #user_info_modal .modal-dialog,#change_pass_modal .modal-dialog{
    max-width:620px!important;
 }
 #change_pass_modal .modal-content.modal-content-cus label, #user_info_modal .modal-content.modal-content-cus label{
        font-size: 12px;
 }
}
   @media (min-width: 768px) and (max-width: 1024px){
 #user_info_modal .modal-dialog,#change_pass_modal .modal-dialog{
    max-width: 734px!important;
 }
 #change_pass_modal .modal-content.modal-content-cus label, #user_info_modal .modal-content.modal-content-cus label{
    font-size: 15px;
 }
 #change_pass_modal, #user_info_modal {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
}
 @media (min-width: 768px) and (max-width: 1110px){
    .refer-section .refer p br {
    display: none;
}
 }


 @media (min-width: 768px) and (max-width: 1175px){
.airdropTable.payment-table-dev #airdropTable_length{
    float: right;
}
 }
   @media (min-width: 320px) and (max-width: 420px){
.doc-dev-div{
    margin-bottom: 0px;
}

.tooltip-customsss {
    position: absolute;
    display: block;
    right: 30px;
    top: 8px;
}
.upload-text-dev1{
    align-items: baseline;
}
.d-flex-dev{
    display: grid;
}
.account-info label{
    margin-bottom: 0px;
}
.tooltip-customssss{
    right: 6px;
}
.tooltip-customss{
    right: -9px;
}
.tooltip-customs{
    right: -8px;
    top: -10px;
}
.download-sz-dev label a{
    font-size: 11px;
}
.tooltip-customs .tooltiptext-customs{
    left: -48px;
}
.tooltip-customs .tooltiptext-customs::after{
    left: 43%;
}
.tooltip-customss .tooltiptext-customss::after{
   left: 32%; 
}
.tooltip-customss .tooltiptext-customss{
  left: -22px;  
}
.tooltip-customsss .tooltiptext-customsss{
    left: -36px;
    bottom: 30px;
}
.tooltip-customsss .tooltiptext-customsss::after{
    left: 38%;
}
.account-info .doc-dev-div h3 {
    font-size: 11px;
}
.tooltip-customssss .tooltiptext-customssss::after{
  left: 27%;  
}
.tooltip-customssss .tooltiptext-customssss{
        left: 7px;
}
.airdrop-button.edit_user_profile_btn{
    margin-right: -10px;
}
.profile-settings .profile-container #save-btn{
padding: .625rem 1.1rem .5rem;
}
}
 @media (min-width: 421px) and (max-width: 767px){
.doc-dev-div{
    margin-bottom: 10px;
}
.tooltip-customsss {
    position: absolute;
    display: block;
    right: 45px;
    top: 8px;
}
.upload-text-dev1{
    align-items: baseline;
}
.d-flex-dev{
    display: flex;
}
.tooltip-customssss{
    right: -5px;
}
.tooltip-customss{
    right: -15px;
}
.tooltip-customs{
    right: -15px;
    
}
.download-sz-dev label a{
    font-size: 11px;
}
.tooltip-customs .tooltiptext-customs{
    left: 31px;
}
.tooltip-customs .tooltiptext-customs::after{
    left: 11%;
}
.tooltip-customss .tooltiptext-customss::after{
   left: 37%; 
}
.tooltip-customss .tooltiptext-customss{
  left: -33px;  
}
.tooltip-customsss .tooltiptext-customsss{
    left: 38px;
}
.tooltip-customsss .tooltiptext-customsss::after{
    left: 8%;
}
.tooltip-customssss .tooltiptext-customssss::after{
  left: 31%;  
}
.tooltip-customssss .tooltiptext-customssss{
        left: -3px;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.navbar .dropdown-menu.drop-align-custom {
    left: -65px;
}
}
@media (min-width: 1300px) and (max-width: 1366px){
.navbar .dropdown-menu.drop-align-custom{
    left: 30px;

 }
}
 @media (min-width: 1367px) and (max-width: 1499px){
.navbar .dropdown-menu.drop-align-custom{
    left: 50px;
    top: 50px;
 }
}
@media (min-width: 1500px) and (max-width: 1699px){
.navbar .dropdown-menu.drop-align-custom{
    left: 80px;
    top: 50px;
 }
}
@media (min-width: 1700px) and (max-width: 1799px){
.navbar .dropdown-menu.drop-align-custom{
    left: 115px;
    top: 50px;
 }
}
@media (min-width: 1800px) and (max-width: 1899px){
.navbar .dropdown-menu.drop-align-custom{
    left: 145px;
    top: 50px;
 }
}
@media (min-width: 1900px) and (max-width: 1999px){
.navbar .dropdown-menu.drop-align-custom{
    left: 170px;
    top: 50px;
 }
}
@media (min-width: 2000px) and (max-width: 2099px){
.navbar .dropdown-menu.drop-align-custom{
    left: 200px;
    top: 50px;
 }
}
@media (min-width: 2100px) and (max-width: 2199px){
.navbar .dropdown-menu.drop-align-custom{
    left: 215px;
    top: 50px;
 }
}
@media (min-width: 2200px) and (max-width: 2299px){
.navbar .dropdown-menu.drop-align-custom{
    left: 230px;
    top: 50px;
 }
}
@media (min-width: 2300px) and (max-width: 2400px){
.navbar .dropdown-menu.drop-align-custom{
    left: 245px;
    top: 50px;
 }
}
@media (min-width: 1025px) and (max-width: 2400px){
.download-sz-dev{
    padding-left: 20px!important;
}
  }
  
.up-arrow-dev,.up-arrow-dev-0{
    display: none;
}

.up-arrow-dev-1{
    display: none;
}

.up-arrow-dev-2{
    display: none;
}

.up-arrow-dev-3,.up-arrow-dev-4,.up-arrow-dev-5{
    display: none;
}
.airdropTable table.dataTable>thead .sorting:before, .airdropTable table.dataTable>thead .sorting:after, .airdropTable table.dataTable>thead .sorting_asc:before, .airdropTable table.dataTable>thead .sorting_asc:after, .airdropTable table.dataTable>thead .sorting_desc:before, .airdropTable table.dataTable>thead .sorting_desc:after, .airdropTable table.dataTable>thead .sorting_asc_disabled:before, .airdropTable table.dataTable>thead .sorting_asc_disabled:after, .airdropTable table.dataTable>thead .sorting_desc_disabled:before, .airdropTable table.dataTable>thead .sorting_desc_disabled:after{
    opacity: 0!important;
}
/*.pkg-btn-cus{
    background-image: url(https://dev.airdropja.com/airdrop/latest_assets/img/expand_more.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 90%;
    text-align: center!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 0px 100px;

}*/
.pkg-btn-cus {
    background-image: url(<?php echo APP_URL; ?>airdrop/latest_assets/img/expand_more.png)!important;
    background-repeat: no-repeat!important;
    background-position: right!important;
    background-position-x: 90%!important;
    text-align: center!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 9px 110px!important;
    z-index: 9999999!important;
}
.pkg-btn-cus1.package-weight-btn {
    font-size: 48px!important;
    font-weight: 800;
    background-color: #fff!important;
    box-shadow: none !important;
    width: 298px;
}
.package-weight-btn select{
    
    outline: none!important;
    border: 0px!important;
}
.package-weight-btn select option{
    
    outline: none!important;
    border: 0px!important;
}
.pkg-btn-cus option{
    font-size: 16px;
    line-height: 100px;
    font-weight: 400;
    outline: none!important;

}
.package-weight-btn option{
    font-size: 19px;
   /* line-height: 100px;*/
    font-weight: 400;
    outline: none!important;

}
.package-weight-btn option:hover{
background: #000;
background-color: #000;
}

/*.pkg-btn-cus option:hover{
    background-color: yellow;
}*/
/* select:focus > option:checked { 
    background: #F45C27 !important;
     color: #fff!important;
} */
/*select:focus > option:hover { 
    background: #F45C27 !important;
    color: #fff;
}*/
.package-weight-btn select{
        -webkit-appearance: none;
        appearance: none;
}
.calc-btns-cus .theme-orange-btn-2 a{
    color: #fff;
}
@media (min-width: 320px) and (max-width: 1200px){
.airdropTable.payment-table-dev #airdropTable_filter{
    bottom: 0px;
   
}
}
@media (min-width: 320px) and (max-width: 359px){
.pkg-btn-cus{
    padding: 0px 54px;
}
.package-weight-btn {
    width: 174px;
}
.calc-btns-cus button{
    font-size: 10px!important;
}
.calc-btns-cus .theme-orange-btn-2{
        padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
    margin-top: 15px!important;
}
.calc-btns-cus{
    align-items: center;
    padding-right: 0px;
}
.track-shipment .theme-white-bg .ship-est-cus br{
        display: none;
}
.track-shipment3 .theme-white-bg .ship-est-cus br{
        display: none;
}

}
@media (min-width: 360px) and (max-width: 575px){
.pkg-btn-cus{
    padding: 0px 75px;
}
.package-weight-btn {
    width: 215px;
}
.shipping-rates .track-shipment .theme-white-bg .theme-orange-btn-2{
        font-size: .75rem;
}
.shipping-rates .track-shipment .theme-white-bg .theme-orange-btn-2{
        font-size: .75rem;
}
.shipping-rates .track-shipment .theme-white-bg .theme-orange-btn-2{
        font-size: .75rem;
}
.shipping-rates .track-shipment3 .theme-white-bg .theme-orange-btn-2{
        font-size: .75rem;
}
.track-shipment .theme-white-bg .ship-est-cus br{
        display: none;
}
.track-shipment3 .theme-white-bg .ship-est-cus br{
        display: none;
}
}
@media (min-width: 360px) and (max-width: 439px){
.calc-btns-cus .theme-orange-btn-2{
        padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
    margin-top: 15px!important;
}
.calc-btns-cus{
    align-items: center;
    padding-right: 0px;
}
}
@media (min-width: 440px) and (max-width: 575px){
.calc-btns-cus .theme-orange-btn-2{
        padding-right: 1rem!important;
    padding-left: 1rem!important;
    margin-top: 15px!important;
}
.calc-btns-cus{
    align-items: center;
    padding-right: 0px;
}
}
@media (min-width: 576px) and (max-width: 767px){
.package-weight-col-cus,.Rate-col-cu{
    width: 100%;
}
.Rate-col-cu{
    margin-top: 20px!important;
}
.pkg-btn-cus{
   padding: 0px 80px; 
}
}
@media (min-width: 576px) and (max-width: 639px){
.calc-btns-cus .theme-orange-btn-2{
        padding-right: 1rem!important;
    padding-left: 1rem!important;
    margin-top: 15px!important;
}
.calc-btns-cus{
    align-items: center;
    padding-right: 0px;
}
.track-shipment .theme-white-bg .ship-est-cus br{
        display: none;
}
.track-shipment3 .theme-white-bg .ship-est-cus br{
        display: none;
}
}
@media (min-width: 640px) and (max-width: 768px){
.calc-btns-cus{
        flex-direction: inherit;
            justify-content: center;
    }

.calc-btns-cus button {
    font-size: 11px!important;
}
.calc-btns-cus .theme-orange-btn-2{
        padding-right: 1rem!important;
    padding-left: 1rem!important;
    margin-top: 0px!important;
}
.track-btns-row.calc-btns.calc-btns-cus button a{
    font-size: 11px;
}
}
@media (min-width: 768px) and (max-width: 800px){
.calc-btns-cus{
        display: block;
}
.calc-btns-cus .theme-blue-btn-2,.calc-btns-cus .theme-orange-btn-2{
    padding-left: 20px!important;
    padding-right: 20px!important;
}

}
@media (min-width: 768px) and (max-width: 800px){
.package-weight-btn{
    width: 235px;
    height: 56px;
    font-size: 36px;
}
.pkg-btn-cus{
   padding: 0px 75px; 
}
}
@media (min-width: 801px) and (max-width: 880px){
.package-weight-btn{
    width: 250px;
    height: 65px;
    font-size: 36px;
}
.pkg-btn-cus{
   padding: 0px 85px; 
}
}
@media (min-width: 992px) and (max-width: 1056px){
.header_cus.header-refer #navbar .navbar .container-fluid #navbarSupportedContent ul li{
        margin-right: .2rem!important;
    margin-left: .2rem!important;
}
.header_cus.header-refer #navbar .navbar .container-fluid #navbarSupportedContent ul li a svg{
    display: block;
}
.header_cus.header-refer #navbar .navbar .container-fluid #navbarSupportedContent ul li a{
    padding-right: .1rem;
    padding-left: .1rem;
    font-size: 15px;
}
}
@media (min-width: 1111px) and (max-width: 1235px){
#submit_refer_friend_btn{
    padding: 0.8rem 2.5rem!important;
}
}
.btn-cal-dev{
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    border: 0px ;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    letter-spacing: 1px;
    box-shadow: none;
    border-radius: 4px;
}
.btn-cal-dev:hover{
background: #0B93D1;
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 0px!important;
}
.refer #submit_refer_friend_btn:hover{
    background: #0B93D1;
}
.drop-alert .row .d-sm-block #prealert_popup:hover{
 background: #0B93D1;
}
.btn-cal-dev-reverse{
     background: #0B93D1;
    border: 0px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    letter-spacing: 1px;
    box-shadow: none;
    border-radius: 4px;
}
.btn-cal-dev-reverse:hover{
     background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 0px!important;
}
.navbar a span.active, .navbar a span:hover{
    color: #F45C27 !important;
    transition: 0.5s;
}
.all-rates-btn
.weight-chart tr.pkg-rate-dev td{
border-bottom-width: 2px;
transition: 0.5s;
}
.weight-chart tr.pkg-rate-dev:last-child td{
    border: 2px solid transparent;
}
.weight-chart tr.pkg-rate-dev:hover td{
    color: #F45C27 !important;
    border-bottom: 2px solid #F45C27;
}
.package-dev-tb #table_first_lookup_package_filter, .package-dev-tb #dropalert_lookup_table_filter{
    display: none;
}
.delete_user_package.airdrop-button{
font-size: 0.8rem !important;
padding: 8px 16px !important;
}
.cus-drop{
   margin-bottom: 0;
    font-size: 16px;
    padding: 0px 0px;
    font-weight: 400;
    color: #006BA9 !important;
    border-left: 3px solid #ff8a16;
    margin-left: 7%;
    right: 5%;
    margin-top: -26px;
    min-width: 8.7rem;
}
.cus-drop a.dropdown-item{
    font-size: 14px;
}
.cus-drop .dropdown-item{
    border-bottom: 1px solid transparent;
}
.airdropTable.payment-table-dev table.dataTable tbody tr td:last-child{
    color: #2AC769 !important;

}
@media (min-width: 320px) and (max-width: 991px){
.cus-drop.mobile-dropdown-cus{
        transform: none!important;
    top: 298px!important;
    left: 0px!important;

}
.cbp-spmenu .cus-drop.mobile-dropdown-cus a{
        color: #212529!important;
    font-size: 16px;
}
.cbp-spmenu a.dropdown-toggle.drop-div{
color: #212529;
}
}
select.pkg-btn-cus:focus > option:checked{
    background-color: #F45C27;
    color: #fff!important;
}
@media (min-width: 320px) and (max-width: 480px){
.track-btns-row.calc-btns.calc-btns-cus{
flex-direction: inherit!important;
justify-content: center;
}
.track-btns-row.calc-btns.calc-btns-cus .btn-cal-dev-reverse{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.calc-btns-cus .theme-orange-btn-2{
    margin-top: 0px!important;
}
.calc-btns-cus .theme-orange-btn-2 svg{
    display: none;
}
.track-btns-row.calc-btns.calc-btns-cus button {
    font-size: 10px;
    height: 53px!important;
}
.track-btns-row.calc-btns.calc-btns-cus button a{
    font-size: 10px;
}
}
@media (min-width: 481px) and (max-width: 640px){
.track-btns-row.calc-btns.calc-btns-cus .btn-cal-dev-reverse{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.track-btns-row.calc-btns.calc-btns-cus{
flex-direction: inherit!important;
justify-content: center;
}
.calc-btns-cus .theme-orange-btn-2{
    margin-top: 0px!important;
}
.track-btns-row.calc-btns.calc-btns-cus button {
    font-size: 10px;

}
.track-btns-row.calc-btns.calc-btns-cus button a{
     font-size: 10px;
}
}
@media (min-width: 320px) and (max-width: 991px){
.cus-drop{
        right: 3%;
    margin-top: -85px;
    min-width: 87%;
    padding:0px;
}
.cus-drop a.dropdown-item{
    padding: .5rem 0.5rem;
    padding-left: 40px;
    font-size: 14px!important;
}
}
@media (min-width: 320px) and (max-width: 576px){
.airdropTable.payment-table-dev #airdropTable_filter{
    right: 0;
    position: fixed;
    top: 160px;
    left: 0;
    margin-left: -50px;
    margin-bottom: 160px;
}
.airdropTable.payment-table-dev table.dataTable{
    top: 40px;
}
.airdropTable.payment-table-dev #airdropTable_filter label input{
    width: 100%;
}
.airdropTable.payment-table-dev #airdropTable_filter label i{
    left: 236px;
}
}
@media (min-width: 320px) and (max-width: 577px){
.listing-page-heading.pkg-heading-sec .pkg-search-cus div input{
    width: 230px;
    height: 46px;
}
.listing-page-heading.pkg-heading-sec .pkg-search-cus div svg{
    top: 52% !important;
}
.listing-page-heading.pkg-heading-sec .pkg-search-cus div{
    left: 0;
    margin-right: 0px!important;
}
.listing-page-heading.pkg-heading-sec{
    align-items: inherit!important;
}
.listing-page-heading.pkg-heading-sec .listing-name-content{
align-items: flex-start!important;
}
.listing-page-heading.pkg-heading-sec .pkg-search-cus{
    justify-content: center;
}
.modal-dialog {
    
    margin: .5rem;
}
}
@media (min-width: 577px) and (max-width: 640px){
.airdropTable.payment-table-dev #airdropTable_filter{
    float: right;
    top: -10px;
    right: 0px;
}
}
/*code by tayyab styling of modal  */
@media (min-width: 576px){
.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}
.delete_modal_dialog {
    max-width: max-content;
}
#express .modal-dialog,#standard .modal-dialog,#seaDrop .modal-dialog {
    max-width: 620px;
    margin: 1.75rem auto;
}
}
.modal-content{
    width: 800px;
}
.delete_modal_content{
    width: auto;
}
.label{
    font-size: 1.0rem;
    font-weight: 400;
    padding: 0 0.5rem;
    line-height: 20px;
    margin: 0px 0 -9px 14px!important;
    background: #fff;
    z-index: 1;
    color: #656565;
    display: inline-flex;
    position: relative;
    top: 6px;
    font-family: 'Avenir';
}
.input-fields
{
    border-radius: 10px;
    background: none !important;
    line-height: 26px;
    /*font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 23px 14px;*/
}
.modal-title
{
    color: #006ba9;
    font-weight: 900;
    font-family: 'Avenir';
    font-size: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}  
.drop-alert #prealert_your_package .cancel-btn
{
    background: transparent;
    color: #0B93D1;
    border-radius: 10px;
    padding: 0.6rem 3rem!important;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    font-family: 'Avenir';
    border: 1px solid #0B93D1;
    margin-right: 20px!important;
}
.drop-alert #prealert_your_package .cancel-btn:hover{
   background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 1px solid transparent!important;
}
.drop-alert #prealert_your_package #submit_prealert 
{
   background: transparent;
    color: #F45C27;
border: 1px solid #F45C27;
    border-radius: 10px;
    padding: 0.6rem 2.5rem!important;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    font-family: 'Avenir';  
}
.drop-alert #prealert_your_package #submit_prealert:hover{
    background: linear-gradient(142deg, rgb(10,150,212,1) 0%, rgba(37 50 117) 75%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
   border: 1px solid transparent!important;
}
.drop-alert #prealert_your_package .airdrop-button.b1{
        margin-left: 4px;
    margin-right: 4px;
}
.browse-btn
{
    font-family: 'Avenir'!important;
    background: #0B93D1;
    color: #fff;
    border-radius: 10px;
    padding: 0.6rem 3rem!important;
    font-size: 18px;
    font-weight: 900!important;
    text-transform: capitalize;
    box-shadow: none;

}
.file-upload-wrapper:hover .browse-btn{
   background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 0px!important;
}
.file-upload-wrapper
{
    background-color: #FFF7F0;
}
.drop-alert #prealert_your_package .form-control:focus, .drop-alert #prealert_your_package input:focus{
    border-color: #80bdff;
}

.drop-alert #prealert_your_package input{
height: calc(1.5em + .75rem + 2px)!important;
border-radius: 10px;
}
.drop-alert #prealert_your_package .form-control{
    height: calc(1.9em + .75rem + 3px);
    border-radius: 10px;
    border: 1px solid #E1E4E8 !important;
}
.drop-alert #prealert_your_package textarea.form-control{
    height: calc(5em + .75rem + 3px);
}
.drop-alert #prealert_your_package .tox-tinymce{
    border: 1px solid #E1E4E8 !important;
    height: 130px!important;
    border-radius: 10px;
}
.drop-alert #prealert_your_package .from_group_blk label{
    z-index: 111;
}
.drop-alert #prealert_your_package .from_group_blk .input-group-price .input-group-prepend span{
        border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.drop-alert #prealert_your_package .from_group_blk .input-group-price #package_amount{
border-radius: 10px;
border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.drop-alert #prealert_your_package .file_info_blk .form-group .col-form-label{
font-size: 1.0rem;
    font-weight: 400;
    padding: 0 0.5rem;
    line-height: 20px;
    margin: 0px 0 -9px 30px!important;
    background: #fff;
    z-index: 1;
    color: #656565;
    display: inline-flex;
    position: relative;
    top: 6px;
    font-family: 'Avenir';
}
#edit_prealert_invoice .update_prealert_section form .form-group .col-form-label,#edit_prealert_invoice_package .update_prealert_section form .form-group .col-form-label{
font-size: 1.0rem;
    font-weight: 400;
    padding: 0 0.5rem;
    line-height: 20px;
    margin: 0px 0 -9px 30px!important;
    background: #fff;
    z-index: 1;
    color: #656565;
    display: inline-flex;
    position: relative;
    top: 6px;
    font-family: 'Avenir';
}
#edit_prealert_invoice .tox-tinymce {
    border: 1px solid #E1E4E8 !important;
  
    border-radius: 10px;
}
.drop-alert #prealert_your_package .file_info_blk .file_para{
        
          font-family: 'Avenir'!important;
}
.drop-alert #prealert_your_package .file_info_blk .terms_blk p, a{
    font-family: 'Avenir'!important;
}
.file-upload-wrapper input#preorder_invoice{
        position: absolute;
    width: 100%;
    height: 100% !important;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 2;
    opacity: 00;
    cursor: pointer;
}
.refer-friend-dashbrd a{
    color: #fff;
}
.footer-shipping-cus:hover svg path{
    fill: #F45C27 ;
    transition: 0.5s;
}
.footer-shipping-cus:hover .d-inline-flex div p{
    color: #F45C27 !important;
    transition: 0.5s;
}
.footer-shipping-cus .d-inline-flex{
    align-items: baseline;
}
.footer-shipping-cus .d-inline-flex div{
    margin-right: 14px!important;
}
.shipping-box.shipping-box-cus{
    min-height: 540px;
}
.shipping-box.shipping-box-cus2{
    min-height: 540px;
}
.link-dashboard:hover div svg path{
fill: #F45C27 ;
    transition: 0.5s;
}
.link-dashboard:hover div p{
        color: #F45C27 !important;
    transition: 0.5s;
}
.alert-none-cus{
    display: none;
}
.dashboard-menu.dash-menu-cus{
margin-right: -170px!important;
}
.package-weight-btn.pkg-btn-cus option{
    font-size: 18px!important;
}
@media (min-width: 320px) and (max-width: 576px){
.drop-alert #prealert_your_package .modal-title,#edit_prealert_invoice_package .update_prealert_section .modal-title-invoice,#edit_prealert_invoice .modal-title-invoice,#edit_your_package .modal-title{
    font-size: 18px!important;
    margin-top: 10px;
}
.col.track-pending.track_shipment_status33{
    margin-top: 15px;
}

#edit_prealert_invoice_package .modal-body .container,#edit_prealert_invoice .modal-body .container,#edit_your_package .modal-body .container{
    padding-left: 20px;
    padding-right: 20px;
}
#update_prealert_invoice_form #editor_fourth{
 border: 1px solid #E1E4E8 !important;
    height: 130px!important;
    border-radius: 10px;
}
#edit_prealert_invoice .tox-tinymce{
    height: 130px!important;
}
#edit_prealert_invoice_package .update_prealert_section form .form-group .col-form-label.copy-label-cus,#edit_prealert_invoice .update_prealert_section form .form-group .col-form-label.copy-label-cus{
    font-size: 0.8rem;
        margin: 0px 0 -9px 20px!important;
}
.drop-alert #prealert_your_package .modal-dialog{
    width: 95%!important;
}
.drop-alert #prealert_your_package textarea.form-control{
    height: calc(4em + .75rem + 3px);
}
.drop-alert #prealert_your_package .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{
    border: 1px solid #E1E4E8 !important;
    height: 120px!important;
    border-radius: 10px;
}
.drop-alert #prealert_your_package .file_info_blk .form-group .col-form-label{
    margin: 0px 0 -9px 20px!important;
}
.drop-alert #prealert_your_package #submit_prealert{
    margin-top: 10px;
}
.shipping-box.shipping-box-cus{
    min-height: 485px;
}
.shipping-box.shipping-box-cus2{
    min-height: 480px;
}
.footer-shipping-cus .d-inline-flex{
    display: block!important;
    text-align: center;
    margin-top: 20px;
    margin-bottom: -10px;
}
.footer-shipping-cus .d-inline-flex div svg{
    margin-bottom: 6px;
}
.footer-2-cus .d-flex{
    flex-direction: column;
    text-align: center;
}
.footer-2-cus .d-flex div svg{
    margin-bottom: 10px;
}
.footer-2-cus{
    margin-left: 0px;
    margin-top: 20px;
}
.footer-1-cus{
    margin-top: 0px;
}
.footer-1-cus p{
    margin-bottom: 0px;
}
}
@media (min-width: 577px) and (max-width: 767px){
.listing-page-heading.pkg-heading-sec .pkg-search-cus div {
    left: 0;
}
.listing-page-heading.pkg-heading-sec .pkg-search-cus div input {
    width: 200px;
    height: 48px;
}
.listing-page-heading.pkg-heading-sec .pkg-search-cus div svg {
    top: 50% !important;
}
.listing-page-heading.pkg-heading-sec .pkg-search-cus{
    z-index: 111;
}
.listing-page-heading.pkg-heading-sec{
    padding-right: 0px!important;
}
.airdropTable.package-dev-tb{
    margin-top: -48px!important;
}
.drop-alert #prealert_your_package .modal-title{
    font-size: 22px;
    margin-top: 10px;
}
.drop-alert #prealert_your_package{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.drop-alert #prealert_your_package .modal-dialog{
    width: 95%!important;
}
.drop-alert #prealert_your_package textarea.form-control{
    height: calc(4em + .75rem + 3px);
}
.drop-alert #prealert_your_package .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{
    border: 1px solid #E1E4E8 !important;
    height: 120px!important;
    border-radius: 10px;
}
.drop-alert #prealert_your_package .file_info_blk .form-group .col-form-label{
    margin: 0px 0 -9px 20px!important;
}
.drop-alert #prealert_your_package #submit_prealert{
    margin-top: 10px;
}
.footer-shipping-cus .d-inline-flex{
    display: block!important;
    text-align: center;
    margin-top: 20px;
    margin-bottom: -10px;
}
.footer-shipping-cus .d-inline-flex div svg{
    margin-bottom: 6px;
}
.footer-2-cus .d-flex{
    flex-direction: column;
    text-align: center;
}
.footer-2-cus .d-flex div svg{
    margin-bottom: 10px;
}
.footer-2-cus{
    margin-left: 0px;
    margin-top: 20px;
}
.footer-1-cus{
    margin-top: 0px;
}
.footer-1-cus div svg{
     margin-bottom: 6px!important;
}
.footer-1-cus p{
    margin-bottom: 0px;
}
}
@media (min-width: 576px) and (max-width: 768px){
.shipping-calc-dashboard{
    padding-right: 0rem!important;
    padding-left: 0rem!important;
}
}

@media (min-width: 768px) and (max-width: 991px){
.listing-page-heading.pkg-heading-sec .pkg-search-cus div {
    left: 0;
    top: 45px;
}
.listing-page-heading.pkg-heading-sec{
    padding-right: 0px!important;
}
.drop-alert #prealert_your_package .modal-title{
    font-size: 26px;
    margin-top: 10px;
}
.drop-alert #prealert_your_package{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.drop-alert #prealert_your_package .modal-dialog{
    width: 95%!important;
}
.drop-alert #prealert_your_package textarea.form-control{
    height: calc(4em + .75rem + 3px);
}
.drop-alert #prealert_your_package .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{
    border: 1px solid #E1E4E8 !important;
    height: 120px!important;
    border-radius: 10px;
}
.drop-alert #prealert_your_package .file_info_blk .form-group .col-form-label{
    margin: 0px 0 -9px 20px!important;
}
.drop-alert #prealert_your_package #submit_prealert{
    margin-top: 10px;
}
.footer-1-dev p br{
    display: none;
}
.shipping-box.shipping-box-cus {
    min-height: 520px;
}
.shipping-box.shipping-box-cus2 {
    padding-bottom: 3rem!important;
}
}
@media (min-width: 767px) and (max-width: 768px){
.footer-1-cus{
    flex-direction: inherit;
}
.footer-1-cus p br{
    display: none;
}
.footer-1-cus p{
    text-align: left;
}
/*tayyab commetn one line of code 25-10-2021*/
.shipping-address-card-sec .shipping-address {
   
    align-items: inherit;
    /*padding: 3rem 1rem!important;*/
    margin-bottom: 0px;
}
/*end here*/
.shipping-box.shipping-box-cus {
    min-height: 420px;
}
.shipping-calc.shipp-sec-dev{
    padding-right: 8px!important;
    padding-left: 8px!important;
}
.shipping-box.shipping-box-cus {
    min-height: 415px;
}
}
@media (min-width: 768px) and (max-width: 2400px){
.footer-2.footer-2-cus .d-flex{
align-items: baseline;
}
.link-dashboard{
    display: flex;
    align-items: baseline;
}
}
@media (min-width: 992px) and (max-width: 994px){
.shipping-address-card-sec .col-12 .shipping-address{
    padding-top: 2rem!important;
    padding-bottom: 1rem!important;
}
.shipping-box.shipping-box-cus {
    min-height: 565px;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.shipping-box.shipping-box-cus2 {
    min-height: 565px;
}
}
@media (min-width: 992px) and (max-width: 1025px){
.shipping-box.shipping-box-cus2 .calculator-form{
    padding-left: 0;
    padding-right: 0;
}
.shipping-box.shipping-box-cus2 .calculator-form label {
    font-size: 10px;
}
}
@media (min-width: 1026px) and (max-width: 1091px){
.shipping-box.shipping-box-cus2 .calculator-form{
    padding-left: 0;
    padding-right: 0;
}
.shipping-box.shipping-box-cus2 .calculator-form label {
    font-size: 11px;
}
}

@media (min-width: 995px) and (max-width: 1165px){
.shipping-address-card-sec .col-12 .shipping-address{
    padding-top: 2rem!important;
    padding-bottom: 1rem!important;
}
.shipping-box.shipping-box-cus {
    min-height: 530px;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.shipping-box.shipping-box-cus2 {
    min-height: 530px;
}
}
@media (min-width: 1092px) and (max-width: 1175px){
.shipping-box.shipping-box-cus2 .calculator-form{
    padding-left: 0;
    padding-right: 0;
}
.shipping-box.shipping-box-cus2 .calculator-form label {
    font-size: 12px;
}
}
@media (min-width: 992px) and (max-width: 1175px){
.listing-page-heading.pkg-heading-sec .pkg-search-cus div {
    left: 0;
    top: 45px;
}
.listing-page-heading.pkg-heading-sec{
    padding-right: 0px!important;
}
.drop-alert #prealert_your_package{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.drop-alert #prealert_your_package .modal-dialog{
    width: 95%!important;
}

.drop-alert #prealert_your_package .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{
    border: 1px solid #E1E4E8 !important;
    height: 120px!important;
    border-radius: 10px;
}
}

@media (min-width: 1176px) and (max-width: 1200px){
.listing-page-heading.pkg-heading-sec .pkg-search-cus div {
    left: -165px;
    top: 45px;
}


}
@media (min-width: 1176px) and (max-width: 1350px){

.drop-alert #prealert_your_package .modal-dialog{
    width: 80%!important;
}
.drop-alert #prealert_your_package .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{
    border: 1px solid #E1E4E8 !important;
    height: 120px!important;
    border-radius: 10px;
}

}
@media (min-width: 1176px) and (max-width: 1250px){
.airdropTable table.dataTable thead th, .airdropTable table.dataTable thead td, .airdropTable table.dataTable tbody th, .airdropTable table.dataTable tbody td{
    padding-left: 4px!important;
    padding-right: 4px!important;
}

.airdropTable table.dataTable thead th{
    font-size: 11px;
}
.shipping-box.shipping-box-cus2 .calculator-form{
    padding-left: 3px;
    padding-right: 3px;
}

}
@media (min-width: 1251px) and (max-width: 1275px){
.shipping-box.shipping-box-cus2 .calculator-form{
    padding-left: 19px;
    padding-right: 19px;
}
}
@media (min-width: 1251px) and (max-width: 1300px){
.airdropTable.package-dev-tb table.dataTable thead th, .airdropTable.package-dev-tb table.dataTable thead td, .airdropTable.package-dev-tb table.dataTable tbody th, .airdropTable.package-dev-tb table.dataTable tbody td{
    padding-left: 2px!important;
    padding-right: 2px!important;
}

.airdropTable.package-dev-tb table.dataTable thead th{
    font-size: 12px;
}
}
@media (min-width: 1301px) and (max-width: 1350px){
.airdropTable.package-dev-tb table.dataTable thead th, .airdropTable.package-dev-tb table.dataTable thead td, .airdropTable.package-dev-tb table.dataTable tbody th, .airdropTable.package-dev-tb table.dataTable tbody td{
    padding-left: 5px!important;
    padding-right: 5px!important;
}

.airdropTable.package-dev-tb table.dataTable thead th{
    font-size: 13px;
}
}
@media (min-width: 1351px) and (max-width: 1400px){
.airdropTable.package-dev-tb table.dataTable thead th, .airdropTable.package-dev-tb table.dataTable thead td, .airdropTable.package-dev-tb table.dataTable tbody th, .airdropTable.package-dev-tb table.dataTable tbody td{
    padding-left: 9px!important;
    padding-right: 9px!important;
}
}
@media (min-width: 1401px) and (max-width: 1450px){
.airdropTable.package-dev-tb table.dataTable thead th, .airdropTable.package-dev-tb table.dataTable thead td, .airdropTable.package-dev-tb table.dataTable tbody th, .airdropTable.package-dev-tb table.dataTable tbody td{
    padding-left: 11px!important;
    padding-right: 11px!important;
}
}
@media (min-width: 1451px) and (max-width: 1508px){
.airdropTable.package-dev-tb table.dataTable thead th, .airdropTable.package-dev-tb table.dataTable thead td, .airdropTable.package-dev-tb table.dataTable tbody th, .airdropTable.package-dev-tb table.dataTable tbody td{
    padding-left: 17px!important;
    padding-right: 17px!important;
}
}
/*by tayyab for table of index page*/
@media (min-width: 1251px) and (max-width: 1300px){
  
 /* .airdropTable.index-drop-tbl table.dataTable thead th{
    font-size: 12px;
}*/
/*  .airdropTable.index-drop-tbl table.dataTable tbody th, .airdropTable.index-drop-tbl table.dataTable tbody td{
    padding-left: 2px!important;
    padding-right: 2px!important;
}
*/
 .airdropTable.index-drop-tbl table.dataTable thead th,.airdropTable.index-drop-tbl table.dataTable tbody td{
    font-size: 12px;
    padding-left: 2px!important;
    padding-right: 2px!important;
}
}
@media (min-width: 1301px) and (max-width: 1350px){
  .airdropTable.index-drop-tbl table.dataTable tbody th, .airdropTable.index-drop-tbl table.dataTable tbody td{
    padding-left: 5px!important;
    padding-right: 5px!important;
}

 .airdropTable.index-drop-tbl table.dataTable thead th{
    font-size: 13px;
}
}
@media (min-width: 1351px) and (max-width: 1400px){
  .airdropTable.index-drop-tbl table.dataTable tbody th, .airdropTable.index-drop-tbl table.dataTable tbody td{
    padding-left: 9px!important;
    padding-right: 9px!important;
}
}
@media (min-width: 1401px) and (max-width: 1450px){
 .airdropTable.index-drop-tbl table.dataTable thead td, .airdropTable.index-drop-tbl table.dataTable tbody th, .airdropTable.index-drop-tbl table.dataTable tbody td{
    padding-left: 11px!important;
    padding-right: 11px!important;
}
}
@media (min-width: 1451px) and (max-width: 1508px){
  .airdropTable.package-dev-tb table.dataTable tbody th, .airdropTable.package-dev-tb table.dataTable tbody td{
    padding-left: 17px!important;
    padding-right: 17px!important;
}
}
/*ends here */

.fillColor svg path{
    /* fill: #F45C27; */
    fill: #27f442;
}
.NoColor svg path{
    /* fill: #F45C27; */
    fill: #7d7d7d;
}

.unread-cus svg path{
     fill: #F45C27; 
}
.fa-read{
color: #27f442 !important;
font-size: 20px;
margin-top: 3px;
}
.email-box a:hover i{
    color: #F45C27!important;
    transition: 0.5s;
}
.email-btns-shortcuts .fa-envelope-open{
        font-size: 20px;
    margin-top: 3px;
    color: #27f442;
}
.cus-drop.desktop-cus-drop{
   
       /* background: linear-gradient(142deg, #0B93D1 33%, rgba(37 50 117) 118%);*/
           background: linear-gradient( 157deg, #0B93D1 33%, rgba(37 50 117) 118%);
    border-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-right-radius: 0px;
    padding: 25px 15px;
    margin-left: 0;
    right: 24px;
    margin-top: 0px;
    border-left: 0px;
    transition: 0.9s;
    z-index: 11111111;
    width: auto;
    left: 122px;
    border-top: 0px;
    border-top-left-radius: 0px;


}
.header_ship #navbar .navbar .container-fluid .w-auto.show{
    position: relative;
}
.header-refer .cus-drop.desktop-cus-drop{
    /*background: linear-gradient(142deg, rgb(10,150,212,1) 0%, rgba(37 50 117) 90%);*/
        background: linear-gradient(142deg, #0B93D1 33%, rgba(37 50 117) 118%);
    border-radius: 15px;
    border-top-right-radius: 0px;

    padding: 25px 15px;
        margin-left: 7%;
    right: 162px;
    margin-top: -10px;
    border-left: 0px;
    transition: 0.9s;
        z-index: 1;
}
.header-pkg-cus #navbar .navbar .container-fluid .w-auto.show{
    position: relative;
}
.header-pkg-cus .cus-drop.desktop-cus-drop{
    /* background: linear-gradient(142deg, #0B93D1 33%, rgba(37 50 117) 118%);*/
    background: linear-gradient(157deg, #0B93D1 33%, rgba(37 50 117) 118%);
    border-radius: 15px;

border-top-right-radius: 0px;
padding: 25px 15px;
margin-left: 0;
right: 164px;
margin-top: 0px;
border-left: 0px;
transition: 0.9s;
z-index: 11111111;
width: auto;
left: 0px;
border-top: 0px;
border-top-left-radius: 0px;
top: 47px;
}

.header-pkg-cus .show .dropdown-toggle.drop-div svg path{
/*fill: #fff;*/
}
.header-pkg-cus .w-auto.align-items-center .nav-link.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.header_cus.header-profile .drop-div-p{
    position: relative;
}
.header_cus.header-profile .drop-align-custom{
    
      /*   background: linear-gradient(142deg, #0B93D1 33%, rgba(37 50 117) 118%);*/
          background: linear-gradient( 171deg, #0B93D1 33%, rgba(37 50 117) 118%);
    border-radius: 15px;
    border-top-right-radius: 0px;
    padding: 25px 15px;
    margin-left: 0;
    margin-top: -3px;
    border-left: 0px;
    transition: 0.9s;
    z-index: 1;
    left: 8px;
    border-top: 0px;
    width: auto;
    position: absolute;
    border-top-left-radius: 0px;
    right: 8px;
}
.header_cus.header-profile .drop-align-custom a.dropdown-item{
     padding: .4rem 7rem 0.4rem 1rem;
    border-radius: 20px;
    background-color: #eee;
    color: #006BA9 !important;
    font-weight: 900;
    transition: 0.5s;
}
.cus-drop.desktop-cus-drop a.dropdown-item{
    padding: .6rem 1rem 0.4rem 1rem;
    border-radius: 20px;
    background-color: #eee;
    color: #006BA9 !important;
    font-weight: 900;
    transition: 0.5s;
}

.header_ship .show .dropdown-toggle.drop-div{
        
       /* background: linear-gradient(142deg, #0B93D1 20%, rgba(37 50 117) 232%);*/
           background: linear-gradient( 379deg, #0B93D1 55%, rgba(37 50 117) 111%);
    border-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 11px 16px;
    color: #ffff!important;
    border-top-right-radius: 15px;
        z-index: 11111111;
}
.header-refer .show .dropdown-toggle.drop-div{
    /*background: linear-gradient(142deg, rgb(10,150,212,1) 0%, rgba(37 50 117) 152%);*/
    background: linear-gradient(142deg, #0B93D1 20%, rgba(37 50 117) 232%);
    border-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 11px 16px;
    color: #ffff!important;
    border-top-right-radius: 15px;
        z-index: 11111111;
}
.header-pkg-cus .show .dropdown-toggle.drop-div{

    /*background: linear-gradient(142deg, #0B93D1 20%, rgba(37 50 117) 232%);*/
        background: linear-gradient(379deg, #0B93D1 55%, rgba(37 50 117) 111%);
    border-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 11px 16px;
    color: #ffff!important;
    border-top-right-radius: 15px;
        z-index: 11111111;
}
.header_cus.header-profile .show .dropdown-toggle.drop-div{
    
      /*background: linear-gradient(142deg, #0B93D1 20%, rgba(37 50 117) 232%);*/
          background: linear-gradient( 372deg, #0B93D1 55%, rgba(37 50 117) 111%);
    border-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 8px 16px;
    color: #ffff!important;
    border-top-right-radius: 15px;
        z-index: 11111111;
}
.header_ship .show .dropdown-toggle.drop-div span{
    color: #fff!important;
}
.header_cus.header-profile .show .dropdown-toggle.drop-div span{
    /*color: #fff!important;*/
}
/*.header_ship .show .dropdown-toggle.drop-div svg.header_ship .show .dropdown-toggle.drop-div:after{
display: none;
}*/
.header_ship .show .dropdown-toggle.drop-div svg path,.header-refer .show .dropdown-toggle.drop-div svg path{
    fill: #fff;
}
.header_cus.header-profile .show .dropdown-toggle.drop-div svg path{
    fill: #0b93d1;
}
.header_cus.header-profile .drop-align-custom a.dropdown-item{
    display: flex;
    align-items: center;
    font-size: 13px; 
}
.cus-drop.desktop-cus-drop a.dropdown-item{
    display: flex;
    align-items: center;
    font-size: 13px;
}
.cus-drop.desktop-cus-drop a.dropdown-item:last-child{
    margin-top: 10px;
}
.cus-drop.desktop-cus-drop a.dropdown-item i,.header_cus.header-profile .drop-align-custom a.dropdown-item i{
    padding-right: 10px;
}
.cus-drop.desktop-cus-drop a.dropdown-item:hover,.header_cus.header-profile .drop-align-custom a.dropdown-item:hover{
    background-color: #F2FBFF;
    color: #F45C27 !important;
}
.header_cus.header-profile .drop-align-custom a.dropdown-item:hover{
    border-bottom: 0px;
}
.cus-drop.desktop-cus-drop a.dropdown-item:hover i,.header_cus.header-profile .drop-align-custom a.dropdown-item:hover i{

    color: #F45C27 !important;
}
.modal-tbl.pkg-modal-tbl .content {
    max-height: 1025px!important;
    overflow-y: scroll;
}
.package-modal.package-modal-cus .modal-content {
    width: auto;
}
.pkg-info-cus p{
    margin-top: -2px;
}
.pkg-modal-btn-sec{
    text-align: center;
}

.btn-icons-col{
    text-align: right;
}
.btn-icons-col a i{
font-size: 28px;
}
.btn-icons-col a .fa-file-invoice{
   color: #0B93D1; 
   transition: 0.5s;
}
.btn-icons-col a .fa-history,.btn-icons-col a .fa-edit{
    color: #F45C27 !important;
     transition: 0.5s;
}
.btn-icons-col a .fa-file-invoice:hover{
    color: #F45C27 !important;
}
.btn-icons-col a .fa-history:hover,.btn-icons-col a .fa-edit:hover{
   color: #0B93D1!important;
}

.package-modal.package-modal-cus table th{
    border-top: 0px;
}
.package-modal.package-modal-cus .FAQ-tbl-row td{
padding: 10px 8px;
}
.show_messages .paging-showing{
text-align: center;
    margin-top: 30px;
}
.show_messages .paging-btn{
text-align: center;
}
.show_messages .paging-btn .btn-next-cus{
margin-left: 10px;
}
.show_messages .paging-btn .btn-previous-cus{
    margin-right: 10px;
}
.show_messages .paging-btn .btn,.show_messages .paging-btn .btn.disabled{
border-radius: 4px;
    background-color: #F7F6F4;
    /*margin-right: .5rem!important;*/
    color: #7D7D7D!important;
    font-size: 12px;
    font-family: 'Avenir';
    text-transform: uppercase;
    padding: .375rem 0.7rem;
    box-shadow: none!important;
    opacity: 1;
}
.show_messages .paging-btn .btn:hover{
        background-color: #eee;
    border-color: #e0e0e0;
    background: #eee;
}
.email-check-unread{
    background: #E2F2F9;
     border-left: 2px solid transparent;
    transition: 0.5s
}
.email-check-read{
    background: #fff;
    /* border-left: 2px solid #FBC5B2; */
    transition: 0.5s
}
.modal-title-invoice{
color: #006ba9;
    font-weight: 900;
    font-size: 26px;
}
.unread{
fill: #F45C27;
}
.payment-status-cus{
        margin-right: .5rem!important;
        margin-top: -3px;
}
.pkg-info-cus-top{
      margin-bottom: -20px!important;
      z-index: 11111111;
   
}
.package-modal-cus .modal-body .pkg-modal-tbl button .pkg-info-cus{
padding-right: 3.4rem!important;
    padding-left: 3.4rem!important;
 /*   padding-top: 10px;
    padding-bottom: 10px;*/
}
.package-modal-cus .modal-body .pkg-modal-tbl .content .container-fluid{
    padding-right: 4rem!important;
    padding-left: 4rem!important;
}

.not-download-label
{
    padding-left: 20px;
}
/*.theme-white-bg.border-radius-8.p-4.px-sm-2.py-sm-3.index-welcome {
    background: url(https://dev.airdropja.com/airdrop/assets/documents/preorders/bluewelcome.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    height: 400px;
        font-size: 40px;
    color: #fff;
    text-transform: capitalize;
}*/



/*create a droplet code start from here */
.comein {
    top: 300px;
    opacity: 1;
}
.message {
    position: absolute;
    top: -200px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 500px;
    background: white;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    font-weight: 300;
    color: #2c2928;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.31, 0.25, 0.5, 1.5), opacity 0.2s ease-in-out;
    font-size: 20px;
    font-family: Source Sans Pro;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #f9f9f9 !important;
}
input, select {
    vertical-align: middle;
}
.file_info_blk .terms_blk p, a {
    font-size: 16px;
    color: #757575;
    
}
.upload_file {
    padding: 0px 10px;
}
.file-upload-wrapper {
    margin: 0 auto;
    width: 100%;
    
    padding: 62px 0 42px 0;
    text-align: center;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    margin: 20px auto;
}
.file-upload-wrapper img {
    width: auto;
    margin: 0 auto;
}
img {
    width: 100%;
    display: block;
    max-width: none;
}
.file-upload-wrapper h2 {
    font-size: 16px;
    color: #000000;
    font-family: 'Avenir';
}
.file-upload-wrapper p {
    font-size: 16px;
    color: #000000;
    font-family: 'Avenir';
}
.file-upload-wrapper .airdrop-button.b1 {
    margin-top: 25px;
}
.file_info_blk .file_para {
    font-size: 16px;
    color: #535353;
    font-family: 'Avenir';
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 40px;
}
.or_label {
    font-size: 24px;
    font-weight: 500;
    margin: -19px 0px -10px 0px;
    text-align: center;
}
.tox .tox-menubar {
    display: none!important;
}
.tox .tox-mbtn__select-label {
    display: none!important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    display: none!important;
}
.tox .tox-statusbar {
    display: none!important;
}
.file_info_blk .terms_blk {
    padding: 20px 0 0 0;
}
/*create a droplet code end here */

/*create a Update Invoice modal code start from here */
.modal-title-invoice {
    text-align: center;
    display: block;
    
    margin: 10px 0px 15px 0px;
    
}
#update_prealert_invoice_form .airdrop-button {
    font-size: 18px;
    background-color: #ff8a16;
    color: #fff;
    font-family: 'Avenir';
    font-weight: 500;
    border-radius: 5px;
    padding: 8px 20px;
}
.file-upload-wrapper .airdrop-button.b1 {
    margin-top: 25px;
    font-weight: 400;
    padding: 6px 34px;
}
.airdrop-button.b1 {
    padding: 6px 24px;
}
.uploaded_invoice {
    margin: 10px 10px 20px;
}
#update_prealert_invoice_form .airdrop-button:hover {
    color: #ff8a16;
    border: 1px solid #ff8a16;
    background-color: #fff;
}
/*create a Update Invoice modal code end here */

#cbp-spmenu-s1 .active span{
    color: #F45C27 !important;
    transition: 0.5s;
}
#cbp-spmenu-s1 .active svg g path{
    fill: #F45C27 !important;
    transition: 0.5s;
}
#update_prealert_invoice_form .cancle_update_prealert,#update_prealert_invoice_form .cancle_update_prealert_package,#update_prealert_form .cancle_update_prealert{
background: transparent;
    color: #0B93D1;
    border: 1px solid #0B93D1;
    border-radius: 10px;
    padding: 0.6rem 3rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    font-family: 'Avenir';
    margin-right: 30px;
}
#update_prealert_invoice_form .cancle_update_prealert:hover,#update_prealert_invoice_form .cancle_update_prealert_package:hover,#update_prealert_form .cancle_update_prealert:hover{
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    border: 1px solid transparent !important;
        box-shadow: none;
    color: #fff!important;
    transform: scale(1.05);

}
#update_prealert_invoice_form #update_prealert_invoice,#update_prealert_invoice_form #update_prealert_invoice_package,#update_prealert_form #update_prealert{
background: transparent;
    color: #F45C27;
    border: 1px solid #F45C27;
    border-radius: 10px;
    padding: 0.6rem 3rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    font-family: 'Avenir';
}
#update_prealert_invoice_form #update_prealert_invoice:hover,#update_prealert_invoice_form #update_prealert_invoice_package:hover,#update_prealert_form #update_prealert:hover{
        background: #0B93D1;
    box-shadow: none;
    color: #fff!important;
    transform: scale(1.05);
    border: 1px solid transparent;
}
#update_prealert_invoice_form #upload_btn{
    font-family: 'Avenir';
    background: #0B93D1;
    color: #fff;
    border-radius: 10px;
    padding: 0.6rem 3rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
}
#update_prealert_invoice_form .file-upload-wrapper:hover #upload_btn{
    background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 0px!important;
}
#update_prealert_invoice_form .uploaded_invoice{
background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    color: #fff;
    border-radius: 0.25rem;
    padding: 8px 20px;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    font-family: 'Avenir';
}

#update_prealert_invoice_form .uploaded_invoice:hover{
background: #0B93D1;
    box-shadow: none;
    color: #fff;
    transform: scale(1.05);
    border: 0px!important;
}
#update_prealert_invoice_form .btn-danger.uploaded_invoice{
        background: #f80c35;
        margin-bottom: 27px;
       padding: 8px 15px;
}

.update-invoice-col,.history-pkg-col{
    display: flex;
    align-items: center;
}
.logout-mobile-icon{
    font-size: 20px;
    color: #0B93D1;
    padding-right: 3px;
    margin-left: 7px;
}
a:hover{
    text-decoration: none;
}
.cbp-spmenu a:hover{
background: transparent;
color: #F45C27 ;
}
.cbp-spmenu a:hover svg path{
fill: #F45C27 ;
}
.cbp-spmenu a:hover span{
    color: #F45C27!important ;
}
.cbp-spmenu-vertical a.active svg path{
    fill: #F45C27 ;

}
#prealert_form .tox .tox-edit-area{
    border-top: 0px!important;
}
.shipment_status_completed .track-package div svg path{
fill: #0B93D1;
}
.shipment_status_completed .track-package .track-path .track-line{
       background: #0B93D1;
}
.shipment_status_completed .track-package .track-path .track-van svg circle{
    fill: #0B93D1 ;
}
.shipment_status_completed .track-package .track-path .track-van svg path{
    fill: #fff ;
}
.shipment_status_completed .shipment-info h3{
    color: #000!important;
}
.over-modal
{
    overflow:auto !important;
}
#update_prealert_invoice_form .button-blk .airdrop-button.b1{
    margin-right: 0px;
}
#update_prealert_invoice_form .cancle_update_prealert,#update_prealert_invoice_form .cancle_update_prealert_package{
        margin-right: 30px!important;
    }

.background_color_on_checkbox_selected{
    background-color: #E2F2F9 !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
#message-mobile-show .no_message_select
{
    height: 100%;
}
#message-mobile-show .msg-body-blank{
    background-position: center;
}
.select-all-messages-cus {
    padding-left: 34px;
    display: flex;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 20px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.select-all-messages-cus .form-check-label{
    padding-left: 10px;
}
.modal-header .modal-title .page-heading{
    font-size: 27px;
    color: #0B93D1 ;
}
.history_packages td:empty {
  display: none;
}
.airdropTable.package-dev-tb tbody tr,.airdropTable.index-drop-tbl tbody tr{
    cursor: pointer;
}
#package_history .modal-body .container{
        background: #F8FCFE;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 26px;
}
#package_history .modal-body{
    padding: 0rem 2.5rem 2.5rem 2.5rem ;
}
#package_history .modal-title-invoice{
    margin-top: 20px;
}
#package_history .btn-close{
        position: absolute;
    top: 20px;
    right: 20px;
}
#package_history .modal-header{
    border: 0px;
}
#edit_your_package .modal-title{
       font-size: 26px;
       text-align: center; 
}

#edit_your_package label{
    font-size: 1.0rem;
    font-weight: 400;
    padding: 0 0.5rem;
    line-height: 20px;
    margin: 0px 0 -9px 14px!important;
    background: #fff;
    z-index: 1;
    color: #656565;
    display: inline-flex;
    position: relative;
    top: 6px;
    font-family: 'Avenir';
}

#edit_your_package .form-group input{
    height: calc(1.9em + .75rem + 3px);
    border-radius: 10px;
    border: 1px solid #E1E4E8 !important;
}
#edit_your_package .form-group .form-control {
    height: calc(1.9em + .75rem + 3px);
    border-radius: 10px;
    border: 1px solid #E1E4E8 !important;
}
#edit_your_package .from_group_blk .input-group-price .input-group-prepend span {
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#edit_your_package .from_group_blk .input-group-price #package_amount {
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#edit_your_package{
    z-index: 1100;
}
#update_prealert_form #update_prealert{
    margin-right: 0px;
}
.content.my-custom-styling{
    padding-right: 0px!important;
}
/*.view_more_details.view-details-btn{
    border: 1px solid #F45C27!important;
    color: #F45C27!important;
}*/
#express table tr:first-child td,#standard table tr:first-child td,#seaDrop table tr:first-child td{
    border-top: 0px;
}
#express .modal-header,#standard .modal-header,#seaDrop .modal-header{
padding-bottom: 0px;
}
#express .modal-title,#standard .modal-title,#seaDrop .modal-title{
    margin-bottom: 0px;
}
#package_history{
    z-index: 1100;
}
.index-drop-tbl{
    padding-left: 15px;
    padding-right: 15px;

}
.index-drop-tbl #airdropTable_length,.index-drop-tbl #airdropTable_paginate,.index-drop-tbl #airdropTable_info{
    display: none;
}
.index-drop-tbl .dataTables_wrapper{
        margin-bottom: -25px;
}
.status_drop_alerted{
        color: #006BA9 !important;           
}
.status_delivered{
    color: #2AC769 !important;
}
.status_departure_Mia{
    color: #F45C27 !important;
}
.status_shipment_received{
    color: #f07f16 !important;
}
.status_shipment_received svg path{
    fill: #f07f16 !important;
}
.status_ready_pickup{
   color: #0f03fc; 
}
.status_transit_counter{
    color: #83d134;
}
.status_arrived_jam{
        color: #3497d1;
}
.status_arrived_jam svg path{
    fill: #3497d1;
}
.status_Auction{
    color: #345c0b;
}
.status_processing_customs{
    color: #5b34d1;
}
.status_detained_customs{
    color: #9534d1;
}
.status_proof_delivery{
    color: #139135;
}
.status_uncollected{
    color: #345c0b;
}
.status_dangerous{
    color: #345c0b;
}
.status_processing_warehouse{
    color: #b4d134;
}
.status_released_customs{
    color: #d134b4;
}
.airdropTable.package-dev-tb table tbody tr td:nth-child(6){
display: flex;
align-items: center;
}
.airdropTable.index-drop-tbl table tbody tr td:nth-child(6){
    display: flex;
align-items: center;
}
.airdropTable.package-dev-tb #airdropTable_info, .payment_lookup_table #payment_lookup_table_info{
    margin-top: 0px!important;
}
.package-dev-tb #airdropTable_length
{
    display: block;
}
.package-dev-tb .airdropTable table.dataTable{
    top: 7px !important;
}
.package-dev-tb #airdropTable_info{
    display: block !important;
}
.package-dev-tb #airdropTable_paginate{
    display: block !important;
}
.all-p-font{
    font-size: 33px !important;
}
.tox-tinymce-aux{
    display: none;
}

.header #navbar .navbar .container-fluid .w-auto.show a.drop-div span:hover{
 /*color: #fff!important;*/
 color: none!important;

}
.header.header_cus.header-pkg-cus #prealert_popup:hover{
background: #0B93D1;
}
.track-blur-content-cus{
        position: relative;
    top: 230px;
    text-align: center;
    margin-top: -125px;
}
.blur-cus{
    filter: blur(6px);
    pointer-events: none;
    user-select: none;
}
.package-modal-cus .modal-body .pkg-modal-tbl button.panel-header{
    cursor: auto;
    user-select: text;
}
.cbp-spmenu a{
    font-size: 1em;
}
.package-modal-cus .pkg_mdl_usd{
    min-width: 70px;
}
#prealert_form .parsley-errors-list{
    margin-bottom: -10px;
}
#prealert_form .parsley-errors-list li{
    color: #FF0000;
}
#prealert_form .parsley-errors-list .parsley-required{
   color: #FF0000; 
}
.parsley-errors-list .parsley-required{
    color: #FF0000; 
}
.parsley-required{
    line-height: 16px;
    font-size: 15px;
    padding-top: 5px;
}
.invite-fields-dev .refer .parsley-errors-list .parsley-required{
    color: #FF0000; 
    text-align: left!important;
}
.package-modal-cus .modal-body .pkg-modal-tbl table tbody tr td{
    font-weight: 900;
}
.drop-alert #prealert_your_package .file_info_blk .terms_blk p{
    margin-bottom: 0;
}
.header_cus.header-pkg-cus #search-bar-alert,.header_cus.header-pkg-cus #search-bar-req-index{
    padding-left: 20px!important;
    margin-left: 0.8rem!important;
    flex: 0 0 74%;
    max-width: 74%;
        width: 74%;
    color: #fff;
    background-color: #ff0000;
    border-radius: 6px!important;
    border-color: transparent;
}
.modal-tbl.pkg-modal-tbl .content::-webkit-scrollbar-track {background: #F8FCFE; }

.pkg-info-cus #Courier_number,.pkg-info-cus #descriptions,.pkg-info-cus #Courier_numbers,.pkg-info-cus #descriptionss,.pkg-info-cus #descriptions,.pkg-info-cus #Courier_number{
    /*overflow-x: scroll;*/
    /*white-space: nowrap;*/
}
.pkg-info-cus #Courier_number::-webkit-scrollbar {width: 1px; height: 8px;}
.pkg-info-cus #Courier_number::-webkit-scrollbar:focus{width: 1px; height: 8px;}
.pkg-info-cus #Courier_number::-webkit-scrollbar-track {background: #F8FCFE; }

.pkg-info-cus #descriptions::-webkit-scrollbar {width: 1px; height: 8px;}
.pkg-info-cus #descriptions::-webkit-scrollbar:focus{width: 1px; height: 8px;}
.pkg-info-cus #descriptions::-webkit-scrollbar-track {background: #F8FCFE; }

.pkg-info-cus #Courier_numbers::-webkit-scrollbar {width: 1px; height: 8px;}
.pkg-info-cus #Courier_numbers::-webkit-scrollbar:focus{width: 1px; height: 8px;}
.pkg-info-cus #Courier_numbers::-webkit-scrollbar-track {background: #F8FCFE; }

.pkg-info-cus #descriptionss::-webkit-scrollbar {width: 1px; height: 8px;}
.pkg-info-cus #descriptionss::-webkit-scrollbar:focus{width: 1px; height: 8px;}
.pkg-info-cus #descriptionss::-webkit-scrollbar-track {background: #F8FCFE; }

.pkg-info-cus #Courier_number::-webkit-scrollbar {width: 1px; height: 8px;}
.pkg-info-cus #Courier_number::-webkit-scrollbar:focus{width: 1px; height: 8px;}
.pkg-info-cus #Courier_number::-webkit-scrollbar-track {background: #F8FCFE; }



.msg-pre-cuss{
text-align: center;
    padding: 40px 20px;
    background-color: #F8FCFE;
    border: 1px solid #0B93D1;
    border-radius: 6px;
        margin: 50px 20px;
}
.msg-pre-cuss .check{
    font-size: 40px;
}
.msg-pre-cuss .check_fail{
     font-size: 40px;
}
.msg-pre-cuss .prealert-success{
        margin-bottom: 0;
}
.msg-pre-cuss .prealert-failed{
        margin-bottom: 0;
}
.msg-pre-cuss .prealert-success b{
    font-size: 35px;
}
.msg-pre-cuss .prealert-failed b{
    font-size: 35px;
}
.msg-pre-cuss .prealert-msg-text{
     font-size: 20px;
     text-transform: capitalize;
}
.msg-pre-cuss .msg-pre-close{
    border-radius: 6px;
    border: 1px solid #0B93D1;
    color: #0B93D1;
    background-color: transparent;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: none;
}
.msg-pre-close:hover{
    box-shadow: none;
    background: #0B93D1;
    color: #fff;
    transition: 0.5s;
}
.badge-button.message_counter_val{
background: #F45C27;
    color: white;
    border: 0px;
    font-weight: 500;
    border-radius: 50%;
    padding: 4px 6px;
}
 
.header-pkg-cus .show .dropdown-toggle.drop-div:webkit-direct-focus{
outline-width: 0px;
outline: 0px;
}
.header-pkg-cus .show .dropdown-toggle.drop-div:focus-visible{
outline: 0px;

}
.header-pkg-cus .show .dropdown-toggle.drop-div:focus{
    outline-width: 0px;
outline: 0px;
}
.header-pkg-cus .show .dropdown-toggle.drop-div{
   border-color: transparent!important;
}
.tooltip-invoice-div{
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltiptext-invoice{
    font-weight: 400;
    line-height: 14px;
    width: 100px;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: -40px;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-invoice-div .tooltiptext-invoice::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-invoice-div:hover .tooltiptext-invoice{
    visibility: visible;
    opacity: 1;
}


.tooltip-history-div{
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltiptext-history{
    font-weight: 400;
    line-height: 14px;
    width: 100px;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: -36px;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-history-div .tooltiptext-history::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-history-div:hover .tooltiptext-history{
    visibility: visible;
    opacity: 1;
}

.tooltip-history-div{
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltiptext-edit{
    font-weight: 400;
    line-height: 14px;
    width: 100px;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: auto;
    margin-left: -38px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-edit-div .tooltiptext-edit::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-edit-div:hover .tooltiptext-edit{
    visibility: visible;
    opacity: 1;
}

/* message page tool tips  */

/* multi icons tootl tips */
.tooltiptext-Starred{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: auto;
    margin-left: -38px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-Starred-div .tooltiptext-Starred::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-Starred-div:hover .tooltiptext-Starred{
    visibility: visible;
    opacity: 1;
}
/* Multi Archived */
.tooltiptext-Archived{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: auto;
    margin-left: -43px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-Archived-div .tooltiptext-Archived::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-Archived-div:hover .tooltiptext-Archived{
    visibility: visible;
    opacity: 1;
}
/* multi Read */
.tooltiptext-Read{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: auto;
    margin-left: -37px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-Read-div .tooltiptext-Read::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-Read-div:hover .tooltiptext-Read{
    visibility: visible;
    opacity: 1;
}
/* Trash Icon */
.tooltiptext-Trash{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: auto;
    margin-left: -30px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-Trash-div .tooltiptext-Trash::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-Trash-div:hover .tooltiptext-Trash{
    visibility: visible;
    opacity: 1;
}
/* Multi Deleted */
.tooltiptext-Deleted{
    font-weight: 400;
    line-height: 14px;
    width: 100px;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: auto;
    margin-left: -62px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-Deleted-div .tooltiptext-Deleted::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-Deleted-div:hover .tooltiptext-Deleted{
    visibility: visible;
    opacity: 1;
}
/* end here  */


/* single icons tool tip */
.tooltiptext-star {
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 59px;
    left: auto;
    margin-left: -37px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltiptext-unstar{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 59px;
    left: auto;
    margin-left: -45px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-star-div .tooltiptext-star::after , .tooltip-star-div .tooltiptext-unstar::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.NoColor:hover .tooltiptext-star{
    visibility: visible;
    opacity: 1;
}
.fillColor:hover .tooltiptext-unstar{
    visibility: visible;
    opacity: 1;
}
/* archived single tooltip */
.tooltiptext-archive {
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 59px;
    left: auto;
    margin-left: -40px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltiptext-unarchive{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 59px;
    left: auto;
    margin-left: -47px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-archive-div .tooltiptext-archive::after , .tooltip-archive-div .tooltiptext-unarchive::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.NoColor:hover .tooltiptext-archive{
    visibility: visible;
    opacity: 1;
}
.fillColor:hover .tooltiptext-unarchive{
    visibility: visible;
    opacity: 1;
}
/* end here  */
/* read single  icons tool tip */
.tooltiptext-read {
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 60px;
    left: auto;
    margin-left: -32px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltiptext-unread{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 60px;
    left: auto;
    margin-left: -36px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-read-div .tooltiptext-read::after , .tooltip-read-div .tooltiptext-unread::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.NoColor:hover .tooltiptext-read{
    visibility: visible;
    opacity: 1;
}
.fillColor:hover .tooltiptext-unread{
    visibility: visible;
    opacity: 1;
}
/* end here  */
/* trash single icon tool tip */
.tooltiptext-trash {
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 60px;
    left: auto;
    margin-left: -29px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltiptext-untrash{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 63px;
    left: auto;
    margin-left: -42px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-trash-div .tooltiptext-trash::after , .tooltip-trash-div .tooltiptext-untrash::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.NoColor:hover .tooltiptext-trash{
    visibility: visible;
    opacity: 1;
}
.fillColor:hover .tooltiptext-untrash{
    visibility: visible;
    opacity: 1;
}
/* end here  */
/* delete single icon */
.tooltiptext-delete{
    font-weight: 400;
    line-height: 14px;
    width: auto;
    background-color: #0B93D1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0B93D1;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 63px;
    left: auto;
    margin-left: -95px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-delete-div .tooltiptext-delete::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: 29px;
  border-width: 5px;
  border-style: solid;
  border-color: #0B93D1 transparent transparent transparent;
}
.tooltip-delete-div:hover .tooltiptext-delete{
    visibility: visible;
    opacity: 1;
}
/* end here  */
.clone-icons-targeted-div .tooltip-delete-div .tooltiptext-delete{
    bottom: 91px;
    margin-left: -52px;
}
.clone-icons-targeted-div .tooltip-trash-div .tooltiptext-untrash{
    bottom: 91px;
}
.clone-icons-targeted-div .tooltip-star-div .tooltiptext-star{
    bottom: 88px;
}
.clone-icons-targeted-div .tooltip-star-div .tooltiptext-unstar{
    bottom: 88px;
    margin-left: -43px;
}
.clone-icons-targeted-div .tooltip-archive-div .tooltiptext-archive{
    bottom: 88px;
}
.clone-icons-targeted-div .tooltip-archive-div .tooltiptext-unarchive{
    bottom: 88px;
}
.clone-icons-targeted-div .tooltip-read-div .tooltiptext-unread{
    bottom:90px!important;
}
.clone-icons-targeted-div .tooltip-read-div .tooltiptext-read{
    bottom: 87px;
}
.clone-icons-targeted-div .tooltip-trash-div .tooltiptext-trash{
    bottom: 89px!important;
    margin-left: -28px!important;
}

/* end here  */
/* end here  */
.untrash-icon-cus:hover svg g path,.untrash-icon-cus:hover svg rect{
    fill: #7D7D7D!important;
}
.seaDrop-fields-sec .custom-error span,.standard-fields-sec .custom-error span{
    color: #ff0000!important;
    font-size: 12px!important;
}
.seaDrop-fields-sec .custom-error,.standard-fields-sec .custom-error{
    margin: 0px!important;
    padding: 0px 0px 0px 2px!important;
}
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{
    display: none!important;
}
.tox.tox-tinymce {
    border: 1px solid #E1E4E8 !important;
    height: 130px!important;
    border-radius: 10px;
}
#update_prealert_invoice_form .tinymce-mobile-outer-container{
border: 1px solid #E1E4E8 !important;
    height: 130px!important;
    border-radius: 10px;
    }
    #update_prealert_invoice_form .tinymce-mobile-outer-container iframe{
         height: 130px!important;
    border-radius: 10px;
    }

.coming-express{
   height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8FCFE;
    border: 1px solid #AED1E5;
    border-radius: 6px;
    color: #AED1E5!important;
    margin-top: 20px;
    font-size: 22px;
}
.badge-button.unread_message_counter{
    padding: 0px !important;
    position: absolute;
   /* left: -13px;
    top: -2px;*/
    font-size: 16px;
        background:transparent!important;
    color: #006BA9;
    font-weight: 500 !important;
    border-radius: 50% !important;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tow_digit_sup_cus
{
    left: 25px !important;
    /*z-index: 1111111111111111 !important;*/
    top: 1px !important;
    position: absolute !important;

}
.two_digit_cus
{
    letter-spacing: 1px !important;
    padding: 0px !important;
    position: absolute !important;
   /* left: -13px;
    top: -2px;*/
    font-size: .65em !important;
        background: rgb(244, 92, 39) !important;
    color: white !important;
    font-weight: 500 !important;
    border-radius: 50% !important;
    width: 15px !important;
    height: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.three_digit_sup_cus
{
    left: 25px !important;
    /*z-index: 1111111111111111 !important;*/
    top: 1px !important;
    position: absolute !important;

}
.three_digit_cus
{
    letter-spacing: 1px !important;
    padding: 0px !important;
    position: absolute !important;
   /* left: -13px;
    top: -2px;*/
    font-size: .65em !important;
        background: rgb(244, 92, 39) !important;
    color: white !important;
    font-weight: 500 !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#cbp-spmenu-s1 .active .badge-button.unread_message_counter {
color: #fff!important;
}
.sssss sup{
    left: 36px;
    /*z-index: 1111111111111111;*/
    top: 2px;
    font-size: 16px;
    position: absolute;
}
.sssss{
 position: relative;
    top: 3px;
    /* overflow: hidden!important;    */
    left: -5px !important;
    width: 45px;
    height: 45px;
}
.sssss svg{
        position: absolute;
    top: 6px;
}







@media (min-width: 768px) and (max-width: 2400px){
#autho_user_info_modal .modal-footer .btn-danger, #user_info_modal .modal-footer .btn-danger, #change_pass_modal .modal-footer .btn-danger, #payment_method_section .modal-footer .btn-danger, #change_user_pass_modal .modal-footer .btn-danger, #autho_change_user_pass_modal .modal-footer .btn-danger{
    margin-right: 30px;
}
#message-mobile-show.msg-body, .emails-title.show_messages, .email-box .email-menu{
     min-height: calc(100vh - 280px);
   }
}
@media (min-width: 576px) and (max-width: 1400px){
.blur-cus .content.my-custom-styling{
max-height: 250px!important;
}
}

@media (min-width: 992px) and (max-width: 1366px){
/*.header_cus.header-profile .drop-align-custom{
    left: -118px;
}*/
#checked_input_selected_color .form-check{
    width: 100%;
}
#checked_input_selected_color .form-check .form-check-label.message-body{
     width: 100%;
}
}



@media (min-width: 1201px) and (max-width: 1280px){
.header.header_cus #prealert_popup{
    padding: 0.85rem 1rem;
    font-size: 18px;
}
.header.header_cus.header-pkg-cus .navbar-nav li {
padding: 0px;
    margin-right: .2rem!important;
    margin-left: .2rem!important;
}
.header.header_cus.header-pkg-cus .navbar-nav li a{
    font-size: 15px!important;
}
}




@media (min-width: 1201px) and (max-width: 1350px){
.package-modal.package-modal-cus .modal-dialog {
    min-width: auto;
    max-width: 1160px;
}
.package-modal-cus .modal-body .pkg-modal-tbl button .pkg-info-cus{
padding-right: 0.3rem!important;
    padding-left: 0.3rem!important;
 
}
.package-modal-cus .modal-body .pkg-modal-tbl .content .container-fluid{
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
}



@media (min-width: 992px) and (max-width: 1024px){
.package-modal.package-modal-cus .modal-dialog {
    min-width: auto;
    max-width: 950px;
}
.package-modal.package-modal-cus{
    padding-left: 0px!important;
}
.package-modal.package-modal-cus{
    padding-left: 0px!important;
}
.package-modal-cus .modal-body .pkg-modal-tbl button .pkg-info-cus{
padding-right: 0rem!important;
    padding-left: 0rem!important;
  
}
.package-modal-cus .modal-body .pkg-modal-tbl .content .container-fluid{
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}
.package-modal.package-modal-cus .track-pending .track-line{
    width: 80px;
}
}



@media (min-width: 1025px) and (max-width: 1200px){
.package-modal.package-modal-cus .modal-dialog {
    min-width: auto;
    max-width: 975px;
}
.package-modal.package-modal-cus{
    padding-left: 0px!important;
}
.package-modal-cus .modal-body .pkg-modal-tbl button .pkg-info-cus{
padding-right: 0rem!important;
    padding-left: 0rem!important;
  
}
.package-modal-cus .modal-body .pkg-modal-tbl .content .container-fluid{
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}
.package-modal.package-modal-cus .track-pending .track-line{
    width: 90px;
}
}





@media (min-width: 992px) and (max-width: 1200px){

.header_cus.header-pkg-cus #navbarSupportedContent ul li{
 margin-right: 0rem!important;
    margin-left: 0rem!important;   
}
.header_cus.header-pkg-cus #navbarSupportedContent ul li a{
    font-size: 13px;
}
.pkg-header-icon-div a.drop-div span{
    font-size: 13px;
}
.header_cus.header-pkg-cus #navbarSupportedContent ul li a svg{
    width: 22px;
}
.pkg-header-icon-div a svg{
    width: 22px;
}
.header_cus.header-pkg-cus #navbarSupportedContent ul li a svg{
    display: block;
}
.header_cus.header-pkg-cus #navbar .navbar-expand-lg .navbar-nav .nav-link{
    padding-right: .2rem;
    padding-left: .2rem;
}
.blue-gradient-header .select-msg-row{
    max-width: 465px;
    left: 40px;
}
.pkg-table-col-3,.pkg-table-col-5{
    min-width: 125px;
}
.pkg-table-col-7{
    min-width: 100px;
}
.content.my-custom-styling .buy-options .track-pending .track-line{
    width: 88px;
}
.content.my-custom-styling .container-fluid{
        padding-right: 0.4rem!important;
    padding-left: 0.4rem!important;
}
.index-drop-tbl .dataTables_wrapper{
        margin-bottom: 0px;
}
.index-drop-tbl{
        margin-top: 0px!important;
}
.header.header_cus #prealert_popup{
    padding: 0.85rem 1rem;
    font-size: 15px;
}
}
@media (min-width: 1101px) and (max-width: 1200px){
.header-pkg-cus .cus-drop.desktop-cus-drop{
/* left: 40px;
    right: 110px;
    top: 47px; */
}
.sssss sup {
    left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1100px){
.header_cus.header-pkg-cus #navbarSupportedContent ul li a svg{
    width: 18px;
}
.pkg-header-icon-div a svg{
    width: 18px;
}
.pkg-header-icon-div a.drop-div span{
    font-size: 12px;
}
.header_cus.header-pkg-cus #navbarSupportedContent ul li a{
    font-size: 12px;
}
/* .header-pkg-cus .cus-drop.desktop-cus-drop{
    left: 40px;
    right: 102px;
    top: 44px;
} */
.cus-drop.desktop-cus-drop a.dropdown-item {
    padding: .6rem 6rem 0.4rem 1rem;
    }
.badge-button.unread_message_counter{
        left: -10px;
    }
}






@media (min-width: 320px) and (max-width: 991px){
.header.header_cus #navbar .navbar .container-fluid .w-auto.show .drop-div{
padding-left: 10px!important;
    padding-right: 10px!important;
    display: flex;
    align-items: center;
}
.header_ship .show .dropdown-toggle.drop-div svg{
    display: block;
}
.header_ship .show .dropdown-toggle.drop-div svg path{
    fill: #fff;
}
.cus-drop.desktop-cus-drop{
    left: 0px;
    right: 0px;
        min-width: auto;
}
.header_cus.header-profile .drop-align-custom{
    left: 0px;
    margin-top: -5px;
        right: 0px;
}
.header.header_cus.header-profile #navbar .navbar .container-fluid .w-auto .drop-div{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.cus-drop.mobile-dropdown-cus.refer-mobile-head{
top: 570px!important;
}
.header.header_cus.header-pkg-cus #navbar .navbar .container-fluid .w-auto .drop-div{
    padding-left: 16px!important;
    padding-right: 16px!important;
    display: flex;
    align-items: center;
}
/*.header-pkg-cus .cus-drop.desktop-cus-drop{
  left: -86px;  
}*/
.package-modal.package-modal-cus .modal-dialog {
    min-width: auto;
}
.index-drop-tbl .dataTables_wrapper{
        margin-bottom: 0px;
}
.index-drop-tbl{
        margin-top: 0px!important;
}
.shipping-box-cus2 .calculator-form label {
    margin-top: 10px;
    font-size: 14px;
}
.pkg-header-icon-div .sssss{
    display: none!important;
}
#cbp-spmenu-s1 .badge-button.unread_message_counter{
    top: 0px;
    left: 0px;
}
}


@media (min-width: 576px) and (max-width: 991px){
.header-refer .cus-drop.desktop-cus-drop{
right: 162px;
    margin-top: -10px;
    min-width: 20%;
}
.header.header_cus.header-refer #navbar .navbar .container-fluid .w-auto.show .drop-div{
 padding-left: 12px!important;
    padding-right: 12px!important;
}
.header.header_cus.header-refer #navbar .navbar .container-fluid .w-auto .drop-div{
    padding-left: 12px!important;
    padding-right: 12px!important;
    }
}








@media (min-width: 768px) and (max-width: 991px){
.package-modal.package-modal-cus .modal-dialog,#edit_your_package .modal-dialog{
    max-width: 700px;
}
#edit_your_package .modal-dialog .modal-content{
    width: 700px;
}
.package-modal.package-modal-cus{
    padding-left: 0px!important;
}
.package-modal-cus .modal-body .pkg-modal-tbl button .pkg-info-cus{
padding-right: 0rem!important;
    padding-left: 0rem!important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.package-modal-cus .modal-body .pkg-modal-tbl .content .container-fluid{
    padding-right: 0rem!important;
    padding-left: 0rem!important;
}
#edit_prealert_invoice .modal-dialog {
    max-width: 700px;
    }
#edit_prealert_invoice .modal-content {
    width: 700px;
}
#edit_prealert_invoice_package .modal-dialog {
    max-width: 700px;
    }
#edit_prealert_invoice_package .modal-content {
    width: 700px;
}
.listing-page-heading .weight-select.inbox-drop{
    display: none;
}
.email-box .email-menu .nav-tabs a{
        font-size: 16px;
    padding: 0.7rem 0.5rem;
}
.email-box .email-menu{
    padding-left: 1rem!important;
}
.blue-gradient-header .select-msg-row{
    max-width: 400px;
   left: 25px;
}
#checked_input_selected_color .d-flex.align-items-start.flex-column.ms-auto{
    width: 24%;
}
.package-modal.package-modal-cus .track-pending .track-line{
    width: 55px;
    height: 3px;
}
.buy-options .shipment-info h3{
    font-size: 12px;
}
.pkg-info-cus p {
    font-size: 14px;
    }
    .panel-header .pkg-info-cus label{
            font-size: 12px;
    }
.package-modal.package-modal-cus button.collapsible.panel-header{
    padding: 10px 0px;
}
.buy-options .track-package .track-path{
    margin-right: 0rem!important;
    margin-left: 0.5rem!important;
}
#package_history .modal-dialog,#package_history .modal-dialog .modal-content{
width: 700px;
}
.pkg-table-col-3,.pkg-table-col-5{
    min-width: 125px;
}
.pkg-table-col-7{
    min-width: 100px;
}
.panel-header-cus p{
    font-size: 14px;
}
.content.my-custom-styling .buy-options .track-pending .track-line{
    width: 66px;
}
.content.my-custom-styling .container-fluid{
        padding-right: 0rem!important;
    padding-left: 0rem!important;
}
.header.header_cus #prealert_popup{
        padding: 0.85rem 0.2rem;
    font-size: 13px;
}
.header.header_cus #prealert_popup svg{
    width: 14px;
    display: block;
}
#express .modal-content, #standard .modal-content, #seaDrop .modal-content{
    width: 620px;
}
/* .header-pkg-cus .cus-drop.desktop-cus-drop{
    left: 0px;
    top: 46px;
} */
}



@media (min-width: 768px) and (max-width: 768px){
.email-box .ipad-content-cus{
    width: 100%;
}
.listing-page-heading .weight-select.inbox-drop{
    display: block!important;
}
/*.row.position-relative.blue-gradient-header {
    min-height: 255px;
}*/
.blue-gradient-header .select-msg-row{
        flex-direction: inherit;
    max-width: 360px;
    bottom: 22px;
    left: auto;
}
.blue-gradient-header.header-msg-cus .header-content .container{
    margin-top: 0px!important;
}
.messages .header-content select.mobile-drop {
    height: 40px;
}
.messages .header-content select.selected-number {
    height: 40px;
    
}
.messages .header-content .listing-page-heading{
    margin-top: 14px;
}
.blue-gradient-header .header-content .container .form-check{
    margin-left: -3px!important;
}
.listing-page-heading select {
    width: 60px;
}
.pkg-info-cus .drop,.pkg-info-cus .desc{
    webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.buy-options .col{
    webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    display: block;
}
.package-modal.package-modal-cus .track-pending .track-line {
    width: 76px;
    height: 3px!important;
    margin-left: -4px;
    margin-top: 4px;
}
.package-modal.package-modal-cus .track-pending .track-van {
    margin-left: 0px;
    margin-top: 6px;
}
.buy-options .shipment-info{
    margin-left: 0px;
}
.buy-options .shipment-info.delivered{
margin-left: 0px!important;
}
.buy-options .track-package .track-path{
    margin-right: 0rem!important;
    margin-left: 0.5rem!important;
}
.track-pending.track_shipment_status2 .shipment-info{
        margin-top: 23px;
}
.my-custom-styling .track-btns-row{
    justify-content: center;
      
}
.panel-header.panel-header-cus .drop, .panel-header.panel-header-cus .desc {
    flex: 1 0 0%;
}

.collapsible.panel-header-cus:after{
        margin-top: -40px;
}
.content.my-custom-styling .buy-options .track-pending .track-line{
        height: 3px;
        margin-left: 0px;
    margin-top: 8px;
}
.content.my-custom-styling .buy-options .track-pending .track-line.line-2{
    height: 3px!important;
}
.content.my-custom-styling .buy-options .track-pending .track-van {
   
    margin-top: 5px;
}
.content.my-custom-styling .buy-options .track-pending .track-line {
    width: 87px;
}
#package_history{
    padding-left: 0px!important;
}
.email-check .message-body p.message_description{
    width: auto;
}
.header.header_cus #prealert_popup{
        padding: 0.85rem 0.2rem;
    font-size: 12px;
}
.header.header_cus #prealert_popup svg{
    width: 14px;
    display: block;
    min-width: 11px;
}
.track-blur-content-cus{
    margin-top: -100px;
}
#express .modal-content, #standard .modal-content, #seaDrop .modal-content{
    width: 620px;
}
}



@media (min-width: 576px) and (max-width: 767px){
.package-modal.package-modal-cus .modal-dialog {
    max-width: 500px;
}
.package-modal.package-modal-cus{
    padding-left: 0px!important;
}
.package-modal-cus .modal-body .pkg-modal-tbl button .pkg-info-cus{
padding-right: 0rem!important;
    padding-left: 0rem!important;
   
}
.package-modal-cus .modal-body .pkg-modal-tbl .content .container-fluid{
    padding-right: 1rem!important;
    padding-left: 1rem!important;
    margin-bottom: -20px!important;
}
#edit_prealert_invoice .modal-dialog {
    max-width: 500px;
    }
#edit_prealert_invoice .modal-content {
    width: 500px;
}
#edit_prealert_invoice_package .modal-dialog {
    max-width: 500px;
    }
#edit_prealert_invoice_package .modal-content {
    width: 500px;
}
#update_prealert_invoice_form #update_prealert_invoice,#update_prealert_invoice_form #update_prealert_invoice_package,#update_prealert_invoice_form .cancle_update_prealert,#update_prealert_invoice_form .cancle_update_prealert_package{
       padding: 0.6rem 1.6rem;
    font-size: 16px; 
    margin-top:0px;
    margin-bottom: 25px;
    }
   #edit_your_package .cancle_update_prealert,#edit_your_package #update_prealert{
     padding: 0.6rem 1.6rem;
    font-size: 16px; 
   }
    #update_prealert_invoice_form .cancle_update_prealert,#update_prealert_invoice_form .cancle_update_prealert_package,#edit_your_package .cancle_update_prealert{
        margin-right: 20px!important;
    }
    .messages .header-content .inbox-drop select.mobile-drop{
            min-width: 200px;
            background-position-x: 90% !important;
    }
    .messages .header-content select.mobile-drop {
    height: 40px;
}
.messages .header-content select.selected-number {
    height: 40px;
    width: 60px!important;
}
.messages .header-content .listing-page-heading{
    margin-top: 14px;
}
.blue-gradient-header .select-msg-row{
    max-width: 400px;
   flex-direction: inherit;
       bottom: 0px;
}
.messages .blue-gradient-header .header-content {
    min-height: 220px;
}
.blue-gradient-header .header-content .container .form-check{
    margin-left: -25px!important;
}
    .no_message_select.msg-body.msg-body-blank{
display: none!important;
    }
.pkg-info-cus .col-sm-12{
    width: 50%;
}
.pkg-info-cus .drop{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.modal-tbl.pkg-modal-tbl .content {
    max-height: 100%;
}
.pkg-info-cus-top {
    margin-bottom: -6px!important;
}
.btn-icons-col {
    text-align: center;
}
.buy-options .track-pending .track-line,.track-pending .track-line.line-2{
    height:40px!important;
    margin-left: -26px;
}
.package-modal.package-modal-cus .modal-body {
    padding: 1.5rem!important;
    padding-bottom: 2rem!important;
}
.buy-options .col .track-package{
        margin-top: 1rem!important;
}
.buy-options .shipment-info{
    margin-top: 0px;
}
.buy-options .shipment-info.delivered{
margin-left: 50px;
}
.buy-options .track-van{
        position: absolute;
    top: 50px;
    left: 20px;
}
.buy-options .track-van svg{
width: 30px;
height: 30px;
}
#package_history.modal{
    padding-right: 16px;
}
#package_history .modal-dialog{
width: 500px;
}
#package_history .modal-body {
    padding: 0rem 1rem 1rem 1rem;
}
#edit_your_package .modal-dialog{
    max-width: 500px;
}
#edit_your_package .modal-dialog .modal-content{
    width: 500px;
}
.my-custom-styling .track-btns-row{
    justify-content: center;
        padding-left: 50px;
        
}
#express .modal-dialog,#standard .modal-dialog,#seaDrop .modal-dialog {
    max-width: 500px;

}
#express .modal-content,#standard .modal-content,#seaDrop .modal-content {
   width: 500px;

}
#express,#standard,#seaDrop {
padding-left: 0px!important;
}
#express .modal-title .header-line, #standard .modal-title .header-line, #seaDrop .modal-title .header-line {
    width: 420px;
}
#package_history{
    padding-left: 0px!important;
}
.email-check .message-body p.message_description{
    width: auto;
}
.header.header_cus #navbar .navbar .container-fluid .w-auto .drop-div{
    display: none!important;
}
.header.header_cus #prealert_popup{
        padding: 0.85rem 0rem;
    font-size: 10px;
}
.header.header_cus #prealert_popup svg{
    display: none;
}
.track-blur-content-cus{
    margin-top: -100px;
}
.header_cus.header-pkg-cus #search-bar-alert,.header_cus.header-pkg-cus #search-bar-req-index{
    flex: 0 0 100%;
    max-width: 100%;
        width: 100%;
}
}



@media (min-width: 320px) and (max-width: 370px){
.header.header_cus.header-pkg-cus .drop-alert input#myInputTextField {
    font-size: 9px !important;
    
}
.refer-btn.refer-friend-dashbrd a{
    font-size: 12px;
}
}


@media (min-width: 371px) and (max-width: 468px){
.header.header_cus.header-pkg-cus .drop-alert input#myInputTextField {
    font-size: 10px !important;
    
}
.refer-btn.refer-friend-dashbrd a{
    font-size: 12px;
}
}



@media (min-width: 320px) and (max-width: 575px){
    .header.header_cus.header-refer #navbar .navbar .container-fluid .w-auto .drop-div,.header.header_cus.header-pkg-cus #navbar .navbar .container-fluid .w-auto .drop-div{
display: none;
    }
    #prealert_form .file_info_blk .terms_blk p{
    margin-bottom: 0;
    }
    .drop-alert #prealert_your_package #submit_prealert,.drop-alert #prealert_your_package .cancel-btn{
            padding: 0.5rem 1rem!important;
    }
    .drop-alert #prealert_your_package .cancel-btn{
        margin-right: 8px!important;
    }
    #update_prealert_invoice_form #update_prealert_invoice,#update_prealert_invoice_form #update_prealert_invoice_package,#update_prealert_invoice_form .cancle_update_prealert,#update_prealert_invoice_form .cancle_update_prealert_package{
       padding: 0.6rem 1rem;
    font-size: 14px; 
    margin-top:0px;
    margin-bottom: 25px;
    }
    #edit_your_package .cancle_update_prealert,#edit_your_package #update_prealert{
         padding: 0.6rem 1rem;
    font-size: 14px; 
    }
    #update_prealert_invoice_form .cancle_update_prealert,#update_prealert_invoice_form .cancle_update_prealert_package, #edit_your_package .cancle_update_prealert{
        margin-right: 10px!important;
    }
    #update_prealert_invoice_form #update_prealert_invoice{
        margin-right: 0px!important;
    }
    #edit_prealert_invoice .update_prealert_section form .form-group .col-form-label {
        font-size: 0.8rem;
    margin: 0px 0 -9px 20px!important;
   }
   .drop-alert #prealert_your_package .file_info_blk .form-group .col-form-label {
    font-size: 0.8rem;
   } 
   .messages .header-content .inbox-drop select.mobile-drop{
    min-width: 124px;
    height: 35px;
    width: 60px;
   }
   .messages .header-content select.selected-number {
    height: 35px;
    width: 60px;
    
}
.blue-gradient-header .header-content .container .form-check{
    margin-left: -16px!important;
}
.email-check .message-body p{
        white-space: inherit;
}
.show_messages .paging-btn .btn, .show_messages .paging-btn .btn.disabled{
    padding: .375rem 0.5rem;
        font-size: 11px;
}
.modal {
    padding-left: 0px;
}
.pkg-info-cus .col-sm-12{
    width: 50%;
}
.pkg-info-cus .drop{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.modal-tbl.pkg-modal-tbl .content {
    max-height: 100%;
}
.pkg-info-cus-top {
    margin-bottom: -6px!important;
}
.btn-icons-col {
    text-align: center;
}
.btn-icons-col a i {
    font-size: 20px;
}
.package-modal-cus .modal-body .pkg-modal-tbl .content .container-fluid {
    padding-right: 0.7rem!important;
    padding-left: 0.7rem!important;
}
.package-modal-cus .modal-body .pkg-modal-tbl button .pkg-info-cus {
    padding-right: 0rem!important;
    padding-left: 0rem!important;
}
.buy-options .track-pending .track-line,.track-pending .track-line.line-2{
    height:40px!important;
}
.package-modal.package-modal-cus .modal-body {
    padding: 1rem;
    padding-bottom: 2rem!important;
}
.buy-options .track-van{
        position: absolute;
       top: 45px;
    left: 19px;
}
.buy-options .track-van svg{
width: 26px;
height: 26px;
}
.track-pending.track_shipment_status3{
margin-top: 15px;
}
#package_history .modal-body {
    padding: 0rem 1rem 1rem 1rem;
}
#package_history.modal{
    padding-right: 8px;
}
#package_history tbody,#package_history td,#package_history tfoot,#package_history th,#package_history thead,#package_history tr{
    padding: 0px 5px;
}
#package_history table{
    font-size: 13px;
}
.my-custom-styling .track-btns-row{
    justify-content: center;
        padding-left: 18px;
        
}
#express,#standard,#seaDrop {
padding-left: 0px!important;
}
#express .modal-content,#standard .modal-content,#seaDrop .modal-content{
    margin: auto;
}
#express .modal-content .modal-body,#standard .modal-content .modal-body,#seaDrop .modal-content .modal-body{
padding-right: 1rem!important;
    padding-left: 1rem!important;
}
#express .modal-content .modal-body .modal-note br,#standard .modal-content .modal-body .modal-note br,#seaDrop .modal-content .modal-body .modal-note br{
display: none;
}
#package_history{
    padding-left: 0px!important;
}
.email-check .message-body p.message_description{
    width: auto;
}
.header.header_cus #navbar .navbar .container-fluid .w-auto .drop-div{
   display: none!important;
}
.track-blur-content-cus{
    margin-top: -100px;
}
.blur-cus .content.my-custom-styling{
max-height: 250px!important;
}
.header_cus.header-pkg-cus #search-bar-alert,.header_cus.header-pkg-cus #search-bar-req-index{
    flex: 0 0 100%;
    max-width: 100%;
        width: 100%;
}
.tooltiptext-history{
    bottom: 35px;
}
.tooltiptext-invoice{
    bottom: 35px;
    left: -42px;
}
.tooltiptext-edit{
 bottom: 38px;
    left: auto;
    margin-left: -42px;
}
.shipping-address-card-sec .modal-note br{
    display: none;
}
.msg-pre-cuss{
    padding: 20px 15px 30px 15px;
        margin: 35px 10px;
}
.msg-pre-cuss .prealert-success b {
    font-size: 25px;
}
.msg-pre-cuss .prealert-failed b {
    font-size: 25px;
}
.msg-pre-cuss .prealert-msg-text {
    font-size: 16px;
}
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{
    display: none!important;
}
}



@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
   #airdropTable_length select{
    -webkit-appearance: none;
        appearance: none;
   }
   #airdropTable_length label:before{
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 11px;
    padding-right: 0.5em;
    position: absolute;
    top: 15px;
    left: 98px;
   }
  } 
}
@supports (overflow:-webkit-marquee) and (justify-content:inherit)
{
   #airdropTable_length select{
    -webkit-appearance: none;
        appearance: none;
   }
   #airdropTable_length label:before{
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 11px;
    padding-right: 0.5em;
    position: absolute;
    top: 15px;
    left: 98px;
   }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   
    .airdropTable #airdropTable_wrapper #airdropTable_length select{
    -webkit-appearance: none;
        appearance: none;
   }
   .airdropTable #airdropTable_wrapper #airdropTable_length label::before{
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 9px;
    padding-right: 0.5em;
    position: absolute;
    top: 15px;
    left: 90px;
   }
   .airdropTable #airdropTable_length select{
    padding: 10px 25px 10px 10px!important;
   }
}
/*code by tayyab of package table */

.header_cus.header-profile .show .dropdown-toggle.drop-div
{
 border:2px solid #0B93D1 !important;
 background: #F8FCFE!important;
 color: #0B93D1!important;
   
}

.header_cus.header-profile .drop-align-custom
{border:2px solid #0B93D1 !important;
 background: #F8FCFE!important;
 color: #0B93D1!important;
 

}
a.drop-div span:hover
{
    color: none;
}
.header-pkg-cus .show .dropdown-toggle.drop-div
{
    border:2px solid #0B93D1 !important;
    background: #F8FCFE!important;
    color: #0B93D1!important;
}
.header-pkg-cus .cus-drop.desktop-cus-drop
{
    border:2px solid #0B93D1 !important;
    background: #F8FCFE!important;
    

}
@media (min-width: 576px) and (max-width: 769px)
{
.airdropTable #airdropTable_wrapper #airdropTable_length label::before{
    left: 72px;
}



}
@media(min-width: 100px) and (max-width: 768px)
{
    .package-dev-tb #airdropTable_wrapper
    {
        overflow: hidden;
    }
}
@media (min-width: 601px) and (max-width: 649px)
{
    .package-dev-tb .dataTables_paginate .paginate_button.previous,    .package-dev-tb .dataTables_paginate .paginate_button.next
    {
        padding: 5px 6px !important;
    }

}
@media (min-width: 453px) and (max-width:600px)
{
    .package-dev-tb .dataTables_paginate .paginate_button.previous,    .package-dev-tb .dataTables_paginate .paginate_button.next
    {
        padding: 5px 6px !important;
    }
    #airdropTable_paginate  span .paginate_button
    {
        margin: 0px 2px !important;
    }

}
@media (min-width: 422px) and (max-width:453px)
{
    .package-dev-tb .dataTables_paginate .paginate_button.previous,    .package-dev-tb .dataTables_paginate .paginate_button.next
    {
        padding: 5px 6px !important;
    }
    #airdropTable_paginate  span .paginate_button
    {
        margin: 0px 3px !important;
    }
    #airdropTable_paginate  span .ellipsis
    {
        padding: 0px 1px !important;
    }

}
@media (min-width: 389px) and (max-width: 422px)
{
    #airdropTable_paginate  span .ellipsis
    {
        padding: 0px !important;
    }
    .package-dev-tb .dataTables_paginate .paginate_button.previous,    .package-dev-tb .dataTables_paginate .paginate_button.next
    {
        padding: 3px 4px !important;
    }
    #airdropTable_paginate  span .paginate_button
    {
        margin: 0px 1px !important;
    }

}
@media(min-width: 328px) and (max-width: 389px)
{

    #airdropTable_paginate  span .ellipsis
    {
        padding: 0px !important;
    }
    .package-dev-tb .dataTables_paginate .paginate_button.previous,    .package-dev-tb .dataTables_paginate .paginate_button.next
    {
        margin:0px 0px 0px 2px !important;
        padding: 4px!important;
    }
    #airdropTable_paginate  span .paginate_button
    {
        padding: 3px 7px !important;
        margin:1px !important ;
    }

}
@media (min-width: 769px) and (max-width: 1200px)
{
    .airdropTable #airdropTable_wrapper{
        overflow-x:hidden !important ;
    }
}
@media(min-width: 1175px) and (max-width: 1400px)
{
    #airdropTable_wrapper .dataTables_scroll
    {
        width: 100%!important;
    }
    #airdropTable_wrapper .dataTables_scroll .dataTables_scrollHeadInner
    {
        width: 100%!important;
    }
    #airdropTable_wrapper .dataTables_scroll .dataTables_scrollHeadInner .no-footer
    {
        width: 100%!important;

    }
    #airdropTable
    {
        width: 100%!important;
    }
    
}
#charges_table div.dropdown-content
{
    min-width: auto!important;
    position: static !important;

    background-color: transparent !important;
}
.cif_drop_toggle
{
    display: inline-block;
    cursor: pointer;
}
.cif_up_para_cus
{
    cursor: pointer;
    display: inline-block;
}
.cif_up_para_cus:hover
{
    color:#F45C27 !important;
    transition: 1s;
}
.cif_drop_toggle:hover
{
    color: #F45C27 !important;
    transition: 1s;

}
.pkg_cif_para
{
    display: inline-block;

    cursor: pointer;
}
.pkg_cif_para_hover:hover
{
    color: #F45C27 !important;
    transition: 1s;

}
.cif_drop_toggle_acitve
{
    color: #F45C27 !important;
}
.note_related_custom
{
    font-weight: 600;
    text-align: center;
}

.caret_cif_cus{
        color: black!important;
        cursor: pointer;
        margin-top: 6px;
        margin-left: 4px;
}
/*tayyab code here on 25-10-2021 */
@media (max-width: 426px)
{
        .note_related_custom
                {
                    font-size: 12px;
                } 
}
@media(min-width: 769px) and (max-width: 798px)
{

.sea_drop_text
{
    min-height: 83px;
}
}
@media(min-width: 857px) and (max-width: 917px)
{

.sea_drop_text
{
    min-height: 63px;
}

}
@media(min-width: 1083px) and (max-width: 1343px)
{

.sea_drop_text
{
    min-height: 83px;
}
}
@media(min-width: 1443px) and (max-width: 1547px)
{

.sea_drop_text
{
    min-height: 65px;
}
}
@media(min-width: 992px) and (max-width: 995px)
{

.sea_drop_text
{
    min-height: 103px;
}
}
@media(min-width: 2239px) and (max-width: 2447px)
{

.sea_drop_text
{
    min-height: 40px;
}
}
.show {display: block;}
@-moz-document url-prefix() {
  ::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar:focus{width: 50px}
::-webkit-scrollbar-track {background: #ddd; }
::-webkit-scrollbar-thumb {background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); ;border-radius:5px;}
::-webkit-scrollbar-thumb:hover {background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); }
} 


.profile-select select{
  display: block!important;
    width: 100%!important;
    padding: 0.375rem 0.75rem!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.6!important;
    height: auto;
    color: #4f4f4f!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #bdbdbd!important;
    background-position-x:95%!important;
}
.navbar a.active .badge-button.unread_message_counter, .navbar a:hover .badge-button.unread_message_counter{
color: #F45C27!important;
}

.navbar a.active .sssss sup .navbar a:hover .sssss sup{
    color: #F45C27!important;

}
@media (max-width: 576px){
    .select-msg-row{
        padding-left: 50px;
    }
}