@font-face {
font-family: poorfarm;
src: url(../fonts/poorfarmv.5-regular-2015-webfont.eot);
src: url(../fonts/poorfarmv.5-regular-2015-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/poorfarmv.5-regular-2015-webfont.woff2) format('woff2'), url(../fonts/poorfarmv.5-regular-2015-webfont.woff) format('woff'), url(../fonts/poorfarmv.5-regular-2015-webfont.ttf) format('truetype'), url(../fonts/poorfarmv.5-regular-2015-webfont.svg#poorfarm_v.5_regularregular) format('svg');
font-weight: 400;
font-style: normal
}

.poorfarm {
	font-family: poorfarm;
}

.mcm-logo-top small {
	color:#fff;
	padding:10px 0px 0px 5px;
	font-size:1em;
	display:block;
}

.btn-huge
{
    font-size:4em;
    min-width:461px
}


/* GUS login */ 
body.login::before {
    background-color:#ddd;
    background-image:url(../img/portal-bg.jpg);
    height:100%;
    width:100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-position:center center;
}
.login-logo {
    color: #444;
    padding: 20px 0px 3px 0px;
    font-size: 3.2em;
    display: block;
    text-align:center;
    color:#ac193d;
}
.login-container .loginbox .loginbox-title {
    padding-top:3px;
    padding-bottom:10px;
    height:inherit;
    font-family: 'Alegreya SC', serif;
    font-weight: 700 !important;
}

/* GUS interior */
.watermark {
    position: fixed;
    bottom: 15px;
    left: 13px;
    opacity: 1;
    z-index: 99;
    color: rgba(68, 68, 68, 1);
}
.watermark .watermark-title {
    text-align: center;
    font-family: poorfarm;
    font-size: 3.2em;
    color: rgba(172, 25, 61, 1);
}
.watermark .watermark-subtitle {
    text-align: center;
    font-family: 'Alegreya SC', serif;
    font-weight: 700 !important;
    font-size: 1.5em;
    margin-top: -10px;
}
.page-sidebar:before {
    content: "";
    position: fixed;
    display: block;
    width: 219px;
    bottom: 0;
    top: 0;
    left: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    z-index: 1;
    /*background-image:url(../img/sidebar-bg.jpg);*/
    height:100%;
    background-attachment: fixed;
    background-repeat:no-repeat;
}



body.portal::before {
    background-image: url(../img/portal-bg2.jpg);
    background-position: center center;
}

.page-body {
    background: transparent;
    max-width: 1300px;
    margin: 0 auto;
}

.page-sidebar.menu-compact .watermark {
display:none;
}

@media only screen and (max-width: 760px) {
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
   display: block;
}
}
@media only screen and (max-width: 530px)	{
.navbar .navbar-inner .navbar-header.pull-right {
   float: right !important;
}
}
@media only screen and (max-width: 530px)
{
    .navbar .navbar-inner .navbar-header.pull-left
    {
        float: left !important;
    }

    @media only screen and (max-width: 530px)
    {
        .navbar .navbar-inner .navbar-header .navbar-account .account-area
        {
            top: 0;
        }
    }
}

    @media only screen and (max-width: 530px)
    {
        .navbar
        {
            height: 45px;
        }

        #UserName
        {
            display: none !important;
        }
    }

@media (max-width:767px) { 
    .table-responsive
    {
        position:relative;
    } 
    /*
    .table-responsive:before {
        padding: 2px 5px;
        font-family: 'FontAwesome';
        content: "\f054";
        color: #000;
        position: absolute;
        font-size:4em;
        opacity:.1;
        top:50%;
        right:0px;
    }     
*/ 
    .table-responsive:after {
    padding: 2px 5px;
    content: "Swipe left to read more";
    color: #fff;
    background: #666;
    margin:5px 0;
    opacity:.5;
    }  

    .table-responsive.scrollnoafter:after {content: "";padding:0px;background-color:transparent;margin:0px;}  
    .table-responsive.noafter:after {content: "";}  
    /*.table-responsive.nobefore:before {content: "";} */ 
}

.GridPager td
        {
            border:0px;
            padding-left:0px;
            padding-bottom:5px;
        }

.GridPager table
        {
            width:100%;
        }
    .GridPager a, .GridPager span
    {
        display: block;
        height: 23px;        
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        width:100%;
        padding-bottom:5px;
    }
    .GridPager a
    {
        background-color: #CCCCCC;
        color: #337ab7;
        border: 1px solid #CCCCCC;
    }
    .GridPager span
    {
        background-color: #ffffff;
        color: #000000;
        border: 1px solid #ffffff;
    }

.cke_dialog_ui_checkbox_input
{
    position:inherit !important;
    opacity: 1 !important;
    left:0px;
}

.cke_dialog_ui_radio_input
{
     position:inherit !important;
    opacity: 1 !important;
    left:0px;
}

/* Redesign CSS 12/17/2918 */

/* Portal changes 11/18 */

body.portal-mcm .loading-container {
    background-color: #225b8e !important;
}

body.portal-mcm::before {
    /*background-size:cover;
	background-image: url('../img/portal-table-background.jpg');
	background-repeat:no-repeat;
	background-attachment:;*/
    background-color: #0f2539;
    background-image: none;
}

body.portal-mcm .navbar .navbar-inner {
    background: #225b8e;
}

    body.portal-mcm .navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
        background-color: #26649d;
    }

body.portal-mcm .widget-portal {
    color: #fcda94;
    font-family: 'Sarala', sans-serif;
    font-weight: bold;
    box-shadow: none;
    background-color: #6cbab5;
    padding: 0px !important;
    border-radius: 0px !important;
}

    body.portal-mcm .widget-portal .widget-body {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e253a+0,296ba8+100 */
        background: #0e253a; /* Old browsers */
        background: -moz-linear-gradient(top, #0e253a 0%, #296ba8 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0e253a 0%,#296ba8 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0e253a 0%,#296ba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e253a', endColorstr='#296ba8',GradientType=0 ); /* IE6-9 */
        box-shadow: none;
        padding: 20px 10px 15px;
        border-radius: 0px !important;
    }

body.portal-mcm .gradient-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e253a+0,296ba8+100 */
    background: #0e253a; /* Old browsers */
    background: -moz-linear-gradient(top, #0e253a 0%, #296ba8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0e253a 0%,#296ba8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0e253a 0%,#296ba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e253a', endColorstr='#296ba8',GradientType=0 ); /* IE6-9 */
}



body.portal-mcm .widget-portal.welcome-desktop, body.portal-mcm .widget-portal.welcome-mobile {
    position: relative;
    overflow: hidden;
}


body.portal-mcm .widget-portal h1 {
    font-size: 36px;
    margin: 0px 0px 20px;
    text-shadow: none;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 700;
}

body.portal-mcm .widget-portal.tripster h1 {
    font-size: 44px;
}

body.portal-mcm .widget-portal h3 {
    margin: 20px 0px 0px;
    text-shadow: none;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 700;
    font-size: 28px;
}

body.portal-mcm .widget-portal p {
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    text-shadow: none;
}

body.portal-mcm .widget-portal.welcome-desktop:before {
    background-image: url(../img/portalbanner-leftbg.png) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    content: '';
}

body.portal-mcm .widget-portal.welcome-desktop:after {
    background-image: url(../img/portalbanner-rightbg.png) !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    content: '';
}

body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
    background-image: url(../img/portalbanner-rightbg-tripster.png) !important;
}



@media (max-width: 1300px) {
    body.portal-mcm .widget-portal.welcome-desktop:before {
        left: -55px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop:after {
        right: 0px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:before {
        left: -15px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
        right: -45px;
    }
}

@media (max-width: 1200px) {
    body.portal-mcm .widget-portal.welcome-desktop:before {
        left: -85px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop:after {
        right: 0px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:before {
        left: -75px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
        right: -75px;
    }
}

@media (max-width: 1100px) {
    body.portal-mcm .widget-portal.welcome-desktop:before {
        left: -100px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop:after {
        right: 0px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:before {
        left: -80px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
        right: -85px;
    }
}

@media (max-width: 1050px) {
    body.portal-mcm .widget-portal.welcome-desktop:before {
        left: -130px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop:after {
        right: -5px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:before {
        left: -115px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
        right: -115px;
    }
}

@media (max-width: 1000px) {
    body.portal-mcm .widget-portal.welcome-desktop:before {
        left: -130px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop:after {
        right: -5px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:before {
        left: -115px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
        right: -115px;
    }

    body.portal-mcm .widget-portal h1 {
        font-size: 28px;
        margin: 20px 0px 20px;
    }

    body.portal-mcm .widget-portal.tripster h1 {
        font-size: 32px;
        margin: 20px 0px 20px;
    }

    body.portal-mcm .widget-portal h3 {
        font-size: 24px;
    }

    body.portal-mcm .widget-portal p {
        line-height: 20px;
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    body.portal-mcm .widget-portal.welcome-desktop:before {
        left: -165px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop:after {
        right: -20px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:before {
        left: -155px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
        right: -160px;
    }

    body.portal-mcm .widget-portal h1 {
        font-size: 26px;
        margin: 20px 0px 20px;
    }

    body.portal-mcm .widget-portal.tripster h1 {
        font-size: 32px;
        margin: 20px 0px 20px;
    }

    body.portal-mcm .widget-portal h3 {
        font-size: 24px;
    }

    body.portal-mcm .widget-portal p {
        line-height: 20px;
        font-size: 14px;
    }
}

@media (max-width: 800px) {
    body.portal-mcm .widget-portal.welcome-desktop:before {
        left: -185px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop:after {
        right: -40px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:before {
        left: -180px;
        top: 0px;
    }

    body.portal-mcm .widget-portal.welcome-desktop.tripster:after {
        right: -175px;
    }

    body.portal-mcm .widget-portal h1 {
        font-size: 26px;
        margin: 20px 0px 20px;
    }

    body.portal-mcm .widget-portal.tripster h1 {
        font-size: 32px;
        margin: 20px 0px 20px;
    }

    body.portal-mcm .widget-portal h3 {
        font-size: 24px;
    }

    body.portal-mcm .widget-portal p {
        line-height: 20px;
        font-size: 14px;
    }
}






body.portal-mcm .widget-portal.welcome-mobile .widget-body {
    padding: 0px 50px 8px;
}

body.portal-mcm .widget-portal.welcome-mobile h1 {
    font-size: 28px;
    margin: 0px;
}

body.portal-mcm .widget-portal.welcome-mobile.tripster h1 {
    font-size: 36px;
    margin: 0px;
}

body.portal-mcm .widget-portal.welcome-mobile p {
    line-height: 20px;
    font-size: 13px;
    padding: 5px 25px 140px;
}

body.portal-mcm .widget-portal.welcome-mobile.tripster p {
    line-height: 20px;
    font-size: 12px;
    padding: 10px 20px 140px;
}


body.portal-mcm .widget-portal.welcome-mobile h3 {
    font-size: 20px;
}



body.portal-mcm .widget-portal.welcome-mobile:before {
    background-image: url(../img/portalbanner-mobile-leftbg.png) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-size: auto 88%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    content: '';
}

body.portal-mcm .widget-portal.welcome-mobile:after {
    background-image: url(../img/portalbanner-mobile-rightbg.png) !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;
    background-size: auto 88%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    content: '';
}

body.portal-mcm .widget-portal.welcome-mobile.tripster:after {
    background-image: url(../img/portalbanner-mobile-rightbg-tripster.png) !important;
    background-size: auto 85%;
}

body.portal-mcm .widget-portal.welcome-mobile .widget-body:after {
    background-image: url(../img/portalbanner-mobile-bottombg.png) !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
    background-size: 90%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    content: '';
}






/* backups


body.portal-mcm::before {
	background-size:cover;
	background-image: url('../img/portal-table-background.jpg');
	background-repeat:no-repeat;
	background-attachment:;
}

body.portal-mcm .widget-portal {
	color: #fff;
    font-family: 'Sarala', sans-serif;
    font-weight: bold;
    box-shadow: 3px 2px 7px rgba(0, 0, 0, 1);
    border: 55px solid black;
    border-image: url('../img/portal-border.png') 55 55 55 55 round round;
    background-color:#6cbab5;
    padding:0px !important;
    border-radius:0px !important;
}

body.portal-mcm .widget-portal .widget-body {
	background: #6cbab5;
	background: -moz-linear-gradient(top, #6cbab5 47%, #d4c8a6 90%);
	background: -webkit-linear-gradient(top, #6cbab5 47%,#d4c8a6 90%); 
	background: linear-gradient(to bottom, #6cbab5 47%,#d4c8a6 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbab5', endColorstr='#d4c8a6',GradientType=0 );
    box-shadow: none;
    margin: -20px;
    padding: 20px 10px 15px;
}


body.portal-mcm .widget-portal h1 {
    font-size: 42px;
    margin-top:10px;
}
body.portal-mcm .widget-portal h3 {
    margin-top:10px;
    margin-bottom:15px;
}

body.portal-mcm .widget-portal p {
    line-height: 24px;
    font-size:16px;
    font-weight:normal;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}




more backups:

body.portal-mcm .widget-portal:after {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6cbab5+47,d4c8a6+90 */
/*background: #6cbab5;  Old browsers */
/*background: -moz-linear-gradient(top, #6cbab5 47%, #d4c8a6 90%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #6cbab5 47%,#d4c8a6 90%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #6cbab5 47%,#d4c8a6 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbab5', endColorstr='#d4c8a6',GradientType=0 ); /* IE6-9 */
/*position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;

}*/

body.portal-mcm .widget {
    background-image: url('../img/passport-bg.png');
    border-radius: 20px;
    box-shadow: none;
    padding: 0px;
}

body.portal-mcm .widget-body {
    background-color: transparent;
    padding: 0px;
    font-family: 'Sarala', sans-serif;
}

body.portal-mcm h1, body.portal-mcm h2, body.portal-mcm h3, body.portal-mcm h4, body.portal-mcm h5, body.portal-mcm h6 {
    font-family: 'Alegreya SC', serif;
    font-weight: 700 !important;
}

body.portal-mcm .widget-header {
    background-color: #fff;
    box-shadow: none;
    padding-left: 0px;
    border-radius: 20px 20px 0px 0px;
}

body.portal-mcm .widget-body {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px 0px 20px 20px;
    padding: 0px 20px 20px 20px;
}

body.portal-mcm .widget-header .widget-caption {
    font-family: 'Alegreya SC', serif;
    font-weight: 700 !important;
    color: #225b8e;
    display: block;
    text-align: center;
    margin-bottom: 0px;
    font-size: 32px;
    line-height: 35px;
    float: none;
    padding: 10px 15px;
    width: 100%;
    margin: 20px 0 0;
    /*text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);*/
}

body.portal-mcm .widget-header {
    border-bottom: 2px solid #f49e3c !important;
    margin-bottom: 20px;
}

body.portal-mcm .widget .table > tbody > tr > td {
    font-family: 'Kalam', serif;
    color: #000;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    padding: 15px 8px 6px;
}

body.portal-mcm .widget .widget-header .widget-buttons {
    float: right;
    top: 10px;
    right: 20px;
    position: absolute;
}

@media (max-width: 767px) {
    body.portal-mcm .widget .widget-header .widget-buttons {
        display: block;
        float: none;
        top: unset;
        right: unset;
        position: unset;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 40px;
        margin-top: -5px;
    }

    body.portal-mcm .widget .table > tbody > tr > td {
        font-size: 18px;
        line-height: 19px;
    }

    body.portal-mcm .widget-header .widget-caption {
        font-size: 28px;
        line-height: 30px;
        padding: 10px 15px;
        margin: 20px 0 0;
    }

    body.portal-mcm .widget-body {
        padding: 0px 10px 20px 10px;
    }
}


body.portal-mcm .widget .table-bordered > tbody > tr > td, body.portal-mcm .widget .table-bordered > tbody > tr > th, body.portal-mcm .widget .table-bordered > tfoot > tr > td, body.portal-mcm .widget .table-bordered > tfoot > tr > th, body.portal-mcm .widget .table-bordered > thead > tr > td, body.portal-mcm .widget .table-bordered > thead > tr > th {
    border: 1px solid #c5abee;
    border-width: 0px 0px 2px 0;
}

body.portal-mcm .widget .table {
    background-color: transparent;
    margin-bottom: 0;
}

body.portal-mcm .widget .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

body.portal-mcm .widget .table-hover > tbody > tr:first-of-type:hover {
    background-color: transparent;
    cursor: auto;
}

body.portal-mcm .widget .table-hover > tbody > tr:hover {
    background-color: transparent;
}
/*body.portal-mcm #MainContent_pnlTripster .widget .table-hover>tbody>tr:hover {
    cursor:pointer;
    background-color: rgba(255,255,255,.45);
}*/




body.portal-mcm .widget .table a {
    color: #c94825;
    text-decoration:underline;
}


body.portal-mcm .widget .table .checkbox span {
    vertical-align: top;
}

body.portal-mcm .widget .table .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}


body.portal-mcm .btn {
    background-color: #2d2d2d;
    color: #fff;
    font-family: 'Alegreya SC', serif;
    font-weight: 700 !important;
    font-size: 1.1rem;
    min-height: 45px;
    padding: 0 25px;
    line-height: 45px;
    font-size: 17px;
    transition: none;
}

body.portal-mcm #MainContent_lnkBookARoom.btn.btn-primary {
    margin-top: 10px;
}


body.portal-mcm .btn-primary, body.portal-mcm .btn-success {
    background-color: #26649d !important;
    border-color: #26649d !important;
}

    body.portal-mcm .btn.btn-primary:hover, body.portal-mcm .btn-success:hover {
        background-color: #f49e3c !important;
        color: #fff;
        border-color: #f49e3c !important;
    }

body.portal-mcm td .btn {
    min-height: 35px;
    padding: 0 25px;
    line-height: 35px;
    font-size: 17px;
    margin-top: -9px;
}

body.portal-mcm td .fa.fa-check {
    font-size: .8em;
    vertical-align: top;
    margin-right: 6px;
}

@media (max-width: 767px) {
    body.portal-mcm td .btn {
        min-height: 25px;
        padding: 0 20px;
        line-height: 25px;
        font-size: 14px;
        margin-top: -10px;
    }

    body.portal-mcm td .fa.fa-check {
        font-size: .8em;
        vertical-align: top;
        margin-right: 4px;
    }
}



body.portal-mcm .widget .table > tbody > tr > th, body.portal-mcm .widget .table > tfoot > tr > th, body.portal-mcm .widget .table > thead > tr > th {
    color: #6a4a7f;
    line-height: 24px;
    font-family: poorfarm !important;
    font-size: 22px;
    text-shadow: 0px 1px 2px #fff;
}


@media (max-width: 767px) {
    body.portal-mcm .widget .table > tbody > tr > th, body.portal-mcm .widget .table > tfoot > tr > th, body.portal-mcm .widget .table > thead > tr > th {
        line-height: 22px;
        font-size: 20px;
    }
}

@media (max-width: 500px) {
    body.portal-mcm .widget .table > tbody > tr > th, body.portal-mcm .widget .table > tfoot > tr > th, body.portal-mcm .widget .table > thead > tr > th {
        line-height: 18px;
        font-size: 16px;
    }
}

body.portal-mcm .widget .table > tbody > tr > td.GroupHeaderRowStyle {
    text-align: left;
    font-size: 22px;
    line-height: 24px;
    padding: 30px 0 10px 6px;
    color: #6a4a7f;
    font-family: poorfarm !important;
    font-weight: bold;
    text-shadow: 0px 1px 2px #fff;
}


@media (max-width: 767px) {
    body.portal-mcm .widget .table > tbody > tr > td.GroupHeaderRowStyle {
        font-size: 20px;
        line-height: 22px;
        padding: 20px 0 5px 6px;
    }
}





body.portal-mcm .widget .table-bordered {
    border: 0px solid #ddd;
}

body.portal-mcm .widget .portal-keycardpoints div {
    display: inline-block;
}

body.portal-mcm .widget .portal-keycardpoints span {
    background-color: #ece6a3;
    border: 1px #040404 solid;
    float: left;
    line-height: 34px;
    font-size: 34px;
    font-weight: bold;
    padding: 4px 6px 5px 6px;
}


body.portal-mcm .navbar .navbar-inner .navbar-header .navbar-account .account-area {
    right: 30px;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
    padding: 8px 11px 10px 11px;
    min-width: unset;
}

    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area.back {
        padding: 8px 0px 10px 25px;
    }

body.portal-mcm .navbar h2 {
    text-shadow: none;
}

body.portal-mcm .widget-body.search {
    text-align: center;
}

    body.portal-mcm .widget-body.search .widget-buttons .btn {
        min-height: 35px;
        padding: 0 25px;
        line-height: 35px;
        font-size: 17px;
        margin-top: -5px;
    }

    body.portal-mcm .widget-body.search .widget-buttons .input-xs {
        height: 37px;
        font-size: 15px;
        padding-left: 30px;
    }

    body.portal-mcm .widget-body.search .widget-buttons .input-icon > [class*="glyphicon-"] {
        font-size: 16px;
        padding-top: 1px;
        line-height: 37px;
        width: 30px;
    }


body.portal-mcm h4.modal-title {
    font-family: 'Alegreya SC', serif;
    font-weight: 700 !important;
    color: #225b8e;
}

body.portal-mcm .modal-dialog {
    font-family: 'Sarala', sans-serif;
}

@media only screen and (max-width: 760px) {
    body.portal-mcm .widget-body.search .widget-buttons:first-child {
        width: 100%;
        padding-bottom: 10px;
        height: auto;
    }
}



/* Table Card */


body.portal-mcm .widget-tablecard {
    color: #000;
    font-family: 'Sarala', sans-serif;
    font-weight: bold;
    border: 55px solid black;
    border-image: url('../img/portal-border.png') 55 55 55 55 round round;
    background-color: #6cbab5;
    padding: 0px !important;
    border-radius: 0px !important;
}

    body.portal-mcm .widget-tablecard .widget-body {
        /*background: #6cbab5;
	background: -moz-linear-gradient(top, #6cbab5 47%, #d4c8a6 90%);
	background: -webkit-linear-gradient(top, #6cbab5 47%,#d4c8a6 90%); 
	background: linear-gradient(to bottom, #6cbab5 47%,#d4c8a6 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbab5', endColorstr='#d4c8a6',GradientType=0 );
    box-shadow: none;*/
        background-image: url(../img/passport-bg.png);
        margin: -20px;
        padding: 10px 40px 25px;
    }

@media only screen and (max-width: 760px) {
    body.portal-mcm .widget-tablecard .widget-body {
        padding: 10px 20px 20px;
    }
}



body.portal-mcm .widget-tablecard h1 {
    font-size: 42px;
    margin-top: 20px;
    margin-bottom: 25px;
    color: #225b8e;
}

body.portal-mcm .widget-tablecard h3 {
    margin-top: 10px;
    margin-bottom: 15px;
}

body.portal-mcm .widget-tablecard p {
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 20px;
}


@media only screen and (max-width: 760px) {
    body.portal-mcm .widget-tablecard h1 {
        font-size: 32px;
    }
}



/* end Table Card */




@media only screen and (max-width: 760px) {
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
        display: block;
    }
}

@media only screen and (max-width: 530px) {
    .navbar .navbar-inner .navbar-header.pull-right {
        float: right !important;
    }
}

@media only screen and (max-width: 530px) {
    .navbar .navbar-inner .navbar-header.pull-left {
        float: left !important;
    }

    @media only screen and (max-width: 530px) {
        .navbar .navbar-inner .navbar-header .navbar-account .account-area {
            top: 0;
        }
    }
}

@media only screen and (max-width: 530px) {
    .navbar {
        height: 45px;
    }

    #UserName {
        display: none !important;
    }
}