#errdiag {
    padding: 10px;
    background-color: #fff;
    border-top: 3px solid red;
    position: absolute;
    top: 33%;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    height: 130px;
    margin-top: -44px;
    z-index: 20;
    -moz-box-shadow: -2px 0px 5px #aaa;
    -webkit-box-shadow: -2px 0px 5px #aaa;
    box-shadow: -2px 0px 5px #aaa;
}

#erroverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 10;
}

.img-logo {
    height: 105px;
    max-height: 90px;
    /* max-height: 105px; */
    /* max-width: 330px; */
}

.sw-header-account-link {
    background-color: #e9721e;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin: 15px 0 0 0;
    padding: 0 15px;
    text-align: center;
    display: block;
    float: right;
    white-space: nowrap;
    transition: background-color 0.1s, margin 0.15s;
    width: 154px;
}

.sw-header-account-link-open {
    background-color: #0181a1;
}

.sw-header-account-link-open:hover {
    background-color: #0181a1 !important;
}

.sw-header-account-link:hover {
    background-color: #f16f21;
}

.sw-header-account-link-text {
    color: #FFF;
    font-family: "GothamMedium", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.sw-header-account-link .icon-angle-down-white {
    display: inline-block;
    height: 7px;
    margin-bottom: 2px;
    margin-left: 10px;
    width: 12px;
    transition: transform 0.15s ease 0.15s;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22987%20153%20998%20582%22%20style%3D%22enable-background%3Anew%20987%20153%20998%20582%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M1985%2C236c0%2C8.7-3.3%2C16.3-10%2C23l-466%2C466c-6.7%2C6.7-14.3%2C10-23%2C10s-16.3-3.3-23-10L997%2C259%0D%0A%09c-6.7-6.7-10-14.3-10-23s3.3-16.3%2C10-23l50-50c6.7-6.7%2C14.3-10%2C23-10s16.3%2C3.3%2C23%2C10l393%2C393l393-393c6.7-6.7%2C14.3-10%2C23-10%0D%0A%09s16.3%2C3.3%2C23%2C10l50%2C50C1981.7%2C219.7%2C1985%2C227.3%2C1985%2C236z%22/%3E%0D%0A%3C/svg%3E%0D%0A);
}

.icon-angle-rotate {
    transform: rotate(-180deg);
}

.icon-profile-white {
    height: 20px;
    margin-right: 10px;
    top: -3px;
    width: 20px;
    position: relative;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20enable-background%3D%22new%200%200%2026%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Crect%20id%3D%22SVGID_1_%22%20width%3D%2226%22%20height%3D%2226%22/%3E%0D%0A%20%20%3C/defs%3E%0D%0A%20%20%3CclipPath%20id%3D%22SVGID_2_%22%3E%0D%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22/%3E%0D%0A%20%20%3C/clipPath%3E%0D%0A%20%20%3Ccircle%20clip-path%3D%22url%28%23SVGID_2_%29%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2212%22/%3E%0D%0A%20%20%3Cpath%20clip-path%3D%22url%28%23SVGID_2_%29%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.88%207.34c1.65%200%203%201.35%203%203%200%201.65-1.35%203-3%203%20-1.65%200-3-1.35-3-3C9.88%208.69%2011.22%207.34%2012.88%207.34M12.88%205.34c-2.76%200-5%202.24-5%205%200%202.76%202.24%205%205%205s5-2.24%205-5C17.88%207.58%2015.64%205.34%2012.88%205.34%22/%3E%0D%0A%20%20%3Cpath%20clip-path%3D%22url%28%23SVGID_2_%29%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M21.43%2021.53c-0.83-3.96-4.35-6.94-8.56-6.94%20-4.14%200-7.59%202.88-8.5%206.74%22/%3E%0D%0A%3C/svg%3E%0D%0A);
}

.icon {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.login-btn {
    border-radius: 4px;
    font-size: 18px;
    border: 0;
    width: 100%;
    padding: 10px 20px;
    transition: background-color 0.1s ease-in-out;
    background-color: #e9721e;
    color: #fff;
    font-family: "GothamMedium", sans-serif;
}

#login-form {
    background-color: #0181a1;
    width: 100%;
    position: absolute;
    left: 3px;
}

.nav {
    vertical-align: middle;
    text-align: left;
}

.menu {
    text-decoration: none;
    text-transform: uppercase;
    color: white !important;
    font-weight: bold;
}

.loader_old {
    border: 16px solid #e9721e;
    border-top: 16px solid #ebecee;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 50%;
    background-color: white;
}

.loadertext_old {
    width: 125px;
    height: 125px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    display: block;
    text-align: center;
}

.loaderdiv_old {
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
}

.loaderdiv_old span {
    position: static;
    z-index: 100;
    color: #e9721e;
    text-align: center;
    width: 76px;
    margin: auto auto;
    display: block;
    margin-top: 30%;
    margin-left: 14%;
}

.loader {
    border: 16px solid #e9721e;
    border-top: 16px solid #ebecee;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 50%;
    background-color: white;
}

.loadertext {
    width: 125px;
    height: 125px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    display: block;
    text-align: center;
}

.loaderdiv {
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -55px;
}

.loaderdiv span {
    position: static;
    z-index: 100;
    color: #e9721e;
    text-align: center;
    width: 76px;
    margin: auto auto;
    display: block;
    margin-top: 30%;
    margin-left: 14%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*Progress bar*/

.ui-progressbar {
    position: fixed;
    width: 500px;
    top: 50%;
    left: 50%;
    margin-left: -245px;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 6px;
    font-weight: bold;
    /*text-shadow: 1px 1px 0 #fff;*/
    color: white;
    margin-left: -30px;
    z-index: 999;
}

#progressbar .ui-widget-header {
    border: 1px solid #3498db !important;
    background: #3498db 50% 50% repeat-x !important;
    color: #3498db;
}

.lbl-blue-progress {
    color: black !important;
}

.whi {
    color: #112c51;
    display: block;
    text-align: right;
}

pre {
    background-color: #FAF9B9 !important;
}

.form-control-2 {
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea.form-control-2 {
    height: 25px;
    border: 0px white;
    resize: none;
    box-shadow: none !important;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
    width: 400px;
    display: block;
    padding: 0px 0px !important;
    margin-left: 15px;
}

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.time-bh {
    display: inline-block;
    width: 80px;
    height: 26px !important;
    font-weight: bold;
    padding: 0px 6px !important;
    text-align-last: center;
}

.time-bh option {
    text-align-last: right;
}

.time-sep-bh {
    display: inline-block;
    height: 26px !important;
    vertical-align: middle;
}

.form-control-3 {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.fixed {
    position: fixed;
}

.btn {
    padding: 4px 10px;
}

.btn_normal {
    padding: 6px 12px;
}

.btn-primary {
    background-color: #0181a1;
}

[name="demo"], [name="gender"] {
    vertical-align: top !important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-top: 2px solid #07d;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
}

body {
    background-size: 100%;
    font-family: sans-serif;
    font-size: 14px;
    color: #444;
}

.debug {
    border: 1px solid red;
}

/* rounded corners (top and bottom) */

.rctop {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
}

.rcbot {
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
}

#header {
    background: #e5e5e5;
    height: 35px;
    width: 100%;
    margin-top: 5px;
}

#wrapper {
    width: 100%;
    background: #fff;
    padding-top: 20px;
}

#footer {
    background: #1b0e57;
    height: 35px;
    width: 100%;
}

#fcontent {
    margin: 0 auto;
    padding-top: 6px;
    width: 960px;
    color: #fff;
    text-align: center;
}

#fcontent a:link {
    color: yellow;
}

#fcontent a:visited {
    color: yellow;
}

a, a:active, a:visited {
    color: #607890;
}

a:hover {
    color: #036;
}

h1 {
    color: #0181a1;
    font-size: 18px;
}

h2 {
    color: #0181a1;
    font-size: 16px;
}

h3 {
    color: #0181a1;
    font-size: 15px;
}

select {
    margin-bottom: 5px;
}

input {
    margin-bottom: 5px;
}

.item {
    height: 22px;
    vertical-align: middle;
}

.ico {
    height: 22px;
    width: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: -5px;
}

.spacer {
    height: 5px;
}

/* misc styles */

.highlight {
    background-color: #F3F315;
}

.FL {
    border: 1px solid #bbb;
}

.BTN {
    background-color: #0181a1;
    font-size: 14px;
    color: #fff;
    border: 2px solid #0181a1;
    text-indent: 1px;
    text-align: center;
}

.hdr {
    background-color: #ddd;
    color: #000;
    font-weight: bold;
}

.hdr2 {
    background-color: #ddd;
    color: #000;
    font-weight: bold;
}

.row1 {
    background-color: #fff;
}

.row2 {
    background-color: #eee;
}

/* color classes */

.mono {
    font-family: monospace;
}

.mar {
    color: #e9721e;
}

.gre {
    color: green;
}

.blu {
    color: blue;
}

.red {
    color: #c00;
}

.ora {
    color: #f16f21;
}

/* table sorting */

th.sortable-text, th.sortable-date, th.sortable-currency {
    background-color: #1b0e57;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

th a:link {
    color: #fff;
}

th a:visited {
    color: #fff;
}

.qq-upload-list li.qq-upload-success {
    background-color: #dff0d8 !important;
    color: #3c763d !important;
}

.qq-upload-list li.qq-upload-fail {
    background-color: #f2dede !important;
    color: #a94442 !important;
}

/*tooltip*/

td div.tooltip .tooltip-inner {
    text-align: left;
    max-width: 245px;
}

table.sep td {
    padding-top: 5px;
    padding-bottom: 5px;
}

input.formFieldError, .input-group select.formFieldError, .form-group select.formFieldError, .input-group textarea.formFieldError, .formFieldError input, .formFieldError textarea, .formFieldError select,
/* for select 2 boxes */

.formFieldError .select2-selection {
    outline: tomato;
    box-shadow: 1px 1px tomato, -1px -1px 0px 0px tomato;
    border: 2px transparent solid;
}

.imgPreviewWithLabel {
    display: inline-block;
    position: relative;
    border: 2px solid #ccc;
}

.labelUpperLeft {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ccc;
    color: #333;
    display: inline-block;
    padding: 0px 5px;
}

.routingToolPreviewImg {
    width: 100%;
    max-width: 272px;
    margin-bottom: 5px;
}

.routingToolPreviewImg img {
    width: 100%;
    max-width: 100%;
}

.floatingNotice {
    width: 100%;
    padding: 10px;
    background-color: #FAF9B9;
    border-bottom: 1px solid #333;
    color: #333;
    text-align: center;
    /* position: fixed;
    top: 0;
    left: 0; */
    box-sizing: border-box;
}