/* ****************************** */
/* GENERAL APPLICATION            */
/* ****************************** */
body {

}

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    font-weight: 400 !important;
}

main {
    margin-top: 170px;
}

table {
    border-collapse: collapse;
    border: none;
    margin-bottom: 15px;
}

.floatingHeader {
    position: fixed;
    top: 0;
    visibility: visible;
    background-color: white;
    z-index: 1;
    border-bottom: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.floatingFooter {
    position: fixed;
    bottom: 0;
    visibility: visible;
    background-color: white;
    z-index: 1;
    border-bottom: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

input[type="image"] {
    background: transparent none;
    border: none;
    padding: 0;
}
input[type="radio"]:focus, input[type="checkbox"]:focus{
    outline: #85B2CB solid 2px ;
    outline-offset: 0.6px;
} 

img {
    border: none;
}

a {
    text-decoration: none;
    color: blue;
}

a:hover {
    text-decoration: underline;
}

a:focus,
.dropdown-toggle:focus {
    outline-offset: 1px !important;
}
.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
}

#pageContent:focus {
    outline: none;
}

#globalMessages ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.fa-size-1 {
    font-size: 15px !important;
}

.fa-size-2 {
    font-size: 19px !important;
}

.fa-size-3 {
    font-size: 30px !important;
}

.fa-size-4 {
    font-size: 40px !important;
}

.fa-size-5 {
    font-size: 55px !important;
}

.globalMessageError {
    background: url("../resources/img/ico_error.png") no-repeat scroll 6px 50% #FFDDDD;
    border: 1px solid #FF0000;
    display: block;
    font-weight: bold;
    /*margin: 2px auto 14px;*/
    padding: 6px 6px 6px 30px;
    text-align: left;
}

.globalMessageInfo {
    background: url("../resources/img/ico_info.png") no-repeat scroll 6px 50% #DFF4FF;
    border: 1px solid #A7CEDF;
    color: #34404F;
    display: block;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 30px;
    text-align: left;
}

.globalMessageInfoMinimal {
    background: url("../resources/img/ico_info.png") no-repeat scroll 6px 70%;
    color: #34404F;
    display: block;
    padding: 10px 0px 0px 30px;
    text-align: left;
}

.globalMessageErrorNoIcon {
    border: 1px solid #FF0000;
    display: block;
    font-weight: bold;
    margin: 0px 0px 0px 6px;
    padding: 6px 6px 6px 6px;
    text-align: left;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
/*fa fa-exclamation-circle*/
.globalMessageErrorNoIcon:before {
    content: "\f06a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    position: static;
    top: 10px;
    left: 0;
}

.globalMessageInfoMinimalNoIcon {
    color: #34404F;
    display: block;
    padding: 6px 0px 0px 6px;
    text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*fa fa-bell */
.globalMessageInfoMinimalNoIcon:before {
    content: "\f0f3";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    position: static;
    top: 10px;
    left: 0;
}

.globalMessageWarnNoIcon {
    border: 1px solid #FFCC00;
    display: block;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 6px;
    text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*fa fa-exclamation-triangle  */
.globalMessageWarnNoIcon:before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    position: static;
    top: 10px;
    left: 0;
}

ul[id="inputForm:globalMessage"] {
    margin:0;
}
    

.globalMessageWarn {
    background: url("../resources/img/ico_warn.png") no-repeat scroll 6px 20% #FFFFCC;
    border: 1px solid #FFCC00;
    display: block;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 30px;
    text-align: left;
}


.dbf_formContainer {
    border: 1px solid black;
}

.infoTextStyle {
    display:none;
}

.infoTextIcon {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dbf_headerButton {
    margin-right: 20px;
    margin-top: 10px;
    float: left;
}

.dbf_applicationButton {
    margin-right: 20px;
    margin-bottom: 20px;
}

.validationErrorMessage {
    color:#DD3030;
    font-style: italic;
    padding: 0px 5px;
    font-weight: normal;
}

.invalidInput {
    border: 1px solid red !important
}

.dbf_headerLeft {
   float: left;
}

.formHeaderTable {
    width: 100%;
}

.formHeaderCol1 {
    background-color: #dddddd;
    width: 99%;
    border:2px solid white;
}

.formHeaderCol2 {
    text-align: right;
    padding-left: 5px;
}

.noBulletsInList {
    list-style-type:none;
    padding: 0;
}



/* ****************************** */
/* VIEW: LOGIN                    */
/* ****************************** */
.section {
    display: block;
    margin-bottom: 30px;
}

.sectionHeader {
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.sectionText {
    display: block;
}


/* ****************************************/
/* VIEW: MY APPLICATIONS / PAYMENT SEARCH */
/* ************************************** */

.panel-heading:hover {
    cursor: pointer;
}

.panel-heading a {
    display: block;
    width: 100%;
}

.panel-heading a:hover span, .panel-heading:hover span, .panel-title a span:hover {
    text-decoration: underline;
    cursor: pointer;
}

.panel-title a:hover, .panel-title a:focus, .panel-title a:active {
    text-decoration: none !important;
}

.accordion-icon {
    margin-right: 10px;
    font-weight: 700;
    font-size: 14px;
}

.panel-title a i.accordion-icon:hover, .panel-title a i.accordion-icon:focus, .panel-title a i.accordion-icon:active {
    text-decoration: none !important;
}

.accordion-validation-info span {
    font-size: 14px;
}
.accordion-validation-info .badge {
    background-color: #a94442 !important;
    position: relative;
    top: -1px;
    font-size: 12px;
}
.applicationTable, .searchPaymentApplicationTable {
    border: 1px solid #b1b1b1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    background: url('../resources/img/bg_gradient_1px.png') left top repeat-x;
}

.applicationTable .col1, .applicationTable .col2, .applicationTable .col3, .applicationTable .col4, .applicationTable .col5 {
    vertical-align: top;
    padding-left: 5px;
    border-left: 1px solid #b1b1b1;
}
.applicationTable .col1 {
    width: 5%;
    border: none;
    text-align: center;
}
.applicationTable .col2 {
    width: 40%;
    color: #1d6791;
}
.applicationTable .col3 {
    width: 5%;
    text-align: center;
}
.applicationTable .col4 {
    width: 35%;
}
.applicationTable .col5 {
    width: 15%;
    color: #1d6791;
}

.searchPaymentApplicationTable .col1, .searchPaymentApplicationTable .col2, .searchPaymentApplicationTable .col3, .searchPaymentApplicationTable .col4, .searchPaymentApplicationTable .col5 {
    color: #1d6791;
    vertical-align: top;
    padding-left: 5px;
    border-left: 1px solid #b1b1b1;
}

.searchPaymentApplicationTable .col1 {
    text-align: center;
    vertical-align: text-top;
}

.searchPaymentApplicationTable .col2 {

}

.searchPaymentApplicationTable .col3 {

}

.searchPaymentApplicationTable .col4 {

}

.searchPaymentApplicationTable .col5 {

}

.paymentSearchField {
    width: 160px;
}


/* ****************************** */
/* VIEW: MY DETAILS               */
/* ****************************** */





/* ****************************** */
/* VIEW: APPLICATION SELECTOR     */
/* ****************************** */
.dbf_appSelectorUiIconFolderOpened {
    background: url('../resources/img/ico/folder_open.png') no-repeat !important;
    height: 20px !important;
    width: 25px !important;
    border-radius: 0px;
}

.dbf_appSelectorUiIconFolderClosed {
    background: url('../resources/img/ico/folder_closed.png') no-repeat !important;
    height: 20px !important;
    width: 25px !important;
    border-radius: 0px;
}

.dbf_appSelectorUiIconDocument {
    background: url('../resources/img/ico/document.png') no-repeat !important;
    height: 25px !important;
    width: 22px !important;
    border-radius: 0px;
}





/* ****************************** */
/* FORM FIELD COMPONENTS          */
/* ****************************** */
.nestedLayoutCompositeContainer {
    padding: 0px !important;
}

.labelHelpText {
    display:none;
}

.dbf_label {
    font-weight: bold;
    margin-top: 5px;
}

.dbf_textInputField {
    width: 500px;
}

div.dbf_fieldCounter {
    width: 500px;
    text-align: right;
    font-weight: bold;
    font-size: x-small;
    margin-top: -14px;
}

.dbf_dropDownMenu {
    width: 505px !important;
    font: 90% Arial, Helvetica, Verdana, sans-serif;
}

.dbf_cfar {
    width: 60px;
}

.dbf_zipCode {
    width: 41px;
}

.dbf_formField {
    margin-bottom: 10px;
}

.dbf_yearInputField {
    width: 40px;
}

.dbf_activityPlan {
    background-color: #dadada;
    width: 500px;
    border: 1px solid #828F95;
}

.dbf_activityPlan .dbf_activityText {
    width: 100%;
}
.dbf_activityPlan .dbf_startDate, .dbf_activityPlan .dbf_endDate, .dbf_activityPlan .dbf_cost {
    width: 100%;
}

.dbf_budget {
    border: 1px solid #828F95;
    background-color: #f7f7f7;
}

.dbf_budget .dbf_budgetType, .dbf_budget .dbf_budgetSpec {
    height: 25px;
    width: 165px;
}

.dbf_budget .dbf_budgetDesc {
    width: 165px;
}

.dbf_budget .dbf_budgetYear {
    display: block;
    width: 75px;
    padding-right: 5px;
    padding-top: 3px;
}

.dbf_budget .dbf_budgetSum {
    display: block;
    width: 100px;
    margin-top: 3px;
}

.dbf_budget .dbf_budgetTotalYear {
    display: block;
    width: 75px;
    padding-right: 5px;
    padding-top: 3px;
    font-weight: bold;
}

.dbf_budget .dbf_budgetTotalSum {
    display: block;
    width: 100px;
    margin-top: 3px;
    font-weight: bold;
}

.dbf_budget .dbf_budgetSumLabel {
    color: white;
    background-color: #828a8f;
    font-weight: bold;
    display: block;
}

table.dbf_radioButton {
    margin-bottom: 0;
}

.dbf_radioButton td {
    padding: 5px;
}

.dbf_employmentInfoSumField {
    display: block;
    width: 50px;
    margin-top: 2px;
}

.dbf_employmentInfoYearInputField {
    width: 40px;
}

.dbf_employmentInfoNumberInputField {
    width: 80px;
}

.fileUpload {
    width: 100%;
}

.attachmentsEvenRow {
    background-color: #EDEDED;
}

.attachmentsOddRow {
    background-color: #ffffff;
}

.attachmentHeaders {
    text-align: left;
    padding: 0px 10px;
}

.attachmentCol1 {
    padding: 0px 10px;
}

.attachmentCol2 {
    padding: 0px 10px;
    width: 100px;
}

.attachmentCol3 {
    padding: 0px 10px;
    width: 500px;
}

.attachmentCol4 {
    padding: 0px 10px;
}

.dbf_indicatorField {
    height: 27px;
    width: 200px;
    margin-right: 10px;
    padding-right: 25px;
    padding:20px;
}

.dbf_indicatorDropdown {
    width: 250px !important;
    font: 90% Arial, Helvetica, Verdana, sans-serif;
}

.dbf_indicatorExpectedResult {
    width: 250px;
}

.dbf_genderIndicatorList {
    width: 200px;
}

.dbf_genderIndicatorField {
    display: block;
    width: 100px;
    margin-top: 5px;
}

.dbf_modalInputField {
    width: 250px;
}

.dbf_modalCity {
    width: 168px;
}

.dbf_payTableHead, .dbf_payTableEmphasizeMiddleRow, .dbf_payTableEmphasizeBottomRow {
    font-weight: bold;
    border-bottom: 1px solid black;
    vertical-align: bottom;
}

.dbf_payTableEmphasizeMiddleRow {
    border-top: 1px solid black;
}

.dbf_payTableEmphasizeBottomRow {
    border-top: 1px solid black;
    border-bottom: none;
}

.dbf_payCol1 {
    width: 150px;
    padding: 5px;
}

.dbf_payCol2 {
    width: 200px;
    padding: 5px;
}

.dbf_payCol3 {
    width: 125px;
    text-align: right;
    padding: 5px;
}

.dbf_payCol4 {
    width: 125px;
    text-align: right;
    padding: 5px;
}

.dbf_payCol5 {
    width: 125px;
    text-align: right;
    padding: 5px;
}

.dbf_payCol6 {
    width: 100px;
    text-align: right;
    padding: 5px;
}

.dbf_payCol1_inc {
    width: 150px;
    padding: 5px;
}

.dbf_payCol2_inc {
    width: 200px;
    padding: 5px;
}

.dbf_payCol3_inc {
    width: 125px;
    text-align: right;
    padding: 5px;
    color:red;
}

.dbf_payCol4_inc {
    width: 125px;
    text-align: right;
    padding: 5px;
    color:red;
}

.dbf_payCol5_inc {
    width: 125px;
    text-align: right;
    padding: 5px;
    color:red;
}

.dbf_payCol6_inc {
    width: 100px;
    text-align: right;
    padding: 5px;
    color:red;
}

.dbf_simpleNumberInputField {
    width: 115px;
    text-align: right;
}

.dbf_simpleNegativeNumberInputField {
    width: 115px;
    text-align: right;
    color:red;
}


.dbf_transportDropdown {
    width:  200px !important;
    font: 90% Arial, Helvetica, Verdana, sans-serif;
}

.dbf_transportTextInputField {
    width: 100px;
}

th.dbf_transportHeader, th.dbf_transportHeaderLeft, th.dbf_transportHeaderRight {
    background-color: #D4D2D3;
    font-size: 12px;
    font-weight: normal;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 4px;
}

th.dbf_transportHeaderLeft {
    border-left: 1px solid black;
}

th.dbf_transportHeaderRight {
    border-right: 1px solid black;
}

td.dbf_transportCell, td.dbf_transportCellLeft, td.dbf_transportCellRight {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 4px;
}

td.dbf_transportCellLeft {
    border-left: 1px solid black;
}

td.dbf_transportCellRight {
    border-right: 1px solid black;
}

td.dbf_alignRight {
    text-align: right;
}

.dbf_alignLeft {
    text-align: left;
}

.dbf_transportInBgColor {
    background-color: #e5ecf9;
}

.dbf_emailFormField {
    width: 100%;
}

.dbf_radio-inline label {
    margin-left: 25px;
    display: block;    
}

.dbf_radio-inline input {
    float: left;
}

.tapHeader {
    font-weight: bold;
    font-size: 14px;
    padding: 3px 2px;
}

.tapLastCol {
    width: 100%;
}

.tapActivityNameInputField {
    width: 220px;
}

.tapSubActivityNameInputField {
    width: 200px;
    margin-left: 5px;
}

.tapCostInputField {
    width: 70px;
    text-align: right;
}

textarea.tapDescriptionInputField {
    resize: none;
    height: 12px;
    width: 99%;
}
div.tapCounter{
    width: 99%
}

.tapEvenRow {
    background-color: #d5d5d5;
}

.tapOddRow {
    background-color: #ededed;
}

.tapContent .ui-datalist {
    display: none;
}

.dateComponent .ui-inputfield {
    box-shadow: none;
}

.dateComponent .ui-state-error {
    border: 1px solid red;
}

.dateComponent .ui-button-icon-only {
    height: 26px;
    width: 26px;
    position: relative;
    top: 3px;
    left: 1px;
}

.dbf_coaDropdown {
    width:  400px !important;
}

.dbf_coaTextArea {
    width: 400px;
}
div.dbf_coaCounter {
    width: 400px;
}

.dbf_coaText {
    width:  200px;
}

.dbf_coaPostZip {
    width:  200px !important;
    font: 90% Arial, Helvetica, Verdana, sans-serif;
}

.dbf_coaPostCity {
    width:  200px !important;
    font: 90% Arial, Helvetica, Verdana, sans-serif;
}

.dbf_coaRadio {
    margin:0;
}


/* ****************************** */
/* HEADER / FOOTER / MENU         */
/* ****************************** */
.header {
    width: 100%;
    float: left;
    display: inline;
    top: 0;
    left: 0;
    background: #fff;
    padding-top: 2rem;
    font-weight: 500;
    line-height: 1.25;
    font-style: normal;
    z-index: 100;
}

.logo {
    display: inline-block;
    float: left;
}

.logo img {
    max-width: 13rem;
}

.mobile-nav-trigger.mobile-nav-open, 
.mobile-nav-trigger:focus, 
.mobile-nav-trigger:hover {
    background-color: transparent!important;
    border: 1px solid #fff !important;
    padding: 10px 8px !important;
    color: #fff;
}
.navbar-toggle.mobile-nav-open .b1 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 19px;
}

.navbar-toggle.mobile-nav-open .b2 {
    display: none;
}

.navbar-toggle.mobile-nav-open .b3 {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 19px;
}
.navbar-toggle.mobile-nav-open .icon-bar+.icon-bar {
    margin-top: -2px;
}
.navbar-toggle .icon-bar {
    background-color: #000 !important;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    -webkit-animation: topbar-x 500ms linear 0s;
    -moz-animation: topbar-x 500ms linear 0s;
    animation: topbar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.navbar-toggle {
    margin-right: 0px !important;
    border: 1px solid transparent !important;
    position: relative;
    float: right;
    margin: 10px 10px 0px 5px;
    padding: 10px 8px !important;
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: 0;
}

.navbar-collapse {
    float: left;
    min-width: 70%;
}

.menu-utility {
    width: 100%;
    display: initial;
    text-align: right;
    margin-bottom: 0rem;
    margin-left: 70px;
}

.menu-utility li:first-child {
    padding-left: 0;
}
.menu-utility li ul li:first-child {
    padding-left: 5px;
    width: 100%;
    border-right: 0px;
}

.menu-utility li ul li {
    width: 100%;
}

.login-utility-btn {
    padding: 10px 15px;
    margin-bottom: 0;
    display: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

.menu-utility .open> .login-utility-btn {
    border-color: transparent !important;
}

.menu-utility .dropdown-menu {
    border-radius: 0px !important;
}

.menu-utility li {
    display: inline-block;
    padding: 0 .5rem;
    font-family: helvetica,arial,sans-serif;
    font-weight: 500;
    line-height: 1;
    font-style: normal;
    text-transform: inherit;
}

.menu-utility li:last-child {
    padding-right: 0;
    border-right: 0;
}

.menu-utility li a {
    color: #000;
}

#menu-main-navigation {
    width: 100%;
    float: left;
    margin-right: .84034%;
    display: inline;
    text-align: right;
    padding-bottom: 2rem;
}

#menu-main-navigation li {
    display: inline-block;
    margin-right: 2rem;
}

#menu-main-navigation a {
    display: block;
    color: #55555a;
    text-decoration: none;
}

#menu-main-navigation .sub-menu {
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
}

#menu-main-navigation .sub-menu li:first-child {
    padding-left: 0;
}

#menu-main-navigation .sub-menu li {
    display: inline-block;
    position: relative;
    padding: 0 .5rem;
    line-height: 3rem;
    margin-right: 0;
}

#menu-main-navigation .sub-menu li:last-child {
    padding-right: 0;
}

#menu-main-navigation .sub-menu a {
    color: #fff;
    padding-bottom: 0;
}

.tvv-header-navbar {
    background-color: #fff;
    border-radius: 0px !important;
    border: 0px solid transparent !important;
}

.logo-nav-container {
    padding-bottom: 20px;
}

.header-logo {
    padding-top: 35px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    height: auto;
    margin-left: 15px;
}

.header-logo img {
    width: 100% \9;
    max-width: 100%;
    max-width: 220px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
}

.nav-header-service-name {
    font-size: 1.5em;
    font-weight: 400;
    color: #000;
    line-height: 17px;
    position: relative;
    left: -20px;
}
.nav-header-service-name:after {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 5px solid #ffea00;
}

.top-level-nav>a,
.top-level-nav>a:hover {
    color: #000;
}

.top-level-nav>a {
    border-left: 1px solid #000;
    padding-left: 10px;
    padding-right: 6px;
}

.top-level-nav>a:first-child {
    border-left: 1px solid transparent;
}
.top-level-nav>a:last-child {
    padding-right: 20px;
}

.navbar-nav>li>a {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-right: 5px !important;
}

.navbar-nav>li>ul {
    -webkit-padding-start: 0px !important;
}

.navbar-nav-links {
    border-radius: 0px !important;
    background-color: #4c514f !important;
    border-color: transparent !important;
    border: 0px solid transparent !important;
}

.navbar-nav-links ul.navbar-nav li {
    margin-bottom: 0px !important;
}

#navbar-lang {
    background-color: #000;
    height: 30px !important;
    margin-bottom: 0px;
    min-height: 30px;
}

#navbar-lang>div>form>ul.navbar-nav>li>a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navbar-nav-links i,
#navbar-lang>div>form>ul.navbar-nav>li>a>span {
    margin-right: 5px;
}

.navbar-logo {
    position: relative !important;
    background: #006e88 !important;
    padding: 25px 10px 25px 10px !important;
    border-radius: 0px !important;
    border-color: transparent !important;
    width: 100% !important;
    margin-bottom: 0px !important;
    transition: all .5s .1s;
    color: #fff;
}

.nav-header-name {
    font-size: 1.3em;
    color: #fff;
    height: 50px;
    line-height: 20px;
    padding: 0px;
    font-weight: 300;
}

.logo img {
    width: 100% \9;
    max-width: 100%;
    max-width: 220px;
    width: 220px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
}

.mobile-nav-trigger.mobile-nav-open, .mobile-nav-trigger:focus, .mobile-nav-trigger:hover {
    background-color: transparent!important;
    border: 1px solid #fff !important;
    padding: 10px 8px !important;
    color: #fff;
}

.navbar-toggle {
    margin-right: 0px !important;
    border: 1px solid transparent !important;
    position: relative;
    float: right;
    margin: 10px 10px 0px 5px;
    padding: 10px 8px !important;
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: 0;
}

.navbar-collapse>.navbar-nav>.active>a:hover {
    text-decoration: none !important;
    cursor: inherit;
}

.navbar-collapse>.nav>li>a:focus,
.navbar-collapse>.nav>li>a:hover,
.navbar-collapse>.navbar-nav>.active>a,
.navbar-collapse>.navbar-nav>.active>a:hover {
    color: #000;
    text-decoration: none !important;
    background-color: transparent !important;
    border-bottom: 2px solid #c9c9c9 !important;
}

.navbar-collapse {
    border-top: 0px solid transparent !important;
    padding: 0px;

}


/* ****************************** */
/* TAB VIEW                       */
/* ****************************** */
.tabsOuterContainer {
    margin-top:30px;
}

.tabsContainer {
    padding: 0px 10px;
}

.tabsContentContainer {
    border: 1px solid #adadad;
}

.tabContent {
    padding: 3px 10px;
}

.tab {
    display: inline-block;
    padding: 5px;
    border: 1px solid #adadad;
    border-bottom: none;
    border-top-left-radius:7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    background-color: #d4d2d3;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color:black !important;
    margin: 0px 1px;
}

.tabsContainer .active {
    border-bottom: #fff;
    background-color: #fff;
    position: relative;
    bottom: -1px;
    padding-top: 7px;
}

.tabsContainer .invalid {
    background-color: #fdd !important;
    border-top: 1px solid #f00 !important;
    border-left: 1px solid #f00 !important;
    border-right: 1px solid #f00 !important;
}


/* override primefaces calendar icon */
.dbf_formField .ui-icon-calendar {
    background: url("../resources/img/calendar-icon.png") top left no-repeat;
    width:25px;
    height:25px;
}

/* override filter input field/icon */
.ui-selectonemenu-panel .ui-selectonemenu-filter {
    padding-right: 0px !important;
    width: 100% !important;
}

.dbf_dropDownMenu .ui-selectonemenu-filter-container {
    width: 97%;
}

.dbf_indicatorDropdown .ui-selectonemenu-filter-container {
    width: 95%;
}

.dbf_transportDropdown .ui-selectonemenu-filter-container {
    width: 95%;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    display: none;
}

.dbf_formField .ui-selectonemenu .ui-selectonemenu-label {
    width: 95% !important;
}

/***********************************/
/***** Tillväxtverkets colors ******/
/***********************************/

.tvv-i8-bg {
    background-color: #492069;
}

/* Buttons */
/*.btn {
    padding: 10px 25px !important;
}*/
.btn-i1-green {
    background-color: #02A6A4;
    color: #fff;
}
.btn-i2-green {
    background-color: #006d71;
    color: #fff;
}
.btn-i8-purple {
    background-color: #492069;
    color: #fff !important;
}
    .btn-i8-purple:hover,
    .btn-i8-purple:active,
    .btn-i8-purple:focus,
    .menu-utility .open > .btn-i8-purple:active,
    .menu-utility .open > .btn-i8-purple:focus,
    .nav .open>a.btn-i8-purple,
    .menu-utility .open> .login-utility-btn a.btn-i8-purple {
        background-color: #7854BD !important;
        color: #fff !important;
    }