.wrap-text {
    white-space: pre-wrap;
    height: 64px;
}

.img-dec {
    min-width: 100%;
    max-width: 100%;
}
.row-style {
    margin-top: 25px;
    margin-bottom: 25px;
}

.row-top {
    top: -14px;
}

.text-style {
    text-transform: uppercase;
    font-size: 18px;
}

/* Make the images wide and responsive. */
#myCarousel img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* Change the order of the indicators.
   Return them to the center of the slide. */
.carousel-indicators {
    width: auto;
    margin-left: 0;
    transform: translateX(-50%);
}
.carousel-indicators li {
    float: right;
    margin: 1px 4px;
}
.carousel-indicators .active {
    margin: 0 3px;
}

/* Change the direction of the transition. */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.modal {
    background: none;
}

.fixed-top {
    position: inherit;
}

.site-request-password-reset {
    text-align: center;
    margin-top: 50px;
}

body,.ui-widget,.ui-column-title,.ui-button-text {
    font-family: 'Segoe UI Local', 'Segoe UI Web (West European)' !important;
}

h1, h2.h3, h4, h5, h6 {
    font-weight: 700;
    font-family: 'Segoe UI Local', 'Segoe UI Web (West European)' !important;
}

@font-face {
    font-family: 'Segoe UI Local';
    src: local('Segoe UI Light');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Local';
    src: local('Segoe UI Semilight');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Local';
    src: local('Segoe UI');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Local';
    src: local('Segoe UI Semibold');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url('../../app/segoeui-fonts/segoeui-light.woff2') format('woff2'), url('../../app/segoeui-fonts/segoeui-light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url('../../app/segoeui-fonts/segoeui-semilight.woff2') format('woff2'), url('../../app/segoeui-fonts/segoeui-semilight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url('../../app/segoeui-fonts/segoeui-regular.woff2') format('woff2'), url('../../app/segoeui-fonts/segoeui-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url('../../app/segoeui-fonts/segoeui-semibold.woff2') format('woff2'), url('../../app/segoeui-fonts/segoeui-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.btn-custom{
    background-color: #7a88a7;
    border-color: #7a88a7;
}
.btn-secondary {
    background-color: #007bff;
    border-color: #007bff;
}

td{
    /*vertical-align: 0px !important;*/
}
.ui-outputlabel-rfi{
    color: red !important;
}

.ui-widget .ui-widget{
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}
label{
    margin: 0 !important;
}

.ui-wizard-step-title {
    font-size: 14px !important;
    margin: 0 3px 0 0;
    padding: .4em;
    float: left;
}

.header-text{background: #499bea !important; /* Old browsers */
             background: -moz-linear-gradient(left,  #499bea 0%, #0000ba 100%) !important; /* FF3.6-15 */
             background: -webkit-linear-gradient(left,  #499bea 0%,#0000ba 100%) !important; /* Chrome10-25,Safari5.1-6 */
             background: linear-gradient(to right,  #499bea 0%,#0000ba 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0000ba',GradientType=1 ) !important; /* IE6-9 */
             height:25px;line-height:25px;color:white;font-weight:normal;text-align:center;}
.header-text2{background-color:#ffffff;
              height:25px;line-height:25px;color:black;font-weight:normal;text-align:center;}

label { text-transform: capitalize !important; }

.ui-column-title{
    font-weight: bolder !important;
    font-size: 12px !important;
}
body{
    background-color: #f5fbff !important;
    }

table{
    font-size: 12px !important;
}

#outer-container{
    background-color: #fff !important;
    width: 90% !important;
    margin-top: 10px;
}

.footer{
    /*background-color: #f7f7f7 !important;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#499bea+0,0000ba+100 */
    background: #499bea !important; /* Old browsers */
    background: -moz-linear-gradient(left,  #499bea 0%, #0000ba 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #499bea 0%,#0000ba 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #499bea 0%,#0000ba 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0000ba',GradientType=1 ) !important; /* IE6-9 */

}

#menu_area{
    border-bottom: 5px solid #ffff88;
}

#form_application_detail td{
    vertical-align: 0px !important;
}

.pnlgrid-column-width{
    width: 100%;
}

.pnlgrid-column-width td{
    vertical-align: 0px !important;
}
.column-width{
    width: 50%;
}