@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.WOFF');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.WOFF');
    font-weight: bold;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
    font-family: 'text-security-disc';
    src: url('../fonts/text-security-disc.woff2') format('woff2'), url('../fonts/text-security-disc-compat.ttf') format('truetype')
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff') ;
    font-weight: 700;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff') ;
    font-weight: 400;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.woff2') format('woff2'), url('../fonts/Inter-Light.woff') format('woff') ;
    font-weight: 300;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter-Medium.woff') format('woff') ;
    font-weight: 500;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'), url('../fonts/Inter-ExtraBold.woff') format('woff') ;
    font-weight: 800;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff') ;
    font-weight: 400;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Regular.woff2') format('woff2'), url('../fonts/Raleway-Regular.woff') format('woff') ;
    font-weight: 400;
}
@font-face {
    font-family: 'IngoStem';
    src: url('../fonts/IngoStem-Light.otf') format('opentype');
    font-weight: 300;
}
@font-face {
    font-family: 'IngoStem';
    src: url('../fonts/IngoStem-Regular.otf') format('opentype');
    font-weight: 400;
}
@font-face {
    font-family: 'IngoStem';
    src: url('../fonts/IngoStem-Medium.otf') format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: 'IngoStem';
    src: url('../fonts/IngoStem-Bold.otf') format('opentype');
    font-weight: 600;
}

html, body {
    height: 100%;
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

html.wait, html.wait * { cursor: wait !important; }

.ui-helper-hidden-accessible {
    display: none;
}

.validation-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgba(217, 217, 217, 0.15);
}

.validation-overlay.stepper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #f5f5f5;
}

.modal-body .tab-content > .tab-pane > .container,
.universal-operation-overlay .tab-content > .tab-pane > .container {
    position: relative;
}
.universal-operation-overlay .tab-content > .tab-pane > .container {
    margin: 0;
    padding: 0;
}


.modal-body .tab-content > .tab-pane > .container iframe,
.universal-operation-overlay .tab-content > .tab-pane > .container iframe {
    border: none;
}

.universal-operation-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: #f7f7f7;
}

.universal-operation-overlay.stepper {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    z-index: 100;
    background-color: #F5F5F5;
}

.universal-operation-overlay > div {
    /*position: absolute;*/
    border-radius: 12px;
    background: #FFF;
    /* DropShadow Card */
    box-shadow: 0 2px 16px 0 rgba(195, 195, 195, 0.25);
    padding: 20px;
    width: 780px;
}

.universal-operation-overlay .nav-tabs {
   border: none;
}

.universal-operation-overlay .nav-tabs > li.active > a {
    color: #1A1C21;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 39px */
    border: none;
    padding-left: 34px;
}

.app {
    height: 100%;
}

.cloneable-grid-list {
    position: relative;
    width: 100%;
}

.cloneable-grid-list-selected {
    background-color: rgba(227, 240, 249, 1);
}

.cloneable-grid-list:hover {
    background-color: rgba(227, 240, 249, 0.47);
}

.app {
    height: 100%;
}

.center-dialog {
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}