/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color: #555;
    font-size: 1em;
    line-height: 1.4;
}

section {margin: 30px 0px;}

.dialog {background: #8a99a2;opacity: 94%;padding-top: 22px;padding-bottom: 22px;z-index: 9999;position: relative;margin: 0 auto; border: solid 2px #55849c;width: 100%;box-shadow: 0 0 0 1px rgba(20,20,31,.05), 0 1px 3px 0 rgba(20,20,31,.15); min-height: 160px;}

.dialog p {padding: 5px; color: #FFF; text-shadow: 2px 1px 1px #818181;}
.dialog h5 {color: #FFF; text-shadow: 2px 1px 1px #818181;}

*, :after, :before {
    box-sizing: border-box;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #12263f;
    text-align: left;
    font-weight: 400;
    font-size: .9375rem;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {''
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/* Margin-bottom */
.mb-0 {margin-bottom: 0!important;}
.mb-2 {margin-bottom: .375rem!important;}

/* Align Center */
.center {margin: 0 auto;}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

img {margin-right: 5px;}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

li {
    line-height: 120%;
}

.desc {
    margin-bottom: .35em;
    color: inherit;
    font-size: 16px;
    border-left: solid 6px #DC2837;
    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding-left: 20px;
    line-height: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
}

.more-info {
    margin-bottom: .35em;
    color: inherit;
    font-size: 16px;
    border-left: solid 6px #999;
    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding-left: 20px;
    line-height: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
    background-color: #f5f5f5;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'Bariol_Regular';
    /*src: ;*/
    /* IE9 Compat Modes */
    src: url("fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bariol_regular-webfont.woff2") format("woff2"), url("fonts/bariol_regular-webfont.woff") format("woff"), url("fonts/bariol_regular-webfont.ttf") format("truetype"), url("fonts/bariol_regular-webfont.svg#svgFontName") format("svg"), url("fonts/bariol_regular-webfont.eot");
    /* Legacy iOS */
}

body, html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: Calibri, Lato, Arial, Helvetica, sans-serif, "Lucida Grande" !important;
    font-size: 16px;
    color: #555;
    background-color: #FCFDFE!important;
}

.pageholder {
    position: relative;
    min-height: 100%;
}

.pageholder.pageholderFull .containerFullWidth {
    max-width: inherit;
    width: 95%;
}

.clear, .containerFullWidth, .salesAppMenu, .filesStack ul li {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

header {
    padding-top: 1em;
    padding-bottom: 1em;
}

#DSS h3 {margin:10px;}

.note {
    background-color: #ffffff;
    padding-bottom: 20px;
    list-style-position: inside;
    list-style-type: decimal;
    color: #848484;
}

.logoImgUra {
    width: 310px;
    height: 75px;
    background: url("../img/logo/logo_ura.png") no-repeat top left/300px transparent;
    display: inline-block;
}

.containerFullWidth {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
}

#back-to-top {
    background-color: #D9DEE1;
}

#back-to-top:hover {
    background-color: #CCC;
}

.glyphicon {
    color: #007EBB;
}



.footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.footer > .containerFullWidth:first-child {
    display: none;
}

.footer .footerbuildings {
    text-align: center;
}

.footer .footerbuildings img {
    width: 100%;
    max-width: 950px;
}

.footer .footerBgPattern {
    background-color: transparent;
}

.footer .footerLinksHolder {
    float: right;
}

.footer .footerLinksHolder .footerLinksContainer {
    background-color: transparent;
    padding: 0 0 1.5em;
    position: relative;
    text-align: center;
}

.footer .footerLinksHolder .footerLinksContainer a.footerLink {
    font-size: 0.95em;
    color: #555;
    padding: 0.4em 1em;
    text-align: center;
    display: inline-block;
}

.footer .footerLinksHolder .footerLinksContainer a.footerLink.link1 {
    border-right: 1px solid #ccc;
}

.footer .footerLinksHolder .footerLinksContainer a.footerLink.link2 {
    border-right: 1px solid #ccc;
}

.footer .footerLinksHolder .footerLinksContainer a.footerLink.link3 {
    border-right: 1px solid #ccc;
}

.footer .footerLinksHolder .footerLinksContainer a.footerLink:hover {
    color: #DE0A15;
    text-decoration: none;
}

.footer .copyrightTextHolder {
    text-align: left;
    float: left;
}

.footer .copyrightTextHolder .copyrightText {
    font-size: 1em;
    display: inline-block;
    line-height: auto;
    margin-bottom: 1.5em;
    font-weight: 300px;
}

.uraLogoHolder a img {
    max-height: 60px;
    max-width: 200px;
}

.uraLogoHolder a span.uraLogoTagline {
    display: none;
    color: #414141;
    text-decoration: none;
    font-size: 0.8125em;
}

.uraLogoHolder a:hover {
    text-decoration: none;
}

div.mainPanelContent + div.text-right {
    text-align: right;
}

.singaporeLogo a {
    display: inline-block;
    margin-top: 1em;
}

.singaporeLogo a img {
    max-height: 40px;
    min-height: 40px;
    max-width: none;
}

.padding0 {
    padding: 0;
}

.padding0.forDesktop {
    padding-left: 15px;
    padding-right: 15px;
}

.padding0.paddingLeft {
    padding-left: 15px;
}

.padding0.paddingRight {
    padding-right: 15px;
}

.titleHolder {

    padding: 0;
    position: relative;
    z-index: 3;
}

.titleContainer {
    position: relative;
    padding: 0.4em 1em;
    min-height: 65px;
}

h1 {
    font-size: 1.25em;
    font-weight: bold;
}

h1.componentTitle {
    font-size: 1.50em;
    font-weight: 700;
    padding-bottom:20px;
}

h1.pageTitle {font-size: 2.2em;color: inherit;padding: 0;margin: 0;color: #484848;font-weight: 700;float: left;width: 90%;line-height: 1.0;}

h1.stepTitle {
    font-size: 1.2em;
    font-weight:bold;
    padding-top:1em;
    color: #484848;
    float: left;
    width: 90%;
}

h2.noBorder {
    border: 0;
}

h2.bigHeading {
    font-size: 1.2em;
    border: 0;
}

.menuHolder {
    float: right;
}

.menuHolder .menuBtn {
    /* font-size: 1.25em;
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
        border-radius: 0.3em;
        padding: 0.2em 0.3em; */
    background-color: transparent;
    margin-right: 65px;
    min-width: 31px;
    max-width: 31px;
    width: 100%;
    /* position: absolute;*/
    right: 0;
    margin-top: 15px;
    border-radius: 5px;
}

.menuHolder .menuBtn img {
    margin-top: -1px;
    margin-left: 50px;
}

.menuList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-right: 20px;
    margin-top: 20px;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #F4F5F5;
    z-index: 23;
}

.menuList li {
    display: block;
    border-bottom: 1px solid #e1e1e1;
}

.menuList li a {
    color: #3C3C3C;
    text-transform: capitalize;
    display: block;
    padding: 0.7em 1em;
}

.menuList li a:hover {
    text-decoration: none;
    color: #333;
    background-color: #CCC
}

.redColor {
    color: #DE0A15;
}

.breadcrumb-active{color:#4372d6;}

.tabsHolder {
    margin-top: 1.5em;
}

.tabsHolder .tabsHeading {
    display: none;
}

.tabsHolder .nav-tabs {
    border-bottom-color: #007EBB;
}

.tabsHolder .nav-tabs li {
    width: auto;
}

.tabsHolder .nav-tabs li:first-child {
    margin-left: 9px;
}

.tabsHolder .nav-tabs li a {
    background-color: #f6f6f6;
    color: #808080;
    cursor: pointer;
    border: 1px solid #D9DEE1;
    font-size: 1.125em;
    margin-right: 5px;
    border-bottom-color: #007EBB;
}

.tabsHolder .nav-tabs li a:hover {
    background-color: #007EBB;
    border-color: #007EBB;
    color: #fff;
    cursor: pointer;
}

.tabsHolder .nav-tabs li.active {
    cursor: pointer;
}

.tabsHolder .nav-tabs li.active a {
    background-color: #007EBB;
    border-color: #007EBB;
    border-bottom-color: #007EBB;
    color: #fff;
    cursor: pointer;
}

.tabsHolder .nav-tabs li.active a:hover {
    background-color: #007EBB;
    border-color: #007EBB;
    color: #fff;
    cursor: pointer;
}

.tabsHolder .tab-content .tab-pane {
    padding: 1em 1em 0 1em;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-radius: 0 0px 4px 4px;
    background-color: #fff;
}

.panelHolder {
    margin-top: 0.5em;
}

.panelHolder.mgTop1 {
    margin-top: 1em;
}

.panelHolder .panel-heading {
    background: none #D9DEE1;
    cursor: pointer;
}

.panelHolder .panel-title {
    font-weight: bold;
    font-size: 1.125em;
    /* padding-left: 20px; */
}

.panelHolder .panel-title span.expClpIcon {
    color: #007EBB;
}

.panelHolder .panel-title .glyphicon {
    font-size: 1.2em;
}

.panelHolder .panel-body {
    font-size: 1em;
}

.panelHolder .panel-body .initialPanelContent p.twoLinesOnly, .panelHolder .panel-body .mainPanelContent p.twoLinesOnly {
    margin-bottom: 0.5em;
    max-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panelHolder .panel-body .initialPanelContent ul, .panelHolder .panel-body .initialPanelContent ol, .panelHolder .panel-body .mainPanelContent ul, .panelHolder .panel-body .mainPanelContent ol {
    list-style-position: inside;
}

.panelHolder .panel-body .initialPanelContent ul .twoLinesOnly, .panelHolder .panel-body .initialPanelContent ol .twoLinesOnly, .panelHolder .panel-body .mainPanelContent ul .twoLinesOnly, .panelHolder .panel-body .mainPanelContent ol .twoLinesOnly {
    margin-bottom: 0.5em;
    max-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panelHolder .panel-body .initialPanelContent ul .oneLineOnly, .panelHolder .panel-body .initialPanelContent ol .oneLineOnly, .panelHolder .panel-body .mainPanelContent ul .oneLineOnly, .panelHolder .panel-body .mainPanelContent ol .oneLineOnly {
    margin-bottom: 0.5em;
    max-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panelHolder .panel-body ol li {
    margin-bottom: 0.5em;
    /* margin-left: 20px; */
}

.panelHolder .panel-body ol li ul {
    margin-left: 10px;
    margin-top: 5px;
    list-style-type: none;
}

.formRow > div {
    margin-bottom: 0.5em;
}

.btnRadioContainer input[type="radio"] {
    display: none;
}

.btnRadioContainer.customRadioCheckBoxBtns > div.noMarginBtm {
    margin-bottom: 0;
}

.btnRadioContainer.customRadioCheckBoxBtns .checkboxHolder.noBorderForLabel, .btnRadioContainer.customRadioCheckBoxBtns .radioHolder.noBorderForLabel {
    margin-left: 0.4em;
}

.mgLeft1 {
    margin-left: 1em;
}

.back-btn {
    margin: 0em;
    float:left;
}

.mgRight05 {
    margin-right: 0.5em;
}

.mgBtm1 {
    margin-bottom: 1em;
}

.mgBtm2 {
    margin-bottom: 2em;
}

.mgBtm0 {
    margin-bottom: 0 !important;
}

.mgTop05 {
    margin-top: 0.5em;
}

.panel-body{
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
}

#corpPassButton, #singPassButton {
    border-radius: 0 0px 4px 4px;
    margin: 10px 10px;
}

.header-bg {
    background-color: #fff;
    /*border-top: solid 8px #DC2837;*/
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
    -khtml-box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
    z-index: 4;
    position: relative;
}

.btn-default {
    background: none #D9DEE1;
    box-shadow: 0 0 0;
    border: 1px solid #D9DEE1;
    text-shadow: 0 0 0;
    padding-right: 1.5em;
    padding-left: 1.5em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn-default.btn-disable {
    color: #949494;
}

.btn-default.btn-disable:hover {
    color: #949494;
    background: none #D9DEE1;
    border: 1px solid #D9DEE1;
}

.btn-default.btn-border {
    background: none transparent;
    border: 1px solid #007EBB;
    color: #007EBB;
}

.btn-default.btn-border:hover {
    background: none transparent;
    color: #555;
}

.btn-default.radioGroup {
    font-size: 1em;
}

.btn-default.active, .btn-default.active:focus, .btn-default:active:focus {
    background: none #007EBB;
    box-shadow: 0 0 0;
    border: 1px solid #007EBB;
    text-shadow: 0 0 0;
    color: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn-default.active:hover{
    background: none #1c8fc7;
    color: #fff;
}

.btn-default:active:focus {
    background: none #8c8c8c;
    box-shadow: 0 0 0;
    border: 1px solid #8c8c8c;
    text-shadow: 0 0 0;
    color: #fff;
    outline: 0;
}

.btn-default:hover {
    background: none #A4A4A4;
    box-shadow: 0 0 0;
    border: 1px solid #A4A4A4;
    text-shadow: 0 0 0;
    color: #fff;
}

.form-control-static {
    padding-top: 0px;
}

.inputGroupCustom {
    position: relative;
}

.inputGroupCustom .glyphicon {
    position: absolute;
    right: 0.5em;
    top: 0.75em;
}

.btn.btn-primary {
    background: none #007EBB;
    box-shadow: 0 0 0;
    border: 1px solid #007EBB;
    text-shadow: 0 0 0;
    color: #fff;
    padding: 0.7em 1.5em;
    margin: 0em 0.5em;
}

.btn.btn-primary:hover {
    background: none #1c8fc7;
}

.smallText {
    font-size: 1em;
}

.smallText.normalText {
    font-weight: normal;
    color: #555 !important;
}

h4 {
    font-size: 1.125em;
}

.insideListul {
    padding: 0 0 0 18px;
    list-style-position: inside;
    list-style-type: decimal;
}

.insideListul li {
    margin-bottom: 0.3em;
    margin-top: 0.3em;
}

.mandatoryContent {
    font-size: 1em;
    margin-top: 5px;
}

.deleteUploadFile {
    position: absolute;
    top: 3px;
    right: 0.5em;
}

.fileupload-preview {
    padding: 5px 105px 10px 9px;
    border: 1px solid #D9D9D9;
    background-color: #FFF;
    color: #007EBB;
    border-radius: 4px;
    display: inline-block;
}

.filepreviewContainer {
    position: relative;
    display: inline-block;
}

.filepreviewContainer.showBtmfiles .fileupload-preview.fileupload-exists {
    line-height: 17px;
}

.filepreviewContainer.showBtmfiles .fileupload-exists {
    display: inline-block;
}

.filepreviewContainer.showBtmfiles .fileupload-exists.hideFileUpload {
    display: none;
}

.appointmentConfirmHolder {
    margin-top: 1.5em;
    margin-bottom: 2.5em;
}

.appointmentConfirmHolder .appointmentConfirmContainer {
    margin-top: 1.7em;
}

.appointmentConfirmHolder .appointmentConfirmContainer.noMgTop {
    margin-top: 0;
}

.appointmentConfirmHolder .appointmentOkIcon {
    font-size: 1.7em;
    color: #59B904;
    vertical-align: middle;
    float: left;
    margin-right: 0.2em;
    display: none;
}

.appointmentConfirmHolder .appTime {
    font-size: 1.6em;
    margin-bottom: 0.2em;
}

.appointmentConfirmHolder .appConfirmText {
    font-size: 1.6em;
    line-height: 1.3em;
    float: left;
    padding-left: 2em;
    position: relative;
}

.appointmentConfirmHolder .appConfirmText.smallFont {
    font-size: 1.1em;
}

.appointmentConfirmHolder .appConfirmText:before {
    content: "\e084";
    font-family: 'Glyphicons Halflings';
    color: #59B904;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 1.6em;
}

.appointmentConfirmHolder .appConfirmText.appNotConfirmedH:before {
    content: "\e083";
    color: #DE0A15;
}

.appointmentConfirmHolder .appConfirmText.appConfirmTextInfo {
    font-size: 1.1em;
}

.appointmentConfirmHolder .appConfirmText.appConfirmTextInfo.textN {
    font-size: 1.3em;
}

.appointmentConfirmHolder .appConfirmText.appConfirmTextInfo:before {
    content: "\e086";
    color: #007EBB;
    /*  position: absolute;
                        left: 0;
                        top: 0.2em;
                        font-size: 1.6em; */
}

.appointmentConfirmHolder h3 {
    margin-top: 1em;
    padding-bottom: 30px;
    font-weight: bold;
}

.appointmentConfirmHolder .appointmentDetailContainer .row {
    margin-bottom: 1em;
}

.borderRight1 {
    border-right: 1px solid #DDD;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 7px;
}

.panel-default.customDefaultPanel .panel-heading {
    background: none #FFF;
    padding: 15px;
    cursor: pointer;
}

.panel-default.customDefaultPanel .panel-heading .panel-title {
    font-weight: bold;
    font-size: 1.125em;
}

.panel-default.customDefaultPanel .panel-heading .panel-title span {
    color: #007EBB;
}

.panel-default.customDefaultPanel .panel-heading .panel-title .glyphicon {
    font-size: 1.2em;
}

/* ..panel-default {
    .panel-heading {
        background:none #FFF;
        padding:15px;
        cursor: pointer;

        .panel-title {
            font-weight: bold;
            font-size: 1.125em;

            span {
                color: $bgBlueIconColor;
            }
        }
    }
} */
.widthFull {
    /* width: 100%; */
}

.tooltip-inner {
    color: #eee;
    background-color: #333;
    border-radius: 4px;
    text-align: left;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #333;
}

.hasError {
    border-color: red;
}

.error_text {
    color: red;
    clear: both;
    font-size: 0.8em;
    margin-top: 0.5em;
}

.error_text.grayColor {
    color: #555;
}

.type-switcher {
    float: left;
    display: block;
}

.type-switcher.inline {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.type-switcher + input, .type-switcher input.mkTsVal {
    float: left;
    margin: 0 0 0 0.5em;
    width: 48%;
}

.mkTsValError {
    margin-left: 5px;
}

.mgLeft05 {
    margin-left: 5px;
}

.type-switcher label {
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 7px;
    min-width: 40px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* background: transparent; */
    -webkit-font-smoothing: antialiased;
    text-align: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-right: 1px solid #dddcdc;
    border-top: 1px solid #dddcdc;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    vertical-align: middle;
}



.type-switcher label.last {
    border-radius: 0 20px 20px 0;
    max-width: 74px;
    padding-right: 15px;
}


.type-switcher label:hover {
    cursor: pointer;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}


.type-switcher [type="radio"] {
    display: none;
}

.type-switcher [type="radio"]:first-child + label {
    border-radius: 20px 0 0 20px;
}

.type-switcher [type="radio"]:checked + label {
    background: #007EBB;
    cursor: default;
    color: #FFF;
}

.type-switcher label span.text {
    display: block;
    position: relative;
    text-align: center;
}

.type-switcher > br {
    display: none;
}

.toolTipSize {
    font-size: 1.2em;
    cursor: pointer;
}

.valignTop {
    vertical-align: top;
}

.paymentContainer {
    text-align: center;
}

.paymentContainer.paymentContainerNew > .col-sm-2.col-xs-12 {
    width: 100%;
}

.paymentContainer.paymentContainerNew label {
    background: url(../img/radio.png) no-repeat 0.4em 1.6em #fff;
    padding-left: 2em;
    cursor: pointer;
}

.paymentContainer.paymentContainerNew input[type="radio"] {
    display: none;
}

.paymentContainer.paymentContainerNew input[type="radio"]:checked + label {
    background: url(../img/radio-selected.png) no-repeat 0.4em 1.6em #FFF;
}

.paymentContainer.paymentContainerNew .paymentBtn {
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border-color: transparent;
    max-width: 109px;
    min-width: 109px;
    height: 77px;
    display: inline-block;
}

.paymentContainer.paymentContainerNew .paymentBtn:focus {
    border: 0 none;
    box-shadow: 0 0 0;
    outline: 0;
}

.paymentContainer.paymentContainerNew .paymentBtn.visa {
    background-image: url(../img/payment/visaselected.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.visa.active, .paymentContainer.paymentContainerNew .paymentBtn.visa:hover {
    background-image: url(../img/payment/visaselected.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.masterCard {
    background-image: url(../img/payment/Mastercard.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.masterCard.active, .paymentContainer.paymentContainerNew .paymentBtn.masterCard:hover {
    background-image: url(../img/payment/Mastercard.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.amex {
    background-image: url(../img/payment/Americanexpress.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.amex.active, .paymentContainer.paymentContainerNew .paymentBtn.amex:hover {
    background-image: url(../img/payment/Americanexpress.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.banktransferP {
    background-image: url(../img/payment/banktransfer.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.banktransferP.active, .paymentContainer.paymentContainerNew .paymentBtn.banktransferP:hover {
    background-image: url(../img/payment/banktransfer.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.NoPaymentP {
    background-image: url(../img/payment/no-payment.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.NoPaymentP.active, .paymentContainer.paymentContainerNew .paymentBtn.NoPaymentP:hover {
    background-image: url(../img/payment/no-payment.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.billMinistryP {
    background-image: url(../img/payment/bill-ministry.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.billMinistryP.active, .paymentContainer.paymentContainerNew .paymentBtn.billMinistryP:hover {
    background-image: url(../img/payment/bill-ministry.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.enets {
    background-image: url(../img/payment/eNets.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.enets.active, .paymentContainer.paymentContainerNew .paymentBtn.enets:hover {
    background-image: url(../img/payment/eNets.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.giro {
    background-image: url(../img/payment/giro.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.giro.active, .paymentContainer.paymentContainerNew .paymentBtn.giro:hover {
    background-image: url(../img/payment/giro.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.cash {
    background-image: url(../img/payment/cash.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.cash.active, .paymentContainer.paymentContainerNew .paymentBtn.cash:hover {
    background-image: url(../img/payment/cash.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.ocbc {
    background-image: url(../img/payment/ocbc.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.ocbc.active, .paymentContainer.paymentContainerNew .paymentBtn.ocbc:hover {
    background-image: url(../img/payment/ocbc.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.paynow {
    background-image: url(../img/payment/paynow.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.paynow.active, .paymentContainer.paymentContainerNew .paymentBtn.paynow:hover {
    background-image: url(../img/payment/paynow.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.cheque {
    background-image: url(../img/payment/cheque.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.cheque.active, .paymentContainer.paymentContainerNew .paymentBtn.cheque:hover {
    background-image: url(../img/payment/cheque.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.noPayment {
    background-image: url(../img/payment/no-payment.png);
}

.paymentContainer.paymentContainerNew .paymentBtn.noPayment.active, .paymentContainer.paymentContainerNew .paymentBtn.noPayment:hover {
    background-image: url(../img/payment/no-payment.png);
}

.paymentContainer .paymentBtn {
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border-color: transparent;
    max-width: 109px;
    min-width: 109px;
    height: 77px;
}

.paymentContainer .paymentBtn:focus {
    border: 0 none;
    box-shadow: 0 0 0;
    outline: 0;
}

.paymentContainer .paymentBtn.visa {
    background-image: url(../img/payment/visaselected.png);
}

.paymentContainer .paymentBtn.visa.active, .paymentContainer .paymentBtn.visa:hover {
    background-image: url(../img/payment/visaselected_Selected.png);
}

.paymentContainer .paymentBtn.masterCard {
    background-image: url(../img/payment/Mastercard.png);
}

.paymentContainer .paymentBtn.masterCard.active, .paymentContainer .paymentBtn.masterCard:hover {
    background-image: url(../img/payment/Mastercard_Selected.png);
}

.paymentContainer .paymentBtn.amex {
    background-image: url(../img/payment/Americanexpress.png);
}

.paymentContainer .paymentBtn.amex.active, .paymentContainer .paymentBtn.amex:hover {
    background-image: url(../img/payment/Americanexpress_Selected.png);
}

.paymentContainer .paymentBtn.enets {
    background-image: url(../img/payment/eNets.png);
}

.paymentContainer .paymentBtn.enets.active, .paymentContainer .paymentBtn.enets:hover {
    background-image: url(../img/payment/eNets_Selected.png);
}

.form-inline label.control-label {
    line-height: 35px;
}

.radioGroup label.btn {
    border-radius: 0em;
    border: 1px solid #B7B7B7;
}

.radioGroup label.btn:first-child {
    border-radius: 0.3em 0 0 0.3em;
}

.radioGroup label.btn:last-child {
    border-radius: 0 0.3em 0.3em 0;
}

.radioGroup label.btn input {
    display: none;
}

.lineHeight39 {
    line-height: 39px;
}

.checkboxHolder {
    margin-top: 1em;
}

.checkboxHolder.noBorderForLabel {
    margin-top: 0;
}

.checkboxHolder.noBorderForLabel .checkboxContainer label {
    border: 1px solid transparent;
    padding: 0.5em 2.8em;
    display: inline-block;
    width: initial;
}

.checkboxHolder.noBorderForLabel.forStraightForm {
    float: left;
}

.checkboxHolder.noBorderForLabel.forStraightForm .checkboxContainer {
    clear: none;
    width: auto;
    float: left;
}

.checkboxHolder.noBorderForLabel.forStraightForm .checkboxContainer label {
    border: 1px solid transparent;
    padding: 0.5em 1em 0.5em 2.8em;
    display: inline-block;
    width: initial;
}

.checkboxHolder.noBorderForLabel.forStraightForm + input {
    display: inline-block;
    width: auto;
    float: left;
    /* &:checked + label {
                    background: url(../img/checkbox-selected.png) no-repeat 0.7em center #FFF; //$bgBlueIconColor;
                    // color: #fff;
                } */
}

.checkboxHolder.noBorderForLabel.noPad.fontNormal .checkboxContainer label {
    font-weight: normal;
}

.checkboxHolder.noBorderForLabel.noPad {
    margin-top: 0;
}

.checkboxHolder.noBorderForLabel.noPad .checkboxContainer.checkboxWithDesc input[disabled] + label, .checkboxHolder.noBorderForLabel.noPad .checkboxContainer.checkboxWithDesc input.disabled + label {
    background: url(../img/checkbox-disabled.png) no-repeat 0 center white;
    cursor: not-allowed;
}

.checkboxHolder.noBorderForLabel.noPad .checkboxContainer.checkboxWithDesc label {
    background: url(../img/checkbox.png) no-repeat 0 1em #FFF;
}

.checkboxHolder.noBorderForLabel.noPad .checkboxContainer input[disabled] + label, .checkboxHolder.noBorderForLabel.noPad .checkboxContainer input.disabled + label {
    background: url(../img/checkbox-disabled.png) no-repeat 0 center white;
    cursor: not-allowed;
}

.checkboxHolder.noBorderForLabel.noPad .checkboxContainer label {
    border: 1px solid transparent;
    padding: 0.5em 2.2em;
    display: inline-block;
    width: initial;
    background: url(../img/checkbox.png) no-repeat 0 center #FFF;
    font-size: 1em;
}

.checkboxHolder.noBorderForLabel.noPad .checkboxContainer input:checked ~ * {
    background: url(../img/checkbox-selected.png) no-repeat 0 center #FFF;
}

.checkboxHolder.noBorderForLabel.noPad .checkboxContainer.checkboxWithDesc input:checked ~ * {
    background: url(../img/checkbox-selected.png) no-repeat 0 1em #FFF;
}

.checkboxHolder.noBorderForLabel.noPad.forStraightForm {
    float: left;
}

.checkboxHolder.noBorderForLabel.noPad.forStraightForm .checkboxContainer {
    clear: none;
    width: auto;
    float: left;
}

.checkboxHolder.noBorderForLabel.noPad.forStraightForm .checkboxContainer label {
    border: 1px solid transparent;
    padding: 0.5em 1em 0.5em 2.8em;
    display: inline-block;
    width: initial;
}

.checkboxHolder.noBorderForLabel.noPad.forStraightForm + input {
    display: inline-block;
    width: auto;
    float: left;
    /* &:checked + label {
                    background: url(../img/checkbox-selected.png) no-repeat 0.7em center #FFF; //$bgBlueIconColor;
                    // color: #fff;
                } */
}

.checkboxHolder .checkboxContainer {
    clear: both;
    width: 100%;
}

.checkboxHolder .checkboxContainer input[disabled] + label, .checkboxHolder .checkboxContainer input.disabled + label {
    background: url(../img/checkbox-disabled.png) no-repeat 0.7em center white;
    cursor: not-allowed;
}

.checkboxHolder2 .checkboxContainer2 label {
    width: 100%;
    display: block;
    padding: 0.8em;

    font-size: 1em;
    float: left;
    margin: 0;
    background: url(../img/checkbox.png) no-repeat 0.7em center #FFF;
    padding-left: 2.4em;
    cursor: pointer;
    border-top-width: 0;
}

.checkboxHolder .checkboxContainer label {
    width: 100%;
    display: block;
    padding: 0.8em;
    border: 1px solid rgba(51, 51, 51, 0.15);
    font-size: 1em;
    float: left;
    margin: 0;
    background: url(../img/checkbox.png) no-repeat 0.7em center #FFF;
    padding-left: 2.4em;
    cursor: pointer;
    border-top-width: 0;
}

.checkboxHolder2 .checkboxContainer2.checkboxWithDesc label {
    background: url(../img/checkbox.png) no-repeat 0.7em 1em #FFF;
}

.checkboxHolder .checkboxContainer.checkboxWithDesc label {
    background: url(../img/checkbox.png) no-repeat 0.7em 1em #FFF;
}

.checkboxHolder .checkboxContainer.checkboxWithDesc label .smallText {
    font-weight: normal;
}

.checkboxHolder .checkboxContainer:first-child label {
    border-radius: 0.3em 0.3em 0 0;
    border-top-width: 1px;
}

.checkboxHolder .checkboxContainer:last-child label {
    border-radius: 0 0 0.3em 0.3em;
}

.checkboxHolder .checkboxContainer input {
    display: none;
}

.checkboxHolder2 .checkboxContainer2 input {
    display: none;
}

.checkboxHolder .checkboxContainer.checkboxWithDesc input:checked ~ * {
    background: url(../img/checkbox-selected.png) no-repeat 0.7em 1em #FFF;
}

.checkboxHolder2 .checkboxContainer2.checkboxWithDesc input:checked ~ * {
    background: url(../img/checkbox-selected.png) no-repeat 0.7em 1em #FFF;
}

.checkboxHolder .checkboxContainer input:checked ~ * {
    background: url(../img/checkbox-selected.png) no-repeat 0.7em center #FFF;
}

.checkboxHolder2 .checkboxContainer2 input:checked ~ * {
    background: url(../img/checkbox-selected.png) no-repeat 0.7em center #FFF;
}

.monthpicker_input {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    border: 1px solid #ccc;
    line-height: 2.2em;
}

.monthpicker_selector {
    position: absolute;
    top: 100%;
    background-color: #2C2C2C;
    min-width: 173px;
    box-shadow: 1px 2.5px 5px 0;
    z-index: 555;
}

.posAbs {
    position: absolute;
}

.padding0ForForm {
    padding-left: 0;
    padding-right: 0;
}

.paddingForTableColoum {
    padding-left: 0.1em !important;
    padding-right: 0.1em !important;
}

textarea.form-control {
    font-size: 1em;
}

textarea.form-control.lessPadLeft {
    padding-left: 6px;
}

input.form-control {
    padding: 0 0.8em;
    height: 40px;
    line-height: 24px;
    border: 1px solid #d2ddec;
    border-radius: .375rem;
    font-size: 16px;
    background-color: #fff;
    background-clip: padding-box;
}

input.form-control.noFull {
    display: inline-block;
    width: auto;
}

input.form-control.noFull-col {
    display: inline-block;
    width: inherit;
}

input.form-control.hasDatepicker {
    background-color: transparent;
    position: relative;
    z-index: 2;
}

input.form-control.whitebgS {
    background-color: #fff;
}

select.form-control {
    height: 42px;
    padding-right: 1.2em;
    font-size: 1em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/icons/dropdown-arrow.png) no-repeat right 0.8em center/6px 6px;
}

select.form-control.noFull {
    display: inline-block;
    width: auto;
}

select.form-control.noFull-col {
    display: inline-block;
    width: inherit;
}

select.form-control.whitebgS {
    background-color: #fff;
}

select.form-control[multiple] {
    height: auto;
    background: none;
}

select.form-control::-ms-expand {
    display: none;
}

.inputGroupVariable {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.radioHolder {
    margin-top: 1em;
}

.radioHolder.noBorderForLabel {
    margin-top: 0;
}

.radioHolder.noBorderForLabel .radioContainer label {
    border: 1px solid transparent;
    padding: 0.5em 2.8em;
    display: inline-block;
    width: initial;
}

.radioHolder.noBorderForLabel.forStraightForm {
    float: left;
}

.radioHolder.noBorderForLabel.forStraightForm .radioContainer {
    clear: none;
    width: auto;
    float: left;
}

.radioHolder.noBorderForLabel.forStraightForm .radioContainer label {
    border: 1px solid transparent;
    padding: 0.5em 1em 0.5em 2.8em;
    display: inline-block;
    width: initial;
}

.radioHolder.noBorderForLabel.forStraightForm + input {
    display: inline-block;
    width: auto;
    float: left;
}

.radioHolder.noBorderForLabel.noPad {
    margin-top: 0;
}

.radioHolder.noBorderForLabel.noPad .radioContainer label {
    border: 1px solid transparent;
    padding: 0.5em 2.2em;
    display: inline-block;
    width: initial;
    background: url(../img/radio.png) no-repeat 0 center #fff;
}

.radioHolder.noBorderForLabel.noPad input:checked + label {
    background: url(../img/radio-selected.png) no-repeat 0 center #FFF;
}

.radioHolder.noBorderForLabel.noPad.forStraightForm {
    float: left;
}

.radioHolder.noBorderForLabel.noPad.forStraightForm .radioContainer {
    clear: none;
    width: auto;
    float: left;
}

.radioHolder.noBorderForLabel.noPad.forStraightForm .radioContainer label {
    border: 1px solid transparent;
    padding: 0.5em 1em 0.5em 2.8em;
    display: inline-block;
    width: initial;
}

.radioHolder.noBorderForLabel.noPad.forStraightForm + input {
    display: inline-block;
    width: auto;
    float: left;
}

.radioHolder .radioContainer {
    clear: both;
    width: 100%;
}

.radioHolder .radioContainer label {
    width: 100%;
    display: block;
    padding: 0.8em;
    border: 1px solid rgba(51, 51, 51, 0.15);
    font-size: 1em;
    float: left;
    margin: 0;
    background: url(../img/radio.png) no-repeat 0.7em center #fff;
    padding-left: 2.4em;
    cursor: pointer;
    border-top-width: 0;
}

.radioHolder .radioContainer:first-child label {
    border-radius: 0.3em 0.3em 0 0;
    border-top-width: 1px;
}

.radioHolder .radioContainer:last-child label {
    border-radius: 0 0 0.3em 0.3em;
}

.radioHolder .radioContainer input {
    display: none;
}

.radioHolder .radioContainer input:checked + label {
    background: url(../img/radio-selected.png) no-repeat 0.7em center #FFF;
}

.userLoginNameLogined {
    text-align: right;
    clear: both;
    /* margin: 1.1em 0 1em; */
}

.overflowXScroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1.2em;
}

.overflowXScroll .table {
    margin-bottom: 0;
    max-width: 200%;
}

.overflowXScroll .table td {
    min-width: 10em;
}

a.whiteColor {
    color: #fff;
}

ul.smallAlpha {
    list-style-type: lower-alpha;
}

.table-responsive.responsiveTable.table.customPaddingSmall > tbody > tr > td, .table-responsive.responsiveTable.table.customPaddingSmall > tbody > tr > th, .table-responsive.responsiveTable.table.customPaddingSmall > tfoot > tr > td, .table-responsive.responsiveTable.table.customPaddingSmall > tfoot > tr > th, .table-responsive.responsiveTable.table.customPaddingSmall > thead > tr > td, .table-responsive.responsiveTable.table.customPaddingSmall > thead > tr > th {
    padding-left: 3px;
    padding-right: 3px;
}

.responsiveTable.table.table-responsive tr th {
    color: #fff;
    background-color: #007EBB;
    vertical-align: top;
}

.responsiveTable.table.table-responsive tr th .thHeading {
    display: block;
    word-wrap: break-word;
}

.responsiveTable.table.table-responsive tr th .glyphicon {
    color: #fff;
}

.responsiveTable.table.table-responsive tr th .glyphicon.sorted {
    color: #f0cd4e;
}

.responsiveTable.table.table-responsive tr th.width27 {
    width: 27%;
}

.responsiveTable.table.table-responsive tr th.width13 {
    width: 13%;
}

.responsiveTable.table.table-responsive tr td.theading {
    color: #fff;
    background-color: #007EBB;
    vertical-align: top;
}

.responsiveTable.table.table-responsive tr td.theading .thHeading {
    display: block;
}

.responsiveTable.table.table-responsive tr td.theading .glyphicon {
    color: #fff;
}

.responsiveTable.table.table-responsive tr td.theading .glyphicon.sorted {
    color: #EF7800;
}

.responsiveTable.table.table-responsive tr td.theading.width27 {
    width: 27%;
}

.responsiveTable.table.table-responsive tr td.theading.width13 {
    width: 13%;
}

.responsiveTable.table.table-responsive.responsiveTablePrint tbody tr, .responsiveTable.table.table-responsive.responsiveTablePrint tbody tr:nth-of-type(odd) {
    background: #fff;
}

.responsiveTable.table.table-responsive tbody tr:nth-of-type(odd) {
    background: #eee;
}

.responsiveTable.table.table-responsive tbody tr:nth-of-type(odd).greenBg {
    background-color: #e6ffd0;
}

.responsiveTable.table.table-responsive tbody tr:nth-of-type(odd).yellowBg {
    background-color: #fdfdc1;
}

.responsiveTable.table.table-responsive tbody tr.greenBg {
    background-color: #e6ffd0;
}

.responsiveTable.table.table-responsive tbody tr.yellowBg {
    background-color: #fdfdc1;
}

.responsiveTable.table.table-responsive tbody tr td.lightGrayBg {
    background-color: #eee;
}

.width11Th {
    width: 11%;
}

.loginForm {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 1.5em 2em;
    margin-bottom: 2.5em;
    background-color: #fff;
}

.salesAppMenu {
    margin-top: 3em;
}

.salesAppMenu .menuBtnHolder {
    padding: 0;
    margin-bottom: 1em;
}

.salesAppMenu .menuBtnHolder:nth-child(odd) {
    padding-right: 1em;
}

.salesAppMenu .menuBtnHolder:nth-child(even) {
    padding-left: 1em;
}

.input-group-addon {
    height: 39px;
}

.orangeColor[data-toggle="tooltip"].glyphicon {
    /* background-color: #73848e; */
    /* color: #ffffff; */
    border-radius: 50%;
    font-size: 1.4em;
}

.orangeColor[data-toggle="tooltip"].glyphicon:before {
    color: #CCC;
    content: "\e086";
}

.submenuSetHolder {
    margin: 0.8em 0 1.5em 0;
}

.submenuSetHolder.forAdminSub > ul > li {
    border-right: 1px solid #ccc;
}

.submenuSetHolder.forAdminSub > ul > li:last-child {
    border-right: 0px solid #ccc;
}

.submenuSetHolder.forAdminSub > ul > li > a {
    padding: 0.4em 1em 0.4em 1em;
}

.submenuSetHolder.submenuSetHolderSeptr ul > li {
    border-left: 1px solid #ccc;
    padding-left: 1em;
}

.submenuSetHolder.submenuSetHolderSeptr ul > li:first-child {
    border-left: 0px solid #ccc;
    padding-left: 0em;
}

.submenuSetHolder > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.submenuSetHolder > ul > li {
    display: block;
    float: left;
    position: relative;
}

.submenuSetHolder > ul > li.active > a {
    color: #DE0A15;
}

.submenuSetHolder > ul > li > a {
    text-decoration: none;
    display: block;
    padding: 0.4em 1em 0.4em 0;
    font-size: 1em;
    color: #555;
}

.submenuSetHolder > ul > li > a:hover {
    text-decoration: none;
    color: #DE0A15;
}

.submenuSetHolder > ul > li > a img {
    width: 6px;
}

.submenuSetHolder > ul > li ul {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 10em;
    z-index: 5;
    border: 1px solid #DDD;
}

.submenuSetHolder > ul > li ul li {
    display: block;
}

.submenuSetHolder > ul > li ul li:last-child a {
    border-bottom: 0px solid transparent;
}

.submenuSetHolder > ul > li ul li a {
    padding: 0.35em 1em;
    color: #555;
    background-color: #fff;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #ccc;
}

.submenuSetHolder > ul > li ul li a:hover {
    color: #fff;
    background-color: #e40520;
    text-decoration: none;
}

.submenuSetHolder > ul > li ul li.active a {
    color: #fff;
    background-color: #e40520;
    text-decoration: none;
}

.submenuSetHolder > ul > li:hover ul {
    display: block;
}

.ll-skin-latoja .ui-datepicker-header {
    background-image: none;
    background-color: #D9DEE1;
}

.ulListNone {
    list-style-type: none;
}

.paginationContainer > span {
    margin-right: 1em;
    line-height: 38px;
    display: inline-block;
}

.paginationContainer > select {
    width: auto;
    display: inline-block;
}

.paginationHolder {
    float: right;
}

.paginationHolder .pagination > li:first-child > input[type="button"] {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.paginationHolder .pagination > li:last-child > input[type="button"] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.paginationHolder .pagination > li > input[type="button"] {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: 0;
}

.paginationHolder .pagination > li > input[type="button"]:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.mgRight3 {
    padding-right: 3em !important;
}

.displayNone {
    display: none;
}

.breakWord {
    word-wrap: break-word;
    white-space: initial;
}

.filesStack {
    margin-top: 1em;
    float: none;
    padding: 0;
}

.filesStack ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.filesStack ul li {
    display: block;
    border: 1px solid #DDD;
    border-top-width: 0;
    padding: 0.35em 1em;
}

.filesStack ul li:first-child {
    border-radius: 3px 3px 0 0;
    border-top-width: 1px;
}

.filesStack ul li:last-child {
    border-radius: 0 0 3px 3px;
}

.filesStack ul li a {
    text-decoration: none;
}

.filesStack ul li a:hover {
    text-decoration: none;
}

.filesStack ul li a.fileNameU {
    float: left;
    width: 86%;
    word-wrap: break-word;
}

.filesStack ul li a.fileRemoveU {
    float: right;
}

.supportingDocsContainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.supportingDocsContainer ul li {
    display: block;
    clear: both;
    padding-bottom: 0.3em;
}

.supportingDocsContainer ul li img {
    width: 24px;
}

.mgRight1 {
    margin-right: 1em;
}

.unitNoLastBox {
    height: 40px;
    border-radius: .375rem;
    border:solid 1px #d2ddec;
    padding: 0 0.8em;
    font-size: 16px;
}

.MSP_paymentHolder .form-group {
    margin-bottom: 0;
}

.MSP_paymentHolder .MSP_totalPrice {
    font-size: 1.9em;
    line-height: 1em;
    padding-top: 0.1em;
}

.thanksBigText {
    font-weight: bold;
    font-size: 1.2em;
}

.captchaHolder .captchaImgContainer {
    border: 1px solid #ececec;
}

.captchaHolder .captchaImgContainer img {
    width: 100%;
}

.singpassHolder .singpassImgContainer {
    margin-bottom: 15px;

}

.singpassHolder .singpassImgContainer img {
    width: 100%;
}

.blueText {
    color: #007EBB;
}

.romanUl {
    list-style-type: lower-roman;
}

.termsTextOverflow {
    height: 300px;
    overflow-y: auto;
    width: 100%;
    margin-bottom: 1em;
}

img {
    -ms-interpolation-mode: bicubic;
}

.tableTdHeight45.onlyMobile, .tableTdHeight25.onlyMobile {
    height: auto;
}

.tdheaderFMobile {
    display: none;
}

.appointmentConfirmHolder.mgBtm1 {
    margin-bottom: 1em;
}

.longRangeHolder.longRangeHolderCustom .stepsContainer li {
    width: 25%;
}

.longRangeHolder.longRangeHolderCustom .stepsContainer li:first-child {
    width: auto;
    padding-right: 10.2%;
    text-align: left;
}

.longRangeHolder.longRangeHolderCustom .stepsContainer li.noMargin {
    width: auto;
    float: right;
    text-align: right;
}

.longRangeHolder.longRangeHolderCustom1 .stepsContainer li {
    width: 33%;
}

.longRangeHolder.longRangeHolderCustom1 .stepsContainer li:first-child {
    width: auto;
    padding-right: 12.2%;
    text-align: left;
}

.longRangeHolder.longRangeHolderCustom1 .stepsContainer li.noMargin {
    width: auto;
    float: right;
    text-align: right;
}

.longRangeHolder.longRangeHolderCustom2 .stepsContainer li {
    width: 50%;
}

.longRangeHolder.longRangeHolderCustom2 .stepsContainer li:first-child {
    width: auto;
    padding-right: 22%;
    text-align: left;
}

.longRangeHolder.longRangeHolderCustom2 .stepsContainer li.noMargin {
    width: auto;
    float: right;
    text-align: right;
}

.longRangeHolder .stepsContainer {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
}

.longRangeHolder .stepsContainer li {
    border-radius: 50%;
    width: 20%;
    height: auto;
    background-color: #fff;
    border: 0px solid #D9DEE1;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    z-index: 1;
    font-size: 12px;
    background-color: transparent;
    text-align: center;
}

.longRangeHolder .stepsContainer li a {
    border-radius: 50%;
    width: 2.8em;
    height: 2.8em;
    background-color: #fff;
    border: 2px solid #D9DEE1;
    margin: 0 0 0 0;
    padding: 0.15em;
    float: none;
    position: relative;
    z-index: 1;
    font-size: 12px;
    display: inline-block;
}

.longRangeHolder .stepsContainer li.stepCompleted a, .longRangeHolder .stepsContainer li.stepActive a {
    border: 2px solid #E40520;
}

.longRangeHolder .stepsContainer li.stepsBackLine {
    border-radius: 0;
    height: 2px;
    background-color: #908E8E;
    position: absolute;
    margin: 0;
    padding: 0;
    float: none;
    border: 0 solid transparent;
    top: 24%;
    margin-top: -1px;
    width: 100%;
    z-index: 0;
}

.longRangeHolder .stepsContainer li.noMargin {
    margin: 0;
}

.longRangeHolder .stepsContainer li a span.circle {
    border-radius: 50%;
    width: 2.15em;
    height: 2.15em;
    background-color: #D9DEE1;
    color: #C7CACD;
    display: block;
    text-align: center;
    line-height: 2em;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    cursor: default;
}

.longRangeHolder .stepsContainer li.stepActive a span.circle {
    background-color: #908E8E;
    color: #fff;
}

.longRangeHolder .stepsContainer li.stepCompleted a span.circle {
    background-color: #B3BBC1;
    color: #9A9B9D;
}

.longRangeHolder .stepsContainer li a:hover {
    text-decoration: none;
}

.longRangeHolder .stepsContainer li a span {
    font-size: 1.5em;
}

.longRangeHolder .stepsContainer li a span.stepText {
    color: #333;
    display: block;
    clear: both;
}

.hideTdDeskTop {
    display: none;
}

.tPrice {
    line-height: 2.2em;
    float: left;
    margin-right: 0.6em;
}

.hdlAdminMenu a {
    font-weight: bold;
}

.hdlAdminMenu a span.countN {
    color: #555;
}

/* ********************************** ***************************** */
/* ********************************** Intranet CSS ***************************** */
/* ********************************** ***************************** */
.adminAdditionalMenuLeft {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 1px solid #DDD;
    border-radius: 4px;
    overflow: hidden;
}

.adminAdditionalMenuLeft li {
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: 1px solid #DDD;
}

.adminAdditionalMenuLeft li:last-child {
    border-bottom: 0px solid #DDD;
}

.adminAdditionalMenuLeft li a {
    display: block;
    padding: 1em 1em;
    background-color: #fff;
}

.adminAdditionalMenuLeft li a:hover {
    text-decoration: none;
}

.cardOnly {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 1em;
}

.projectContainerBox > a {
    position: relative;
    padding-right: 3em;
}

.projectContainerBox > a span {
    position: absolute;
    right: 1em;
    top: 0.8em;
}

.projectContainerBox > a:hover {
    padding-right: 3em;
}

.mceHolder .mce-btn-group .mce-btn {
    float: left;
}

.control-labelA {
    padding-top: 0.3em;
}

.fileSelectorHolder {
    position: relative;
}

.fileSelectorHolder .fileFakeBtn.btn {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.fileSelectorHolder .fileInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.max3Rows {
    max-height: 225px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 1em;
}

.max3Rows1 {
    max-height: 251px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 1em;
}

.borderedDiv {
    border: 1px solid #DDD;
}

.romanList {
    padding-left: 1.2em;
    list-style-type: lower-roman;
}

.break-all {
    word-break: break-all;
}

.maxWidth10 {
    max-width: 10%;
    width: 10%;
    min-width: 10%;
}

.maxWidth7 {
    max-width: 7%;
    width: 7%;
    min-width: 7%;
}

.maxWidth15 {
    max-width: 15%;
    width: 15%;
    min-width: 15%;
}

.maxWidth6 {
    max-width: 6%;
    width: 6%;
    min-width: 6%;
}

.maxWidth13 {
    max-width: 13%;
    width: 13%;
    min-width: 13%;
}

.maxWidth16 {
    max-width: 16%;
    width: 16%;
    min-width: 16%;
}

.maxWidth2 {
    max-width: 2%;
    width: 2%;
    min-width: 2%;
}

.maxWidth5 {
    max-width: 5%;
    width: 5%;
    min-width: 5%;
}

.quesListUl {
    list-style-type: none;
    margin: 0 0 1.5em 0;
    padding-left: 0;
}

.pmiTableForOnePage .table > tbody > tr > td, .pmiTableForOnePage .table > tbody > tr > th, .pmiTableForOnePage .table > tfoot > tr > td, .pmiTableForOnePage .table > tfoot > tr > th, .pmiTableForOnePage .table > thead > tr > td, .pmiTableForOnePage .table > thead > tr > th {
    padding: 4px;
    font-size: 0.9em;
}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

a.underline, .underline {
    text-decoration: underline;
}

.cssPanel-custom .panel-heading h4::after {
    color: #007EBB;
    font-size: 1.2em;
    content: "\e082";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    float: right;
}

.cssPanel-custom .panel-heading.collapsed h4::after {
    float: right;
    color: #007EBB;
    font-size: 1.2em;
    content: "\e081";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Retina-specific stuff here */ .logoImgUra {
        width: 310px;
        height: 75px;
        background: url("../img/logo/logo_ura_hi-res.png") no-repeat top left/300px transparent;
        display: inline-block;
    }
}

@media only screen and (max-width: 1000px) {
    .hideTdDeskTop {
        display: initial;
    }

    .width11Th {
        width: auto;
    }

    .tableTdHeight45 {
        height: 4.5em;
    }

    .tableTdHeight45.onlyMobile {
        height: 4.5em;
    }

    .tableTdHeight25 {
        height: 2.5em;
    }

    .tableTdHeight25.onlyMobile {
        height: 2.5em;
    }

    .responsiveTable.table.table-responsive {
        border: 0;
    }

    .responsiveTable.table.table-responsive tr {
        border-bottom: 0;
    }

    .responsiveTable.table.table-responsive tr:first-child {
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    .responsiveTable.table.table-responsive tr th {
        color: #fff;
        background-color: #007EBB;
        display: none;
    }

    .responsiveTable.table.table-responsive tr th .thHeading {
        display: block;
    }

    .responsiveTable.table.table-responsive tr th.width27 {
        width: auto;
    }

    .responsiveTable.table.table-responsive tr th.width13 {
        width: auto;
    }

    .responsiveTable.table.table-responsive tr td {
        display: block;
        border-bottom: 0;
        border-top: 0;
        padding-left: 11.5em;
        line-height: 1em;
        position: relative;
    }

    .responsiveTable.table.table-responsive tr td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 10.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
    }

    .responsiveTable.table.table-responsive tr td.noDataForTh:before {
        content: "";
    }

    .responsiveTable.table.table-responsive tr td:last-child {
        min-height: 45px;
    }

    .responsiveTable.table.table-responsive tr td .tdheaderFMobile {
        font-weight: bold;
        width: 10.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
        display: block;
    }

    .responsiveTable.table.table-responsive tr td .hideDT {
        display: none;
    }

    .responsiveTable.table.table-responsive thead tr {
        display: none;
    }

    .responsiveTable.table.table-responsive tbody tr {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        margin-top: 1em;
        display: block;
    }

    .responsiveTable.table.table-responsive tbody tr:first-child {
        border-top-width: 1px;
    }

    .responsiveTable.table.table-responsive tbody tr:nth-of-type(odd) {
        background: #eee;
    }

    .pmiTableForOnePage > div {
        display: none;
    }

    .pmiTableForOnePage > table.table.table-responsive.table-striped.table-bordered.responsiveTable {
        min-width: initial !important;
    }

    table.table:not(.noShow) {
        border: 0;
    }

    table.table:not(.noShow) tr {
        border-bottom: 0;
    }

    table.table:not(.noShow) tr:first-child {
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    table.table:not(.noShow) tr > th {
        color: #fff;
        display: none;
    }

    table.table:not(.noShow) tr > th .thHeading {
        display: block;
    }

    table.table:not(.noShow) tr > td {
        display: block;
        border-bottom: 0;
        border-top: 0;
        padding-left: 11.5em;
        position: relative;
        line-height: 1em;
    }

    table.table:not(.noShow) tr > td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 10.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
    }

    table.table:not(.noShow) tr > td.noDataForTh:before {
        content: "";
    }

    table.table:not(.noShow) tr > td:last-child {
        min-height: 45px;
    }

    table.table:not(.noShow) tr > td .tdheaderFMobile {
        font-weight: bold;
        width: 10.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
        display: block;
    }

    table.table:not(.noShow) tr > td .hideDT {
        display: none;
    }

    table.table:not(.noShow) thead tr {
        display: none;
    }

    table.table:not(.noShow) tbody tr {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        margin-top: 1em;
        display: block;
    }

    table.table:not(.noShow) tbody tr td {
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-top: 0px solid #DDD;
    }

    table.table:not(.noShow) tbody tr:first-child {
        border-top-width: 1px;
    }

    table.table:not(.noShow) tbody tr:nth-of-type(odd) {
        background: #eee;
    }

    .padding0.forDesktop {
        padding-left: 0;
        padding-right: 0;
    }

    .paddingForTableColoum {
        padding-left: 11.5em !important;
        padding-right: 11.5em !important;
    }
}

@media only screen and (min-width: 768px) {
    .inputGroupVariable {
        display: inline-block;
        width: 20%;
        vertical-align: middle;
    }

    .hideOnDesktop, .hideOnDesktop.in.collapse {
        display: none;
    }

    .showOnDesktop {
        display: block;
    }

    .uraLogoHolder a img {
        max-height: 60px;
        max-width: 200px;
    }

    .paymentContainer {
        text-align: center;
    }

    .paymentContainer.paymentContainerNew > .col-xs-12.col-sm-2 {
        width: 20%;
    }
}

.whiteArrowMenu {
    width: 6px;
}

@media only screen and (max-width: 480px) {
    .responsiveTable.table.table-responsive {
        border: 0;
    }

    .responsiveTable.table.table-responsive tr {
        border-bottom: 0;
    }

    .responsiveTable.table.table-responsive tr:first-child {
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    .responsiveTable.table.table-responsive tr th {
        color: #fff;
        background-color: #007EBB;
        display: none;
    }

    .responsiveTable.table.table-responsive tr th .thHeading {
        display: block;
    }

    .responsiveTable.table.table-responsive tr td {
        display: block;
        border-bottom: 0;
        border-top: 0;
        padding-left: 8.5em;
        position: relative;
        line-height: 1em;
    }

    .responsiveTable.table.table-responsive tr td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 7.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
    }

    .responsiveTable.table.table-responsive tr td.noDataForTh:before {
        content: "";
    }

    .responsiveTable.table.table-responsive tr td:last-child {
        min-height: 55px;
    }

    .responsiveTable.table.table-responsive tr td .tdheaderFMobile {
        font-weight: bold;
        width: 7.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
        display: block;
    }

    .responsiveTable.table.table-responsive thead tr {
        display: none;
    }

    .responsiveTable.table.table-responsive tbody tr {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        margin-top: 1em;
        display: block;
    }

    .responsiveTable.table.table-responsive tbody tr:first-child {
        border-top-width: 1px;
    }

    .responsiveTable.table.table-responsive tbody tr:nth-of-type(odd) {
        background: #eee;
    }

    table.table {
        border: 0;
    }

    table.table tr {
        border-bottom: 0;
    }

    table.table tr:first-child {
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    table.table tr > th {
        color: #fff;
        display: none;
    }

    table.table tr > th .thHeading {
        display: block;
    }

    table.table tr > td {
        display: block;
        border-bottom: 0;
        border-top: 0;
        padding-left: 8.5em;
        position: relative;
        line-height: 1em;
    }

    table.table tr > td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 7.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
    }

    table.table tr > td.noDataForTh:before {
        content: "";
    }

    table.table tr > td:last-child {
        min-height: 55px;
    }

    table.table tr > td .tdheaderFMobile {
        font-weight: bold;
        width: 7.5em;
        display: inline-block;
        position: absolute;
        left: 8px;
        line-height: 0.9em;
        display: block;
    }

    table.table thead tr {
        display: none;
    }

    table.table tbody tr {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        margin-top: 1em;
        display: block;
    }

    table.table tbody tr td {
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-top: 0px solid #DDD;
    }

    table.table tbody tr:first-child {
        border-top-width: 1px;
    }

    table.table tbody tr:nth-of-type(odd) {
        background: #eee;
    }
}

@media only screen and (max-width: 767px) {
    .footer .footerLinksHolder {
        clear: both;
        width: 100%;
    }

    .footer .footerLinksHolder .footerLinksContainer {
        background: none transparent;
        padding: 1em 0 0.8em;
        position: relative;
    }

    .footer .footerLinksHolder .footerLinksContainer a.footerLink {
        font-size: 1em;
        color: #555;
        position: relative;
        border-bottom: 0px solid #555;
    }

    .footer .copyrightTextHolder {
        text-align: center;
        width: 100%;
    }

    .footer .copyrightTextHolder .copyrightText {
        font-size: 1em;
        display: block;
        line-height: 1.5em;
        margin-bottom: 1.5em;
        margin-top: 0;
    }

    .pageholder {
        position: relative;
        min-height: 100%;
    }

    .uraLogoTagline {
        display: none;
    }

    .submenuSetHolder {
        display: none;
    }

    .submenuSetHolder.forAdminSub {
        display: block;
    }

    .padding0M {
        padding: 0 !important;
    }

    .paddingBtm1M {
        padding-bottom: 1em !important;
    }

    .paddingTop1M {
        padding-top: 1em !important;
    }

    .padding0.paddingLeft {
        padding-left: 0;
    }

    .padding0.paddingRight {
        padding-right: 0;
    }

    .paginationHolder {
        float: none;
        text-align: center;

    }

    .paginationContainer {
        text-align: center;
        margin-bottom: 1em;

    }

    .paginationContainer > span {
        margin-right: 1em;
        line-height: 38px;
        display: inline-block;

    }

    .paginationContainer > select {
        width: auto;
        display: inline-block;
    }

    .salesAppMenu .menuBtnHolder {
        padding: 0;
        margin-bottom: 1em;
    }

    .salesAppMenu .menuBtnHolder:nth-child(odd) {
        padding-right: 0;
    }

    .salesAppMenu .menuBtnHolder:nth-child(even) {
        padding-left: 0;
    }

    .mgbtm5 {
        margin-bottom: .5em !important;
    }

    .tabsHolder {
        margin-top: 1.5em;
    }

    .tabsHolder .tabsHeading {
        display: block;
        border-bottom: 1px solid #DDD;
    }

    .tabsHolder .nav-tabs {
        border-bottom: 0 solid transparent;
    }

    .tabsHolder .nav-tabs li {
        width: 100%;
        margin-bottom: .5em;
    }

    .tabsHolder .nav-tabs li:first-child {
        margin-left: 0;
    }

    .tabsHolder .nav-tabs li.active:first-child {
        cursor: pointer;
    }

    .tabsHolder .nav-tabs li.active:first-child a {
        border-radius: 4px;
    }

    .tabsHolder .nav-tabs li.active {
        cursor: pointer;
    }

    .tabsHolder .nav-tabs li.active a {
        border-bottom-color: #007EBB;
        border-radius: 4px;
    }

    .tabsHolder .nav-tabs li:first-child a {
        border-radius: 4px;
    }

    .tabsHolder .nav-tabs li a {
        margin-right: 0;
        border-radius: 4px;
        border-bottom-color: #D9DEE1;
    }

    .tabsHolder .tab-content .tab-pane {
        padding: 1em 1em 0 1em;
        border-bottom: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-left: 1px solid #DDD;
        border-top: 1px solid #DDD;
        border-radius: 4px;
    }

    .titleHolder {
        /* background-color: #F4F5F5; */
        padding: 0;
        position: relative;
        z-index: 3;
    }

    .menuList {
        list-style-type: none;
        padding: 0;
        margin: 0;
        position: static;
        top: 100%;
        right: 0;
        background-color: #F4F5F5;
    }

    .menuList li {
        display: block;
        border-bottom: 1px solid #e1e1e1;
    }

    .menuList li a {
        color: #3C3C3C;
        text-transform: capitalize;
        display: block;
        padding: 0.7em 1em;
        text-decoration: none;
    }

    .menuList li a:hover {
        text-decoration: none;
        color: #333;
    }

    .menuList li ul {
        display: none;
        margin: 0;
        padding: 0;
        list-style-type: none;
        background-color: #A20009;
    }

    .menuList li ul li {
        border-top: 1px solid #fff;
        border-bottom: 0px solid #fff;
    }

    .menuList li ul li a {
        padding-left: 1.8em;
    }

    .hideOnMobile, .hideOnMobile.collapse.in {
        display: none;
    }

    .showOnMobile {
        display: block;
    }

    .mandatoryContent {
        font-size: 0.875em;
    }

    .borderRight1 {
        border-color: transparent;
    }

    .btn1 {
        width: 100%;
        margin-bottom: 0.7em;
    }

    .appointmentConfirmHolder {
        margin-top: 1.5em;
        margin-bottom: 2.5em;
    }

    .appointmentConfirmHolder .appointmentConfirmContainer {
        margin-top: 1.7em;
    }

    .appointmentConfirmHolder .appointmentConfirmContainer.noMgTop {
        margin-top: 0;
    }

    .appointmentConfirmHolder .appointmentOkIcon {
        font-size: 1.5em;
        color: #59B904;
        vertical-align: middle;
        float: left;
        margin-right: 0.2em;
        display: none;
    }

    .appointmentConfirmHolder .appTime {
        font-size: 1.2em;
        margin-bottom: 0.2em;
    }

    .appointmentConfirmHolder .appConfirmText {
        /* font-size: 1.3em;
            line-height: 1.7em;
            float: left; */
        font-size: 1.3em;
        line-height: 1.3em;
        float: left;
        padding-left: 2em;
        position: relative;
        margin-bottom: 0.8em;
    }

    .appointmentConfirmHolder .appConfirmText.smallFont {
        font-size: 1.1em;
    }

    .appointmentConfirmHolder .appConfirmText:before {
        content: "\e084";
        font-family: 'Glyphicons Halflings';
        color: #59B904;
    }

    .appointmentConfirmHolder .appConfirmText.appNotConfirmedH:before {
        content: "\e083";
        color: #DE0A15;
    }

    .appointmentConfirmHolder .appConfirmText.appConfirmTextInfo:before {
        content: "\e086";
        color: #007EBB;
    }
}

@media only screen and (max-width: 480px) {
    .pageholder {
        /*padding-bottom: 160px;*/
    }
}

@media only screen and (max-width: 480px) {
    h1.pageTitle {
        font-size: 1.8em;color: inherit;padding: 0;margin: 0;color: #484848;font-weight: 700;float: left;width: 90%;line-height: 1.0;
    }
}

@media only screen and (max-width: 390px) {
    .pageholder {
        /*padding-bottom: 200px;*/
    }
}

@media only screen and (max-width: 350px) {
    .pageholder {
        padding-bottom: 250px;
    }
}

@media print {
    .stepsHolder, .footer, .menuHolder, .menuList, .btn, .printNone, .header-bg {
        display: none !important;
    }

    a {
        text-decoration: none !important;
        border-color: #000 !important;
    }

    #back-to-top.show {
        display: none !important;
    }

    .collapse {
        display: block;
        height: auto !important;
    }

    a[href]:after {
        content: none !important;
    }

    .singaporeLogo a img {
        display: none;
    }

    .showInPrint {
        display: inline-block !important;
    }

    .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer.checkboxWithDesc input[disabled] + label, .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer.checkboxWithDesc input.disabled + label {
        background: url(../img/checkbox-disabled.png) no-repeat 0 center white !important;
    }

    .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer.checkboxWithDesc label {
        background: url(../img/checkbox.png) no-repeat 0 1em #FFF !important;
    }

    .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer input[disabled] + label, .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer input.disabled + label {
        background: url(../img/checkbox-disabled.png) no-repeat 0 center white !important;
    }

    .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer label {
        background: url(../img/checkbox.png) no-repeat 0 center #FFF !important;
    }

    .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer input:checked + label {
        background: url(../img/checkbox-selected.png) no-repeat 0 center #FFF !important;
    }

    .checkboxHolder.noBorderForLabel.showInPrint .checkboxContainer.checkboxWithDesc input:checked + label {
        background: url(../img/checkbox-selected.png) no-repeat 0 1em #FFF !important;
    }

    .radioHolder.noBorderForLabel.showInPrint .radioContainer.radioWithDesc input[disabled] + label, .radioHolder.noBorderForLabel.showInPrint .radioContainer.radioWithDesc input.disabled + label {
        background: url(../img/radio-disabled.png) no-repeat 0 center white !important;
    }

    .radioHolder.noBorderForLabel.showInPrint .radioContainer.radioWithDesc label {
        background: url(../img/radio.png) no-repeat 0 1em #FFF !important;
    }

    .radioHolder.noBorderForLabel.showInPrint .radioContainer input[disabled] + label, .radioHolder.noBorderForLabel.showInPrint .radioContainer input.disabled + label {
        background: url(../img/radio-disabled.png) no-repeat 0 center white !important;
    }

    .radioHolder.noBorderForLabel.showInPrint .radioContainer label {
        background: url(../img/radio.png) no-repeat 0 center #FFF !important;
    }

    .radioHolder.noBorderForLabel.showInPrint .radioContainer input:checked + label {
        background: url(../img/radio-selected.png) no-repeat 0 center #FFF !important;
    }

    .radioHolder.noBorderForLabel.showInPrint .radioContainer.radioWithDesc input:checked + label {
        background: url(../img/radio-selected.png) no-repeat 0 1em #FFF !important;
    }
}

.mgTop2 {
    margin-top: 2em;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .containerFullWidth:before, .salesAppMenu:before, .submenuSetHolder:before, .filesStack ul li:before, .clearfix:after, .containerFullWidth:after, .salesAppMenu:after, .submenuSetHolder:after, .filesStack ul li:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after, .containerFullWidth:after, .salesAppMenu:after, .submenuSetHolder:after, .filesStack ul li:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

.printOnly {
    display: none;
}

.overflowXScrollReport {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1.2em;
}

.overflowXScrollReport .table {
    margin-bottom: 0;
    max-width: 200%;
}

.pcard {background-color: #fff;border:none;border-radius: .25rem;box-shadow: 0 0 0 1px rgba(20,20,31,.05), 0 1px 3px 0 rgba(20,20,31,.15);}

.ecard {
    flex: 1 1 auto;
    min-width: 300px;
    padding: 0 15px;
}

.ecard label {
    margin-bottom: 0px !important;
    text-transform: uppercase;
    font-size: 12px;
    color: #aaa;
    font-weight: 100;
}

.formcard {
    flex: 1 1 auto;
    min-width: 280px;
    padding: 0 15px;
}

.app_label {
    margin-bottom: 0px !important;
    text-transform: uppercase;
    font-size: 14px;
    color: #787575;
    font-weight: 100;
}

[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {
    display: none;
}

.label_icon {
    font-size: 30px;
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
    cursor: pointer;
}

.label_amount_icon {
    font-size: 40px;
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
    cursor: pointer;
}

.label_text {
    font-size: 14px;
    width: 100%;
    text-align: right;
    margin-left: 0.7em
}

.label_selected {
    color: #0b6f9f;
}

.label_unselected {
    color: #787575;
}

.label_yellow {
    color: #ff9900;
}

.label_red {
    color: #EC2031;
}

.label_green {
    color: #1b841a;
}

.pcard h3 {
    margin: 5px 0;
    font-weight: bold;
}

/*
* CSS for MyInfo
*/

.myInfoContainer {
    position:relative;
    width=100%;
    top:10px;
    right:10px;
    text-align:right;
    padding-top:5px;
    padding-bottom:10px;
    vertical-align:top;
}

.btn-myInfo {
    filter:none;
    -webkit-filter:blur(0px);
    -moz-filter:blur(0px);
    -ms-filter:blur(0px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

    height:47px;
    width:auto;
    margin-bottom: 0.7em;
    /*
        border-radius:4px;
        border-width:3px;
        border-color:#CDD0D0;
        border-style:solid;
    */
}

.btn-clearMyInfo{
    border-radius:8px;
    height:47px;
    width:auto;
    vertical-align:top;
    background: background:linear-gradient(-180deg, #ffffff 2%, #eaebeb 16%, #bdbebf 97%, #5c5c5c 100%);
    box-shadow: 0 0 0;
    border: 1px solid #cacaca;
    text-shadow: 0 0 0;
    padding-right: 1.5em;
    padding-left: 1.5em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
    margin-left:0.7em;
    margin-right:0.7em;
    font-weight: normal;
    font-size: 18px;
}

.btn-clearMyInfo:hover {
      background:linear-gradient(-0deg, #ffffff 2%, #eaebeb 16%, #bdbebf 100%);
      color: #484848;
      cursor:pointer;
}

@media only screen and (max-width: 767px) {
    .myInfoContainer{
        position:relative;
        width=100%;
        top:10px;
        right:10px;
        text-align:center;
        padding-top:5px;
        padding-bottom:10px;
        vertical-align:top;
    }
    .btn-myInfo {
        filter:none;
        -webkit-filter:blur(0px);
        -moz-filter:blur(0px);
        -ms-filter:blur(0px);
        filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

        height:auto;
        width:80%;
        margin-bottom: 0.7em;
        /*
            border-radius:4px;
            border-width:3px;
            border-color:#CDD0D0;
            border-style:solid;
        */
    }

    .btn-clearMyInfo{
        border-radius:4px;
        height:47px;
        width:80%;
        vertical-align:top;
        background: none #D9DEE1;
        box-shadow: 0 0 0;
        border: 1px solid #D9DEE1;
        text-shadow: 0 0 0;
        padding-right: 1.5em;
        padding-left: 1.5em;
        padding-top: 0.7em;
        padding-bottom: 0.7em;
        margin-bottom: 0.7em;
        font-weight: normal;
        font-size: 18px;
    }

    .btn-clearMyInfo:hover {
          background: #A4A4A4;
          color: #FFFFFF;
    }
}

/* CSS for MyInfo Business (EDH) */

.myInfoBizContainer{
    position:relative;
    width=100%;
    top:10px;
    right:10px;
    text-align:right;
    padding-top:5px;
    padding-bottom:10px;
    vertical-align:top;
}

.btn-myInfoBiz {
    filter:none;
    -webkit-filter:blur(0px);
    -moz-filter:blur(0px);
    -ms-filter:blur(0px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

    height:47px;
    width:auto;
    margin-bottom: 0.7em;
    /*
        border-radius:4px;
        border-width:3px;
        border-color:#CDD0D0;
        border-style:solid;
    */
}

.btn-clearMyInfoBiz{
    border-radius:4px;
    height:47px;
    width:auto;
    vertical-align:top;
    background: none #D9DEE1;
    box-shadow: 0 0 0;
    border: 1px solid #D9DEE1;
    text-shadow: 0 0 0;
    padding-right: 1.5em;
    padding-left: 1.5em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
    margin-left:0.7em;
    margin-right:0.7em;
    font-weight: normal;
    font-size: 18px;
}

.btn-clearMyInfoBiz:hover {
      background: #A4A4A4;
      color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
    .myInfoBizContainer{
        position:relative;
        width=100%;
        top:10px;
        right:10px;
        text-align:center;
        padding-top:5px;
        padding-bottom:10px;
        vertical-align:top;
    }
    .btn-myInfoBiz {
        filter:none;
        -webkit-filter:blur(0px);
        -moz-filter:blur(0px);
        -ms-filter:blur(0px);
        filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

        height:auto;
        width:80%;
        margin-bottom: 0.7em;
        /*
            border-radius:4px;
            border-width:3px;
            border-color:#CDD0D0;
            border-style:solid;
        */
    }

    .btn-clearMyInfoBiz{
        border-radius:4px;
        height:47px;
        width:80%;
        vertical-align:top;
        background: none #D9DEE1;
        box-shadow: 0 0 0;
        border: 1px solid #D9DEE1;
        text-shadow: 0 0 0;
        padding-right: 1.5em;
        padding-left: 1.5em;
        padding-top: 0.7em;
        padding-bottom: 0.7em;
        margin-bottom: 0.7em;
        font-weight: normal;
        font-size: 18px;
    }

    .btn-clearMyInfoBiz:hover {
          background: #A4A4A4;
          color: #FFFFFF;
    }
}

.breadcrumb-row {

    width: 100%;
    font-size: 1em;
    font-weight: normal;
    min-height: 50px;
    padding-top: 5px;
}

.breadcrumb {
    padding: 8px 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.breadcrumb>li {
    display: inline;
}

.no-lr-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.breadcrumb li a:hover {
    color: #DC2837;
    text-decoration: none;
}

.breadcrumb li a {
    color: #222;
    text-decoration: none;
}

.breadcrumb-row .breadcrumb>li+li:before {
    content: "\f105";
    font-family: FontAwesome;
    padding: 0 5px;
    color: #ccc
}

.pdf:before {
    font-family: FontAwesome;
    content: "\f1C1";
    font-size: 1rem;
    font-weight: 400;
}

.saveasdraft:before {
    font-family: FontAwesome;
    content: "\f0C7";
    font-size: 1rem;
    font-weight: 400;
}

.goback:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 1rem;
    font-weight: 400;
}

.sgds-breadcrumb {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: stretch;
    display: flex;
    font-size: 0.9375rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0.625rem;
}

.small, small {
    font-size: .8125rem;
    font-weight: 400;
}

.no-margin {
    margin: 0 !important;
}

.text-muted {
    color: #95aac9!important;
}

input.form-control::placeholder {
    color: #95aac9;
    font-weight: 400;
    font-size: 0.9rem;
}

.alert-primary {
    color: #fff;
    background-color: #2c7be5;
    border-color: #2c7be5;
}

.alert-primary .alert-link, .alert-primary .close {
    color: #fff;
}

.alert {
    /*position: relative;*/
    padding: .75rem 1.25rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    border: 1px solid transparent;
    border-radius: .375rem;
}




.close {
    float: right;
    font-size: 1.40625rem;
    font-weight: 600;
    line-height: 1;
    color: #95aac9;
    text-shadow: none;
    opacity: .5;
    top: -10px;
    /* margin-top: -35px; */
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.dropdown-divider {
    height: 0;
    margin: .75rem 0;
    overflow: hidden;
    border-top: 1px solid #edf2f9;
}

.fe {
    line-height: inherit;
}

.fe {
    font-family: Feather!important;
    font-size: 26px;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dropdown-item {
    display: block;
    width: 76%;
    padding: .375rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #6e84a3;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    color: #12263f;
    text-decoration: none;
    background-color: transparent;
}

.dropdown {
    position: relative;
}

.dropdown-ellipses {
    font-size: 1.0625rem;md
}


.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-menu {
    animation: d .15s;
}

.dropdown-menu {
    /* position: absolute; */
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    /* min-width: 10rem; */
    padding: .5rem 0;
    margin: 0;
    font-size: .9375rem;
    color: #12263f;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(18,38,63,.1);
    border-radius: .375rem;
}

.open>.dropdown-menu {
    display: block;
    width: 200px!important;
}

.dropdown-menu.show {
    display: block
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

a:hover {
    color: #23527C;
    text-decoration: underline;
}

a {
    text-decoration: none;
}
a {
    /* color: #2c7be5; */
    background-color: transparent;
}

.badge-warning {
    color: #FFF;
    background-color: #FF3860;
}

.badge-success {
    color: #fff;
    background-color: #23d160;
}

.badge-yellow {
    color: #333!important;
    background-color: #FFDD57!important;
}

.badge-blue {
    color: #e6e8ed!important;
    background-color: #209cee!important;
}

.badge {
    display: inline-block;
    padding: .25rem .375rem;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 290486px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.row {display: flex;flex-wrap: wrap;margin-right: -12px;margin-left: -12px}
.row-copyright {flex-wrap: wrap;margin-right: -12px;margin-left: -12px}


.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.card-table {
    margin-bottom: 0
}

.card-table thead th {
    border-top-width: 0
}

.card-table tbody td:first-child,.card-table thead th:first-child {
    padding-left: 1.5rem!important
}

.card-table tbody td:last-child,.card-table thead th:last-child {
    padding-right: 1.5rem!important
}

.card-header>* {
    flex: 1;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #edf2f9;
    border-radius: .5rem;
}

.card-header {
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #edf2f9
}

h4.card-header-title {
    font-weight: 700;
    font-size: 1.2em;

}

.card-table thead th {
    border-top-width: 0
}

.card-table tbody td:first-child,.card-table thead th:first-child {
    padding-left: 1.5rem!important
}

.card-table tbody td:last-child,.card-table thead th:last-child {
    padding-right: 1.5rem!important
}



.table1 td, .table1 th {
    width: 100%;
}

.table1 thead td, .table1 thead th {
    border-top-width: 0;
    border-bottom-width: 1px;
}
.table1 thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ecedf1;
}
.table1 td, .table1 th {
    padding: .75rem!important;
    vertical-align: top!important;
    border-top: 1px solid #ecedf1;
}

.table1 [data-sort]:after {
    content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%2395AAC9'/></svg>");
    margin-left: .25rem;
}


.text-warning {
    color: #f6c343!important
}

.text-info {
    color: #39afd1!important
}

.text-success {
    color: #00d97e!important
}

.text-danger {
    color: #00d97e!important
}

.col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

.tableresponsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-nowrap td,.table-nowrap th {
    white-space: nowrap
}

/* Accordion */

a.sgds-accordion-header {
    /* color: #333; */
    font-weight: bold !important;
}

a.sgds-accordion-header:hover {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.sgds-accordion-header.active {
    background-color: #D9DEE1;
    color: #333;
    font-weight: 700;
}

.sgds-accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    padding: 1.0rem;
    color: #333;
    background-color: #D9DEE1;
    /* font-weight: bold; */
    font-size: 1.125em;
    cursor: pointer;
}

.sgds-accordion-header #h4 {font-weight: bold;}

.sgds-accordion-set + .sgds-accordion-set {
    margin-top: 5px;
}

.sgds-accordion-body {
    padding: 1rem;
    display: none;
    font-size: 1.125em;
}

.sgds-icon {
    font-family: 'sgds-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

span.glyphicon.glyphicon-trash.margin-top1 label {
    font-family: Calibri, Lato, Arial, Helvetica, sans-serif, "Lucida Grande" !important;
    color: #007EBB;
    padding-left:0.1rem;
}

span.glyphicon.glyphicon-trash.margin-top1 {
    color: #007EBB;
}

.sgds-icon-circle-info:before {
  content: ""; }

.glyphicon-info-sign:before {
  content: "\e086";
}

.initialPanelContent ol, .mainPanelContent ol {list-style-position: outside !important; margin-left: 15px;}

.sgds-icon-chevron-down:before{content:"\e93c"}
.sgds-icon-chevron-up:before{content:"\e93f"}
.sgds-icon-external:before{content:"\e95c"}

a[target="_blank"]:after {
  display: inline-block;
  font-family: sgds-icons;
  content: "\e95c";
  padding-left: 0.25rem;
  font-weight: 400;
}
  
.alert-banner-danger {
	margin-top:0;
	margin-bottom: 0;
	background-color: #DC2837;
	color: white;
	border-radius: 0;
}

.alert-banner-danger a {
	color: white;
	text-decoration: underline;
}

.alert-banner-danger .close {
	opacity: 1;
}