/*my styles*/


#quicklinks li {
    padding: 5px;
    border-bottom: 1px solid #ececec;
    transition: 0.1s ease all;
}

#quicklinks li a {
    color: black;
    text-decoration: none;
}

#quicklinks li a:hover {
    text-decoration: none;
}

#quicklinks li:hover {
    background-color: #034677;
}

#quicklinks li:hover>a {
    color: white;
}

.brand-logo h1,
.brand-logo-collapsed h1 {
    margin: 0;
    color: white;
}

.two-logo {
    font-size: 400%;
    position: relative;
}

.two-logo .ispuser {
    position: absolute;
    top: 40px;
    left: 7px;
    color: white;
    font-size: 50%;
    transform: rotate(50deg);
}

.two-logo .ispremote {
    position: absolute;
    top: 31px;
    left: 14px;
    color: white;
    font-size: 50%;
}

.two-logo a {
    color: #034677;
}

.headertwo-logo {
    font-size: 200%;
    position: relative;
    float: left;
}

.headertwo-logo .ispuser {
    position: absolute;
    top: 23px;
    left: 7px;
    color: white;
    font-size: 50%;
    transform: rotate(50deg);
}

.headertwo-logo .ispremote {
    position: absolute;
    top: 15px;
    left: 14px;
    color: white;
    font-size: 50%;
}

.table-links {
    color: #034677;
    text-decoration: none;
    font-size: 20px;
}

.table-links:hover {
    text-decoration: none;
    color: #034677;
}

.syn_slideshow-container {
    z-index: 999999999999 !important;
}


/* Theme color change  */

.nav.nav-pills .active>a {
    background-color: #034677;
}

.topnavbar .navbar-header {
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, #034677 0%, #034677 100%);
    background-image: -o-linear-gradient(left, #034677 0%, #034677 100%);
    background-image: linear-gradient(to right, #034677 0%, #034677 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff034677', endColorstr='#ff034677', GradientType=1);
}

.topnavbar .navbar-nav>li>.navbar-text {
    color: #034677;
}

@media only screen and (min-width: 768px) {
    .topnavbar {
        border: 0;
        background-color: #034677;
        background-image: -webkit-linear-gradient(left, #034677 0%, #034677 100%);
        background-image: -o-linear-gradient(left, #034677 0%, #034677 100%);
        background-image: linear-gradient(to right, #034677 0%, #034677 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff034677', endColorstr='#ff034677', GradientType=1);
    }
}

.sidebar>.nav>li>a:focus,
.sidebar>.nav>li>.nav-item:focus,
.sidebar>.nav>li>a:hover,
.sidebar>.nav>li>.nav-item:hover {
    text-decoration: none;
    outline: none;
    color: #034677;
}

.sidebar>.nav>li.active,
.sidebar>.nav>li.open,
.sidebar>.nav>li.active>a,
.sidebar>.nav>li.open>a,
.sidebar>.nav>li.active>.nav-item,
.sidebar>.nav>li.open>.nav-item,
.sidebar>.nav>li.active .nav,
.sidebar>.nav>li.open .nav {
    background-color: #fcfcfc;
    color: #034677;
}

.sidebar>.nav>li.active>.nav-item>em,
.sidebar>.nav>li.open>.nav-item>em,
.sidebar>.nav>li.active>a>em,
.sidebar>.nav>li.open>a>em {
    color: #034677;
}

.sidebar>.nav>li.active {
    border-left-color: #034677;
}

.sidebar-subnav>li>a:focus,
.sidebar-subnav>li>.nav-item:focus,
.sidebar-subnav>li>a:hover,
.sidebar-subnav>li>.nav-item:hover {
    color: #034677;
}

.sidebar-subnav>li.active>a,
.sidebar-subnav>li.active>.nav-item {
    color: #034677;
}

.sidebar-subnav>li.active>a:after,
.sidebar-subnav>li.active>.nav-item:after {
    border-color: #034677;
    background-color: #034677;
}

.offsidebar .nav-tabs.nav-justified>li.active>a {
    color: #034677;
}

.btn-outline.btn-primary {
    border-color: #034677;
    color: #034677;
}

.btn-outline.btn-info {
    border-color: #f4f3ec;
    color: #fff;
}

.radial-bar.radial-bar-0 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-5 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-10 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-15 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-20 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-25 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-30 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-35 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-40 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-45 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-50 {
    background-image: linear-gradient(270deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-55 {
    background-image: linear-gradient(288deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-60 {
    background-image: linear-gradient(306deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-65 {
    background-image: linear-gradient(324deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-70 {
    background-image: linear-gradient(342deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-75 {
    background-image: linear-gradient(360deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-80 {
    background-image: linear-gradient(378deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-85 {
    background-image: linear-gradient(396deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-90 {
    background-image: linear-gradient(414deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-95 {
    background-image: linear-gradient(432deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar.radial-bar-100 {
    background-image: linear-gradient(450deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-0 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-5 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-10 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-15 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-20 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-25 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-30 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-35 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-40 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-45 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-50 {
    background-image: linear-gradient(270deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-55 {
    background-image: linear-gradient(288deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-60 {
    background-image: linear-gradient(306deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-65 {
    background-image: linear-gradient(324deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-70 {
    background-image: linear-gradient(342deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-75 {
    background-image: linear-gradient(360deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-80 {
    background-image: linear-gradient(378deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-85 {
    background-image: linear-gradient(396deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-90 {
    background-image: linear-gradient(414deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-95 {
    background-image: linear-gradient(432deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-100 {
    background-image: linear-gradient(450deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-0 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-5 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-10 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-15 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-20 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-25 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-30 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-35 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-40 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-45 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-50 {
    background-image: linear-gradient(270deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-55 {
    background-image: linear-gradient(288deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-60 {
    background-image: linear-gradient(306deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-65 {
    background-image: linear-gradient(324deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-70 {
    background-image: linear-gradient(342deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-75 {
    background-image: linear-gradient(360deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-80 {
    background-image: linear-gradient(378deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-85 {
    background-image: linear-gradient(396deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-90 {
    background-image: linear-gradient(414deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-95 {
    background-image: linear-gradient(432deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.radial-bar-info.radial-bar-100 {
    background-image: linear-gradient(450deg, #034677 50%, transparent 50%, transparent), linear-gradient(270deg, #034677 50%, #fafafa 50%, #fafafa);
}

.circle-primary {
    background-color: #034677;
}

.circle-info {
    background-color: #034677;
}

.circle-outline.circle-primary {
    border: 1px solid #034677;
}

.circle-outline.circle-info {
    border: 1px solid #034677;
}

.timeline>li>.timeline-badge.primary,
.timeline-alt>li>.timeline-badge.primary {
    background-color: #034677;
}

.timeline>li>.timeline-badge.info,
.timeline-alt>li>.timeline-badge.info {
    background-color: #034677;
}

.c-checkbox:hover span,
.c-radio:hover span {
    border-color: #034677;
}

.c-checkbox input[type=checkbox]:checked+span {
    background-color: #034677
}

.c-checkbox input[type=checkbox]:checked+span,
.c-radio input[type=checkbox]:checked+span,
.c-checkbox input[type=radio]:checked+span,
.c-radio input[type=radio]:checked+span {
    border-color: #034677;
}

.c-checkbox input[type=radio]:checked+span:before,
.c-radio input[type=radio]:checked+span:before {
    color: #034677;
}

.c-radio.c-radio-nofont input[type=radio]:checked+span {
    border-color: #034677;
    background-color: #034677;
}

.c-radio.c-radio-nofont input[type=radio]:checked+span:before {
    background-color: #034677;
}

.switch input:checked+span {
    background-color: #034677;
    border-color: #034677;
    transition: all .5s;
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: #034677;
    color: #fff;
    cursor: default;
}

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    display: inline-block;
    padding: 6px 16px;
    font-size: 13px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    background-color: #034677;
    border-color: #034677;
}

.wizard>.actions a.disabled:hover,
.wizard>.actions a:hover.disabled:hover,
.wizard>.actions a:active.disabled:hover,
.wizard>.actions a[disabled]:hover,
.wizard>.actions a:hover[disabled]:hover,
.wizard>.actions a:active[disabled]:hover,
fieldset[disabled] .wizard>.actions a:hover,
fieldset[disabled] .wizard>.actions a:hover:hover,
fieldset[disabled] .wizard>.actions a:active:hover,
.wizard>.actions a.disabled:focus,
.wizard>.actions a:hover.disabled:focus,
.wizard>.actions a:active.disabled:focus,
.wizard>.actions a[disabled]:focus,
.wizard>.actions a:hover[disabled]:focus,
.wizard>.actions a:active[disabled]:focus,
fieldset[disabled] .wizard>.actions a:focus,
fieldset[disabled] .wizard>.actions a:hover:focus,
fieldset[disabled] .wizard>.actions a:active:focus,
.wizard>.actions a.disabled.focus,
.wizard>.actions a:hover.disabled.focus,
.wizard>.actions a:active.disabled.focus,
.wizard>.actions a[disabled].focus,
.wizard>.actions a:hover[disabled].focus,
.wizard>.actions a:active[disabled].focus,
fieldset[disabled] .wizard>.actions a.focus,
fieldset[disabled] .wizard>.actions a:hover.focus,
fieldset[disabled] .wizard>.actions a:active.focus {
    background-color: #034677;
    border-color: #034677;
}

.wizard>.actions a .badge,
.wizard>.actions a:hover .badge,
.wizard>.actions a:active .badge {
    color: #034677;
    background-color: #fff;
}

body .slider-handle {
    background-color: #fff;
    border: 1px solid #034677;
    opacity: 1;
}

body .slider-track {
    background-color: #fff;
    border: 1px solid #034677;
}

body .slider-selection {
    background-color: #034677;
}

body .whirl:after {
    border-top-color: #034677;
}

body .whirl.blade:after {
    border-bottom-color: #034677;
}

body .whirl.double-up:after {
    border-right-color: #034677;
    border-top-color: #034677;
    border-left-color: #034677;
    border-bottom-color: #034677;
}

body .whirl.duo:after {
    border-right-color: #034677;
    border-left-color: #034677;
    border-top-color: #7266ba;
    border-bottom-color: #7266ba;
}

body .whirl.helicopter:after {
    background-color: #034677;
}

body .whirl.ringed:after {
    border-right-color: #034677;
    border-top-color: #7266ba;
    border-left-color: #7266ba;
    border-bottom-color: #7266ba;
}

body .whirl.traditional:after {
    border-right-color: #034677;
    border-top-color: #034677;
    border-left-color: #7266ba;
    border-bottom-color: #fad732;
}

body .ball-pulse>div,
body .ball-grid-pulse>div,
body .square-spin>div,
body .ball-pulse-rise>div,
body .ball-rotate>div,
body .ball-rotate>div:before,
body .ball-rotate>div:after,
body .cube-transition>div,
body .ball-zig-zag>div,
body .ball-zig-zag-deflect>div,
body .ball-triangle-path>div,
body .ball-scale>div,
body .line-scale>div,
body .line-scale-party>div,
body .ball-scale-multiple>div,
body .ball-pulse-sync>div,
body .ball-beat>div,
body .line-scale-pulse-out>div,
body .line-scale-pulse-out-rapid>div,
body .ball-spin-fade-loader>div,
body .line-spin-fade-loader>div,
body .triangle-skew-spin>div,
body .ball-grid-beat>div,
body .semi-circle-spin>div {
    background-color: #034677;
}

body .ball-clip-rotate-multiple>div {
    border-color: #034677 transparent #034677 transparent;
}

body .ball-clip-rotate-multiple>div:last-child {
    border-color: transparent #034677 transparent #034677;
}

body .ball-clip-rotate>div {
    border-color: #034677;
    border-bottom-color: transparent;
}

body .ball-clip-rotate-pulse>div:first-child {
    background-color: #034677;
    top: 5px;
    left: -8px;
}

body .ball-clip-rotate-pulse>div:last-child {
    border-color: #034677 transparent #034677 transparent;
}

body .square-spin>div,
body .ball-scale-ripple>div,
body .ball-scale-ripple-multiple>div {
    border-color: #034677;
}

body .pacman>div:first-of-type {
    border-top-color: #034677;
    border-left-color: #034677;
    border-bottom-color: #034677;
}

body .pacman>div:nth-child(2) {
    border-top-color: #034677;
    border-left-color: #034677;
    border-bottom-color: #034677;
}

body .pacman>div:nth-child(3),
body .pacman>div:nth-child(4),
body .pacman>div:nth-child(5),
body .pacman>div:nth-child(6) {
    background-color: #034677;
}

body .sk-rotating-plane.sk-spinner,
body .sk-double-bounce .sk-double-bounce1,
body .sk-double-bounce .sk-double-bounce2,
body .sk-wave .sk-rect,
body .sk-wandering-cubes .sk-cube1,
body .sk-wandering-cubes .sk-cube2,
body .sk-chasing-dots .sk-dot1,
body .sk-chasing-dots .sk-dot2,
body .sk-three-bounce div,
body .sk-circle .sk-child:before,
body .sk-cube-grid .sk-cube,
body .sk-fading-circle .sk-circle:before,
body .sk-spinner-pulse.sk-spinner,
body .sk-rotating-plane {
    background-color: #034677 !important;
}

.mb-boxes .nav>li.active>a {
    background-color: #034677 !important;
    color: #fff;
}

.plan .plan-header {
    background-color: #034677;
    color: #fff;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
}

.plan .plan-features>li>em {
    color: #034677;
    margin-right: 7px;
}

.bg-primary {
    background-color: #034677;
    color: #fff !important;
}

.bg-info {
    background-color: #034677;
    color: #fff !important;
}

.bg-info-light {
    background-color: #034677;
    color: #fff !important;
}

.flatdoc-wrapper .button {
    display: inline-block;
    padding: 6px 16px;
    font-size: 13px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    background-color: #034677;
    border-color: #034677;
}

.flatdoc-wrapper .button.disabled:hover,
.flatdoc-wrapper .button[disabled]:hover,
fieldset[disabled] .flatdoc-wrapper .button:hover,
.flatdoc-wrapper .button.disabled:focus,
.flatdoc-wrapper .button[disabled]:focus,
fieldset[disabled] .flatdoc-wrapper .button:focus,
.flatdoc-wrapper .button.disabled.focus,
.flatdoc-wrapper .button[disabled].focus,
fieldset[disabled] .flatdoc-wrapper .button.focus {
    background-color: #034677;
    border-color: #034677;
}

.flatdoc-wrapper .button .badge {
    color: #034677;
    background-color: #fff;
}


/* theme Color change bootstrap file  */

a {
    color: #034677;
    text-decoration: none;
}

.text-primary {
    color: #034677;
}

.bg-primary {
    color: #fff;
    background-color: #034677;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #034677;
    border-color: #5899eb;
}

.btn-primary .badge {
    color: #034677;
    background-color: #fff;
}

.btn-link {
    color: #034677;
    font-weight: normal;
    border-radius: 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #034677;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
    border-color: #034677;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
    border-color: #034677;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #034677;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #034677;
    border-color: #034677;
    cursor: default;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #034677;
    border-color: #034677;
    cursor: default;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #034677;
    border-color: #034677;
    cursor: default;
}

.label-primary {
    background-color: #034677;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #034677;
    background-color: #fff;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #034677;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #034677;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #034677;
    border-color: #034677;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #034677;
    border-color: #cfdbe2;
}

.panel-primary>.panel-heading .badge {
    color: #034677;
    background-color: #fff;
}

.text-info {
    color: #000;
}

.btn-info {
    color: #000;
    background-color: #f4f3ec;
    border-color: #c6c2ac;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #c6c2ac;
    border-color: #b0ac99;
}


.btn-info .badge {
    color: #000;
    background-color: #f4f3ec;
}

.label-info {
    background-color: #f4f3ec;
    color: #000;
}

.alert-info {
    background-color: #f4f3ec;
    border-color: rgba(0, 0, 0, 0.1);
    color: #000;
}

.progress-bar-info {
    background-color: #f4f3ec;
}

.list-group-item-info {
    color: #034677;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #034677;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
    color: #034677;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #034677;
    border-color: #034677;
}

.panel-info>.panel-heading {
    color: #000;
    background-color: #f4f3ec;
    border-color: #DDD8C0;
}

.panel-info>.panel-heading .badge {
    color: #000;
    background-color: #f4f3ec;
}

.btn-primary {
    color: #fff;
    background-color: #034677;
}

/* Following is added by Imran */

.btn-default{
	background-color: #D3DBE3;
}
.panel-default > .panel-heading {
  background-color: #D3DBE3;
  border-color: #D3DBE3;;
}

.panel-success > .panel-heading {
	background-color: #D1DDC0;
	color: #000;
}
.alert-success{
	background-color: #D1DDC0;
	color: #000;
}

.alert-info{
	background-color: #f4f3ec;
	color: #000;
}


.btn-success{
	background-color: #D1DDC0;
	color: #000;
}

.panel-danger > .panel-heading {
	background-color: #e3d6cc;
	color: #000;
}
.btn-danger{
	background-color: #e3d6cc;
	color: #000;
}


.btn-info:hover, .btn-info:focus{
	background-color: #c6c2ac;
    border-color: #b0ac99;
}

.arrow:before {
  font-family: "FontAwesome";
  content: "\f0da";
  padding-right: 10px;
  margin-left: 10px;
}


.panel-dark>.panel-heading {
	color: #fff;
    background-color: #034677;
    border-color: #cfdbe2;
}
.gwt-DecoratedPopupPanel{
	z-index:9999;
}

.gwt-DialogBox{
	z-index:9999;
}

ul.syn{
	list-style-type: square;
	margin: 10px;
	padding: 10px;
}