@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@font-face {
    font-family: 'pcs-font';
    src: url('../font/pcs-icons.eot');
    src: url('../font/pcs-icons.eot') format('embedded-opentype'), url('../font/pcs-icons.woff') format('woff'), url('../font/pcs-icons.ttf') format('truetype'), url('../font/pcs-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.right {
    text-align: right;
    float: right;
}

.required::after {
    content: " *";
    font-weight: bold;
    color: red;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

a.underline {
    text-decoration: underline;
}

.error {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 8px
}

.error-message{
    display:flex;
    flex-direction:row;
}

.underline {
    text-decoration: underline;
}

.link {
    cursor: pointer;
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'pcs-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-warning:before {
    content: "\e063";
}

.icon-mail:before {
    content: "\e015";
    font-size: 2rem;
}

.icon-message:before {
    content: "\e021";
    font-size: 2rem;
}

.icon-phone:before {
    content: "\e030";
    font-size: 2rem;
}

.icon-new-window:before {
    content: "\e910";
}

.alert-icon {
    font-size: 24px;
    color: #FFBB11;
}

.error-icon {
    font-size: 24px;
    color: #CC0000;
}

.left-right-lines-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.left-right-lines-wrapper hr {
    flex: 1;
    margin: unset;
    height: 3px;
    background: #dbdbdb;
}

.left-right-lines-wrapper div {
    padding: 0 2rem;
}

/* hide numeric increment arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}