html {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}

body {
    background-color: #f8f9fa;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
}
.ids-nav-bar {
    background-color: #ffffff;
    width: 100%;
    height: 72px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: white;
    border-bottom: 1px solid rgba(201, 206, 214, 0.25);
}



.ids-container {
    flex: 1 1 0%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}

.ids-nav-bar .ids-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ids-container.main-content {
    padding-top: 27px;
}

@media only screen and (min-width: 48em){
    .ids-container {
        width: 56rem;
    }
}
@media only screen and (min-width: 64em){
    .ids-container {
        width: 61rem;
        flex: 0 0 auto;
    }
}
@media only screen and (min-width: 75em){
    .ids-container {
        width: 76rem;
    }
}



.ids-header {
    background-color: white;
    display: flex;
}

.ids-header {
    padding: 58px 0 23px 0;
}







.btn {
    min-width: 120px;
    height: 48px;
    border-radius: 4px;
    transition: all 100ms ease 0s;
    font-size: 14px;
    }

    .btn:active {
    transform: scale(0.96);
    opacity: .8;
    }


    .btn-primary {
    background-color: #205DF3;
    border-color: #205DF3;
    border-radius: 4px;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #0A3EBC !important;
    border-color: #0A3EBC !important;
    }

    .btn-default {
    color: #53627C;
    border-radius: 4px;
    border: 1px solid #2e2e2e;
    }

    .btn-default:hover, .btn-default:focus, .btn-default:active {
    color: #205DF3 !important;
    border-color: #205DF3 !important;
    background-color: white !important;
    }

    .form-input {
    box-sizing: border-box;

    background-color: white;
    width: 100%;
    border: 1px solid #E1E4E8;
    border-radius: 4px;

    display: block;
    transition: all 100ms ease 0s;
    }

    .form-input:focus, .form-input:hover {
    border-color: #205DF3;
    }

    .form-control, .form-control:focus, .form-control:hover {
    color: black;
    border: none;
    line-height: 20px;
    height: 48px;
    outline: 0;
    padding: 14px 16px;
    font-size: 14px;
    appearance: none;
    box-shadow: none;
    }



    .panel-title {
    color: #0A1F44;
    display: block;
    font-size: 20px;
    font-weight: normal;
    }


    .form-group{
    margin-top: 20px;
    }

    .form-group label {
    height: 16px;
    width: 100%;
    color: #8A94A6;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;

    }

    @media only screen and (min-width: 48em){
    .form-input, .form-group label {
    width: 100%;
    }
    }



    .form-actions {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }

    .external-provider-link, .external-provider-link:visited{
    color: #53627C;
    font-size: 13px;
    text-decoration: initial;
    padding-left: 15px;
    display: block;
    }

    .external-provider-link:hover {
    color: black;
    }

    .panel-default > .panel-heading {
    background-color: white;
    border-color: white;
    }

    .panel-default {
    border-color: white;
    }

    .panel {
    box-shadow: none;
    }


    .dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus {
    color: rgb(34, 34, 34);
    background-color: white !important;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    color: rgb(10, 31, 68);
    font-size: 1rem;
    margin-bottom: 0px;
    border-color: rgb(201, 206, 214);
    border-radius: 0.25rem;
    border-style: solid;
    border-width: 1px;
    transition: all 100ms ease 0s;
    padding: 10px 8px;
    outline: 0px !important;
    text-decoration: none;
    min-width: 160px;
    align-items: center;

    }

    .dropdown-toggle:hover, .dropdown-toggle:focus {
    border-color: #205DF3;
    }

    .dropdown-toggle .caret {
    margin-left: 10px;
    }

    #errorOrder {
    color: red;
    display: none;
    }

    #errorNumber {
    color: red;
    display: none;
    }

    .placeholderOrderError {
    border-color: red !important;
    border-width: 2px !important;
    }

    .placeholderNumberError {
    border-color: red !important;
    border-width: 2px !important;
    }

    .showDropdown {
    display: block;
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }



    .login-image-container {
    height: 300px;
    display: none;
    }

    @media only screen and (min-width: 768px){
    .login-image-container {
    display: flex;
    justify-content: center;
    }
    }
    .login-image {
    height: 250px;
    margin: 5%;
    }

    #orderNotFound {
    display: none;
    }
    .displayFindOrderError {
    display: block !important;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    }