@font-face {
    font-family: "lato";
    src: url("../fonts/Lato-Regular.ttf");
}

@font-face {
    font-family: "Inter-VariableFont_slnt,wght";
    src: url("../fonts/Inter-VariableFont_slnt,wght.ttf");
}


body {
    font-family: "lato" !important;
}

.Logo {
    max-width: 150px;
    width: 150px;
    height: auto;
}



.headerShadow {
    -moz-box-shadow: 0 3px 3px #ccc;
    -webkit-box-shadow: 0 3px 3px #ccc;
    box-shadow: 0 3px 3px #ccc;
    background-color: #ffffff !important;
    background-image: none !important;
}

.blueButton {
    background-color: #0058BE;
    color: #ffffff;
    border: none;
    padding: 10px;
    width: 100px;
    border-radius: 23px;
}

.blueButtonSmall {
    background-color: #3b5999;
    color: #ffffff;
    border-radius: 4px;
    border: none;
    padding: 3px;
    font-size: 8px;
}

.blueButtonMerged {
    background-color: #3C45FC;
    color: #ffffff;
    border: none;
    border-radius: 0px 11px 12px 0px;
    padding: 7px;
    width: 200px;
    height: 40px;
}

.noBorderRad {
    border-radius: 0px !important;

}
.curveTextbox {
    border-radius: 10px 0px 0px 10px;
    height: 40px;
}

.navbar-brand {
    padding: 0px;
}

    .navbar-brand > img {
        height: 100%;
        padding: 15px;
        width: auto;
    }

.navbar {
    margin: 0px !important;
}

.resetPadDiv {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

.centerAlignedTextImg {
    display: flex;
    align-items: center;
}
.padspacing{
    padding-top:5px;
    padding-bottom:5px;
}

/*Divider*/
.vertical-divider {
    position: absolute;
    z-index: 10;
    top: 65%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    height: 0%;
    line-height: 0;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
}

    .vertical-divider:before,
    .vertical-divider:after {
        position: absolute;
        left: 50%;
        content: '';
        z-index: 9;
        border-left: 1px solid rgba(34,36,38,.15);
        border-right: 1px solid rgba(255,255,255,.1);
        width: 0;
        height: calc(106% - 1rem);
    }

.row-divided > .vertical-divider {
    height: calc(50% - 1rem);
}

.vertical-divider:before {
    top: -100%;
}

.vertical-divider:after {
    top: auto;
    bottom: 0;
}

.row-divided {
    position: relative;
}

    .row-divided > [class^="col-"],
    .row-divided > [class*=" col-"] {
        padding-left: 30px; /* gutter width (give a little extra room) 2x default */
        padding-right: 30px; /* gutter width (give a little extra room) 2x default */
    }

/*Orders table*/
.Orders {
    font-family: "lato", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
}

    .Orders td, .Orders th {
        border: 0px solid #ddd;
        padding: 8px;
    }

    .Orders tr:nth-child(even) {
        /* background-color: #f2f2f2;*/
    }

    .Orders tr:hover {
        background-color: #ddd;
    }

    .Orders th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #e7e7e7;
        color: black;
    }
/*EndOrders tables*/

/*Orders table*/
.Shipments {
    font-family: "lato", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
}

    .Shipments td, .Orders th {
        border: 0px solid #ddd;
        padding: 8px;
    }

    .Shipments tr:nth-child(even) {
        /* background-color: #f2f2f2;*/
    }

    .Shipments tr:hover {
        background-color: #ddd;
    }

    .Shipments th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #e7e7e7;
        color: black;
    }
/*EndOrders tables*/

/*Socmed icons*/
.socMed {
    width: 33px; 
    height: 33px;
    max-width: none !important;
}

.qrcode {
    width: 180px;
    height: 180px;
}

.abouticon {
    background-image: url(https://secureservercdn.net/104.238.68.130/fhx.981.myftpupload.com/wp-content/uploads/2020/07/about-us-ico-.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.specialicon {
    background-image: url(https://secureservercdn.net/104.238.68.130/fhx.981.myftpupload.com/wp-content/uploads/2020/07/Special-Handling-icon-2.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.prohibitedicon {
    background-image: url(https://secureservercdn.net/104.238.68.130/fhx.981.myftpupload.com/wp-content/uploads/2020/07/Prohibited-icon-2.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.helpicon {
    background-image: url(https://secureservercdn.net/104.238.68.130/fhx.981.myftpupload.com/wp-content/uploads/2020/07/Help-center-icon-2.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.termsicon {
    background-image: url(https://secureservercdn.net/104.238.68.130/fhx.981.myftpupload.com/wp-content/uploads/2020/07/Terms-Icon-2.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.infoLink-padding {
    padding: 15px 50px !important;
}

.noHover{
    background-color:transparent !important;
    background-image: none !important;
}

.generalTextbox 
{
    border: 1px solid #383939;
    box-sizing: border-box;
    border-radius: 23px;
}

.titleHead {
    font-size: 30px;
    line-height: 40px;

    color: #0058BE;
}

.textSpacing{
    line-height: 40px;
}

/*smaller screens*/
@media screen and (max-width: 992px) {
    .vertical-divider {
        display:none;
    }
}