@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); @import url(//fonts.googleapis.com/css?family=Pathway+Gothic+One); @import url(//fonts.googleapis.com/css?family=Orbitron); @import url(//fonts.googleapis.com/css?family=Oswald); @import url(//fonts.googleapis.com/css2?family=Roboto+Slab:wght@900&display=swap); @import url(//fonts.googleapis.com/css?family=Ubuntu&display=swap:400,700); :root { --font-family-sans-serif: "Open Sans", Helvetica, Arial, sans-serif !important; } body { display: flex; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: .875rem; padding: 0; margin: 0 } .container--full { max-width: 100%; } .form-control { height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; background-color: #fff; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); border-radius: 4px; box-shadow: none; } .form-textarea { padding: 8px 12px; font-size: 14px; line-height: 1; color: #495057; background-color: #fff; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); outline: none; } .form-control:disabled, .form-control[readonly], .form-textarea:disabled, .form-textarea[readonly] { background-color: inherit; opacity: 1; } .overlay { position: fixed; z-index: 99; top: 0px; left: 0px; background-color: #fff; width: 100%; height: 100%; filter: Alpha(Opacity=70); opacity: 0.60; -moz-opacity: 0.60; } * html .overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px'); } .loader { z-index: 100; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } * html .loader { position: absolute; margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px'); } html .k-loading-mask .k-loading-image { position: fixed; top: 12%; color: #e7607b; } /* --- WebKit Scrollbar Styling --- */ /* Define the SVG carets (URL-encoded) */ /* You can use an online URL encoder for SVGs if you make complex ones */ /* Up Caret SVG: */ /* Down Caret SVG: */ /* Tip: Use `currentColor` for fill in SVG so it inherits color from CSS. For the data URI, replace '#' with '%23' if setting a specific hex color in the SVG. */ :root { --caret-up-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23bbc0c4'%3E%3Cpath d='M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l256 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z'/%3E%3C/svg%3E"); --caret-down-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23bbc0c4'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E"); --caret-right-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='%23bbc0c4'%3E%3Cpath d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z'/%3E%3C/svg%3E"); --caret-left-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='%23bbc0c4'%3E%3Cpath d='M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z'/%3E%3C/svg%3E"); --caret-up-svg-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23535a5f'%3E%3Cpath d='M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l256 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z'/%3E%3C/svg%3E"); --caret-down-svg-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23535a5f'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E"); --caret-right-svg-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='%23535a5f'%3E%3Cpath d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z'/%3E%3C/svg%3E"); --caret-left-svg-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='%23535a5f'%3E%3Cpath d='M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z'/%3E%3C/svg%3E"); --scrollbar-button-color: #bbc0c4; --scrollbar-button-bg: transparent; --scrollbar-button-hover: #707070; --scrollbar-button-active: #535a5f; } ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background-color: #f0f0f0; border-radius: 6px; } ::-webkit-scrollbar-thumb { background-color: #bbc0c4; border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { background-color: #707070; } ::-webkit-scrollbar-thumb:active { background-color: #535a5f; } /* Scrollbar Buttons (up/down/left/right arrows) */ ::-webkit-scrollbar-button:single-button { display: block; background-color: var(--scrollbar-button-bg); color: var(--scrollbar-button-color); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 12px; width: 12px; } /* Up Button */ ::-webkit-scrollbar-button:single-button:vertical:decrement { background-image: var(--caret-up-svg); } ::-webkit-scrollbar-button:single-button:vertical:decrement:hover { background-image: var(--caret-up-svg-hover); } /* Down Button */ ::-webkit-scrollbar-button:single-button:vertical:increment { background-image: var(--caret-down-svg); } ::-webkit-scrollbar-button:single-button:vertical:increment:hover { background-image: var(--caret-down-svg-hover); } /* Left Button */ ::-webkit-scrollbar-button:single-button:horizontal:increment { background-image: var(--caret-left-svg); background-size: 175% 175%; } ::-webkit-scrollbar-button:single-button:horizontal:increment:hover { background-image: var(--caret-left-svg-hover); } /* Right Button */ ::-webkit-scrollbar-button:single-button:horizontal:decrement { background-image: var(--caret-right-svg); background-size: 175% 175%; } ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover { background-image: var(--caret-right-svg-hover); } /* Optional: Style the corner when both scrollbars are visible */ ::-webkit-scrollbar-corner { background-color: #e0e0e0; } ::-webkit-scrollbar-track-piece { background: white; } .navigation-section::-webkit-scrollbar-track-piece { background: rgba(0,0,0,.01); background: var(--nav-vertical-background-color,rgba(0, 0, 0, .01)); } /*.navigation-section::-webkit-scrollbar-thumb, .navigation-section::-webkit-scrollbar-button:single-button,*/ .main-contents::-webkit-scrollbar-thumb, .main-contents::-webkit-scrollbar-button:single-button { display: none; } /*.navigation-section:hover::-webkit-scrollbar-thumb, .navigation-section:hover::-webkit-scrollbar-button:single-button,*/ .main-contents:hover::-webkit-scrollbar-thumb, .main-contents:hover::-webkit-scrollbar-button:single-button { display: flex; } #pdfLoadingSpinner { display: flex; justify-content: center; align-items: center; flex-grow: 1; /* Allows spinner to center in available space */ } #pdfFrameViewer { flex-grow: 1; /* Allows iframe to take up remaining space */ width: 100%; border: none; display: none; /* Initially hidden */ } .offcanvas.show::backdrop { background: rgb(255 0 0 / 25%); } .highlight { background-color: yellow; color: blue; } .error { color: red; } ul, ol { padding: 0; list-style: none; margin: 0; } ul li, ol li { padding: 0; list-style: none; margin: 0; } ul li a, ol li a { padding: 0; list-style: none; margin: 0; } .list-unstyled { padding-left: 0; list-style: none; } /*================= List Inline =====================*/ .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { padding: 0; margin: 0; font-style: normal; } a { color: #272727; text-decoration: none !important; } a:not(.btn):hover { color: #e60000; text-decoration: underline; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } a[href^=tel] { color: inherit; /*text-decoration: none;*/ } label { display: inline-block; margin-bottom: 0.5rem; font-weight: 700; } .pointer { cursor: pointer; } button { border-radius: 0; border: 0; } button:focus { outline: 0; } input[type=file], /* FF, IE7+, chrome (except button) */ input[type=file]::-webkit-file-upload-button { /* chromes and blink button */ cursor: pointer; } [hidden], .hidden { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0; } h1, .h1 { font-size: 2.25em; line-height: 1; } h2, .h2 { font-size: 2em; font-weight: 500; line-height: 1; text-transform: uppercase; color: #464646; } @media (max-width: 991px) { h2, .h2 { font-size: 2.14em; } } h3, .h3 { font-size: 1.75em; line-height: 1.6; font-weight: 500; text-transform: uppercase; } h4, .h4 { font-size: 1.5em; font-weight: 700; text-transform: uppercase; } h5, .h5 { font-size: 1.25em; font-weight: 700; text-transform: uppercase; } h6, .h6 { font-size: 1.15em; line-height: 1.71428571; } .form-group { margin-bottom: 1rem; display: inline-flex; flex-direction: row; width: 100%; } .container { width: 100%; padding: 0; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { max-width: 100%; padding: 0 15px; } } .row1 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .float-left { float: left !important; } .float-right { float: right !important; } .text-normal { text-transform: none !important; } .text-item { padding-top: 6px; } .text-primary { --bs-text-opacity: 1; color: #0050a7 !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary, .text-receiving { color: #6c757d !important; } .text-success, .text-open { color: #28a745 !important; } .text-info, .text-received { color: #17a2b8 !important; } .text-warning, .text-partial { color: #ffc107 !important; } .text-danger, .text-close { color: #dc3545 !important; } .text-required, .text-red { color: #dc1431 !important; } .text-blue { color: blue; } .text-yellow { color: yellow; } .text-middle { padding-top: 5px; } .text-link { /*text-decoration: underline;*/ cursor: pointer; } .text-link2 { color: #117a8b !important; text-decoration: underline; cursor: pointer; } .text-wrap span { word-wrap: break-word; } .text-inactive { color: silver; } /* .text-inactive:hover { cursor: pointer !important; } */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .vendor-profile { width: 32px; height: 32px; border-radius: 50%; background-color: #272727; color: #f1f1f1; margin-top: -4px; padding-top: 6px; text-align: center; vertical-align: middle } .btn { display: inline-block; padding: 10px 30px; margin-bottom: 0; font-size: 14px; font-weight: 700; line-height: 1.2; outline: 0; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; background-image: none; border: none; border-radius: 0; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; text-align: center; vertical-align: middle; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/ } .btn.disabled, .btn:disabled { opacity: 0.65; cursor: not-allowed; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn-xs { padding: 7px 15px; min-width: 44px; font-size: 12px; cursor: pointer; } .btn-xs:disabled, .btn-xs.disabled { opacity: 0.65; cursor: not-allowed; } .btn-default { color: #212529 !important; border-color: #e2e6ea; background: linear-gradient(to left, Gainsboro 50%, LightGray 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-default:not(:disabled):not(.disabled):hover { border-color: Gainsboro; background-position: left; } .btn-default:focus, .btn-default.focus { /*box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);*/ } .btn-default.disabled, .btn-default:disabled { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle { background-color: #dae0e5; border-color: #d3d9df; } .btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);*/ } .btn-primary { color: #fff; background: linear-gradient(to left, Black 50%, #524e4a 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-primary:not(:disabled):not(.disabled):hover { background-position: left; } .btn-primary:focus, .btn-primary.focus { /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/ } .btn-primary.disabled, .btn-primary:disabled { color: #524e4a; background: linear-gradient(to left, Gainsboro 50%, #524e4a 50%) right; background-size: 200%; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { /*background-color: #0062cc; border-color: #005cbf;*/ } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/ } .btn-secondary { color: #fff !important; border-color: #6c757d; background: linear-gradient(to left, #184267 50%, #315B7D 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-secondary:not(:disabled):not(.disabled):hover { background-position: left; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { /*box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);*/ } .btn-secondary.disabled, .btn-secondary:disabled { color: #524e4a; background: linear-gradient(to left, Gainsboro 50%, #524e4a 50%) right; background-size: 200%; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);*/ } .btn-success { color: #fff !important; border-color: #28a745; background: linear-gradient(to left, #28a745 50%, #218838 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-success:not(:disabled):not(.disabled):hover { background-position: left; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { /*box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);*/ } .btn-success.disabled, .btn-success:disabled { background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);*/ } .btn-info { color: #fff !important; border-color: #17a2b8; background: linear-gradient(to left, #17a2b8 50%, #138496 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-info:not(:disabled):not(.disabled):hover { background-position: left; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { /*box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);*/ } .btn-info.disabled, .btn-info:disabled { background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-warning { color: #212529 !important; border-color: #ffc107; background: linear-gradient(to left, #ffc107 50%, #e0a800 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-warning:not(:disabled):not(.disabled):hover { background-position: left; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { /*box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);*/ } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);*/ } .btn-danger { color: #fff !important; border-color: #dc3545; background: linear-gradient(to left, #dc3545 50%, #c82333 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-danger:not(:disabled):not(.disabled):hover { background-position: left; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { /*box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);*/ } .btn-danger.disabled, .btn-danger:disabled { background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);*/ } .btn-light { color: #212529 !important; border-color: #e2e6ea; background: linear-gradient(to left, #e2e6ea 50%, #f8f9fa 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-light:not(:disabled):not(.disabled):hover { border-color: #dae0e5; background-position: left; } .btn-light:focus, .btn-light.focus { /*box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);*/ } .btn-light.disabled, .btn-light:disabled { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);*/ } .btn-dark { color: #fff !important; border-color: #343a40; background: linear-gradient(to left, #595959 50%, #737373 50%) right; background-size: 200%; transition: .5s ease-out; } .btn-dark:not(:disabled):not(.disabled):hover { border-color: #1d2124; background-position: left; } .btn-dark:focus, .btn-dark.focus { /*box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);*/ } .btn-dark.disabled, .btn-dark:disabled { background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { /*box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);*/ } .btn-outline-primary { color: #007bff !important; background-color: transparent; background-image: none; border-color: #007bff; } .btn-outline-primary:hover { background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d !important; background-color: transparent; background-image: none; border-color: #6c757d; } .btn-outline-secondary:hover { background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745 !important; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline-success:hover { background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8 !important; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline-info:hover { background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107 !important; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545 !important; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline-danger:hover { background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa !important; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40 !important; background-color: transparent; background-image: none; border-color: #343a40; } .btn-outline-dark:hover { background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } .btn-70 { min-width: 70px !important; } .btn-90 { min-width: 90px !important; } .btn-110 { min-width: 110px !important; } .btn-130 { min-width: 130px !important; } .btn-152 { min-width: 152px !important; } .btn-170 { min-width: 170px !important; } .btn-190 { min-width: 190px !important; } .btn-210 { min-width: 210px !important; } .btn-230 { min-width: 230px !important; } .btn-250 { min-width: 250px !important; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } button:not(.icononly) > i, .btn:not(.icononly) > i, .btn-xs:not(.icononly) > i { margin-right: 7px; } /*================== Start of Header Section ======================*/ .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #787878; } .nav > li.disabled > a { color: #f6f6f6; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #f6f6f6; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: #777777; } .nav .nav-divider { height: 1px; margin: 10.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .navbar { position: relative; min-height: 45px; margin-bottom: 0; } @media (min-width: 768px) { .navbar { border-radius: 0; } } .header-text h1 { padding-top: 5px; font-family: 'Orbitron', 'Nunito Sans', sans-serif; font-weight: 700; font-size: 2rem; color: #272727; letter-spacing: 2px; text-align: center; text-transform: uppercase; } .topmenu-item span.announcements { position: relative; top: -15px; left: -15px; width: 30px; border-radius: 10px; background-color: crimson; color: white; padding: 3px 7px; font-size: 12px; } .topmenu-item span.announcementstext { margin-left: -20px; } .dropdown { position: relative; } .dropdown-menu { position: absolute; left: 0; z-index: 1000; display: none; float: left; text-align: left; margin: 0; list-style: none; min-width: 250px; font-size: 1em; background-color: #fff; border: 1px solid DimGray; border-top: 6px solid Teal; padding: 15px 0; -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu > li { display: block; width: 100%; line-height: 14px; text-transform: uppercase; font-family: 'Pathway Gothic One', "Open Sans", Helvetica, Arial, sans-serif; clear: both; letter-spacing: 2px; white-space: nowrap; } .dropdown-menu > li:hover { background-color: rgba(0, 0, 0, .2); background-color: var(--nav-vertical-active-group-background, rgba(0, 0, 0, .2)); } .dropdown-menu > li > a { display: block; vertical-align: middle; } .dropdown-menu > li.divider { padding: 0 15px; } .dropdown-menu > li.divider hr { border-top: 1px solid DimGray; } .dropdown-menu > li a .fa { width: 22px; } .dropdown-menu > .active > a, .dropdown-menu > .sfHover > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .sfHover > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .sfHover > a:focus { color: #ffffff; text-decoration: none; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #f6f6f6; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } @media (max-width: 767px) { .dropdown-menu { display: block; position: relative; float: none; width: auto; } } @media (max-width: 1199px) { body:not(.bg-White):not(.bg-iFrame) { } } /*================== End of Header Section ======================*/ .topmenu-container { display: flex; height: 52px; background-color: #fff; color: #212529; vertical-align: middle; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.15); } .topmenu-container .topmenu-header { color: #272727; height: var(--sa-toolbar-height); flex-shrink: 0; } .topmenu-container .topmenu-header img { height: 50px; width: auto; } .topmenu-container .topmenu-items { height: 100%; display: flex; align-items: center; margin-right: 1rem; } .topmenu-container .topmenu-items .topmenu { position: fixed; background-color: white; width: 40%; height: 52px; top: 0; right: 0; padding: 15px; z-index: 11; } .topmenu-container .topmenu-items .topmenu > div { float: right; margin-left: 15px; } .topmenu-container .topmenu-items .topmenu a { font-size: 1rem; font-weight: 500; } [dir=ltr] .topmenu-items { margin-left: 0.5rem; } /*================== ToTop ======================*/ .toTop { width: 50px; height: 50px; background: #e60000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4); color: #fff; position: fixed; right: 20px; bottom: 52px; overflow: hidden; text-align: center; text-decoration: none; z-index: 99999; } .toTop:before { line-height: 47px; font-size: 1.571em; font-weight: 700; } .toTop:hover { color: #fff; background: #272727; text-decoration: none; } .mobile .toTop, .tablet .toTop { display: none !important; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error.k-radio-item, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error a.attach-file, .has-error.radio label, .has-error.k-radio-item label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #dc1431; } .has-error .form-control, .has-error .form-textarea { border-color: #dc1431; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus, .has-error .form-textarea:focus { border-color: #843534; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #A00D23; border-color: #dc1431; background-color: #F7EDED; } .has-error .form-control-feedback, .has-error .form-control-error, .field-validation-error { color: #dc1431; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; text-align: center; vertical-align: middle; } #myModal.modal { z-index: 1060; } #ConfirmModal.modal { z-index: 1070; } .modal-dialog { position: relative; width: auto; min-width: 612px; max-width: 50%; margin: 30px auto; display: inline-block; text-align: left; vertical-align: middle; } @media (max-width: 768px) { .modal-dialog { margin: 100px auto 0; } .loginWrap .memberLogin { width: 340px !important; } } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-content .modal-header { margin: 1px; min-height: 16.42857143px; padding: 15px 15px 10px; border-bottom: 1px solid #e5e5e5; border-radius: 0; background: white; color: black; } .modal-content .modal-header.ui-draggable-handle { cursor: move; } .modal-content .modal-header h4 { text-transform: uppercase; opacity: .5; } .modal-content .modal-header .close { padding: 15px; background-color: white; } .modal-content .modal-title { margin: 0; font-size: 18px; } .modal-content .modal-body { margin: 30px; min-width: 400px; min-height: 50px; vertical-align: middle; text-align: left; } .modal-content .modal-body table[role='presentation'] td { vertical-align: top; } .modal-content .modal-body table[role='presentation'] td:first-child { width: 12%; font-size: 3.571em; text-align: left; } .modal-content .modal-body table[role='presentation'] td:last-child { width: 88%; min-height: 50px; padding: 5px 0 0 15px; } .modal-content .modal-body .subTitle { background-color: Peru; margin: 0 0 10px; padding: 0 15px; color: White; } .modal-content .modal-body .subTitle h6 { font-size: 16px; font-weight: 700; } .modal-content .modal-body .collapse-symbol { float: right; cursor: pointer; padding-top: 5px; font-weight: bold; } .modal-content .modal-body .multicolor-container { display: table; width: 100%; margin-top: 10px; } .modal-content .modal-footer { display: inline-block; margin-top: -5px; border-top: none; padding: 0 50px 15px; } .modal-content .modal-footer .modal-footer-message { margin-top: 7px; margin-bottom: 0; font-size: 12px; } .modal-content .modal-footer .btn { text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 479px) { .modal-dialog { min-width: 380px; } .modal-content .modal-body { margin: 10px; min-width: 360px; } } .modal-sm .modal-content .modal-body { margin: 0; min-width: 300px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 1200px !important; } } .modal-md { max-width: 700px !important; } .lt-ie9 .modal-backdrop.fade { filter: alpha(opacity=100); } .modal-backdrop.in { opacity: 0.8; filter: alpha(opacity=80); } .lt-ie9 .modal-backdrop.in { filter: alpha(opacity=80); } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } .modal-content { -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .modal-md { max-width: 700px !important; } /*======================================================== Start of Main Menu Section =========================================================*/ .navigation-container { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; max-width: 260px; height: 100%; } .navigation-container .menu-icon { text-align: center; vertical-align: middle; } .navigation-container li > a { display: block; vertical-align: middle; } .navigation-container li.mainmenu > a .menu-icon > .fa { padding: 9px 5px 9px 0; font-size: 24px; width: 42px; } .navigation-container li.submenu > a .menu-icon > .fa { padding: 10px 5px 10px 0; font-size: inherit; width: 42px; } .navigation-container li.submenu > a .menu-text { height: 36px; } .navigation-container .mainmenu.overview > a > .menu-icon > .fa { color: DarkMagenta !important; } .navigation-container .mainmenu.style > a > .menu-icon > .fa { color: LightSeaGreen !important; } .navigation-container .mainmenu.purchaseorder > a > .menu-icon > .fa { color: Peru !important; } .navigation-container .mainmenu.order > a > .menu-icon > .fa { color: MediumSlateBlue !important; } .navigation-container .mainmenu.payment > a > .menu-icon > .fa { color: FireBrick !important; } .navigation-container .mainmenu.shipping > a > .menu-icon > .fa { color: DarkGreen !important; } .navigation-container .mainmenu.reports > a > .menu-icon > .fa { color: OrangeRed !important; } .navigation-container .mainmenu.promotion > a > .menu-icon > .fa { color: DarkOrchid !important; } .navigation-container .mainmenu.customers > a > .menu-icon > .fa { color: SteelBlue !important; } .navigation-container .mainmenu.settings > a > .menu-icon > .fa { color: PaleVioletRed !important; } .navigation-container .mainmenu:not(.selected) a { padding-left: 3px; } .navigation-container .mainmenu.selected { background-color: rgba(0, 0, 0, .04); background-color: var(--nav-vertical-active-group-background, rgba(0, 0, 0, .04)); border-left: 3px solid #aaa; } .navigation-container .mainmenu.selected.hasSubMenu, .navigation-container .mainmenu.selected.noSubMenu { border-left-color: #e60000 !important; } .navigation-container .mainmenu.selected li.currentPage { margin-left: -3px; background-color: rgba(0, 0, 0, .2); background-color: var(--nav-vertical-active-group-background, rgba(0, 0, 0, .1)); border-left: 3px solid #e60000 !important; } .navigation-container li:not(.selected):hover, .navigation-container li.submenu:not(.currentPage):hover { background-color: rgba(0, 0, 0, .2); background-color: var(--nav-vertical-active-group-background, rgba(0, 0, 0, .1)); } .navigation-container li.submenu:not(.currentPage):hover a.text-inactive { color: #272727; } .navigation-container .mainmenu.style:hover + .submenu-Style, .navigation-container .mainmenu.purchaseorder:hover + .submenu-PurchaseOrder, .navigation-container .mainmenu.order:hover + .submenu-Order, .navigation-container .mainmenu.payment:hover + .submenu-Payment, .navigation-container .mainmenu.shipping:hover + .submenu-Shipping, .navigation-container .mainmenu.reports:hover + .submenu-Reports, .navigation-container .mainmenu.promotion:hover + .submenu-Promotion, .navigation-container .mainmenu.customers:hover + .submenu-Customers, .navigation-container .mainmenu.settings:hover + .submenu-Settings { visibility: visible !important; position: absolute; z-index: 1050; } .navigation-container .dummy:hover { background-color: inherit !important; } .navigation-element .mainmenu > a .menu-icon > .fa { padding: 9px 5px 9px 4px; font-size: inherit; width: 44px; } .bolt-portal-host { } .bolt-portal-host .dropdown-menu.Style { border-top-color: LightSeaGreen !important; } .bolt-portal-host .dropdown-menu.Style .submenu-title { color: LightSeaGreen !important; } .bolt-portal-host .dropdown-menu.PurchaseOrder { border-top-color: Peru !important; } .bolt-portal-host .dropdown-menu.PurchaseOrder .submenu-title { color: Peru !important; } .bolt-portal-host .dropdown-menu.Order { border-top-color: MediumSlateBlue !important; } .bolt-portal-host .dropdown-menu.Order .submenu-title { color: MediumSlateBlue !important; } .bolt-portal-host .dropdown-menu.Payment { border-top-color: FireBrick !important; } .bolt-portal-host .dropdown-menu.Payment .submenu-title { color: FireBrick !important; } .bolt-portal-host .dropdown-menu.Shipping { border-top-color: DarkGreen !important; } .bolt-portal-host .dropdown-menu.Shipping .submenu-title { color: DarkGreen !important; } .bolt-portal-host .dropdown-menu.Reports { border-top-color: OrangeRed !important; } .bolt-portal-host .dropdown-menu.Reports .submenu-title { color: OrangeRed !important; } .bolt-portal-host .dropdown-menu.Promotion { border-top-color: DarkOrchid !important; } .bolt-portal-host .dropdown-menu.Promotion .submenu-title { color: DarkOrchid !important; } .bolt-portal-host .dropdown-menu.Customers { border-top-color: SteelBlue !important; } .bolt-portal-host .dropdown-menu.Customers .submenu-title { color: SteelBlue !important; } .bolt-portal-host .dropdown-menu.Settings { border-top-color: PaleVioletRed !important; } .bolt-portal-host .dropdown-menu.Settings .submenu-title { color: PaleVioletRed !important; } /*======================================================== End of Main Menu Section =========================================================*/ /* Reset Password Section */ .chagePasswordWrap .form-horizontal { display: block; width: 50%; max-width: 700px; margin: 50px auto 0; min-height: 487px; padding: 50px 30px 30px; background-color: white; border: 1px solid #ccc; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } .loginWrap .resetPassword { display: table; width: 50%; min-width: 620px; margin: auto; background: #f4f2ed; padding: 60px 30px; } .loginWrap .resetPassword p { float: left; } .loginWrap .resetPassword p.text-secondary { margin: 12px 0 0 15px; } /* End of Reset Password Section */ .file-info { font-size: 9px; font-weight: normal; color: #117a8b; } .contents { display: block; margin-top: 0; } .contents .pageTitle { display: inline-block; width: 100%; } .contents .pageTitle h2, .isStuck .top-container .pageTitle { float: left; text-transform: uppercase; font-size: 1.75em; font-family: 'Oswald', sans-serif; letter-spacing: 2px; line-height: 40px; color: #e60000; } .contents .pageTitle .text-commonmessage { float: left; padding-top: 12px; } .contents .pageTitle .backtoreferral { float: right; } .contents .pageTitle .backtoreferral > a { margin-top: 5px; } @media (max-width: 479px) { .contents .pageTitle { padding-left: 10px; } } .sub-title { display: block; background: #cdcdcd; padding: 5px 15px; margin-bottom: 5px; color: #24659A; text-transform: uppercase; font-size: 15px; font-weight: bold; letter-spacing: 2px; } .k-content { } .k-content.normal { background-color: FloralWhite; } .k-content .k-list-md, .k-content .k-treeview-md { font-size: 12px; } .k-content .k-list-md .k-list-optionlabel { padding-left: .5rem; padding-right: 0; } .k-content .k-window .k-edit-form-container .k-edit-label, .k-content .k-window .k-edit-form-container .k-edit-field { margin: 0; } .k-animation-container .k-tooltip { min-width: 200px; background-color: HoneyDew; color: Black; font-size: 12px; text-align: center; } .k-animation-container .k-tooltip .k-callout { color: HoneyDew; } .siteInfo { max-width: 1330px; margin: 30px auto 0; padding: 0 20px; } .siteInfo .menuArea { float: left; width: 21%; } .siteInfo .menuArea .filter-header { font-size: 20px; padding: 15px 0 0; font-weight: bold; text-transform: uppercase; } .siteInfo .menuArea .member-left-menu { padding: 0 20px; } .siteInfo .menuArea .filter-catalog { margin-top: 26px; } .siteInfo .menuArea .filter-catalog li { font-size: 12px; line-height: 15px; margin-top: 18px; padding-left: 7px; text-transform: uppercase; } .siteInfo .menuArea .filter-catalog li:first-child { margin-top: 0; } .siteInfo .pageArea { float: left; width: 79%; padding: 15px 0 15px 50px; border-left: 1.5px solid black; min-height: 480px; } .siteInfo .pageArea .contentTitle { position: relative; font-size: 20px; padding: 0 0 5px; margin-bottom: 20px; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #000; } .siteInfo .pageArea .contentSubTitle { margin-bottom: 15px; font-size: 18px; } .siteInfo .pageArea .textContent { font-size: 13px; line-height: 22px; padding-right: 15px; text-align: justify; } .siteInfo .pageArea .textContent h2 { font-size: 14px; line-height: 20px; padding-bottom: 15px; text-decoration: underline; font-weight: bold; } .siteInfo .pageArea .textContent p { padding: 0; margin: 0; } .actions, .users { display: inline-block; width: 100%; margin-bottom: 15px; padding: 5px 15px; background-color: #fafafa; border: 1px solid #ccc; border-radius: 0; vertical-align: middle; } .actions .k-picker { float: left; border-color: #ccc; background-color: white; font-family: 'Ubuntu', serif; } .actions .k-picker, .actions label { font-size: 14px; } .actions > div { padding-left: 0; } .actions label { float: left; margin-bottom: 0; padding: 3px 7px 0 0 !important; font-weight: 700; text-align: right; } .actions label:not(:first-child) { margin-left: 15px; } .actions .or { float: left; padding: 6px 5px 0 20px !important; } .actions .form-group > div { float: left; } .actions .form-group > div ul li label { padding: 0 0 0 5px; } .actions .form-group > div > .btn, .actions .form-group > div > .btn-xs { margin-left: 5px; } .actions .form-group > div > .k-checkbox { margin-top: 7px; } .actions .form-group label.dummy { margin-left: 0; } .actions .search-box { float: left; } .actions .search-box .fa-search { float: left; position: relative; z-index: 2; top: -20px; left: 11px; height: 0; } .actions .search-box .text-search { position: relative; z-index: 1; margin-left: 0; border-radius: 13px; padding-left: 30px; padding-right: 10px; min-width: 200px; } .actions .form-control { height: 28.4px !important; } .actions .btn-group { margin-left: 10px; } .users { padding: 15px; } .manageuser-container { display: inline-block; } .manageuser-container > section { border-radius: 4px; } .manageuser-container > section.users { padding: 15px; } .manageuser-container .action-container .adduser-container, .manageuser-container .action-container #searchUserForm { float: right; } .manageuser-container .action-container #btnAddUser { margin-top: 0; margin-left: 15px; line-height: 22px; padding: 9px 30px; } .manageuser-container .action-container .search { width: 400px; } .manageuser-container .action-container .search .search-button .btn-xxs { padding: 6px 9px; margin-left: -15px; } .manageuser-container #activeUsers, .manageuser-container #disabledUsers { display: block; padding: 0; margin-bottom: -1px; min-height: 630px; } .manageuser-container .k-listview-content { padding: 0 0 0 15px; } .manageuser-container .devide-line { margin-bottom: 30px; height: 30px; background-color: #fff; border: none; border-bottom: solid 1px #ddd; } .manageuser-container .userinfo-container { float: left; margin: 15px 11px 15px 0; width: 192px; min-height: 170px; padding: 10px; border: solid 1px #ddd; text-align: center; } .manageuser-container .userinfo-container:hover { background-color: oldlace; } .manageuser-container .userinfo-container .userinfo-item { height: 120px; } .manageuser-container .userinfo-container .userinfo-item h5 { text-transform: capitalize; } .manageuser-container .userinfo-container .userinfo-item span { display: inline-block; } .manageuser-container .userinfo-container .userinfo-item .email { text-transform: lowercase; } .manageuser-container .userinfo-container .form-button .btn-xs { border-radius: 10px; padding: 5px 10px; text-decoration: none; } .manageuser-container .userinfo-container .form-button .btn-xs.no-action { background-color: LightSlateGray; border-color: LightSlateGray; cursor: default; } .adnewuser-container { padding: 30px; background-color: White; border: 1px solid #ccc; } .contents { } .contents .no-padding-left { padding-left: 0 !important; } .contents .no-padding-right { padding-right: 0 !important; } .contents .k-grid, .contents .k-grid .k-table-md { font-size: 12px; } .contents .k-grid tr .checkbox-align { text-align: center; vertical-align: middle; } .contents .k-grid .k-toolbar { background-color: white; padding: .1rem .5rem; } .contents .k-grid .k-toolbar > * { display: inline-block; } .contents .k-grid .k-toolbar .k-button-solid-base { padding: 5px 15px; color: #ffffff !important; background: linear-gradient(to left, SteelBlue 50%, MidnightBlue 50%) right; background-size: 200%; transition: .5s ease-out; font-size: 12px; } .contents .k-grid .k-toolbar .k-button-solid-base:hover { color: #fff; background-position: left; } .contents .k-grid .k-toolbar .k-button-solid-base .k-svg-icon { margin-right: 5px; font-size: 14px; } .contents .k-grid .k-command-cell .k-grid-edit, .contents .k-grid .k-command-cell .k-grid-update { padding: 2px 10px; color: #ffffff !important; border-color: #17a2b8; background: linear-gradient(to left, #17a2b8 50%, #138496 50%) right; background-size: 200%; transition: .5s ease-out; font-size: 12px; } .contents .k-grid .k-command-cell .k-grid-delete { padding: 2px 10px; color: #ffffff !important; background: linear-gradient(to left, #dc3545 50%, #c82333 50%) right; background-size: 200%; transition: .5s ease-out; font-size: 12px; } .contents .k-grid .k-command-cell .k-grid-cancel { padding: 2px 10px; color: #212529; background: linear-gradient(to left, Gainsboro 50%, LightGray 50%) right; background-size: 200%; transition: .5s ease-out; font-size: 12px; } .contents .k-grid .k-command-cell .k-grid-cancel:hover, .contents .k-grid .k-command-cell .k-grid-delete:hover, .contents .k-grid .k-command-cell .k-grid-edit:hover, .contents .k-grid .k-command-cell .k-grid-update :hover { background-position: left; } .contents .k-grid .k-grid-header, .contents .k-grid .k-grid-header .k-group-cell { background-color: #363940; color: white; } .contents .k-grid .k-grid-header .k-header { border-color: #dee2e6; padding: .3rem; text-align: center; font-weight: 700; } .contents .k-grid .k-grid-header .k-header .k-link { font-weight: 700; text-align: center; } .contents .k-grid .k-grid-header .k-header .k-link:hover { cursor: default; } .contents .k-grid .k-grid-header .k-header[data-role='columnsorter'] .k-link:hover { color: LightSkyBlue; cursor: pointer; } .contents .k-grid .k-grid-header .k-header .k-cell-inner { margin: 0; } .contents .k-grid .k-grid-header .k-header .k-cell-inner .k-link { padding: 0; display: inline-block; text-align: center; font-weight: 700; } .contents .k-grid .k-grid-header .k-grid-filter, .contents .k-grid .k-grid-header .k-header-column-menu, .contents .k-grid .k-grid-header .k-grid-header-menu { color: white; padding: 0; margin: 0; width: 16px; } .contents .k-grid .k-grid-header .k-grid-filter:hover, .contents .k-grid .k-grid-header .k-header-column-menu:hover, .contents .k-grid .k-grid-header .k-grid-header-menu:hover { color: #363940; } .contents .k-grid .k-grid-header .k-table-th { vertical-align: middle; } .contents .k-grid .k-grouping-row, .contents .k-grid .k-grouping-row :hover { background-color: DimGray; color: white; } .contents .k-grid th > .k-checkbox, .contents .k-grid td > .k-checkbox { vertical-align: middle; margin-left: 2px; } .contents .k-grid tbody > tr:not(.k-detail-row).k-state-hover, .contents .k-grid tbody > tr:not(.k-detail-row):hover { background-color: PowderBlue; } .contents .k-grid.no-hover-background tbody tr:not(.k-detail-row).k-alt, .contents .k-grid.no-hover-background tbody tr:not(.k-detail-row).k-alt:hover, .contents .k-grid.no-hover-background tbody tr:not(.k-detail-row).k-state-hover, .contents .k-grid.no-hover-background tbody tr:not(.k-detail-row):hover { background: transparent; } .contents .k-grid.no-hover-background .k-grid-header tr .k-header > .k-link { cursor: default; } .contents .k-grid.no-hover-background tbody tr td { border-width: 1px; } .contents .k-grid tr td { padding: .2rem .3rem; text-align: center; } .contents .k-grid tr td .btn-xs, .contents .k-grid tr td .k-button-md { font-size: 12px; padding: 5px 10px; } .contents .k-grid tr td .k-button-md .k-icon { font-size: 12px; } .contents .k-grid th .k-icon { padding-top: .5rem; } .contents .k-grid .k-grid-header .k-grid-filter { position: absolute; right: -.4rem; } .contents .k-grid div.k-grid-norecords { display: inline-block; padding: 0; } .contents .k-grid div.k-grid-norecords .empty-grid::before { line-height: 3em; content: "There are no data."; color: Crimson; font-size: 1.34em; font-weight: 700; } .contents .k-grid:not(.no-hover-background) .k-master-row .k-hierarchy-cell a { color: black; } .contents .k-grid:not(.no-hover-background) .k-master-row .k-hierarchy-cell a:hover { color: #ff5479; } .contents .k-grid .k-master-row .k-hierarchy-cell > .k-icon { padding: 0; } .contents .k-grid tr.k-state-selected, .contents .k-grid th.k-state-selected, .contents .k-grid tr.k-state-selected > td { background-color: inherit; } .contents .k-grid tr.k-state-selected { background-color: Wheat; } .contents .k-grid tr.k-state-selected td { border-top: 2px solid #24659A; border-bottom: 2px solid #24659A; } .contents .k-grid tr.k-state-selected td:first-child { border-left: 2px solid #24659A; } .contents .k-grid tr.k-state-selected td:last-child { border-right: 2px solid #24659A; } .contents .k-grid td .fa-flag { float: left; margin-top: .3rem; margin-right: .2rem; } .contents .k-grid .k-group-footer td { background-color: #eee; } .contents .k-grid .k-footer-template td { background-color: Gainsboro; border-color: #ccc; } /*.contents .editform-container:not(.nosticky) .form-horizontal > .k-grid > .k-grid-table > .k-grid-header, .contents .items .k-grid .k-grid-header, .contents .sticky-grid-header .k-grid-header { position: sticky; top: 140px; }*/ .contents .k-pager { padding: .25rem .25rem; font-size: 14px; } .contents .k-pager .k-pager-nav, .contents .k-pager .k-pager-numbers .k-link, .contents .k-pager .k-pager-refresh { min-width: 30px; height: 30px; } .contents .k-pager .k-pager-sizes .k-dropdown, .contents .k-pager .k-pager-sizes .k-dropdown-list, .contents .k-pager .k-pager-sizes .k-dropdownlist, .contents .k-pager .k-pager-sizes > select { width: 5em; height: 30px; } .contents .k-pager .k-pager-numbers-wrap { height: 30px; } .contents .k-pager .k-pager-numbers-wrap .k-button-md { height: 30px; padding: 10px; line-height: 1; } .contents .k-pager .k-pager-numbers-wrap .k-button-md.k-selected { background-color: #e7607b !important; border-color: #e7607b !important; color: #fff; } .contents .k-pager .k-pager-numbers-wrap .k-button-md:not(.k-selected):hover { background-color: #eee !important; } .contents .k-pager .k-pager-numbers-wrap .k-button-md.k-pager-nav { padding: 10px 6px; } .contents .k-pager .k-pager-numbers-wrap .k-pager-numbers { display: block !important; } .contents .k-pager .k-pager-numbers-wrap select.k-picker { display: none; } .contents .k-pager .k-pager-refresh { padding: .25rem; } .contents .k-pager-md .k-pager-numbers-wrap .k-button { min-width: 20px; } .contents .k-pager-sm .k-pager-numbers-wrap { height: 30px; } .contents .k-pager-sm .k-pager-numbers-wrap select.k-picker { padding: .175rem .75rem; } .contents .k-detail-cell .k-grid .k-grid-header { opacity: .7; } .contents .k-detail-cell .k-grid .k-grid-header .k-link { cursor: default; } .contents .k-detail-cell .k-grid.no-hover-background tbody > tr:hover { background-color: #fff !important; } .gridSection .k-grid-edit-row .k-edit-cell .k-checkbox-label { display: none; } .contents .k-checkbox { width: 17px; height: 17px; border-color: #ababab; border-radius: 0; margin: 2px 0 0 0; } .contents .k-checkbox:hover { border-color: #333; } .contents .form-field .k-checkbox { margin-top: 0; } .contents .k-checkbox-item { margin-right: 15px; } .contents .k-checkbox { margin: 0; } .contents .k-checkbox:disabled { cursor: not-allowed; pointer-events: auto; } .contents .k-checkbox-wrap.k-header .k-checkbox { margin-left: 6px; } .contents .k-tabstrip-top { width: 100% !important; display: inline-flex !important; } .contents .k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-items { padding-left: 10px; } .contents .k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-items .k-item { border-color: #ddd; background-color: #eee; min-width: 120px; text-align: center; } .contents .k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-state-hover { border-color: #000; border-bottom-color: #ccc; } .contents .k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-items .k-item .k-link { display: inline-block; padding: .25rem 1.25rem; } .contents .k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-items .k-state-active { background-color: black; color: white; } .contents .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .contents .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active { margin-bottom: -1px; border-bottom-width: 1px; border-bottom-color: transparent !important; background-color: white; } .contents .k-tabstrip-top > .k-tabstrip-content { min-height: 300px; border-color: #ccc; padding: 0; } .contents .k-treeview { margin: 15px 0 30px; line-height: 1.15; } .contents .k-treeview .k-icon, .k-animation-container .k-treeview .k-icon { margin-top: 3px; } .contents .k-treeview .k-checkbox-wrap, .contents .k-treeview .k-checkbox { margin-right: 0; } .contents .k-treeview .k-treeview-leaf.k-selected, .contents .k-treeview .k-treeview-leaf.k-focus, .contents .k-treeview .k-treeview-leaf:hover { border-color: white !important; color: black !important; background-color: white !important; box-shadow: none !important; } .contents .Under-Construction { margin: auto; width: 800px; height: 550px; background: Url("/Content/images/UnderConstruction.png") no-repeat top left; background-size: 400px; padding: 50px 0 0 470px; background-position-x: 70px; background-position-y: 50px; } .contents .Under-Construction > div { padding: 150px 0 0 50px; } .contents .Under-Construction > div h2 { font-size: 24px; font-weight: 500; line-height: 1; text-transform: uppercase; } .contents .Under-Construction > div h4 { font-size: 18px; } .contents .k-menu-link-text .k-checkbox.k-checked, .contents .k-menu-link-text .k-checkbox:checked { margin: 5px 5px 0 0; } .contents .k-input-md.k-icon-picker .k-input-inner, .contents .k-picker-md.k-icon-picker .k-input-inner { width: 20px; height: 20px; padding: .3rem; } .contents .k-icon-button.k-button-md > .k-button-icon { min-width: 1rem; min-height: 1rem; } .contents .k-button-solid-base { border-color: #fff; background-color: #fff; } .contents .k-input-md .k-input-button, .contents .k-picker-md .k-input-button { padding: .175rem .2rem .1rem; } .contents .k-input-md .k-spinner-decrease, .contents .k-input-md .k-spinner-increase, .contents .k-picker-md .k-spinner-decrease, .contents .k-picker-md .k-spinner-increase { padding-left: .1rem; padding-right: .1rem; } .contents .k-input-md .k-spinner-increase, .contents .k-picker-md .k-spinner-increase { padding-bottom: .1rem; } .contents .k-input-md .k-spinner-decrease, .contents .k-picker-md .k-spinner-decrease { padding-top: .1rem; } .contents .text-right .btn { margin-left: 5px; } .contents .form-field .k-switch-md, .contents .form-field .k-switch-md .k-switch-track { width: 50px; } .contents .form-field .k-switch-off .k-switch-track { border-color: #ccc; color: #424242; background-color: #ffffff; } .contents .form-field .k-switch-off .k-switch-thumb { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #ccc; } .container .search { } .container .search .search-text, .container .search .search-box, .container .search .search-button { float: left; } .container .search .search-text { width: 60px; } .container .search .search-box { width: 90%; } .container .search .search-button .btn-xxs { padding: 5px 7px; margin-left: -15px; } .form-horizontal { } .form-horizontal .passwordInstructions { margin: 0 15px 30px; padding: 2rem; background-color: #eee; font-size: 13px; } .form-horizontal .passwordInstructions li { list-style: none; margin-left: 15px; line-height: 1.75; } .form-horizontal .passwordInstructions li:before { content: "\f058"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; color: transparent; } .form-horizontal .passwordInstructions li.pwd-restriction-checked:before { color: green; } .form-horizontal #result { } .form-horizontal #result.short { color: #FF0000; } .form-horizontal #result.weak { color: #E66C2C; } .form-horizontal #result.good { color: #2D98F3; } .form-horizontal #result.strong { color: #006400; } .form-horizontal .togglePassword, .form-horizontal #togglePassword { z-index: 10; position: absolute; width: 30px; top: 10px; right: 5px; font-size: 1.25rem; background-color: white; cursor: pointer; opacity: .54; } .form-horizontal .subTitle { background-color: Peru; margin: 10px 0; padding: 7px 15px; color: White; } .form-horizontal .subTitle h6 { font-weight: 700; } .form-horizontal .collapse-symbol { float: right; cursor: pointer; padding-top: 3px; font-weight: bold; } .form-horizontal .form-field .form-control, .form-horizontal .form-field .form-textarea { border-radius: 0; border-color: #ababab; box-shadow: none; } .form-horizontal .form-field .form-control:hover, .form-horizontal .form-field .form-textarea:hover { border-color: #333; } .form-horizontal .form-field .form-control[readonly], .form-horizontal .form-field .form-textarea[readonly], .form-horizontal .form-field .form-control[readonly]:hover, .form-horizontal .form-field .form-textarea[readonly]:hover { border-color: #fafafa; background-color: inherit; background-image: none; } .form-horizontal .form-field .weight > div, .form-horizontal .form-field .dimensions > div, .form-horizontal .form-field .dimensions > span { float: left; } .form-horizontal .form-field .weight > div:first-child { width: 55%; padding-right: 5px; } .form-horizontal .form-field .weight > div:last-child { width: 45%; } .form-horizontal .form-field .dimensions > div { width: 70px; } .form-horizontal .form-field .dimensions > .dimension_delimeter, .form-horizontal .form-field .dimensions > .dimension_unit { padding: 6px 3px 0; } .form-horizontal .form-field .boxqty { width: 70px; margin-right: 5px; } .form-horizontal .form-field .form-floating { margin-top: .5rem !important; } .form-horizontal .form-field .form-floating.mt-2 { margin-top: .75rem !important; } .form-horizontal .form-field .form-floating > .form-control, .form-horizontal .form-field .form-floating > .form-control-plaintext { padding: .375rem .75rem !important; } .form-horizontal .form-field .form-floating > label { left: .75rem !important; padding: .7rem .75rem !important; } .form-horizontal .form-field .form-floating > .form-control-plaintext:focus, .form-horizontal .form-field .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-horizontal .form-field .form-floating > .form-control:focus, .form-horizontal .form-field .form-floating > .form-control:not(:placeholder-shown) { padding-top: .375rem !important; padding-bottom: .375rem !important; outline: none !important; box-shadow: none !important; } .form-horizontal .form-field .form-floating > .form-control-plaintext ~ label, .form-horizontal .form-field .form-floating > .form-control:focus ~ label, .form-horizontal .form-field .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-horizontal .form-field .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), .75) !important; transform: scale(.85) translateY(-1.4rem) translateX(.15rem) !important; } .form-horizontal .form-field .form-floating > .form-control, .form-horizontal .form-field .form-floating > .form-control-plaintext, .form-horizontal .form-field .form-floating > .form-select { height: calc(2.5rem + calc(var(--bs-border-width) * 2)) !important; min-height: calc(2.5rem + calc(var(--bs-border-width) * 2)) !important; } .form-horizontal .form-field .form-floating > .form-select { padding-top: .75rem !important; padding-bottom: .625rem !important; } .form-horizontal .form-field .form-floating > .form-textarea { display: block; width: 100%; padding: .9rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; line-height: 1.25; min-height: calc(5em + .75rem + calc(var(--bs-border-width) * 2)) !important; } .form-horizontal .form-field .form-floating > .form-textarea:focus { border-color: #86b7fe !important; outline: none !important; box-shadow: none !important; } .form-horizontal .form-field .form-floating > .form-textarea:focus ~ label, .form-horizontal .form-field .form-floating > .form-textarea:not(:placeholder-shown) ~ label { height: 30px; background-color: white; opacity: .65; margin-left: .5rem; padding: 0 .25rem !important; line-height: 1; color: rgba(var(--bs-body-color-rgb), .75) !important; transform: scale(.85) translateY(-.5rem) translateX(.15rem) !important; } .form-horizontal .form-field .k-floating-label-container { width: 100%; padding-top: 12px; } .form-horizontal .form-field .k-floating-label-container.k-state-empty > .k-floating-label, .form-horizontal .form-field .k-floating-label-container > .k-floating-label, .form-horizontal .form-field .k-floating-label-container.k-state-empty > .k-label, .form-horizontal .form-field .k-floating-label-container > .k-label { font-size: 14px; font-weight: 400; top: calc(1.25rem + 1px); left: calc(.75rem + 1px); opacity: .54; } .form-horizontal .form-field .k-floating-label-container:focus-within > .k-floating-label, .form-horizontal .form-field .k-floating-label-container > .k-floating-label, .form-horizontal .form-field .k-floating-label-container:focus-within > .k-label, .form-horizontal .form-field .k-floating-label-container > .k-label { position: absolute; z-index: 10; top: 3px; left: 10px; padding: 0 5px; background-color: white; font-size: .857em; opacity: 1; } .form-horizontal .form-field .k-floating-label-container.k-focus .form-control, .form-horizontal .form-field .k-floating-label-container.k-focus .form-textarea { border-color: Black; border-width: 2px; background-color: FloralWhite; } .form-horizontal .form-field .has-error.k-floating-label-container.k-state-empty > .k-floating-label, .form-horizontal .form-field .has-error.k-floating-label-container > .k-floating-label, .form-horizontal .form-field .has-error.k-floating-label-container:focus-within > .k-floating-label, .form-horizontal .form-field .has-error.k-floating-label-container > .k-floating-label, .form-horizontal .form-field .has-error.k-floating-label-container.k-state-empty > .k-label, .form-horizontal .form-field .has-error.k-floating-label-container > .k-floating-label, .form-horizontal .form-field .has-error.k-floating-label-container:focus-within > .k-label, .form-horizontal .form-field .has-error.k-floating-label-container > .k-label { color: #dc1431; } .form-horizontal .form-field .has-error .form-control, .form-horizontal .form-field .has-error .form-control:focus, .form-horizontal .form-field .has-error .form-textarea, .form-horizontal .form-field .has-error .form-textarea:focus, .form-horizontal .form-field .has-error.k-floating-label-container.k-focus .form-control, .form-horizontal .form-field .has-error.k-floating-label-container.k-focus .form-textarea { border-color: #dc1431; } .form-horizontal .comment-attachment .attachment-container { position: relative; overflow: hidden; display: inline-block; *display: inline; vertical-align: top; padding-top: 5px; } .form-horizontal .comment-attachment .attachment-container .attachment-label i { display: none; } .form-horizontal .comment-attachment .attachment-container .attachment-label span { display: none; } .form-horizontal .comment-attachment .attachment-container a.attach-file { display: block; } .form-horizontal .comment-attachment .attachment-container input { opacity: 0; filter: alpha(opacity=0); font-size: 20px; position: absolute; right: 0px; top: 0px; width: 100%; height: 30px; z-index: 1; padding: 0; margin: 0; } .form-horizontal .comment-attachment .remove-attachment { display: none; } .form-horizontal .comment-attachment.file-selected .attachment-container .attachment-label i { display: inline-block; position: relative; vertical-align: baseline; margin-right: 5px; } .form-horizontal .comment-attachment.file-selected .attachment-container .attachment-label span { display: inline-block; line-height: 26px; padding-right: 10px; color: #2080ad; } .form-horizontal .comment-attachment.file-selected .attachment-container a.attach-file { display: none; } .form-horizontal .comment-attachment.file-selected .remove-attachment { display: inline-block; padding-top: 5px; font-weight: bold; color: #999; font-size: 14px; text-decoration: none; vertical-align: top; line-height: 26px; height: 26px; } .form-horizontal .edit-buttons { clear: both; padding: 15px 15px 0; background-color: #fff; text-align: right; border-width: 1px 0 0; border-style: solid; border-color: #ccc; position: relative; } .form-horizontal .edit-buttons button > span.fa { margin-right: 10px; } .form-horizontal .edit-buttons button { margin-left: 10px; } .form-horizontal .k-input, .form-horizontal .k-picker { font-family: 'Ubuntu', serif; font-size: 14px; border-color: #ccc; color: #555; background-color: #fff; } .form-horizontal .k-dropdown { height: 30px; font-size: 12px; } .form-horizontal .registerPassword { margin: 0 -15px; } .form-horizontal .registerPassword .form-field .passwordBox { padding-right: 0; } .form-horizontal .registerPassword .passwordInstructions { margin: 0; padding: 0; background-color: transparent; } .form-horizontal #result { font-weight: 700; /*margin: 5px 0 0 15px;*/ } .form-horizontal .form-field .control-label { text-align: right; margin-bottom: 0; padding-top: 6px; font-weight: 700; } .form-horizontal.label-left .form-field .control-label { text-align: left; } .form-horizontal .actions > .form-field > .control-label:first-child { padding-left: 0; text-align: left; } .form-horizontal .form-field .k-radio-md { width: 18px; height: 18px; border-color: rgba(0, 0, 0, 0.3); } .form-horizontal .form-field .k-radio { border-color: #ababab } .form-horizontal .form-field .k-radio:hover { border-color: #333 } .form-horizontal .chart-container { margin-bottom: 20px; border: 1px solid #ddd; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4); } .form-horizontal .k-tilelayout { background-color: white; border: 1px solid #ccc; } .form-horizontal .k-tilelayout .k-tilelayout-item { border: 1px solid #ddd; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4); } .form-horizontal .k-tilelayout .k-tilelayout-item .k-tilelayout-item-header { padding: 1rem 1rem 0; } .form-horizontal .k-tilelayout .k-tilelayout-item .k-tilelayout-item-header h6 { float: left; font-size: 16px; font-weight: 700; } .form-horizontal .k-tilelayout .k-tilelayout-item .k-tilelayout-item-header a { float: right; } .form-horizontal .k-tilelayout .k-tilelayout-item .k-tilelayout-item-header label { font-size: 24px; font-weight: 700; } .form-horizontal .k-tilelayout .k-tilelayout-item .k-grid .k-header { display: none; } .form-horizontal .k-tilelayout .k-tilelayout-item .k-grid td { border: none; } .form-horizontal .k-rating-container { margin: -7px 0 -7px -7px; } .editform-container .form-horizontal { font-size: 12px; } .editform-container .form-horizontal img { width: 100%; height: auto; } .editform-container .form-horizontal .form-field { margin-bottom: 5px; } .editform-container .form-horizontal .form-field > div { padding-left: 0; } .editform-container .form-horizontal .form-field .form-control { height: 28px; font-size: 12px; } .editform-container .form-horizontal .form-field .form-textarea { width: 100%; font-size: 12px; } .editform-container .form-horizontal .form-field .k-switch-md .k-switch-track, .modal-body .form-field .k-switch-md .k-switch-track { height: 22px; } .editform-container .form-horizontal .form-field .k-switch-md .k-switch-thumb, .modal-body .form-field .k-switch-md .k-switch-thumb { width: 17px; height: 17px; } .editform-container .form-horizontal .form-field .k-switch-md.k-switch-on .k-switch-thumb-wrap, .modal-body .form-field .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 12px); } .editform-container .form-horizontal .form-field .k-switch-md.k-switch-off .k-switch-thumb-wrap, .modal-body .form-field .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: 12px; } .editform-container .form-horizontal .form-field .k-datepicker { font-size: 13px; height: 28px; } .editform-container .form-horizontal .form-field .k-input-md .k-input-inner, .editform-container .form-horizontal .form-field .k-picker-md .k-input-inner { padding: .156rem .75rem; } .editform-container .form-horizontal .actions .form-field:last-child, .editform-container .form-horizontal.actions .form-field { margin-bottom: 0; } .editform-container .editform { display: inline-block; width: 100%; padding: 15px 0; background-color: white; border: 1px solid #ccc; } .editform-container .editform .btn-group { padding: 15px 0 0; text-align: left; } .editform-container .k-tabstrip { font-size: inherit; } .editform-container .btn-group .btn:not(:last-child) { margin-right: 5px; } .progressbar-container { width: 100%; height: 2em; margin: 20px auto; border: 1px solid #ccc; border-radius: 4px; background-color: #f5f5f5; } .progressbar-container .progressBar { display: none; z-index: 11; position: relative; margin-right: 15px; height: 2em; width: 0%; background-color: #428bca; border: 1px solid #428bca; border-radius: 4px; } .progressbar-container .progressRate { z-index: 12; position: absolute; height: 1.9em; top: 2em; right: 20px; background-color: transparent; color: black; } .pageError { margin-top: 60px; } .pageError h2 { margin-bottom: 30px; } .pageError > div:last-child { margin-top: 10px; } .pageError > div:last-child p { margin-top: 10px; line-height: 1.5; } #AssignColorModal { } #AssignColorModal .modal-body { margin: 15px 30px; padding: 0; } #AssignColorModal .modal-body .color-container > div { float: left; width: 160px; margin-bottom: 5px; } #AssignColorModal .modal-body .color-container > div .k-checkbox-wrap > input { float: left; margin-top: 2px; height: 17px; width: 17px; } #AssignColorModal .modal-body .color-container > div > div { float: left; display: inline-block; width: 124px; margin: 2px 8px 0 5px; padding: 2px 5px; font-size: 10px; } /*======================================================== FOOTER Styles =========================================================*/ footer { margin-top: 10px; border-top: 3px solid black; padding: 10px 15px; background-color: #524e4a; color: #fafafa; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; height: 37px; width: 100%; } footer .footerMenu a { color: #fafafa; margin-left: 30px; } #mask, #canvasloader-mask { z-index: 1001; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #a9a9a9; filter: alpha(opacity=50); opacity: 0.5; display: none; } .msg-processing { position: absolute; font-size: 18px; width: 150px; color: OldLace; top: 60px; left: -25px; } /*======================================================== Session Timeout Section =========================================================*/ #sessionTimeout { position: fixed; top: 50%; left: 50%; width: 460px; height: 260px; margin-top: -110px; margin-left: -225px; padding: 30px; z-index: 2003; display: none; font-size: 14px; background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%); background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%); background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%); background: linear-gradient(top, #dddddd 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); border: 1px solid #aaa; } #sessionTimeout .timeoutPrompt { margin: auto; position: relative; } #sessionTimeout .timeoutPrompt .timeout-icon { float: left; font-size: 3em; padding-right: 20px; color: #FFD700; } #sessionTimeout .timeoutPrompt .timeout-text { float: left; } #sessionTimeout .timeoutPrompt .timeout-text h3, #sessionTimeout .timeoutPrompt .timeout-text p { margin-top: 5px; font-size: 1em; } #sessionTimeout .timeoutPrompt .timeout-text h3 { font-size: 1.2em; font-weight: 700; color: #24659A; } #sessionTimeout .timeoutPrompt .timeout-text p span.time { font-weight: bold; color: #dc1431; } #sessionTimeout .timeoutPrompt .logoutActions { float: left; display: block; text-align: center; margin-bottom: 15px; } #sessionTimeout .timeoutPrompt .logoutActions .btn-xs { float: right; font-size: 0.9em; margin-top: 20px; border-radius: 5px; line-height: 20px; border-radius: 5px; } #sessionTimeout .timeoutPrompt .logoutActions .btn-light { margin-left: 20px !important; } .msg-oldbrowser { margin: 0; max-width: 640px; } .msg-oldbrowser .noti { border-radius: 7px; box-shadow: 0 0 8px #888; background: #eee; text-align: center; padding: 2px; } .msg-oldbrowser .noti .modal-header { margin: 3px; padding: 10px 17px; min-height: 16.64285714px; background: none; border-bottom-color: #fff4f4; border-radius: 6px 6px 0 0; } .msg-oldbrowser .noti .modal-header h5 { font-size: 20px; font-weight: 700; color: black; text-transform: capitalize; text-align: left; } .msg-oldbrowser .noti .contents-container { margin: 0 20px 20px; border: 1px solid #ccc; border-radius: 7px; background-color: white; box-shadow: 0 0 5px #888; font-size: 18px; text-align: left; } .msg-oldbrowser .noti .contents-container .whatnow { text-align: center; margin: 23px 25px 13px; font-family: open sans,sans-serif; font-weight: 400; text-align: left; } .msg-oldbrowser .noti .contents-container .whatnow p { line-height: 1.32; } .msg-oldbrowser .noti .contents-container .whatnow p:not(:last-child) { margin-bottom: 20px; } .msg-oldbrowser .noti .contents-container .whatnow p.text-warning { font-size: 20px; color: #ff0000; } .msg-oldbrowser .noti .contents-container .whatnow p.below { color: #aaa; font-size: 16px; } .msg-oldbrowser .noti .contents-container .whatnow u { color: #e25600; } .msg-oldbrowser .noti .contents-container table { width: 100%; border-collapse: collapse; margin-bottom: .8em; clear: both; } .msg-oldbrowser .noti .contents-container .logos { width: 100%; border: 0; } .msg-oldbrowser .noti .contents-container .logos td { vertical-align: top; padding: 10px; border: 0; background: 0 0; width: 25%; } .msg-oldbrowser .noti .contents-container .logos td:first-child { font-size: 19px; } .msg-oldbrowser .noti .contents-container .logos td a.l { display: block; padding: 4px; padding-top: 97px; background-repeat: no-repeat; background-size: 90px auto; background-position: center 4px; text-decoration: none; text-align: center; position: relative; cursor: pointer; } .msg-oldbrowser .noti .contents-container .logos td a.l .bro { white-space: nowrap; text-decoration: underline; font-size: 15px; } .msg-oldbrowser .noti .whatnow-small { font-family: open sans; font-size: 15px; margin: 13px; text-align: center; font-weight: 300; color: black; } .msg-oldbrowser .noti .whatnow-small a { cursor: pointer; } #DisclaimerForThirdPartyLinkModal { } #DisclaimerForThirdPartyLinkModal .modal-dialog { max-width: 670px; } #DisclaimerForThirdPartyLinkModal .modal-dialog .modal-body { margin: 30px 50px; min-width: 500px; min-height: 50px; max-width: 570px; padding: 0; vertical-align: middle; text-align: left; } #DisclaimerForThirdPartyLinkModal .modal-dialog .modal-footer { padding: 25px 50px 25px; } #DisclaimerForThirdPartyLinkModal .modal-dialog .modal-footer .btn { line-height: 36px; border-radius: 0; }