/* CSS Document */

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular.eot') formate('eot');
    src: url('../fonts/Roboto-Regular.woff') format('woff'),url('../fonts/Roboto-Regular.svg')format('svg'),url('../fonts/Roboto-Regular.ttf')format('truetype');
}

body {
    margin: 0;
    padding: 0;
}

.full-width {
    width: 100%;
}

.blck-bg {
    background: #000000;
}

.clear-div {
    clear: both;
    margin-bottom: 15px;
}

.logo-container {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.border-bar {
    border-bottom: 4px solid #d20000;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}

.header-sub {
    color: #009966;
    float: right;
    font-family: "RobotoRegular";
    font-size: 25px;
    margin: -22px 0 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: right;
}

.title-form {
    background: none repeat scroll 0 0 #009966;
    color: #fff;
    font-family: "RobotoRegular";
    margin-left: 15px;
    padding: 10px;
    width: 97.5%;
}

.consign-input {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #d1d1d1;
    font-family: "RobotoRegular";
    height: 30px;
    padding-left: 15px;
    width: 100%;
    float: left;
}

.consign-inputNew {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #d1d1d1;
    font-family: "RobotoRegular";
    /*height: 30px;*/
    padding-left: 15px;
    width: 100%;
    float: left;
}

.label-box {
    font-family: "RobotoRegular";
    /**float: left;**/
    margin-right: 15px;
    font-weight: normal;
    padding-top: 6px;
    clear: both;
}

.form-control {
    background: #eeeeee;
    border-radius: 2px;
    margin-bottom: 10px;
    float: left;
    font-family: "RobotoRegular";
}

.button-container {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.btn-save {
    background: #009966;
    color: #FFFFFF;
    font-family: "RobotoRegular";
    min-width: 100px;
    width: auto;
    text-align: center;
    border: none;
    border-radius: 5px;
    padding: 5px;
    margin-left: 15px;
    margin-bottom: 15px;
}

    .btn-save:hover {
        color: #000000;
    }

.check-box-cont {
    float: left;
    font-family: "RobotoRegular";
    margin-top: 5px;
}

.checkbox-01 {
    float: left;
    margin-right: 5px !important;
    border-color: #d1d1d1 !important;
}

.style {
    display: none;
}

.para {
    color: #FFFFFF;
    font-family: "RobotoRegular";
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.error-box {
    margin-bottom: 5px;
    clear: both;
    color: #FF0000;
    font-family: "RobotoRegular";
}

.note-box {
    margin-bottom: 5px;
    clear: both;
    font-family: "RobotoRegular";
}

.nav-top {
    color: #009966;
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

    .nav-top li {
        float: left;
        font-family: "RobotoRegular";
        font-size: 12px;
        margin-right: 55px;
    }

.under-text {
    float: left;
    margin-left: -10px;
    margin-top: 6px;
    text-decoration: none;
}

.calender-btn {
    float: right;
    margin-right: 12px;
    margin-top: -27px;
}

.top-head-text {
    float: left;
    font-family: "RobotoRegular";
    font-size: 12px;
    color: #009966;
}

.top-head-center {
    float: left;
    font-family: "RobotoRegular";
    font-size: 12px;
    color: #009966;
    text-align: center;
}

.top-head-text-right {
    float: left;
    font-family: "RobotoRegular";
    font-size: 12px;
    color: #009966;
    text-align: right;
}

/* Label Min width for Radio Align & radio box & Erro Msg*/
.label-box {
    min-width: 190px;
}

.radio.radio-info.radio-inline {
    margin-top: 5px;
}

.error-mail-2 {
    margin-left: -73px;
}

.error-mail-customers {
    margin-left: -144px;
}

.error-mail-partner {
    margin-left: -177px;
}

.error-mail-quantity {
    margin-left: -160px;
}

.text-thank {
    color: #333;
    font-family: "RobotoRegular";
    text-align: center;
    font-size: 18px;
    padding-top: 30px;
}

@media (min-width:320px) and (max-width:480px) {
    .top-head-center {
        text-align: center !important;
    }

    .top-head-text-right {
        text-align: center !important;
    }

    .top-head-text {
        text-align: center !important;
    }

    .error-mail-2 {
        margin-left: 0px !important;
    }

    .header-sub {
        margin: 0px !important;
        text-align: center !important;
        width: 100% !important;
    }
}

@media (max-width:600px) {
    .top-head-center {
        text-align: center !important;
    }

    .top-head-text-right {
        text-align: center !important;
    }

    .top-head-text {
        text-align: center !important;
    }
}

@media(min-width: 768px) and (max-width:980px) {
    .header-sub {
        margin-top: 75px !important;
    }
}

#phdBody_rblSampleTo label {
    width: 118px;
}

#phdBody_rblFreightForwarder label {
    width: 90px;
}

#phdBody_rblProductType {
    width: 100%;
}

.fl-none {
    float: none !important;
    display: block;
}
.flex {
    display: flex;
}
.flex-row{
flex-direction: row;
align-items: center;
}
.flex-column{
flex-direction: column;
}

.flex input[type="text"] {
    width: 80%;
    margin-right: 5px;
}
.w-50 {
    width: 60% !important;
}
.or{
font-size:14px;padding: 0 10px;display: flex;align-items: center;justify-content: flex-start;position: relative;top: 30px;left: 12px;text-align: left;
}
@media (max-width: 768px) {
    .or {
        top: 0 !important;
        justify-content: flex-start;
        left: 0;

    }
}