/* Minification failed. Returning unminified contents.
(2573,1): run-time error CSS1019: Unexpected token, found '}'
(2628,12): run-time error CSS1035: Expected colon, found ';'
(2630,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '{'
(2925,1): run-time error CSS1019: Unexpected token, found '='
(2925,2): run-time error CSS1019: Unexpected token, found '='
(2925,3): run-time error CSS1019: Unexpected token, found '='
(2925,4): run-time error CSS1019: Unexpected token, found '='
(2925,5): run-time error CSS1019: Unexpected token, found '='
(2925,6): run-time error CSS1019: Unexpected token, found '='
(2925,7): run-time error CSS1019: Unexpected token, found '='
(2926,2): run-time error CSS1031: Expected selector, found '@charset'
(2926,2): run-time error CSS1025: Expected comma or open brace, found '@charset'
(2928,1): run-time error CSS1019: Unexpected token, found '@import'
(2928,9): run-time error CSS1019: Unexpected token, found 'url('/content/fonts/Roboto/font.css')'
(3317,2): run-time error CSS1030: Expected identifier, found '.'
(3317,2): run-time error CSS1019: Unexpected token, found '.'
(3796,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5449,1): run-time error CSS1019: Unexpected token, found '}'
(5504,12): run-time error CSS1035: Expected colon, found ';'
(5506,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '{'
 */
@charset "UTF-8";
/* CSS Document */
@import url('/content/fonts/Roboto/font.css');

/* Top Bar Section Changes*/
.top-bar {
    background-color: transparent;
    line-height: normal;
}

.top-bar-section > ul > .divider {
    margin-top: 10px;
    height: 20px;
}

.zone-top-bar-section {
    position: relative;
    top: -55px;
    right: 0;
}

.top-bar-section ul li, .top-bar-section ul li > a, .top-bar-section ul li:active > a, .top-bar-section li:not(.has-form) a:not(.button) {
    background-color: transparent;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background-color: transparent;
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background-color: transparent !important;
    color: #175589 !important;
    text-decoration: none;
}

.top-bar-section .dropdown {
    border: 1px solid #6698cc !important;
    border-radius: 3px;
}

    .top-bar-section .dropdown:after {
        content: "";
        display: block;
        border: inset 7px;
        border-color: transparent transparent #175589 transparent;
        position: absolute;
        top: -14px;
        right: 20px;
    }

    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        cursor: pointer;
        background-color: #e1edfa !important;
        text-decoration: none;
    }

.top-bar-section ul li > a.user, .top-bar-section ul li > a:hover.user {
    background-color: #fff !important;
    color: #175589 !important;
    text-decoration: none;
}

.top-bar-section ul li > ul.dropdown {
    background-color: #fff !important;
    color: #6698cc !important;
}

.top-bar-section ul li > a:hover.button {
    background-color: #fff !important;
    color: #6698cc !important;
    border: 1px solid #6698cc !important;
    text-decoration: none;
    cursor: pointer;
}

.top-bar-section .has-dropdown > a.user span {
    display: inline-block;
    position: relative;
    width: 7px;
    height: 4px;
    background: url(/Content/img/arrow.png);
    left: 4px;
    bottom: 3px;
}

.top-bar-section ul li > a.button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #175589 !important;
    color: #fff !important;
    border: 1px solid #6698cc !important;
}

.top-bar-section ul li > a:hover.button {
    background-color: #fff !important;
    color: #6698cc !important;
    border: 1px solid #6698cc !important;
    text-decoration: none;
    cursor: pointer;
}

body {
    /*background-image: url(/content/img/header_bg.png);
    background-repeat: repeat-x;*/
    overflow: scroll;
    font-family: "roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.minheight {
    min-height: 350px;
}

#loginForm input[type="text"],
#loginForm input[type="password"] {
    height: 37px !important;
    margin-bottom: 10px;
}

.signup-panel i {
    font-size: 27px;
    color: #999;
}

.panel.callout {
    background-color: #fafafa;
    border-color: #e6e8e9;
    padding: 20px;
}

.custom-reveal-modal-bg img {
    position: relative;
    top: 50%;
    left: 50%;
    width: 80px !important;
}

.smallA7 {
font-size: 77%;
line-height: inherit;
}

.custom-reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    /* background: #000;*/
    background-color: white;
    z-index: 99;
    display: none;
    top: 0;
    left: 0;
    padding-right: 124px; /*Changed from 60px to 124px for Alignment Issue on 29/01/15*/
}

.loginhelp {
    margin: 0 10px 0 0;
}

    .loginhelp a {
        font-size: 13px;
    }

.loginColumn {
    float: left;
}

.floatleft {
    float: left;
}

.loginContent {
    font-size: 16px;
}

.loginNote {
    font-size: 13px;
}

.loginrow {
    margin-left: 30px;
}

.mainContainer {
    min-height: 350px;
}

.noshow {
    display: none;
}

.loading-section {
    text-align: center;
}

    .loading-section img {
        width: 100px;
        border: none;
        background-color: transparent;
    }

.row {
    max-width: 1040px;
}

h3 {
    font-size: 1.4rem;
    margin: 0;
    padding: 25px 0 10px 0;
}

h4 {
    font-size: 1.2rem;
    /*margin-left: -14px;*/
    padding: 10px 0;
}
/*header*/
header {
    /* width: auto;
    background-image: url(/content/img/header_bg.png);*/
    width: auto;
    height: 75px;
}

.headerimg {
    background-image: url(/content/img/header.png);
    width: 100%;
    height: 263px;
}

.header_Title h4, h3, h2, h1 {
    margin: 0 0 0 0px;
}

.dataTables_filter h3 {
    padding: 25px 0 10px 0;
}

.header_action a {
    width: auto;
    height: auto;
    padding: 33px 0 0 0;
    float: right;
    color: #444;
}

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

/*Dashboard*/
div#example_filter a {
    background-image: url(/content/img/add_icon.png);
    width: auto;
    height: auto;
    font-size: 1rem;
    color: #444;
    float: right;
    padding: 33px 0 0 0;
    background-repeat: no-repeat;
    background-position: 1px 33px;
    text-indent: 22px;
}

    div#example_filter a:hover {
        text-decoration: none;
    }

/*Table*/

table {
    border: none;
}

    table thead {
        /*background: #f7f7f7;*/
        background: #d0e3f4;
    }

    table tfoot {
        /*background: #f7f7f7;*/
        background: #d0e3f4;
    }

tr.odd {
    /* background: #f9f9f9*/
    background: #fcfcfc;
}

tr.oddRepeating td {
    border: 1px solid #ddd;
    margin: 0 0 10px 0;
    background: #fcfcfc;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f6f6f6;
}

th, td {
    height: 49px;
    border-bottom: 1px solid #fff;
}

.datatable-thead {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid #888;
}

    .datatable-thead h4 {
        padding: 0 10px 0 10px;
    }
/*Pagenation*/
ul.pagination {
    margin-left: 0;
    float: right;
}

    ul.pagination li.current a, ul.pagination li.current button {
        background: #2b4989;
        font-weight: normal;
        color: #fff !important;
    }

    ul.pagination li a, ul.pagination li button {
        background: #ececec;
        color: #999999 !important;
        font-size: .7rem;
        font-weight: 300;
    }

.label {
    cursor: default;
}

.formlabel {
    background: #f5f5f5;
    height: 49px;
    padding: 5px 0 0 12px;
    border: 1px solid #f0f0f0;
    margin: 0 0 2px 0;
}

.formlabelvalue {
    background: white;
    height: 49px;
    padding: 5px 0 0 12px;
    border: 1px solid #f0f0f0;
    margin: 0 0 2px 0;  
}

label {
    cursor: default;
}

input, select, textarea {
    outline: none;
}

    input#Code {
        margin: 0 0 2px 0;
    }

    input.forminput, select, textarea, select#filertypes, .formradio {
        height: 49px;
        font-size: .9rem;
        font-weight: 400;
        color: #444;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        margin: 0 0 2px 0;
        position: relative;
    }

        .referralradio {
            height: auto;
            font-size: .9rem;
            font-weight: 400;
            color: #444;
            background-color: #fff;            
            margin: 0 0 2px 0;
            position: relative;           
        }

.referralFileUpload {
   /* color: transparent !important;
    border: 1px solid dodgerblue;
    border-radius: 15px;
    background: #fff;   
    font-size: 13px;*/
    /*margin: 5px 0 6px 0;*/
   /* padding: 15px;
    width: 250px !important;*/
    visibility:hidden;
}

.refAttHead {
    font-size: 1.2rem;
    color: #20394f;
}

.refMinHeight {
    min-height: 205px;
    max-height: 205px;
    overflow-y: auto;
    overflow-x: hidden;
}

.refAttachment {
    padding-left: 5px !important;
    word-break: break-all;
    margin-bottom:5px;
}

.transactCard {
    margin: 25px !important;
    border: 2px solid gainsboro;
}

.refCard {
    padding: 4px 25px 4px 25px !important;
    border: 2px solid gainsboro !important;
    border-radius:10px;
}

.refComment{
    min-height:75px !important;
}

.refCardAttachment {
    min-height: 120px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-20{
    margin-bottom:20px !important;
}

#RefferalStatus {
    margin: 0 !important;
}

textarea#Comments {
    height: 100px;
    resize: vertical;
}

.hideEditor{
    display: none !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus, a:focus, button:focus {
    border-color: #3c64b9;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
    -ms-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
    -o-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
    -moz-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
    box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
    background-color: #fefefe;
}
/*.mandatory {
	width: 2px;
	height: 49px;
	background: #eb3739;
	position: absolute;
	margin: -15px 0px 0px -13px;
	color: #eb3739;
	opacity: 0.8;
}*/
.mandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    bottom: 0;
    left: 0;
}

textarea, select#filertypes {
    max-width: 100%;
    height: 49px;
    padding: 15px 0 0 9px;
    margin: 0 0 2px 0;
    resize: none;
}

.large-9.medium-9.small-12.columns {
    padding: 0;
}

.wizard > .actions > ul > li {
    margin: 0 2px 0 0;
}
/*Tabs*/
/*ul.tabs {
	position: relative;
	top: 1px;
}
li.tab-title.active {
	border: 1px solid #cecece;
	border-bottom: 1px solid #fff;
}
.tabs-content {
	border: 1px solid #cecece;
}*/

.paddingtop {
    margin: 1.5em 0 0 0;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    padding: 0;
}

/*Steps*/
.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 18%;
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 0 0 13px;
    width: 79%;
}

.wizard > .content {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #ececec;
    margin: 0;
    margin: 0 0 0 20px;
    /*-webkit-box-shadow: -9px 0px 0px -4px rgba(235, 235, 238, 1);
    -moz-box-shadow: -9px 0px 0px -4px rgba(235, 235, 238, 1);
    box-shadow: -18px 0px 0px -7px rgba(239, 239, 239, 0.5);*/
}

.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 10;
}

    .wizard > .steps > ul > li {
        width: auto;
    }

.wizard > .content > .body {
    width: 100%;
    padding: 15px 30px;
    position: inherit;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #fff;
    color: #444;
    cursor: default;
    border-radius: 0;
    margin-right: 0;
    border: 1px solid #39f;
}

#editwizard .wizard > .steps .done a, #editwizard .wizard > .steps .done a:hover, #editwizard .wizard > .steps .done a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
    border-radius: 0;
    margin: 0;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #36f;
    color: #444;
    border: 1px solid #36f;
    border-radius: 0;
    border-bottom: none;
    margin-right: 0;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0px 2px;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    background: #f7f7f7;
    color: #999;
    border: 1px solid #f3f3f3;
}
/*.wizard > .actions > ul > li:hover{
	background: none repeat scroll 0 0 #2A4888;
    color: #FFFFFF;
}*/
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #dbdbdb;
    font-weight: 500;
    font-size: .9rem;
    margin: 0;
    border-radius: 0;
    color: #444;
}

.wizard > .steps > ul > li {
    width: auto;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
    border-radius: 0;
    margin: 0;
}

.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 23%;
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 0 0 0;
    width: 77%;
}

.wizard > .content {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #ececec;
    margin: 0;
    margin: 0 0 0 20px;
    /*-webkit-box-shadow: -12px 0px 0px -0px rgba(239, 239, 239, 0.5);
    -moz-box-shadow: -12px 0px 0px -0px rgba(239, 239, 239, 0.5);    
    box-shadow: -12px 0px 0px 0px rgba(239, 239, 239, 0.5);*/
}

.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10;
}

    .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
        background: #36f;
        color: #fff;
        border: 1px solid #7094ff;
        border-radius: 0;
        margin-right: 0;
        margin: 0 0 2px 0;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        display: block;
        width: auto;
        margin: 0 0 2px;
        padding: 1em 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 0;
        background: #f7f7f7;
        color: #999;
        border: 1px solid #f3f3f3;
    }

.large-12.columns.mandatoryp {
    color: #eb3739;
    padding: 10px 0 0 0;
    margin: 0;
}

    .large-12.columns.mandatoryp p {
        font-size: .8rem;
        margin: 0;
        padding: 0 0 0 15px;
    }

    .large-4.columns.mandatoryp {
    color: #eb3739;
    padding: 10px 0 0 0;
    margin: 0;
}

    .large-4.columns.mandatoryp p {
        font-size: .8rem;
        margin: 0;
        padding: 0 0 0 15px;
    }

 .large-8.columns.mandatoryp {
    color: #eb3739;
    padding: 10px 0 0 0;
    margin: 0;
}

    .large-8.columns.mandatoryp p {
        font-size: .8rem;
        margin: 0;
        padding: 0 0 0 15px;
    }

.finisht {
   text-align: right;
   color:orange;
}

.finisht > p {
   color:blue;
}

.finisht > p::before {
   font-family:"foundation-icons";
   content: "\f101";
   padding-right:4px;
   font-size:14px;
  display: inline-block;
}

li.disabled {
    font-size: 1rem;
    margin: 0 2px 4px 2px;
    font-weight: 400;
    position: relative;
    /* right: 6px; */
}
/*Footer 
footer {
    width: 100%;
    background-image: url(/content/img/footer_bg.png);
    background-repeat: repeat-x;
    height: 475px;
}

.footerimg {
    background-image: url(/content/img/footer.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 475px;
}
*/

@media only screen and (min-width: 40.063em) {
}

.formradio label {
    /*padding: 16px 15px;*/
    float: left;
    /*width: 90px;*/
}

.referralradio label {
    /*padding: 16px 15px;*/
    float: left;
    /*width: 90px;*/
}

input#ClaimingExemptionNo, input#ClaimingExemptionYes {
    float: left;
    /*margin: 0 11px 0 0;*/
    position: relative;
    top: 2px;
}

.wizard > .content > .body input {
    border: 0px;
}

nput.forminput:focus {
 border: 1px solid rgba(60, 100, 185, 1) !important;
}

.wizard > .content > .body input:focus, textarea:focus, select:focus { 
 border: 1px solid rgba(60, 100, 185, 1);
}

.postfixbox {
    padding: 0;
}

    .postfixbox span {
        padding: 17px 0 0 0;
        text-align: center;
        width: 100%;
        background-color: #f5f5f5;
        float: left;
        height: 49px;
        border: 1px solid #ececec;
    }

.nopadding {
    padding: 0px !important;
}

.nomargin {
    margin: 0px !important;
}

.ref-icon-dashboard{
    font-size:20px;
    color: black;
}

.formmultilistbox {
    min-height:50px;
    height: auto;
    padding: 5px;
    font-size: 0.9rem;
    font-weight: 400;
    color: #444;
    background-color: #fefefe;
    border: 1px solid #ececec;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    -ms-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    -o-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    -moz-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    margin: 0 0 2px 0;
    max-height: 195px;
    overflow-y: auto;
}

    .formmultilistbox input[type=checkbox] {
        margin: 4px;
    }

input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

input.error::-webkit-input-placeholder {
    color: #8a1f11;
}

input.error:-moz-placeholder { /* Firefox 18- */
    color: #8a1f11;
}

input.error::-moz-placeholder { /* Firefox 19+ */
    color: #8a1f11;
}

input.error:-ms-input-placeholder {
    color: #8a1f11;
}

input[name="PostedItems.ItemIds"] {
}

.multi-Custodian-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-Custodian-divider:last-child {
        border-bottom: 0;
    }

.multi-Treasurer-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-Treasurer-divider:last-child {
        border-bottom: 0;
    }

.multi-Chairperson-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-Chairperson-divider:last-child {
        border-bottom: 0;
    }

.multi-BankOrDepositories-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-BankOrDepositories-divider:last-child {
        border-bottom: 0;
    }

.summarytitle, .success-title {
    border-bottom: 1px solid #ececec;
}

.ref-lable {
    padding-bottom: 5px;
    border-bottom: 1px solid gainsboro;
}

.summarylabel {
    background-color: #fcfcfc;
}

.summaryrightLable {
    color: #888;
}

.summaryleftLable {
    font-weight: 400;
    color: #555;
}

.delete-section-button {
    padding: 20px 0;
}

@-webkit-keyframes pulse_animation {
    0% {
        color: #000;
        background-color: #efefef;
        text-shadow: none;
        -moz-transition: background-color 700ms linear, color 700ms linear;
        -webkit-transition: background-color 700ms linear, color 700ms linear;
        -o-transition: background-color 1000ms linear, color 700ms linear;
        transition: background-color 1000ms linear, color 700ms linear;
    }

    50% {
        color: #fff;
        background-color: #6698cc;
        text-shadow: none;
    }

    100% {
        color: #000;
        background-color: #efefef;
        text-shadow: none;
        -moz-transition: background-color 700ms linear, color 700ms linear;
        -webkit-transition: background-color 700ms linear, color 700ms linear;
        -o-transition: background-color 1000ms linear, color 700ms linear;
        transition: background-color 1000ms linear, color 700ms linear;
    }
}

.pulse {
    -webkit-animation-name: 'pulse_animation';
    -webkit-animation-duration: 5000ms;
    -webkit-animation-iteration-count: 2;
}

.custom-error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
    font-size: 0.860rem;
    background: none;
    font-weight: normal;
}


/*stepper */

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
    font-size: 0.95rem;
}

table#DashBoard p {
    font-size: 0.9rem;
    margin-bottom: 0;
}

table {
    display: table;
    border-collapse: initial;
    border-spacing: 1px;
    border-color: none;
}

a.tiny.button.pull-right {
    font-size: .8rem !important;
    padding: 8px 18px !important;
    margin: 0 1px !important;
    position: relative !important;
    color: #fff !important;
    border: none !important;
}

.pull-right {
    float: right !important;
}

a.small.button.pull-right {
    font-weight: 200 !important;
    font-size: .9rem !important;
    margin: 20px 2px 0 0 !important;
    border-radius: 0 !important;
    padding: 12px 20px !important;
}

    a.small.button.pull-right:hover {
        text-decoration: none;
    }

.small.button.pull-right {
    font-weight: 200 !important;
    font-size: .9rem !important;
    margin: 20px 2px 0 0 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    height: 43px;
}

.btn-red {
    background-color: #ff3334 !important;
    color: #fff !important;
    border: 1px solid #ff3334 !important;
}

    .btn-red:hover {
        background-color: #fff !important;
        color: #ff3334 !important;
        border: 1px solid #ff3334 !important;
    }

.btn-blue {
    background-color: #6698cc !important;
    color: #fff !important;
    border: 1px solid #6698cc !important;
}

    .btn-blue:hover {
        background-color: #fff !important;
        color: #6698cc !important;
        border: 1px solid #6698cc !important;
    }

.btn-gray {
    background-color: #838383 !important;
    color: #fff !important;
    border: 1px solid #878787 !important;
}

    .btn-gray:hover {
        background-color: #fff !important;
        color: #838383 !important;
        border: 1px solid #878787 !important;
    }

.btn-green {
    background-color: #5da423 !important;
    color: #fff !important;
    border: 1px solid #5da423 !important;
}

    .btn-green:hover {
        background-color: #fff !important;
        color: #5da423 !important;
        border: 1px solid #5da423 !important;
    }

.icon-red, .icon-red:hover {
    color: #ff3334 !important;
}

.icon-orange, .icon-orange:hover {
    color: orange !important;
}

.icon-green, .icon-green:hover {
    color: forestgreen !important;
}

.icon-blue, .icon-blue:hover {
    color: #6698cc !important;
}

.icon-gray-cascade, .icon-gray-cascade:hover {
    color: #95A5A6 !important;
}

.icon-red-chestnut, .icon-red-chestnut:hover {
    color: #EA3124 !important;
}

.icon-blue-ming, .icon-blue-ming:hover {
    color: #336E7B !important;
}

.icon-dark-blue {
    color: #286191 !important;
}

.icon-dark-blue:hover{
    color: #6698cc !important;
}

input.search {
    box-shadow: 0 0 6px rgba(0, 0, 0, .1) inset;
    height: auto;
    width: 100%;
    text-align: right;
    font-size: 14px;
    border: none;
    background-color: #fcfcfc;
    padding: 11px 10px 11px 10px;
    color: #333;
    text-align: left;
}


ul.pagination li {
    outline: none;
}

input[type=radio] {
    float: left;
    position: relative;
    top: 2px;
}

a.imgfilesto {
    display: block;
    margin-left: 20px;
    width: 34px;
    height: 23px;
    background: url(/content/img/FileSTO.png);
    text-indent: -99999px;
}

    a.imgfilesto:hover {
        display: block;
        margin-left: 20px;
        width: 34px;
        height: 23px;
        background: url(/content/img/FileSTOHover.png);
        text-indent: -99999px;
    }

i.imgfiling {
    display: block;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    background: url(/Content/img/E-Form_V2.png);
    text-indent: -99999px;
}

    i.imgfiling:hover {
        display: block;
        margin-left: 20px;
        width: 25px;
        height: 25px;
        background: url(/Content/img/E-Form_V1.png);
        text-indent: -99999px;
    }

    i.imgCommitteeReports {
    display: block;
    margin-left: 65px;
    width: 25px;
    height: 25px;
    background: url(/Content/img/CommitteeReport.png);
    text-indent: -99999px;
}

    i.imgCommitteeReports:hover {
        display: block;
        margin-left: 65px;
        width: 25px;
        height: 25px;
        background: url(/Content/img/CommitteeReport_V1.png);
        text-indent: -99999px;
    }

    i.imgactive {
        display: block;        
        width: 20px;
        margin-right: 10px;
        height: 20px;
        float: left;
        background: url(/Content/img/Active.png);
        text-indent: -99999px;
        background-repeat:no-repeat;
        background-size:contain;
    }

    i.imgapproved {
        display: block;
        width: 20px;
        margin-right: 10px;
        height: 20px;
        float: left;
        background: url(/Content/img/Approved.png);
        text-indent: -99999px;
        background-repeat:no-repeat;
        background-size:contain;
    }

    i.imgpending {
        display: block;
        width: 20px;
        margin-right: 10px;
        height: 20px;
        float: left;
        background: url(/Content/img/Pending.png);
        text-indent: -99999px;
        background-repeat:no-repeat;
        background-size:contain;
    }

/*.infotooltip > img {
    width: 24px;
    float: left;
    padding: 26px 0 0 0;
}

.f-dropdown {
    background: #eeeeee;
    border: solid 1px #cccccc;
    margin-top: 25px;
    max-width: 455px;
    right:10px;   
}*/

/*.panel.callout a:not(.button) > .f-dropdown li a {
    color: #555555;
}*/

.f-dropdown li a { /*Add for PDF/EXCEL/CSV/XML Link*/
    color: #555555 !important;
}

.infodropdown {
    display: none;
    float: left;
    padding: 7px;
    font-size: .8rem;
    font-weight: 400;
    border: 1px solid #ececec;
    color: #555;
    background: #f3f3f3;
    position: relative;
    top: 24px;
    left: 7px;
    margin-left: 5px;
}

.infotooltip > img {
    width: 20px;
    padding: 30px 0 0 0;
    float: left;
}

.infotooltip > i {
    width: 20px;
    padding: 30px 0 0 0;
    float: left;
    color: #5e5d5d;
}


a.infotooltip:hover > .infodropdown {
    display: block;
}

a.infotooltip:hover > .infofilingdropdown {
    display: block;
}

a.infotooltip:hover > .infoscheduledropdown {
    display: block;
}

.infotooltiph3 {
    width: auto;
    float: left;
    margin: 0 10px 0 0;
}

.arrow_box_right {
    position: absolute;
    background: #d0e3f4;
    border: 1px solid #ececec;
}

.arrow_box_right:after, .arrow_box_right:before {
        right: 100%;
        top: 12px;;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box_right:after {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #d0e3f4;
        border-width: 7px;
        margin-top: -7px;
    }

    .arrow_box_right:before {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #d0e3f4;
        border-width: 7px;
        margin-top: -7px;
    }

.arrow_box {
    position: relative;
    background: #f3f3f3;
    border: 1px solid #ececec;
}

    .arrow_box:after, .arrow_box:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #ececec;
        border-width: 7px;
        margin-top: -7px;
    }

    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #ececec;
        border-width: 7px;
        margin-top: -7px;
    }

.centered {
    margin-left: 25%;
}

.alert-box {
    margin-top: 1.25rem;
}

    .alert-box.success {
        background-color: #508d1e;
        border-color: #508d1e;
        color: #fff;
        border: 1px solid #333;
    }

.grid_Loading {
    position: absolute;
    /*background-color: rgba(256,256,256,0.6);*/
    background-color: transparent;
    width: 85%;
    z-index: 100;
}

    .grid_Loading img {
        position: relative;
        left: 45%;
        top: 45%;
        width: 65px !important;
    }

.grid_Loading_report {
    position: absolute;
    background-color: transparent;
    width: 96%; /*Changed from 95px to 96px for alignment issue on 29/01/2015*/
    z-index: 100;
}

    .grid_Loading_report img {
        position: relative;
        left: 45%;
        top: 45%;
        width: 65px !important;
    }

.dataTables_processing {
    position: relative;
    top: 400px;
}


.top-link {
    border: 1px solid #f3f3f3;
    height: 53px;
    background: #f9f9f9;
    border-radius: 3px;
    padding: 17px 0 0 0;
}

.top-link-new {
    border: 1px solid #f3f3f3;
    height: 34px;
    background: #f9f9f9;
    border-radius: 3px;
    padding: 7px 0 0 0;
}

.notification {
    width: 15px;
    float: right;
    margin-top: 25px;
}

.countCircle {
    max-height: 20px;
    padding: 1px;
    float: none;
    width: auto;
    top: -7px;
    left: 25px;
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .countCircle {
    max-height: 20px;
    padding: 1px;
    float: none;
    width: auto;
    top: -45px;
    left: 14px;
}
}

div.dataTables_filter input {
    margin: 0 0 0 10px;
    width: 300px !important;
}

.arrow-box-bottom {
    position: relative;
    background: #fff;
}

    .arrow-box-bottom:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #7094ff;
        border-width: 11px;
        margin-top: -30px;
    }

    .arrow-box-bottom:after, .arrow-box-bottom:before {
        left: 99.8%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

#notificationDashboard > .content {
    background: #fff;
    border-radius: 0;
    border: 0 !important;
    margin: 0;
    margin: 20px 0 0 0;
}

.arrow-box-bottom:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #36f;
    border-width: 11px;
    margin-top: -3px;
    margin-left: -10px;
}

.arrow-box-right {
    position: relative;
    background: #fff;
}

    .arrow-box-right:after, .arrow-box-right:before {
        left: 99.8%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow-box-right:after {
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #36f;
        border-width: 10px;
        margin-top: -11px;
    }

    .arrow-box-right:before {
        border-color: rgba(194, 225, 245, 0);
        border-left-color: #7094ff;
        border-width: 11px;
        margin-top: -12px;
    }

.success-content {
    height: 361px;
}

.success-detail p {
    padding: 16px 0 0 0;
    color: #555;
    font-size: 18px;
    font-weight: 300;
}

.success-detail img {
    float: left;
    padding: 18px 14px 0 7px;
}

.signup {
    float: right;
    position: relative;
    top: 163px;
    right: 122px;
}

.para-left-padding {
    margin: 0 0 0 3.2rem;
}

.para-left-paddingA7 {
    margin: 0 0 0 16rem;
}

.size-12 {
    font-size: 12px;
}

.size-14 {
    font-size: 14px;
}

.size-16 {
    font-size: 16px;
}

.size-18 {
    font-size: 18px;
}

.size-21 {
    font-size: 21px;
}

.size-24 {
    font-size: 24px;
}

.size-36 {
    font-size: 36px;
}

.size-48 {
    font-size: 48px;
}

.size-60 {
    font-size: 60px;
}

.size-72 {
    font-size: 72px;
}

#CustodianMainContent thead, #TreasurerMainContent thead, #ChairpersonMainContent thead, #BankMainContent thead {
    display: none;
}
/* model css*/

.reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 55.5556rem;
    right: 0;
    width: 32% !important;
}

.reveal-modal, dialog {
    background-color: #fff;
    border: 1px solid #666;
    border-bottom-left-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    border-top-left-radius: 3px 3px;
    border-top-right-radius: 3px 3px;
    display: none;
    left: 0;
    padding: .2rem;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 1005;
}

.reveal-help-modal {
    background-color: #fff;
    border: 1px solid #666;
    border-bottom-left-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    border-top-left-radius: 3px 3px;
    border-top-right-radius: 3px 3px;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 1005;
}

    dialog .close-reveal-modal, .reveal-modal .close-reveal-modal, .reveal-help-modal .close-reveal-modal {
        top: 0;
    }

/* Toggle Switch */

.alert-box.secondary {
    width: 14em !important;
}

/*.switch-toggle input + label {
	color: #fff;
}*/
.switch-toggle {
    height: 34px !important;
    padding: 2px !important;
    outline: none;
}

    .switch-toggle:hover {
        background-color: #fff;
        color: #838383;
        border: 1px solid #878787;
    }

.toggle_active {
    color: #fff !important;
}

.delete_alert {
    background: #f5f5f5;
    padding: 0;
}

@-moz-document url-prefix() { /*Firefox Alignment*/
    .delete_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop ContributionLimit Popup in FireFox on 30/01/2015*/
    }
}

.delete_alert h4 {
    color: #fff;
    font-size: .9rem;
    margin: 0;
    padding: .7rem 0 .7rem 1rem;
    background: #6698cc;
}

.delete_alert p {
    margin: 1rem;
    font-size: .8rem;
    color: #444;
}

.delete_alert_btn {
    padding: 5px 3px; /* Included for yes btn right allignment 12.01.2015*/
    padding-top: 4px;
}

i.close-reveal-modal.fi-x {
    font-size: 17px;
    color: #fff;
    top: 8px;
}

.Edit_Summary {
    padding: 10px 0 0 0;
}

    .Edit_Summary span, .Edit_Summary i {
        padding: 0 0 0 2px;
        color: #333;
    }

table.Summarytable {
    font-family: "roboto","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    border: none;
    margin: 10px 0 0 0;
}

    table.Summarytable th {
        background-color: #e3e3e3;
        font-weight: 500;
    }

    table.Summarytable td {
        color: #888;
    }

    table.Summarytable tr:nth-child(odd) {
        background: #f6f6f6;
    }

    table.Summarytable tr:nth-child(even) {
        background: #fcfcfc;
    }

    table.Summarytable th, td {
        height: 29px;
        border-bottom: 1px solid #fff;
    }

.btn:disabled {
    opacity: .5;
}


/*Sprint 2*/
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-top: none;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #f3f3f3;
    border: 1px solid #f0f0f0;
}

.accordion .accordion-navigation, .accordion dd {
    margin-bottom: 2px !important;
}

.report {
    margin: 0 10px 0 0;
}

.accordion-content h6 {
    color: #333;
}

.accordion-content p {
    color: #777;
}

.accordion .accordion-navigation > a, .accordion dd > a {
    background: #d0e3f4;
}

    .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #91bce3;
        text-decoration: none;
    }

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #d0e3f4;
}

.norightpadding {
    padding-right: 0;
}

.summaryreport {
    padding: .5625rem 0;
    font-size: .95rem;
}

.reportlabel {
    padding: 12px 0 12px 0;
    font-size: 1rem;
}

.reportpostfixbox {
    padding: 0 !important;
}

    .reportpostfixbox span {
        padding: 0;
        padding: 11px 0 0 0 !important;
        text-align: center;
        width: 100%;
        background-color: #f5f5f5;
        float: left;
        height: 49px;
        border: 1px solid #ececec;
    }

.reportmandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    top: 22px;
    left: 12px;
}

.reporthead h5 {
    font-size: 1rem;
    padding: 15px 0 10px 12px;
    font-weight: 500;
}

.account span {
    display: inline-block;
    position: relative;
    width: 7px;
    height: 4px;
    background: url(/Content/img/arrow.png);
    left: 4px;
    bottom: 3px;
}

.account {
    position: relative;
    bottom: 8px;
    padding: 0 2rem 0 0;
}

    .account a {
        color: #333;
    }

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

.fi-torso-business {
    padding: 0 .4rem 0 0;
}

.f-dropdown {
    outline: none;
}

@media only screen and (max-width: 40em) {
    .norightpadding {
        padding-right: .9375em;
    }
}

@media only screen and (min-width:41em) {
}

.js-float-label-wrapper label {
    top: 0;
    left: 1.6em;
}

.js-float-label-wrapper.focused label, .js-float-label-wrapper.populated label {
    opacity: .8;
    font-size: .75em;
}

.js-float-label-wrapper-numeric.populated input {
    padding-top: 1em;
}

.js-float-label-wrapper-numeric label {
    left: .6em;
}

form .row .row {
    margin-left: -.9375em;
    margin-right: -.9375em;
    margin-top: 0;
    margin-bottom: 0;
}

    form .row .row .column, form .row .row .columns {
        padding-left: .9375em;
        padding-right: .9375em;
    }

.filingsummary {
    min-height: 50px;
}

.filingsummary-value {
    font-weight: bold;
}

.filingmandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    left: 14px;
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .filingmandatory {
        width: 2px;
        height: 48px;
        background: #eb3739;
        position: absolute;
        color: #eb3739;
        opacity: .8;
        left: 12px;
    }
}

.infofilingdropdown {
    display: none;
    float: left;
    padding: 7px;
    font-size: .8rem;
    font-weight: 400;
    border: 1px solid #ececec;
    color: #555;
    background: #f3f3f3;
    position: relative;
    top: -10px;
    left: 15px;
    margin-left: 5px;
}

.infoscheduledropdown {
    display: none;
    float: left;
    padding: 5px;
    font-size: .8rem;
    font-weight: 400;
    border: 1px solid #ececec;
    color: #555;
    background: #f3f3f3;
    position: relative;
    top: 24px;
    left: 7px;
    margin-left: 5px;
}

.summaryborder {
    padding: .2em .25em .15em;
    border-radius: .1em;
}

.summaryborderleft {
    border-left: solid .08em #eee;
}

.summaryborderright {
    border-right: solid .08em #eee;
}

.summarybordertop {
    border-top: solid .08em #eee;
}

.summaryborderbottom {
    border-bottom: solid .08em #eee;
}

.text-align-right {
    text-align: right;
}

div.dataTables_length select {
    height: 35px;
    width: 59px;
    font-size: .8em;
}

.delete_alert_btn_schedule { /*Changed from 37px to 36px 12.01.2015*/
    padding: 36px;
}

.no-btn {
    top: 99px !important;
    right: 77px !important;
}

@-moz-document url-prefix() { /*Firefox Alignment*/
    .no-btn {
        top: 99px !important;
        right: 81px !important;
    }
}

.yes-btn {
    top: 99px !important;
    right: 3px !important; /*For Schedules Popup Yes-btn 12.01.2015*/
}

.reveal-help-modal {
    left: 0;
    margin: 0 auto;
    max-width: 55.5556rem;
    right: 0;
}

.help_alert_header h4 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: .7rem 0 .7rem 1rem;
    background: #6698cc;
}

.help_alert b {
    font-size: 13px;
}

.help_alert p {
    font-size: 13px;
}

.help_alert li {
    font-size: 13px;
}

.help_btn {
    top: -11px !important;
    right: -5px !important;
}

.schedule_des b {
    margin-left: 6.2px !important;
    font-size: 12px;
    position: absolute;
    top: 32px;
}

button.export, .button.export {
    background-color: #e9e9e9;
    border: 1px solid #e8e3e3;
    color: #333333;
    padding: 2px 0px 5px 10px;
}

    button.export.small:after, .button.export.small:after {
        border-color: #303030 transparent transparent transparent;
    }

.usernameLabel {
    font-size: 12px;
    margin-top: -15px;
    text-align: center;
}

div#schedule_filter a {
    background-image: url(/content/img/add_icon.png);
    width: auto;
    height: auto;
    font-size: 1rem;
    color: #444;
    float: right;
    padding: 20px 0 0 0;
    background-repeat: no-repeat;
    background-position: 1px 20px;
    text-indent: 22px;
}

.switch-ios input:checked + label {
    color: #fff !important;
}

.switch-ios.switch-toggle a {
    background-color: #36f !important;
}

.switch-ios a {
    outline: none !important;
}

.tabs dd.active a, .tabs .tab-title.active a {
    background: #36f;
    color: #fff;
    border: 1px solid #7094ff;
    border-radius: 0;
    margin-right: 0;
    margin: 0 0 2px 0;
}

.tabs dd > a, .tabs .tab-title > a {
    background: #fff;
    color: #444;
    cursor: default;
    border-radius: 0;
    margin-right: 0;
    border: 1px solid #39f;
}

.tabs {
    line-height: .5;
}

.filinghistoryleftlabel {
    font-weight: bold;
    color: #555;
    padding: 0 !important;
}

.filinghistoryrightlabel {
    color: #888;
    padding: 0 !important;
}

.margin-left-5px {
    margin-left: 5px !important;
}

a.onlinefiling {
    color: #2ba6cb;
}

.warning_alert {
    background: #f5f5f5;
    padding: 0;
}

@-moz-document url-prefix() { /*Firefox Alignment*/
    .warning_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop ContributionLimit Popup in FireFox on 30/01/2015*/
    }
}

.warning_alert h4 {
    color: #fff;
    font-size: .9rem;
    margin: 0;
    padding: .7rem 0 .7rem 1rem;
    background: #8a1f11;
}

.warning_alert p {
    margin: 1rem;
    font-size: .8rem;
    color: #444;
}

.warning_alert_btn {
    padding: 6px;
}

.summaryLabelSpace {
    margin-left: 16px;
}

.detailSummaryLabelSpace {
    margin-left: -11px;
}

textarea.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

i.disabled {
    color: #e4e3e3;
}

.titleCapturelable {
    color: #888;
    font-size: 1rem;
}

.filingsummaryleftlabel {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
}

.notifysummaryleftlabel {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
    line-height: .8rem !important;
}

.notifysummaryrightlabel {
    color: #888;
    padding: 0 !important;
    line-height: .8rem !important;
}

.summarytopleftlabel {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
    margin-top: .5em !important;
}

.summarytoprightlabel {
    color: #888;
    padding: 0 !important;
    margin-top: .5em !important;
}

.notifysummarylabeltl {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
    margin-top: .5em !important;
    margin-bottom: .7rem !important;
}

.notifysummarylabeltr {
    color: #888;
    padding: 0 !important;
    margin-top: .5em !important;
    margin-bottom: .7rem !important;
}

.gallery {
    list-style-type: none;
    margin: 0 10px;
    padding: 0;
}

    .gallery > li {
        border: 1px solid #368ee0;
        float: left;
        margin: 1px 0 0 1px;
        position: relative;
        cursor: pointer;
    }

        .gallery > li .extras:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .gallery > li .extras {
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            background: none repeat scroll 0% 0% rgba(0, 0, 0, .8);
            /*display: none;*/
            width: 100%;
            height: 100%;
        }

.scan-image div.extras {
    visibility:hidden;
}

.scan-image:hover div.extras {
    visibility:visible;
}

.deleteScanImage{
    position:absolute;
    top:35%;
    left:45%;
    color:red;
}

.divider > h5 {
    padding-bottom: 9px;
    margin: 0 0 20px 10px;
    border-bottom: 1px solid #eee;
}

.divider-page {
    margin: 10px 0 10px 10px;
    border-bottom: 1px solid #eee;
}

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}

.pad20 {
    padding: 13px 0;
    box-shadow: 0 1px 10px #ccc;
    content: 'x';
    display: block;
    width: 100%;
}

.pad5 {
    padding: 5px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad10-left {
    padding-left: 10px;
}

.zone-branding-wrapper-top {
    border-top: 5px solid #ccc;
}

.div30 {
    height: 30px;
}

.div20 {
    height: 20px;
}

.shadow-top {
    box-shadow: 0 1px 10px #ccc;
    content: 'x';
    display: block;
    width: 100%;
}

.bnone {
    border-style: none;
}



.shadow {
    /* box-shadow: 0px 12px 4px #ccc; */
}

.header-title {
    padding-left: 100px;
    margin-top: 5px;
}

.logo-img-custom {
    float: left;
    position: relative;
    top: 18px;
    margin: 0 10px 0 10px;
}

    .logo-img-custom img {
        width: 100px;
    }

.anchor-black a {
    color: #444 !important;
    font-size: 12px;
    padding-right: 10px;
}

    .anchor-black a:hover {
        color: #444 !important;
        font-size: 12px;
        text-decoration: none;
    }

.no-butn {
    top: 99px !important;
    right: 80px !important;
}

.no-bttn {
    top: 99px !important;
    right: 77px !important;
}

/*.clearfix-custom:before, clearfix-custom:after {
    display:block;
}*/

.summarymandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    top: 0;
    left: -2px;
}

::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999 !important;
}

::-moz-placeholder {
    color: #999 !important;
}

:-ms-input-placeholder {
    color: #999 !important;
}

@-moz-document url-prefix() {
    .delete_alert_btn {
        padding: 6px;
        padding-top: 3px;
    }
}

@-moz-document url-prefix() {
    .delete_alert_btn_schedule {
        padding: 36px;
    }
}

@-moz-document url-prefix() {
    .yes-btn {
        top: 99px !important;
        right: 4px !important;
    }
}

@-moz-document url-prefix() {
    .no-butn {
        top: 99px !important;
        right: 84px !important;
    }
}

@-moz-document url-prefix() { /*Alignment fix for ManageReporting Period PopUp Button schedules Firefox*/
    .no-bttn {
        top: 99px !important;
        right: 76px !important;
    }
}

@-moz-document url-prefix() { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Firefox*/
    .no-cont-btn {
        background-color: #838383 !important;
        color: #fff !important;
        border: 3px solid #878787 !important;
    }
}

@-moz-document url-prefix() { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Firefox*/
    .no-cont-btn:hover {
        background-color: #fff !important;
        color: #838383 !important;
        border: 3px solid #878787 !important;
    }
}

@-moz-document url-prefix() { /*06-03-2015 Scroll fix for contact picker in Firefox that blocks the screen*/
    .reveal-scroll {
        height: 600px !important; 
        overflow: auto;
    }

    .reveal-contact-duplicate-scroll {
        height: 25rem !important; 
        overflow: auto;
    }

    .duplicateContactAlert{
        left: 0;
        margin: 0 auto;
        max-width: 67.556rem;
        right: 0;
        width: 100% !important;
        max-height:45rem !important;
     }
}

.no-cont-btn:hover { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Firefox*/
    background-color: #fff !important;
    color: #838383 !important;
    border: 4px solid #878787 !important;
}

.no-cont-btn { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Chrome*/
    background-color: #838383 !important;
    color: #fff !important;
    border: 4px solid #878787 !important;
}

/*custom code - 23-12-2014*/
ul {
    margin-left: 0;
}

.dcBar {
    padding: 0 10px;
}

.pad-bottom {
    padding: 0 10px;
}

h1.agency-title {
    font-size: 1em;
    line-height: 40px;
}

/*Mobile Custom css */

h1 {
    font-size: 2em;
    line-height: 32px;
}

    h1.agency-title {
        max-width: 75%;
        margin-bottom: 10px;
        padding-top: 10px;
    }

}

.top-bar-section .has-dropdown {
    margin-top: 2px;
}

.clearfix:after {
    display: inline-block;
}

.zone-branding-wrapper-top {
    height: 70px;
}

.datepicker-wapper {
    position: relative;
}

span.deleteicon:after {
    content: "X";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #967e7e;
    z-index: 1;
    right: 1%;
    top: 0;    
    margin: auto;
    margin-top : 17px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    box-shadow: 0 0 2px #ad9191;
    cursor: pointer;
    padding: 1px;
}

.zone-branding-wrapper {
    line-height: 10px;
}

::-ms-clear {
    display: none;
}


@media only screen and (min-width : 1224px) {
    h1 {
        font-size: 2em !important;
    }

    .pad {
        img;

{
    width: 100%;
}

}
}

@media only screen and (max-width:1223px) {
    h1 {
        font-size: 1.5em !important;
    }
}

@media only screen and (max-width:980px) {
    h1.agency-title {
        visibility: hidden;
        line-height: 20px;
    }
}

@media only screen and (min-width: 40.063em) {
    h1 {
        font-size: 2em;
        line-height: 50px;
        padding-top: 15px;
    }
}

@media only screen and (max-width:800px) and (min-width:600px) {
    .box-flip .front {
        width: 75%;
    }

    .box-flip .back {
        width: 75%;
    }
}

@media only screen and (max-width:600px) and (min-width:400px) {
    .box-flip .front {
        width: 55%;
    }

    .box-flip .back {
        width: 55%;
    }
}

@-moz-document url-prefix() {
    .countCircle {
        max-height: 20px;
        padding: 1px;
        float: none;
        width: auto;
        top: -5px;
        left: 28px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .countCircle {
        max-height: 20px;
        padding: 1px;
        float: none;
        width: auto;
        top: -5px;
        left: 28px;
    }
}
/*alert width for alert warning*/
.contributionAlert-width {
    left: 0;
    margin: 0 auto;
    max-width: 55.5556rem;
    right: 0;
    width: 100% !important;
}

.reveal-contact-duplicate-scroll {
    height: 25rem !important; 
    overflow: auto;
}

.duplicateContactAlert {
    left: 0;
    margin: 0 auto;
    max-width: 67.556rem;
    right: 0;
    width: 100% !important;
    max-height:45rem !important;
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .reveal-help-modal {
        left: 230px;
        margin: 0 auto;
        max-width: 55.5556rem;
        right: 0;
    }

    .reveal-contact-duplicate-scroll {
        height: 25rem !important; 
        overflow: auto;
    }

 .duplicateContactAlert{
        left: 0;
        margin: 0 auto;
        max-width: 67.556rem;
        right: 0;
        width: 100% !important;
        max-height:45rem !important;
     }
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .warning_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop ContributionLimit Popup in IE on 21/02/2015*/
    }
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .delete_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop Delete Confirmation Popup in IE on 21/02/2015*/
    }
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .reveal-scroll {
        height: 600px !important; 
        overflow: auto;
    }
}

/* End Mobile Custom Css */

/* Light switcher */
.shadow-content {
    background-image: url(/Content/img/shade1x1.png);
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

.active-container {
    position: relative;
    z-index: 102;
    background-color: white;
    margin: 10px;
    padding-bottom: 10px;
}

#container {
    width: 960px;
    margin: 0px auto;
    text-align: left;
    overflow: hidden;
    position: relative;
}
/* Light switcher */

.width100 {
     width:100%;
}


.f-dropdown > .user-info > p {
    text-align:left;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: inherit;
    color:#20394F;
}

.f-dropdown > h5 {
    text-align:left;
    text-decoration:underline;
    font-weight:bold;
    font-size:12px;
    line-height:inherit;
    margin-bottom:5px;
    color:#20394F;
    text-transform: uppercase;
}

.zindex {
 z-index: 500;
}

.recalculate{
    width:98%;
    padding-top:6px !important;
    height:48px;
    text-align:center;
}

.letterPreview{
    background-color:#F5F5F5 !important;
    border:none !important;
}

.sent-email-preview{
    background-color:#F5F5F5 !important;
    border:none !important;
    height:350px;
    overflow-y: auto;
}
.smalldropdown {
    width:99%;
}

li.header-link-no-menu > a.email-alert{
    padding:0px;
    border-radius: 10px;
    background-color: #175589 !important;
}

.summaryheading {
    font-weight : bold;
}

.secondary-label{
    background-color:#008CBA;
    color:#FFFFFF;
    white-space:normal;
    text-align:left;
    font-size:0.756em;
    line-height:1.5;
}


.button-group-contact {
  position: relative;
  display: inline-block;
  z-index: 99998;
  margin: 1rem 0; }
  .button-group-contact button:after {
    content: attr(data-grouptype);
    z-index: 99999;
    color: #999;
    display: block;
    font-size: 1rem;
    padding: 0.25em;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 97%;
    top: 20%; }
    .button-group-contact :last-child:after {
        background-color:transparent;
    }
  .button-group-contact button + button {
    margin-left: 5px; }

  l.list-info {
    margin-top:10px;
    margin-left: 0; }
    ul.list-info li,
    ul.list-info li ol {
      margin-left: 1rem;
      margin-bottom: 0;
      font-size:0.9em;
      list-style-type: none; }

.report-submission-note{
    font-size:12px;
    color:#154A86
}

.special-report-note{
    font-family:Calibri;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    color:#fff;
}

.profileImg{
    height:20px;
    margin-top:8px;
    right:0px;
    margin-left:30px;
}

.filing-icon{
    height:20px;
    margin-bottom:8px;
}
=======
@charset "UTF-8";
/* CSS Document */
@import url('/content/fonts/Roboto/font.css');

/* Top Bar Section Changes*/
.top-bar {
    background-color: transparent;
    line-height: normal;
}

.top-bar-section > ul > .divider {
    margin-top: 10px;
    height: 20px;
}

.zone-top-bar-section {
    position: relative;
    top: -55px;
    right: 0;
}

.top-bar-section ul li, .top-bar-section ul li > a, .top-bar-section ul li:active > a, .top-bar-section li:not(.has-form) a:not(.button) {
    background-color: transparent;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background-color: transparent;
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background-color: transparent !important;
    color: #175589 !important;
    text-decoration: none;
}

.top-bar-section .dropdown {
    border: 1px solid #6698cc !important;
    border-radius: 3px;
}

    .top-bar-section .dropdown:after {
        content: "";
        display: block;
        border: inset 7px;
        border-color: transparent transparent #175589 transparent;
        position: absolute;
        top: -14px;
        right: 20px;
    }

    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        cursor: pointer;
        background-color: #e1edfa !important;
        text-decoration: none;
    }

.top-bar-section ul li > a.user, .top-bar-section ul li > a:hover.user {
    background-color: #fff !important;
    color: #175589 !important;
    text-decoration: none;
}

.top-bar-section ul li > ul.dropdown {
    background-color: #fff !important;
    color: #6698cc !important;
}

.top-bar-section ul li > a:hover.button {
    background-color: #fff !important;
    color: #6698cc !important;
    border: 1px solid #6698cc !important;
    text-decoration: none;
    cursor: pointer;
}

.top-bar-section .has-dropdown > a.user span {
    display: inline-block;
    position: relative;
    width: 7px;
    height: 4px;
    background: url(/Content/img/arrow.png);
    left: 4px;
    bottom: 3px;
}

.top-bar-section ul li > a.button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #175589 !important;
    color: #fff !important;
    border: 1px solid #6698cc !important;
}

.top-bar-section ul li > a:hover.button {
    background-color: #fff !important;
    color: #6698cc !important;
    border: 1px solid #6698cc !important;
    text-decoration: none;
    cursor: pointer;
}

body {
    /*background-image: url(/content/img/header_bg.png);
    background-repeat: repeat-x;*/
    overflow: scroll;
    font-family: "roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.minheight {
    min-height: 350px;
}

#loginForm input[type="text"],
#loginForm input[type="password"] {
    height: 37px !important;
    margin-bottom: 10px;
}

.signup-panel i {
    font-size: 27px;
    color: #999;
}

.panel.callout {
    background-color: #fafafa;
    border-color: #e6e8e9;
    padding: 20px;
}

.custom-reveal-modal-bg img {
    position: relative;
    top: 50%;
    left: 50%;
    width: 80px !important;
}

.smallA7 {
font-size: 77%;
line-height: inherit;
}

.custom-reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    /*background: #000;
    background: rgba(0, 0, 0, .45);*/
    background-color:white;
    z-index: 99;
    display: none;
    top: 0;
    left: 0;
    padding-right: 124px; /*Changed from 60px to 124px for Alignment Issue on 29/01/15*/
}

.loginhelp {
    margin: 0 10px 0 0;
}

    .loginhelp a {
        font-size: 13px;
    }

.loginColumn {
    float: left;
}

.floatleft {
    float: left;
}

.loginContent {
    font-size: 16px;
}

.loginNote {
    font-size: 13px;
}

.loginrow {
    margin-left: 30px;
}

.mainContainer {
    min-height: 350px;
}

.noshow {
    display: none;
}

.loading-section {
    text-align: center;
}

    .loading-section img {
        width: 100px;
        border: none;
        background-color: transparent;
    }

.row {
    max-width: 1040px;
}

h3 {
    font-size: 1.4rem;
    margin: 0;
    padding: 25px 0 10px 0;
}

h4 {
    font-size: 1.2rem;
    /*margin-left: -14px;*/
    padding: 10px 0;
}
/*header*/
header {
    /* width: auto;
    background-image: url(/content/img/header_bg.png);*/
    width: auto;
    height: 75px;
}

.headerimg {
    background-image: url(/content/img/header.png);
    width: 100%;
    height: 263px;
}

.header_Title h4, h3, h2, h1 {
    margin: 0 0 0 0px;
}

.dataTables_filter h3 {
    padding: 25px 0 10px 0;
}

.header_action a {
    width: auto;
    height: auto;
    padding: 33px 0 0 0;
    float: right;
    color: #444;
}

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

/*Dashboard*/
div#example_filter a {
    background-image: url(/content/img/add_icon.png);
    width: auto;
    height: auto;
    font-size: 1rem;
    color: #444;
    float: right;
    padding: 33px 0 0 0;
    background-repeat: no-repeat;
    background-position: 1px 33px;
    text-indent: 22px;
}

    div#example_filter a:hover {
        text-decoration: none;
    }

/*Table*/

table {
    border: none;
}

    table thead {
        /*background: #f7f7f7;*/
        background: #d0e3f4;
    }

    table tfoot {
        /*background: #f7f7f7;*/
        background: #d0e3f4;
    }

tr.odd {
    /* background: #f9f9f9*/
    background: #fcfcfc;
}

tr.oddRepeating td {
    border: 1px solid #ddd;
    margin: 0 0 10px 0;
    background: #fcfcfc;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f6f6f6;
}

th, td {
    height: 49px;
    border-bottom: 1px solid #fff;
}

.datatable-thead {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid #888;
}

    .datatable-thead h4 {
        padding: 0 10px 0 10px;
    }
/*Pagenation*/
ul.pagination {
    margin-left: 0;
    float: right;
}

    ul.pagination li.current a, ul.pagination li.current button {
        background: #2b4989;
        font-weight: normal;
        color: #fff !important;
    }

    ul.pagination li a, ul.pagination li button {
        background: #ececec;
        color: #999999 !important;
        font-size: .7rem;
        font-weight: 300;
    }

.label {
    cursor: default;
}

.formlabel {
    background: #f5f5f5;
    height: 49px;
    padding: 5px 0 0 12px;
    border: 1px solid #f0f0f0;
    margin: 0 0 2px 0;
}

.formlabelvalue {
    background: white;
    height: 49px;
    padding: 5px 0 0 12px;
    border: 1px solid #f0f0f0;
    margin: 0 0 2px 0;
}

.inlinelabelvalue{
    padding-left:15px !important;
    padding-top:13px !important;
}

label {
    cursor: default;
}

input, select, textarea {
    outline: none;
}

    input#Code {
        margin: 0 0 2px 0;
    }

    input.forminput, select, textarea, select#filertypes, .formradio {
        height: 49px;
        font-size: .9rem;
        font-weight: 400;
        color: #444;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        box-shadow: 0 0 10px rgba(0, 0, 0, .04) inset;
        margin: 0 0 2px 0;
        position: relative;
    }

.refIconAlign {
    text-align:center !important;
    margin-left: 15px !important;
}

..referralradio {
    height: auto;
    font-size: .9rem;
    font-weight: 400;
    color: #444;
    background-color: #fff;
    margin: 0 0 2px 0;
    position: relative;
}

textarea#Comments {
    height: 100px;
    resize: vertical;
}

        input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus, a:focus, button:focus {
            border-color: #3c64b9;
            -webkit-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
            -ms-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
            -o-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
            -moz-box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
            box-shadow: inset 0 0 5px 0 rgba(42, 74, 133, .07);
            background-color: #fefefe;
        }
/*.mandatory {
	width: 2px;
	height: 49px;
	background: #eb3739;
	position: absolute;
	margin: -15px 0px 0px -13px;
	color: #eb3739;
	opacity: 0.8;
}*/
.mandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    bottom: 0;
    left: 0;
}

textarea, select#filertypes {
    max-width: 100%;
    height: 49px;
    padding: 15px 0 0 9px;
    margin: 0 0 2px 0;
    resize: none;
}

.large-9.medium-9.small-12.columns {
    padding: 0;
}

.wizard > .actions > ul > li {
    margin: 0 2px 0 0;
}
/*Tabs*/
/*ul.tabs {
	position: relative;
	top: 1px;
}
li.tab-title.active {
	border: 1px solid #cecece;
	border-bottom: 1px solid #fff;
}
.tabs-content {
	border: 1px solid #cecece;
}*/

.paddingtop {
    margin: 1.5em 0 0 0;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    padding: 0;
}

/*Steps*/
.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 18%;
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 0 0 13px;
    width: 79%;
}

.wizard > .content {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #ececec;
    margin: 0;
    margin: 0 0 0 20px;
    /*-webkit-box-shadow: -9px 0px 0px -4px rgba(235, 235, 238, 1);
    -moz-box-shadow: -9px 0px 0px -4px rgba(235, 235, 238, 1);
    box-shadow: -18px 0px 0px -7px rgba(239, 239, 239, 0.5);*/
}

.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 10;
}

    .wizard > .steps > ul > li {
        width: auto;
    }

.wizard > .content > .body {
    width: 100%;
    padding: 15px 30px;
    position: inherit;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #fff;
    color: #444;
    cursor: default;
    border-radius: 0;
    margin-right: 0;
    border: 1px solid #39f;
}

#editwizard .wizard > .steps .done a, #editwizard .wizard > .steps .done a:hover, #editwizard .wizard > .steps .done a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
    border-radius: 0;
    margin: 0;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #36f;
    color: #444;
    border: 1px solid #36f;
    border-radius: 0;
    border-bottom: none;
    margin-right: 0;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0px 2px;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    background: #f7f7f7;
    color: #999;
    border: 1px solid #f3f3f3;
}
/*.wizard > .actions > ul > li:hover{
	background: none repeat scroll 0 0 #2A4888;
    color: #FFFFFF;
}*/
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #dbdbdb;
    font-weight: 500;
    font-size: .9rem;
    margin: 0;
    border-radius: 0;
    color: #444;
}

.wizard > .steps > ul > li {
    width: auto;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
    border-radius: 0;
    margin: 0;
}

.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 23%;
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 0 0 0;
    width: 77%;
}

.wizard > .content {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #ececec;
    margin: 0;
    margin: 0 0 0 20px;
    /*-webkit-box-shadow: -12px 0px 0px -0px rgba(239, 239, 239, 0.5);
    -moz-box-shadow: -12px 0px 0px -0px rgba(239, 239, 239, 0.5);    
    box-shadow: -12px 0px 0px 0px rgba(239, 239, 239, 0.5);*/
}

.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10;
}

    .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
        background: #36f;
        color: #fff;
        border: 1px solid #7094ff;
        border-radius: 0;
        margin-right: 0;
        margin: 0 0 2px 0;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        display: block;
        width: auto;
        margin: 0 0 2px;
        padding: 1em 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 0;
        background: #f7f7f7;
        color: #999;
        border: 1px solid #f3f3f3;
    }

.large-12.columns.mandatoryp {
    color: #eb3739;
    padding: 10px 0 0 0;
    margin: 0;
}

    .large-12.columns.mandatoryp p {
        font-size: .8rem;
        margin: 0;
        padding: 0 0 0 15px;
    }

    .large-4.columns.mandatoryp {
    color: #eb3739;
    padding: 10px 0 0 0;
    margin: 0;
}

    .large-4.columns.mandatoryp p {
        font-size: .8rem;
        margin: 0;
        padding: 0 0 0 15px;
    }

 .large-8.columns.mandatoryp {
    color: #eb3739;
    padding: 10px 0 0 0;
    margin: 0;
}

    .large-8.columns.mandatoryp p {
        font-size: .8rem;
        margin: 0;
        padding: 0 0 0 15px;
    }

.finisht {
   text-align: right;
   color:orange;
}

.finisht > p {
   color:blue;
}

.finisht > p::before {
   font-family:"foundation-icons";
   content: "\f101";
   padding-right:4px;
   font-size:14px;
  display: inline-block;
}

li.disabled {
    font-size: 1rem;
    margin: 0 2px 4px 2px;
    font-weight: 400;
    position: relative;
    /* right: 6px; */
}
/*Footer 
footer {
    width: 100%;
    background-image: url(/content/img/footer_bg.png);
    background-repeat: repeat-x;
    height: 475px;
}

.footerimg {
    background-image: url(/content/img/footer.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 475px;
}
*/

@media only screen and (min-width: 40.063em) {
}

.formradio label {
    /*padding: 16px 15px;*/
    float: left;
    /*width: 90px;*/
}

.referralradio label {
    /*padding: 16px 15px;*/
    float: left;
    /*width: 90px;*/
}

input#ClaimingExemptionNo, input#ClaimingExemptionYes {
    float: left;
    /*margin: 0 11px 0 0;*/
    position: relative;
    top: 2px;
}

.wizard > .content > .body input {
    border: 0px;
}

nput.forminput:focus {
 border: 1px solid rgba(60, 100, 185, 1) !important;
}

.wizard > .content > .body input:focus, textarea:focus, select:focus { 
 border: 1px solid rgba(60, 100, 185, 1);
}

.postfixbox {
    padding: 0;
}

    .postfixbox span {
        padding: 17px 0 0 0;
        text-align: center;
        width: 100%;
        background-color: #f5f5f5;
        float: left;
        height: 49px;
        border: 1px solid #ececec;
    }

.nopadding {
    padding: 0px !important;
}

.formmultilistbox {
    height: auto;
    padding: 5px;
    font-size: 0.9rem;
    font-weight: 400;
    color: #444;
    background-color: #fefefe;
    border: 1px solid #ececec;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    -ms-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    -o-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    -moz-box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    box-shadow: inset 0 0 5px 0 rgba(50, 50, 50, .05);
    margin: 0 0 2px 0;
    max-height: 195px;
    overflow-y: auto;
}

    .formmultilistbox input[type=checkbox] {
        margin: 4px;
    }

input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

input.error::-webkit-input-placeholder {
    color: #8a1f11;
}

input.error:-moz-placeholder { /* Firefox 18- */
    color: #8a1f11;
}

input.error::-moz-placeholder { /* Firefox 19+ */
    color: #8a1f11;
}

input.error:-ms-input-placeholder {
    color: #8a1f11;
}

input[name="PostedItems.ItemIds"] {
}

.multi-Custodian-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-Custodian-divider:last-child {
        border-bottom: 0;
    }

.multi-Treasurer-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-Treasurer-divider:last-child {
        border-bottom: 0;
    }

.multi-Chairperson-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-Chairperson-divider:last-child {
        border-bottom: 0;
    }

.multi-BankOrDepositories-divider {
    border-bottom: 1px dashed #ddd;
}

    .multi-BankOrDepositories-divider:last-child {
        border-bottom: 0;
    }

.summarytitle, .success-title {
    border-bottom: 1px solid #ececec;
}

.summarylabel {
    background-color: #fcfcfc;
}

.summaryrightLable {
    color: #888;
}

.summaryleftLable {
    font-weight: 400;
    color: #555;
}

.delete-section-button {
    padding: 20px 0;
}

@-webkit-keyframes pulse_animation {
    0% {
        color: #000;
        background-color: #efefef;
        text-shadow: none;
        -moz-transition: background-color 700ms linear, color 700ms linear;
        -webkit-transition: background-color 700ms linear, color 700ms linear;
        -o-transition: background-color 1000ms linear, color 700ms linear;
        transition: background-color 1000ms linear, color 700ms linear;
    }

    50% {
        color: #fff;
        background-color: #6698cc;
        text-shadow: none;
    }

    100% {
        color: #000;
        background-color: #efefef;
        text-shadow: none;
        -moz-transition: background-color 700ms linear, color 700ms linear;
        -webkit-transition: background-color 700ms linear, color 700ms linear;
        -o-transition: background-color 1000ms linear, color 700ms linear;
        transition: background-color 1000ms linear, color 700ms linear;
    }
}

.pulse {
    -webkit-animation-name: 'pulse_animation';
    -webkit-animation-duration: 5000ms;
    -webkit-animation-iteration-count: 2;
}

.custom-error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
    font-size: 0.860rem;
    background: none;
    font-weight: normal;
}


/*stepper */

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
    font-size: 0.95rem;
}

table#DashBoard p {
    font-size: 0.9rem;
    margin-bottom: 0;
}

table {
    display: table;
    border-collapse: initial;
    border-spacing: 1px;
    border-color: none;
}

a.tiny.button.pull-right {
    font-size: .8rem !important;
    padding: 8px 18px !important;
    margin: 0 1px !important;
    position: relative !important;
    color: #fff !important;
    border: none !important;
}

.pull-right {
    float: right !important;
}

a.small.button.pull-right {
    font-weight: 200 !important;
    font-size: .9rem !important;
    margin: 20px 2px 0 0 !important;
    border-radius: 0 !important;
    padding: 12px 20px !important;
}

    a.small.button.pull-right:hover {
        text-decoration: none;
    }

.small.button.pull-right {
    font-weight: 200 !important;
    font-size: .9rem !important;
    margin: 20px 2px 0 0 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    height: 43px;
}

.btn-red {
    background-color: #ff3334 !important;
    color: #fff !important;
    border: 1px solid #ff3334 !important;
}

    .btn-red:hover {
        background-color: #fff !important;
        color: #ff3334 !important;
        border: 1px solid #ff3334 !important;
    }

.btn-blue {
    background-color: #6698cc !important;
    color: #fff !important;
    border: 1px solid #6698cc !important;
}

    .btn-blue:hover {
        background-color: #fff !important;
        color: #6698cc !important;
        border: 1px solid #6698cc !important;
    }

.btn-gray {
    background-color: #838383 !important;
    color: #fff !important;
    border: 1px solid #878787 !important;
}

    .btn-gray:hover {
        background-color: #fff !important;
        color: #838383 !important;
        border: 1px solid #878787 !important;
    }

.btn-green {
    background-color: #5da423 !important;
    color: #fff !important;
    border: 1px solid #5da423 !important;
}

    .btn-green:hover {
        background-color: #fff !important;
        color: #5da423 !important;
        border: 1px solid #5da423 !important;
    }

.icon-red, .icon-red:hover {
    color: #ff3334 !important;
}

.icon-blue, .icon-blue:hover {
    color: #6698cc !important;
}

.icon-dark-blue {
    color: #286191 !important;
}

.icon-dark-blue:hover{
    color: #6698cc !important;
}

input.search {
    box-shadow: 0 0 6px rgba(0, 0, 0, .1) inset;
    height: auto;
    width: 100%;
    text-align: right;
    font-size: 14px;
    border: none;
    background-color: #fcfcfc;
    padding: 11px 10px 11px 10px;
    color: #333;
    text-align: left;
}


ul.pagination li {
    outline: none;
}

input[type=radio] {
    float: left;
    position: relative;
    top: 2px;
}

a.imgfilesto {
    display: block;
    margin-left: 20px;
    width: 34px;
    height: 23px;
    background: url(/content/img/FileSTO.png);
    text-indent: -99999px;
}

    a.imgfilesto:hover {
        display: block;
        margin-left: 20px;
        width: 34px;
        height: 23px;
        background: url(/content/img/FileSTOHover.png);
        text-indent: -99999px;
    }

i.imgfiling {
    display: block;
    margin-left: 8px;
    width: 25px;
    height: 25px;
    background: url(/Content/img/E-Form_V2.png);
    text-indent: -99999px;
}

    i.imgfiling:hover {
        display: block;
        margin-left: 8px;
        width: 25px;
        height: 25px;
        background: url(/Content/img/E-Form_V1.png);
        text-indent: -99999px;
    }

    i.imgactive {
        display: block;        
        width: 20px;
        margin-right: 10px;
        height: 20px;
        float: left;
        background: url(/Content/img/Active.png);
        text-indent: -99999px;
        background-repeat:no-repeat;
        background-size:contain;
    }

    i.imgapproved {
        display: block;
        width: 20px;
        margin-right: 10px;
        height: 20px;
        float: left;
        background: url(/Content/img/Approved.png);
        text-indent: -99999px;
        background-repeat:no-repeat;
        background-size:contain;
    }

    i.imgpending {
        display: block;
        width: 20px;
        margin-right: 10px;
        height: 20px;
        float: left;
        background: url(/Content/img/Pending.png);
        text-indent: -99999px;
        background-repeat:no-repeat;
        background-size:contain;
    }

i.imgdecined {
    display: block;
    width: 15px;
    margin-right: 10px;
    height: 15px;
    float: left;
    background: url(/Content/img/delete_icon2.png);
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: contain;
}

/*.infotooltip > img {
    width: 24px;
    float: left;
    padding: 26px 0 0 0;
}

.f-dropdown {
    background: #eeeeee;
    border: solid 1px #cccccc;
    margin-top: 25px;
    max-width: 455px;
    right:10px;   
}*/

/*.panel.callout a:not(.button) > .f-dropdown li a {
    color: #555555;
}*/

.f-dropdown li a { /*Add for PDF/EXCEL/CSV/XML Link*/
    color: #555555 !important;
}

.infodropdown {
    display: none;
    float: left;
    padding: 7px;
    font-size: .8rem;
    font-weight: 400;
    border: 1px solid #ececec;
    color: #555;
    background: #f3f3f3;
    position: relative;
    top: 24px;
    left: 7px;
    margin-left: 5px;
}

.infodropdownright {
    display: none;
    float: right;
    padding:7px;
    font-size: .8rem;
    font-weight: 400;
    border: 1px solid #ececec;
    color: #555;
    /*background: #f3f3f3;*/
    background: #d0e3f4;
    position: absolute;
    top: auto;
    left: auto;
    margin-left: 17%;
    max-width:500px;    
    line-break:auto;
    line-height:2;
    z-index:1;
}

.infotooltip > img {
    width: 20px;
    padding: 30px 0 0 0;
    float: left;
}

.infotooltip > i {
    width: 20px;
    padding: 30px 0 0 0;
    float: left;
    color: #5e5d5d;
}


a.infotooltip:hover > .infodropdown {
    display: block;
}

a.infotooltip:hover > .infofilingdropdown {
    display: block;
}

a.infotooltip:hover > .infoscheduledropdown {
    display: block;
}




.infotooltipright > img {
    width: 20px;
    padding: 0 0 0 0;
    float: left;
}

.infotooltipright > i {
    width: 15px;
    padding: 0 0 0 0;
    float: right;
    color: #5e5d5d;   
}


a.infotooltipright:hover > .infodropdownright {
    display: block;
}

a.infotooltipright:hover > .infofilingdropdown {
    display: block;
}

a.infotooltipright:hover > .infoscheduledropdown {
    display: block;
}


.infotooltiph3 {
    width: auto;
    float: left;
    margin: 0 10px 0 0;
}

.arrow_box {
    position: relative;
    background: #f3f3f3;
    border: 1px solid #ececec;
}

    .arrow_box:after, .arrow_box:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #ececec;
        border-width: 7px;
        margin-top: -7px;
    }

    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #ececec;
        border-width: 7px;
        margin-top: -7px;
    }

.centered {
    margin-left: 25%;
}

.alert-box {
    margin-top: 1.25rem;
}

    .alert-box.success {
        background-color: #508d1e;
        border-color: #508d1e;
        color: #fff;
        border: 1px solid #333;
    }

.grid_Loading {
    position: absolute;
    /*background-color: rgba(256,256,256,0.6);*/
    background-color: transparent;
    width: 85%;
    z-index: 100;
}

    .grid_Loading img {
        position: relative;
        left: 45%;
        top: 45%;
        width: 65px !important;
    }

.grid_Loading_report {
    position: absolute;
    background-color: transparent;
    width: 96%; /*Changed from 95px to 96px for alignment issue on 29/01/2015*/
    z-index: 100;
}

    .grid_Loading_report img {
        position: relative;
        left: 45%;
        top: 45%;
        width: 65px !important;
    }

.dataTables_processing {
    position: relative;
    top: 400px;
}


.top-link {
    border: 1px solid #f3f3f3;
    height: 53px;
    background: #f9f9f9;
    border-radius: 3px;
    padding: 17px 0 0 0;
}

.top-link-new {
    border: 1px solid #f3f3f3;
    height: 34px;
    background: #f9f9f9;
    border-radius: 3px;
    padding: 7px 0 0 0;
}

.notification {
    width: 15px;
    float: right;
    margin-top: 25px;
}

.countCircle {
    max-height: 20px;
    padding: 1px;
    float: none;
    width: auto;
    top: -7px;
    left: 25px;
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .countCircle {
    max-height: 20px;
    padding: 1px;
    float: none;
    width: auto;
    top: -45px;
    left: 14px;
}
}

div.dataTables_filter input {
    margin: 0 0 0 10px;
    width: 300px !important;
}

.arrow-box-bottom {
    position: relative;
    background: #fff;
}

    .arrow-box-bottom:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #7094ff;
        border-width: 11px;
        margin-top: -30px;
    }

    .arrow-box-bottom:after, .arrow-box-bottom:before {
        left: 99.8%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

#notificationDashboard > .content {
    background: #fff;
    border-radius: 0;
    border: 0 !important;
    margin: 0;
    margin: 20px 0 0 0;
}

.arrow-box-bottom:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #36f;
    border-width: 11px;
    margin-top: -3px;
    margin-left: -10px;
}

.arrow-box-right {
    position: relative;
    background: #fff;
}

    .arrow-box-right:after, .arrow-box-right:before {
        left: 99.8%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow-box-right:after {
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #36f;
        border-width: 10px;
        margin-top: -11px;
    }

    .arrow-box-right:before {
        border-color: rgba(194, 225, 245, 0);
        border-left-color: #7094ff;
        border-width: 11px;
        margin-top: -12px;
    }

.success-content {
    height: 361px;
}

.success-detail p {
    padding: 16px 0 0 0;
    color: #555;
    font-size: 18px;
    font-weight: 300;
}

.success-detail img {
    float: left;
    padding: 18px 14px 0 7px;
}

.signup {
    float: right;
    position: relative;
    top: 163px;
    right: 122px;
}

.para-left-padding {
    margin: 0 0 0 3.2rem;
}

.para-left-paddingA7 {
    margin: 0 0 0 16rem;
}

.size-12 {
    font-size: 12px;
}

.size-14 {
    font-size: 14px;
}

.size-16 {
    font-size: 16px;
}

.size-18 {
    font-size: 18px;
}

.size-21 {
    font-size: 21px;
}

.size-24 {
    font-size: 24px;
}

.size-36 {
    font-size: 36px;
}

.size-48 {
    font-size: 48px;
}

.size-60 {
    font-size: 60px;
}

.size-72 {
    font-size: 72px;
}

#CustodianMainContent thead, #TreasurerMainContent thead, #ChairpersonMainContent thead, #BankMainContent thead {
    display: none;
}
/* model css*/

.reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 55.5556rem;
    right: 0;
    width: 32% !important;
}

.reveal-modal, dialog {
    background-color: #fff;
    border: 1px solid #666;
    border-bottom-left-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    border-top-left-radius: 3px 3px;
    border-top-right-radius: 3px 3px;
    display: none;
    left: 0;
    padding: .2rem;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 1005;
}

.reveal-help-modal {
    background-color: #fff;
    border: 1px solid #666;
    border-bottom-left-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    border-top-left-radius: 3px 3px;
    border-top-right-radius: 3px 3px;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 1005;
}

    dialog .close-reveal-modal, .reveal-modal .close-reveal-modal, .reveal-help-modal .close-reveal-modal {
        top: 0;
    }

/* Toggle Switch */

.alert-box.secondary {
    width: 14em !important;
}

/*.switch-toggle input + label {
	color: #fff;
}*/
.switch-toggle {
    height: 34px !important;
    padding: 2px !important;
    outline: none;
}

    .switch-toggle:hover {
        background-color: #fff;
        color: #838383;
        border: 1px solid #878787;
    }

.toggle_active {
    color: #fff !important;
}

.delete_alert {
    background: #f5f5f5;
    padding: 0;
}

@-moz-document url-prefix() { /*Firefox Alignment*/
    .delete_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop ContributionLimit Popup in FireFox on 30/01/2015*/
    }
}

.delete_alert h4 {
    color: #fff;
    font-size: .9rem;
    margin: 0;
    padding: .7rem 0 .7rem 1rem;
    background: #6698cc;
}

.delete_alert p {
    margin: 1rem;
    font-size: .8rem;
    color: #444;
}

.delete_alert_btn {
    padding: 5px 3px; /* Included for yes btn right allignment 12.01.2015*/
    padding-top: 4px;
}

i.close-reveal-modal.fi-x {
    font-size: 17px;
    color: #fff;
    top: 8px;
}

.Edit_Summary {
    padding: 10px 0 0 0;
}

    .Edit_Summary span, .Edit_Summary i {
        padding: 0 0 0 2px;
        color: #333;
    }

table.Summarytable {
    font-family: "roboto","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    border: none;
    margin: 10px 0 0 0;
}

    table.Summarytable th {
        background-color: #e3e3e3;
        font-weight: 500;
    }

    table.Summarytable td {
        color: #888;
    }

    table.Summarytable tr:nth-child(odd) {
        background: #f6f6f6;
    }

    table.Summarytable tr:nth-child(even) {
        background: #fcfcfc;
    }

    table.Summarytable th, td {
        height: 29px;
        border-bottom: 1px solid #fff;
    }

.btn:disabled {
    opacity: .5;
}


/*Sprint 2*/
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-top: none;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #f3f3f3;
    border: 1px solid #f0f0f0;
}

.accordion .accordion-navigation, .accordion dd {
    margin-bottom: 2px !important;
}

.report {
    margin: 0 10px 0 0;
}

.accordion-content h6 {
    color: #333;
}

.accordion-content p {
    color: #777;
}

.accordion .accordion-navigation > a, .accordion dd > a {
    background: #d0e3f4;
}

    .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #91bce3;
        text-decoration: none;
    }

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #d0e3f4;
}

.norightpadding {
    padding-right: 0;
}

.summaryreport {
    padding: .5625rem 0;
    font-size: .95rem;
}

.reportlabel {
    padding: 12px 0 12px 0;
    font-size: 1rem;
}

.reportpostfixbox {
    padding: 0 !important;
}

    .reportpostfixbox span {
        padding: 0;
        padding: 11px 0 0 0 !important;
        text-align: center;
        width: 100%;
        background-color: #f5f5f5;
        float: left;
        height: 49px;
        border: 1px solid #ececec;
    }

.reportmandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    top: 22px;
    left: 12px;
}

.refreportmandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    top: 0px;
    left: 0px;
}

.reporthead h5 {
    font-size: 1rem;
    padding: 15px 0 10px 12px;
    font-weight: 500;
}

.account span {
    display: inline-block;
    position: relative;
    width: 7px;
    height: 4px;
    background: url(/Content/img/arrow.png);
    left: 4px;
    bottom: 3px;
}

.account {
    position: relative;
    bottom: 8px;
    padding: 0 2rem 0 0;
}

    .account a {
        color: #333;
    }

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

.fi-torso-business {
    padding: 0 .4rem 0 0;
}

.f-dropdown {
    outline: none;
}

@media only screen and (max-width: 40em) {
    .norightpadding {
        padding-right: .9375em;
    }
}

@media only screen and (min-width:41em) {
}

.js-float-label-wrapper label {
    top: 0;
    left: 1.6em;
}

.js-float-label-wrapper.focused label, .js-float-label-wrapper.populated label {
    opacity: .8;
    font-size: .75em;
}

.js-float-label-wrapper-numeric.populated input {
    padding-top: 1em;
}

.js-float-label-wrapper-numeric label {
    left: .6em;
}

form .row .row {
    margin-left: -.9375em;
    margin-right: -.9375em;
    margin-top: 0;
    margin-bottom: 0;
}

    form .row .row .column, form .row .row .columns {
        padding-left: .9375em;
        padding-right: .9375em;
    }

.filingsummary {
    min-height: 50px;
}

.filingsummary-value {
    font-weight: bold;
}

.filingmandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    left: 14px;
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .filingmandatory {
        width: 2px;
        height: 48px;
        background: #eb3739;
        position: absolute;
        color: #eb3739;
        opacity: .8;
        left: 12px;
    }
}

.infofilingdropdown {
    display: none;
    float: left;
    padding: 7px;
    font-size: .8rem;
    font-weight: 400;
    border: 1px solid #ececec;
    color: #555;
    background: #f3f3f3;
    position: relative;
    top: -10px;
    left: 15px;
    margin-left: 5px;
}

.infoscheduledropdown {
    display: none;
    float: left;
    padding: 5px;
    font-size: .8rem;
    font-weight: 400;
    border: 1px solid #ececec;
    color: #555;
    background: #f3f3f3;
    position: relative;
    top: 24px;
    left: 7px;
    margin-left: 5px;
}

.summaryborder {
    padding: .2em .25em .15em;
    border-radius: .1em;
}

.summaryborderleft {
    border-left: solid .08em #eee;
}

.summaryborderright {
    border-right: solid .08em #eee;
}

.summarybordertop {
    border-top: solid .08em #eee;
}

.summaryborderbottom {
    border-bottom: solid .08em #eee;
}

.text-align-right {
    text-align: right;
}

div.dataTables_length select {
    height: 35px;
    width: 59px;
    font-size: .8em;
}

.delete_alert_btn_schedule { /*Changed from 37px to 36px 12.01.2015*/
    padding: 36px;
}

.no-btn {
    top: 99px !important;
    right: 77px !important;
}

@-moz-document url-prefix() { /*Firefox Alignment*/
    .no-btn {
        top: 99px !important;
        right: 81px !important;
    }
}

.yes-btn {
    top: 99px !important;
    right: 3px !important; /*For Schedules Popup Yes-btn 12.01.2015*/
}

.reveal-help-modal {
    left: 0;
    margin: 0 auto;
    max-width: 55.5556rem;
    right: 0;
}

.help_alert_header h4 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: .7rem 0 .7rem 1rem;
    background: #6698cc;
}

.help_alert b {
    font-size: 13px;
}

.help_alert p {
    font-size: 13px;
}

.help_alert li {
    font-size: 13px;
}

.help_btn {
    top: -11px !important;
    right: -5px !important;
}

.schedule_des b {
    margin-left: 6.2px !important;
    font-size: 12px;
    position: absolute;
    top: 32px;
}

button.export, .button.export {
    background-color: #e9e9e9;
    border: 1px solid #e8e3e3;
    color: #333333;
    padding: 2px 0px 5px 10px;
}

    button.export.small:after, .button.export.small:after {
        border-color: #303030 transparent transparent transparent;
    }

.usernameLabel {
    font-size: 12px;
    margin-top: -15px;
    text-align: center;
}

div#schedule_filter a {
    background-image: url(/content/img/add_icon.png);
    width: auto;
    height: auto;
    font-size: 1rem;
    color: #444;
    float: right;
    padding: 20px 0 0 0;
    background-repeat: no-repeat;
    background-position: 1px 20px;
    text-indent: 22px;
}

.switch-ios input:checked + label {
    color: #fff !important;
}

.switch-ios.switch-toggle a {
    background-color: #36f !important;
}

.switch-ios a {
    outline: none !important;
}

.tabs dd.active a, .tabs .tab-title.active a {
    background: #36f;
    color: #fff;
    border: 1px solid #7094ff;
    border-radius: 0;
    margin-right: 0;
    margin: 0 0 2px 0;
}

.tabs dd > a, .tabs .tab-title > a {
    background: #fff;
    color: #444;
    cursor: default;
    border-radius: 0;
    margin-right: 0;
    border: 1px solid #39f;
}

.tabs {
    line-height: .5;
}

.filinghistoryleftlabel {
    font-weight: bold;
    color: #555;
    padding: 0 !important;
}

.filinghistoryrightlabel {
    color: #888;
    padding: 0 !important;
}

.margin-left-5px {
    margin-left: 5px !important;
}

a.onlinefiling {
    color: #2ba6cb;
}

.warning_alert {
    background: #f5f5f5;
    padding: 0;
}

@-moz-document url-prefix() { /*Firefox Alignment*/
    .warning_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop ContributionLimit Popup in FireFox on 30/01/2015*/
    }
}

.warning_alert h4 {
    color: #fff;
    font-size: .9rem;
    margin: 0;
    padding: .7rem 0 .7rem 1rem;
    background: #8a1f11;
}

.warning_alert p {
    margin: 1rem;
    font-size: .8rem;
    color: #444;
}

.warning_alert_btn {
    padding: 6px;
}

.summaryLabelSpace {
    margin-left: 16px;
}

.detailSummaryLabelSpace {
    margin-left: -11px;
}

textarea.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

i.disabled {
    color: #e4e3e3;
}

.titleCapturelable {
    color: #888;
    font-size: 1rem;
}

.filingsummaryleftlabel {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
}

.notifysummaryleftlabel {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
    line-height: .8rem !important;
}

.notifysummaryrightlabel {
    color: #888;
    padding: 0 !important;
    line-height: .8rem !important;
}

.summarytopleftlabel {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
    margin-top: .5em !important;
}

.reftopleftlabel {
    font-weight: 400;
    font-size: 1.025rem;
    color: #20394f;
    padding: 0 !important;
    margin-top: .5em !important;
}

.reftoprightlabel {
    font-size: 1.025rem;
    color: #888;
    padding: 0 !important;
    margin-top: .5em !important;
}

.summarytoprightlabel {
    color: #888;
    padding: 0 !important;
    margin-top: .5em !important;
}

.notifysummarylabeltl {
    font-weight: 400;
    color: #555;
    padding: 0 !important;
    margin-top: .5em !important;
    margin-bottom: .7rem !important;
}

.notifysummarylabeltr {
    color: #888;
    padding: 0 !important;
    margin-top: .5em !important;
    margin-bottom: .7rem !important;
}

.gallery {
    list-style-type: none;
    margin: 0 10px;
    padding: 0;
}

    .gallery > li {
        border: 1px solid #368ee0;
        float: left;
        margin: 1px 0 0 1px;
        position: relative;
        cursor: pointer;
    }

        .gallery > li .extras:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .gallery > li .extras {
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            background: none repeat scroll 0% 0% rgba(0, 0, 0, .8);
            /*display: none;*/
            width: 100%;
            height: 100%;
        }

.scan-image div.extras {
    visibility:hidden;
}

.scan-image:hover div.extras {
    visibility:visible;
}

.deleteScanImage{
    position:absolute;
    top:35%;
    left:45%;
    color:red;
}

.divider > h5 {
    padding-bottom: 9px;
    margin: 0 0 20px 10px;
    border-bottom: 1px solid #eee;
}

.divider-page {
    margin: 10px 0 10px 10px;
    border-bottom: 1px solid #eee;
}

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}

.pad20 {
    padding: 13px 0;
    box-shadow: 0 1px 10px #ccc;
    content: 'x';
    display: block;
    width: 100%;
}

.pad5 {
    padding: 5px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad-top-30 {
    padding-top: 30px;
}

.pad10-left {
    padding-left: 10px;
}

.zone-branding-wrapper-top {
    border-top: 5px solid #ccc;
}

.div30 {
    height: 30px;
}

.div20 {
    height: 20px;
}

.shadow-top {
    box-shadow: 0 1px 10px #ccc;
    content: 'x';
    display: block;
    width: 100%;
}

.bnone {
    border-style: none;
}



.shadow {
    /* box-shadow: 0px 12px 4px #ccc; */
}

.header-title {
    padding-left: 100px;
    margin-top: 5px;
}

.logo-img-custom {
    float: left;
    position: relative;
    top: 18px;
    margin: 0 10px 0 10px;
}

    .logo-img-custom img {
        width: 100px;
    }

.anchor-black a {
    color: #444 !important;
    font-size: 12px;
    padding-right: 10px;
}

    .anchor-black a:hover {
        color: #444 !important;
        font-size: 12px;
        text-decoration: none;
    }

.no-butn {
    top: 99px !important;
    right: 80px !important;
}

.no-bttn {
    top: 99px !important;
    right: 77px !important;
}

/*.clearfix-custom:before, clearfix-custom:after {
    display:block;
}*/

.summarymandatory {
    width: 2px;
    height: 48px;
    background: #eb3739;
    position: absolute;
    color: #eb3739;
    opacity: .8;
    top: 0;
    left: -2px;
}

::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999 !important;
}

::-moz-placeholder {
    color: #999 !important;
}

:-ms-input-placeholder {
    color: #999 !important;
}

@-moz-document url-prefix() {
    .delete_alert_btn {
        padding: 6px;
        padding-top: 3px;
    }
}

@-moz-document url-prefix() {
    .delete_alert_btn_schedule {
        padding: 36px;
    }
}

@-moz-document url-prefix() {
    .yes-btn {
        top: 99px !important;
        right: 4px !important;
    }
}

@-moz-document url-prefix() {
    .no-butn {
        top: 99px !important;
        right: 84px !important;
    }
}

@-moz-document url-prefix() { /*Alignment fix for ManageReporting Period PopUp Button schedules Firefox*/
    .no-bttn {
        top: 99px !important;
        right: 76px !important;
    }
}

@-moz-document url-prefix() { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Firefox*/
    .no-cont-btn {
        background-color: #838383 !important;
        color: #fff !important;
        border: 3px solid #878787 !important;
    }
}

@-moz-document url-prefix() { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Firefox*/
    .no-cont-btn:hover {
        background-color: #fff !important;
        color: #838383 !important;
        border: 3px solid #878787 !important;
    }
}

@-moz-document url-prefix() { /*06-03-2015 Scroll fix for contact picker in Firefox that blocks the screen*/
    .reveal-scroll {
        height: 600px !important; 
        overflow: auto;
    }

    .reveal-contact-duplicate-scroll {
        height: 25rem !important; 
        overflow: auto;
    }

    .duplicateContactAlert{
        left: 0;
        margin: 0 auto;
        max-width: 67.556rem;
        right: 0;
        width: 100% !important;
        max-height:45rem !important;
     }
}

.no-cont-btn:hover { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Firefox*/
    background-color: #fff !important;
    color: #838383 !important;
    border: 4px solid #878787 !important;
}

.no-cont-btn { /*27-01-2015 Alignment fix for Contribution Limit Warining PopUp Button schedules Chrome*/
    background-color: #838383 !important;
    color: #fff !important;
    border: 4px solid #878787 !important;
}

/*custom code - 23-12-2014*/
ul {
    margin-left: 0;
}

.dcBar {
    padding: 0 10px;
}

.pad-bottom {
    padding: 0 10px;
}

h1.agency-title {
    font-size: 1em;
    line-height: 40px;
}

/*Mobile Custom css */

h1 {
    font-size: 2em;
    line-height: 32px;
}

    h1.agency-title {
        max-width: 75%;
        margin-bottom: 10px;
        padding-top: 10px;
    }

}

.top-bar-section .has-dropdown {
    margin-top: 2px;
}

.clearfix:after {
    display: inline-block;
}

.zone-branding-wrapper-top {
    height: 70px;
}

.datepicker-wapper {
    position: relative;
}

span.deleteicon:after {
    content: "X";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #967e7e;
    z-index: 1;
    right: 1%;
    top: 0;    
    margin: auto;
    margin-top : 17px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    box-shadow: 0 0 2px #ad9191;
    cursor: pointer;
    padding: 1px;
}

.zone-branding-wrapper {
    line-height: 10px;
}

::-ms-clear {
    display: none;
}


@media only screen and (min-width : 1224px) {
    h1 {
        font-size: 2em !important;
    }

    .pad {
        img;

{
    width: 100%;
}

}
}

@media only screen and (max-width:1223px) {
    h1 {
        font-size: 1.5em !important;
    }
}

@media only screen and (max-width:980px) {
    h1.agency-title {
        visibility: hidden;
        line-height: 20px;
    }
}

@media only screen and (min-width: 40.063em) {
    h1 {
        font-size: 2em;
        line-height: 50px;
        padding-top: 15px;
    }
}

@media only screen and (max-width:800px) and (min-width:600px) {
    .box-flip .front {
        width: 75%;
    }

    .box-flip .back {
        width: 75%;
    }
}

@media only screen and (max-width:600px) and (min-width:400px) {
    .box-flip .front {
        width: 55%;
    }

    .box-flip .back {
        width: 55%;
    }
}

@-moz-document url-prefix() {
    .countCircle {
        max-height: 20px;
        padding: 1px;
        float: none;
        width: auto;
        top: -5px;
        left: 28px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .countCircle {
        max-height: 20px;
        padding: 1px;
        float: none;
        width: auto;
        top: -5px;
        left: 28px;
    }
}
/*alert width for alert warning*/
.contributionAlert-width {
    left: 0;
    margin: 0 auto;
    max-width: 55.5556rem;
    right: 0;
    width: 100% !important;
}

.reveal-contact-duplicate-scroll {
    height: 25rem !important; 
    overflow: auto;
}

.duplicateContactAlert {
    left: 0;
    margin: 0 auto;
    max-width: 67.556rem;
    right: 0;
    width: 100% !important;
    max-height:45rem !important;
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .reveal-help-modal {
        left: 230px;
        margin: 0 auto;
        max-width: 55.5556rem;
        right: 0;
    }
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .warning_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop ContributionLimit Popup in IE on 21/02/2015*/
    }
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .delete_alert {
        background: #f5f5f5;
        padding: 0;
        position: fixed; /*placed for ScrollTop Delete Confirmation Popup in IE on 21/02/2015*/
    }
}

@media screen and (min-width:0\0) { /* Specific style for IE9 and above */
    .reveal-scroll {
        height: 600px !important; 
        overflow: auto;
    }

     .reveal-contact-duplicate-scroll {
        height: 25rem !important; 
        overflow: auto;
    }

 .duplicateContactAlert{
        left: 0;
        margin: 0 auto;
        max-width: 67.556rem;
        right: 0;
        width: 100% !important;
        max-height:45rem !important;
     }
}

/* End Mobile Custom Css */

/* Light switcher */
.shadow-content {
    background-image: url(/Content/img/shade1x1.png);
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

.active-container {
    position: relative;
    z-index: 102;
    background-color: white;
    margin: 10px;
    padding-bottom: 10px;
}

#container {
    width: 960px;
    margin: 0px auto;
    text-align: left;
    overflow: hidden;
    position: relative;
}
/* Light switcher */

.width100 {
     width:100%;
}


.f-dropdown > .user-info > p {
    text-align:left;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: inherit;
    color:#20394F;
}

.f-dropdown > h5 {
    text-align:left;
    text-decoration:underline;
    font-weight:bold;
    font-size:12px;
    line-height:inherit;
    margin-bottom:5px;
    color:#20394F;
    text-transform: uppercase;
}

.zindex {
 z-index: 500 !important;
}

.recalculate{
    width:98%;
    padding-top:6px !important;
    height:48px;
    text-align:center;
}

.letterPreview{
    background-color:#F5F5F5 !important;
    border:none !important;
}

.sent-email-preview{
    background-color:#F5F5F5 !important;
    border:none !important;
    height:350px;
    overflow-y: auto;
}
.smalldropdown {
    width:99%;
}

li.header-link-no-menu > a.email-alert{
    padding:0px;
    border-radius: 10px;
    background-color: #175589 !important;
}

.summaryheading {
    font-weight : bold;
}

.secondary-label{
    background-color:#eb3739;
    color:#FFFFFF;
    white-space:normal;
    text-align:left;
    font-size:0.95em;
    line-height:1.5;
    text-transform:unset;
}

.button-group-contact {
  position: relative;
  display: inline-block;
  z-index: 99998;
  margin: 1rem 0; }
  .button-group-contact button:after {
    content: attr(data-grouptype);
    z-index: 99999;
    color: #999;
    display: block;
    font-size: 1rem;
    padding: 0.25em;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 97%;
    top: 20%; }
    .button-group-contact :last-child:after {
        background-color:transparent;
    }
  .button-group-contact button + button {
    margin-left: 5px; }

  ul.list-info-radio {
    margin-top:10px;
    margin-left: 0; }
    ul.list-info li,
    ul.list-info li ol {
      margin-left: 1rem;
      margin-bottom: 0;
      font-size:0.9em;
      list-style-type: none; }

ul.list-info {
    margin-top:10px;
    margin-left: 0; }
    ul.list-info li,
    ul.list-info li ol {
      margin-left: 1rem;
      margin-bottom: 0;
      font-size:0.9em;
      list-style-type: none; }


.cursor-pointer{
    cursor:pointer;
}

td.details-control {
background: url('/Content/img/details_open.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
    background: url('/Content/img/details_close.png') no-repeat center center;
}

ul.schedule-template {
    font-size:11px;
    border: 1px solid #6698cc !important;
    border-radius: 3px;
}

.schedule-template .f-dropdown:after {
    content: "";
    display: block;
    border: inset 7px;
    border-color: transparent transparent #6698cc transparent;
    position: absolute;
    top: -14px;
    right: 20px;
}

#templateDropdown li:not(.has-form):hover > a:not(.button) {
    cursor: pointer;
    font-size:12px;
    background-color: #e1edfa !important;
    text-decoration: none;
}

#templateDropdown ul li > a, .schedule-template ul li > a:hover {
    background-color: #fff !important;
    color: #175589 !important;
    text-decoration: none;
}

#templateDropdown li > a {
    background-color: #fff !important;
    font-size: 12px;
    color: #175589 !important;
}

.para-txt-padding {
     padding: 13px 13px 13px 0 !important;
     line-height: 1.25 !important;
       color:#0a4958 !important;
 }
 
.sur-vey-block {
    /*background-color: rgba(208,227,244,0.50) !important;*/
    background-color:rgba(148,198,147,0.85) !important;  
 }
/*Modal popup for feedback*/

.modalDialogfb {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.29);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialogfb:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialogfb > div {
	width: 600px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border: 10px solid #7b7b7b ;
	background: #fff;
}
.closefb {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -3px;
	text-align: center;
	top: -4px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.closefb:hover { background: #F44336; }
.modalCon-tent>h3 {
     margin-top: 10px !important;
     margin-bottom: 5px !important;
     padding:0 !important;
     color: #2b4887;
}
.modalCon-tent>img {
   
    margin-top: 15px !important;
}
.modalCon-tent>p {
    margin-top: 5px !important;
    /*font-family: roboto;*/
}

.modalCon-ton {padding-left: 95px;}

.alert-box.thnku {
    background-color: #C8F7C5;
    border-color: #99c596;
    color: #4f4f4f;
    font-size:12pt;
}
.alert-box.thnku>a {
    font-size:12pt;
}

.width-100{
    width:100% !important;
    margin: 0 auto;
     
}

.width-200{
    width:200% !important;   
    margin: 0 auto;    
}

.padding-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/*
    Manage Committee action row - Import ANC Registrations and Add Committee.

    div#example_filter a is shared by about forty screens, so none of it is touched.
    Every rule here carries .committee-actions as well, which is what gives it the
    weight to win over the id selector - no !important is involved - and what keeps
    the change to the one row that opts in.

    What the shared rule does, and what has to be undone here to get the three fixes:

      padding: 33px 0 0 0   was the only spacing the row had. It sat on the links
                            rather than the row, so there was nothing underneath and
                            the grid started immediately after the text. The row now
                            owns its spacing and the links carry none.

      float: right          left the row zero-height, so padding on it would not have
                            held. Dropping the float lets the row size to its content
                            and makes padding-bottom real. The links are right-aligned
                            by text-align instead, which lands them where the float put
                            them at every width; the markup now lists Import first,
                            since floating right had been reversing the pair on screen.

      text-indent: 22px     indents the first line, so the + sat at the top of a block
      background-position   the browser measured from the baseline down. A gutter of
        1px 33px            padding with the sprite centred in it puts the + on the
                            text's own centre line, which is what holds at any zoom.
*/
div#example_filter.committee-actions {
    padding: 30px 0 20px 0;
    text-align: right;
    line-height: normal;
}

/*
    vertical-align is the one that is easy to miss. An inline-flex box takes its
    baseline from its first item, so Import would take the icon's and Add Committee
    its own text's, and two different fonts gave the pair a half-pixel of stagger.
    Both links measure the same height, so aligning on the middle instead settles
    them on exactly the same line.

    The gap between the actions is the 20px here plus the space the markup's own
    newline renders as, these being inline-level boxes - about 24px on screen.
*/
div#example_filter.committee-actions a {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    float: none;
    padding: 0 0 0 22px;
    margin: 0 0 0 20px;
    background-position: left center;
    text-indent: 0;
    line-height: 1.2;
    white-space: nowrap;
}

/* The gap belongs between the actions, not before the first of them. */
div#example_filter.committee-actions a:first-of-type {
    margin-left: 0;
}

/*
    Import carries a real icon, so it wants neither the + sprite nor the gutter the
    sprite needs. fi-upload is the same icon the Referrals screen uses for its upload
    control, and the font is already on the page.
*/
div#example_filter.committee-actions a.committee-actions-import {
    background-image: none;
    padding-left: 0;
}

/* align-items on the link centres the icon; this is only the gap after it. */
div#example_filter.committee-actions a.committee-actions-import i {
    margin-right: 7px;
    line-height: 1;
}

.bg-green {
    background-color: lightgreen !important;
}