body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

fieldset fieldset legend {
    font-size: 18px;
}

.fieldset-original legend {
    display: block;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border: none;
    width: auto;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.fieldset-original {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    border: 2px groove threedface;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
}

.container {
    box-sizing: border-box;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    height: 30px;
}

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

.blue-theme {
    background-color: #205081 !important;
}

.navbar-inner {
    background-color: #205081;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
}

.fluidHeader {
    color: #FFFFFF;
    font-size: 19px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 25px;
}

.form-signin {
    background-color: #F7F7F7;
    background-image: url("../images/satinweave.png");
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    max-width: 300px;
    padding: 19px 29px 29px;
    text-align: left;
}

.report-title {
    margin-bottom: 15px;
    font-size: 19px;
    font-weight: normal;
    color: #205081;
}

.report-sub {
    margin-bottom: 15px;
}

.navbar .nav > li > a {
    color: #FFFFFF;
    float: none;
    font-size: 14px;
    line-height: 19px;
    padding: 9px 10px 11px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbarLink {
    color: #FFFFFF;
    float: none;
    font-size: 14px;
    line-height: 19px;
    padding: 9px 10px 11px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.fix-navbar-my-timesheet {
    color: #FFFFFF;
    float: none;
    font-size: 14px;
    line-height: 19px;
    padding: 9px 2px 11px 0;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.nav-badge-padding {
    padding: 15px 2px 11px 0;
}

.navbar-link-color {
    color: #abadb3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

.navbar-link-color:active, .navbar-link-color:hover {
    color: #abadb3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-decoration: none;
    background-color: #3B73AF;
}

.brandApp {
    float: left;
    margin: 0;
    padding: 0;
}

/*.navbar-fixed-top .container {*/
/*max-width: 1024px;*/
/*}*/
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #FFFFFF;
    background-color: #3B73AF;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #f5f5f5;
    text-decoration: none;
    background-color: #3B73AF;
}

.gDatePickerDiv select {
    width: auto;
}

.body-container {
    margin-bottom: 10px;
    background-color: #eeeeee;
    padding: 8px 20px 15px 20px;
}

.action-buttons {
    margin-bottom: 10px;
}

.noteTextArea {
    height: auto;
    width: 100%;
    display: block;
    padding: 6px 12px;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.commentTextArea {
    height: auto;
    width: 100%;
    display: block;
    padding: 6px 12px;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.notes-footnote {
    font-style: italic;
}

.notes-fn-cby {
    font-weight: bold;
}

.notes-fn-cdate {

}

.notes-fn-uby {
    font-weight: bold;
}

.notes-fn-udate {

}

.form-inline-form {
    display: inline;
}

.noteMeta {
    text-align: right;
    height: 20px;
}

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

.scrollable {
    height: 222px;
    width: 100%;
    overflow-y: scroll;
}

.margin-bottom-5px {
    margin-bottom: 5px;
}

.icon-black {
    color: #000000;
}

.warning {
    color: #f80000;
    font-weight: bold;
}

.my-client-count-badge {
    margin-left: 8px;
}

.label-danger,
.badge-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #b32025;
    background-image: -moz-linear-gradient(top, #a21d21, #cd252a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a21d21), to(#cd252a));
    background-image: -webkit-linear-gradient(top, #a21d21, #cd252a);
    background-image: -o-linear-gradient(top, #a21d21, #cd252a);
    background-image: linear-gradient(to bottom, #a21d21, #cd252a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa21d21', endColorstr='#ffcd252a', GradientType=0);
    border-color: #cd252a #cd252a #8c191d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #cd252a;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.myTabContent {
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
    padding: 10px;
}

.footer {
    margin-top: 60px;
}

.titleCase {
    text-transform: capitalize;
}

.popover {
    max-width: 300px;
}

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

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

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #7bc3d1;
    *background-color: #9cd2dc;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #6baab6;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #9cd2dc;
    *background-color: #7bc3d1;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9cd2dc), to(#7bc3d1));
    background-image: -webkit-linear-gradient(top, #9cd2dc, #7bc3d1);
    background-image: -o-linear-gradient(top, #9cd2dc, #7bc3d1);
    background-image: linear-gradient(to bottom, #9cd2dc, #7bc3d1);
    background-repeat: repeat-x;
    border-color: #7bc3d1 #7bc3d1 #6baab6;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.login-btn-primary:hover,
.login-btn-primary:focus,
.login-btn-primary:active,
.login-btn-primary.active,
.login-btn-primary.disabled,
.login-btn-primary[disabled] {
    background-color: #6ebaca;
    *background-color: #6ebaca;
}

.login-btn-primary {
    color: #ffffff;
    width: 86% !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #6ebaca;
    *background-color: #6ebaca;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6ebaca), to(#6ebaca));
    background-image: -webkit-linear-gradient(top, #6ebaca, #6ebaca);
    background-image: -o-linear-gradient(top, #6ebaca, #6ebaca);
    background-image: linear-gradient(to bottom, #6ebaca, #6ebaca);
    background-repeat: repeat-x;
    border-color: #7bc3d1 #7bc3d1 #6baab6;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

body {
    background-color: #eeeeee;
}

.btnForSearchAlphabet {
    display: inline-block;
    *display: inline;
    padding: 0.7% 1.17%;
    margin-bottom: 20px;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #96989e;
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #4C515D #4C515D #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btnForSearchAlphabet:hover,
.btnForSearchAlphabet:focus,
.btnForSearchAlphabet:active,
.btnForSearchAlphabet.active,
.btnForSearchAlphabet.disabled,
.btnForSearchAlphabet[disabled] {
    color: #333333;
    background-color: #73b6c3;
    *background-color: #d9d9d9;
    text-decoration: none;
}

.btnForSearchAlphabet.active,
.btnForSearchAlphabet:active {
    background-image: none;
    outline: 0;
    color: #ffffff;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(123, 195, 209, 0.15), 0 1px 2px rgba(123, 195, 209, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.searchButtonColor {
    background-color: #7bc3d1;
}

.main-nav > .nav > li > a:hover,
.main-nav > .nav > li > a:focus {
    text-decoration: none;
    background-color: #383e49;
}

.nav-list {
    padding-right: 0;
}

.main-nav > .nav > li > a {
    color: #abadb3;
    height: 50px;
}

.main-nav > .nav > li > a > .nav-label {
    padding-top: 14px;
}

.main-nav-container {
    background-color: #4c515d;
    height: 100%;
    min-width: 240px;
    position: fixed;
    z-index: 1000;
}

.main-nav .dropdown-menu {
    left: 99%;
    top: 0;
    border-radius: 1px;
    background-color: #4c515d;
}

.main-nav .dropdown-menu > li > a {
    color: #abadb3;
}

.main-nav > .nav-heading {
    background-color: #7bc3d1;
    height: 54px;
}

.nav-heading .heading-label {
    padding: 15px 0 0 20px;
}

.nav-tabs:active a:hover {
    background-color: #7bc3d1;
}

.nav-tabs a:hover, .nav-tabs a:focus {
    background-color: #7bc3d1;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #ffffff;
    cursor: default;
    background-color: #7bc3d1;
    border: 1px solid #7bc3d1;

    border-bottom-color: transparent;
    text-decoration-color: #000000;
    font-weight: bold;
}

.nav-tabs > li a {
    -moz-box-shadow: 0 0 1px 0 #dadada;
    -webkit-box-shadow: 0 0 1px 0 #dadada;
    box-shadow: 0 0 0 1px #dadada;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.nav-tabs > li a {
    color: #000000;
}

.nav-stacked li {
    border-bottom: 1px solid #383e49;
    padding-left: 10px;
}

.nav-stacked > li > a {
    margin-right: 0;
    margin-left: -10px;
}

.nav-list {
    padding-left: 0;
}

.appLogo {
    background-color: #7bc3d1;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #7bc3d1;
}

.well {
    background-color: #ffffff;
}

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

.margin-right-10 {
    margin-right: 10px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

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

.font-16 {
    font-weight: bold;
    font-size: 16px;
    color: #888888;
}

.font-18 {
    font-weight: bold;
    font-size: 18px;
    color: #888888;
}

.font13 {
    font-size: 13px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

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

.company-link-color a {
    color: #4a9dae;
}

.fixFont label, .fixFont dt {
    font-weight: bold;
    font-size: 16px;
    color: #888888;
}

table th, table td {
    padding-bottom: 14px !important;
    padding-top: 14px !important;
}

table th a, table th {
    color: #a9a9aa;
}

table thead {
    background-color: #f3f9fb;
}

table tbody {
    background-color: #ffffff
}

table tfoot {
    background-color: #e9e9e9
}

.dl-horizontal dt {
    width: auto;
}

.dl-horizontal dd {
    margin-left: 225px;
    padding-bottom: 10px;
}

.margin-top-53 {
    margin-top: 53px;
}

.margin-top-80 {
    margin-top: 80px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-60 {
    padding-top: 60px;
}

.margin-top-50 {
    margin-top: 50px;
}
q
.margin-bottom-0 {
    margin-bottom: 0;
}

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

.margin-bottom-8px {
    margin-bottom: 8px;
}

.table-bordered thead th, .table-bordered thead th a {
    color: #4c515d;
}

.height-35px {
    height: 35px;
}

.table-bordered {
    border-collapse: collapse;
}
.custom-bordered{
   border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}

.nav-justified {
    width: 100%;
}

.nav-justified > li {
    float: none;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-110 {
    padding-top: 110px;
}

.page-title-style {
    display: none;
    row-span: 8;
}
.custom-page-title{
    font-weight: lighter;
    color: #666666;
    font-size: 20px;
    margin-top: -45px;
    margin-bottom: 40px;
}

tfoot th {
    font-weight: bold;
    color: #4c515d;
}

.dl-horizontal > dd:after {
    display: table;
    content: "";
    clear: both;
}

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

.nav-list > li > a {
    padding: 3px 12px;
}

.height-250px {
    height: 250px;
}

.dashboardGauge {
    border-style: solid;
    border-width: 5px;
    width: 180px;
    height: 180px;
}

.dashboardTimesheetScrollable {
    height: 300px;
    width: 100%;
    overflow-y: scroll;
}

.custom-dt-width {
    width: 160px !important;
}

.custom-dd-margin-left {
    margin-left: 185px;
}

/*==btn-custom-a21d21==*/
.btn-custom-a21d21.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-custom-a21d21 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #b32025;
    background-image: -moz-linear-gradient(top, #a21d21, #cd252a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a21d21), to(#cd252a));
    background-image: -webkit-linear-gradient(top, #a21d21, #cd252a);
    background-image: -o-linear-gradient(top, #a21d21, #cd252a);
    background-image: linear-gradient(to bottom, #a21d21, #cd252a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa21d21', endColorstr='#ffcd252a', GradientType=0);
    border-color: #cd252a #cd252a #8c191d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #cd252a;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-custom-a21d21:hover,
.btn-custom-a21d21:focus,
.btn-custom-a21d21:active,
.btn-custom-a21d21.active,
.btn-custom-a21d21.disabled,
.btn-custom-a21d21[disabled] {
    color: #ffffff;
    background-color: #cd252a;
    *background-color: #b82125;
}

.btn-custom-a21d21:active,
.btn-custom-a21d21.active {
    background-color: #a21d21;
}

/*==btn-custom-9e9e9e==*/
.btn-custom-9e9e9e.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-custom-9e9e9e {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #949494;
    background-image: -moz-linear-gradient(top, #9e9e9e, #858585);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e9e9e), to(#858585));
    background-image: -webkit-linear-gradient(top, #9e9e9e, #858585);
    background-image: -o-linear-gradient(top, #9e9e9e, #858585);
    background-image: linear-gradient(to bottom, #9e9e9e, #858585);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e9e9e', endColorstr='#ff848484', GradientType=0);
    border-color: #858585 #858585 #5e5e5e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-custom-9e9e9e:hover,
.btn-custom-9e9e9e:focus {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-custom-9e9e9e:hover,
.btn-custom-9e9e9e:focus {
    background-color: #858585;
}

.btn-custom-9e9e9e:active,
.btn-custom-9e9e9e.active,
.btn-custom-9e9e9e.active:hover {
    background-color: #919191;
    border-color: #858585;
}

.btn-custom-9e9e9e:hover,
.btn-custom-9e9e9e:focus,
.btn-custom-9e9e9e:active,
.btn-custom-9e9e9e.active,
.btn-custom-9e9e9e.disabled,
.btn-custom-9e9e9e[disabled] {
    color: #ffffff;
}

.login-well {
    margin-top: 60px;
    border-radius: 20px;
    background-color: #e5f3f6;
    padding-bottom: 100px;
}

.login-img {
    float: left;
    padding-left: 25px;
    padding-top: 7px;
}

.login-text {
    color: #5a5757;
    padding-top: 25px;
}

.login-content {
    padding-top: 70px;
    padding-left: 40px;
}

.login-header {
    padding-bottom: 5px;
    font-size: 16px;
    font-family: OpenSans-Light;
}

.margin-top-19 {
    margin-top: 19px
}

.dashboard .mainImage {
    margin-left: 0;
    background: url("../images/brava/mainImage.jpg") no-repeat;
    background-size: 100% 100%;
}

.dashboard .welcomeTo {
    color: #262c32;
    font-size: 50px;
    vertical-align: bottom;
}

.dashboard .focusWork {
    margin-top: 17px;
    width: 421px;
    height: 42px;
    background-color: #7bc3d1;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    padding-top: 20px;
}

.dashboard .bravaTime {
    color: #4c515d;
    font-size: 20px;
    margin-top: 10px;
    width: 421px;
}

.dashboard .bottomSection {
    background-color: #4c515d;
    min-height: 228px;
    text-align: center;
}

.dashboard .workAnywhere {
    height: 100%;
    margin-top: 15px;
}

.dashboard .simpletouse {
    height: 100%;
    margin-top: 62px;
}

.dashboard .savetime {
    height: 100%;
    margin-top: 50px;
}

.dashboard .bottomSectionText {
    color: #ffffff;
    font-size: 20px;
    margin-top: 10px
}

.scrollable-480 {
    height: 480px;
    width: 100%;
    overflow-y: scroll;
}

.invoice-client-style {
    font-size: 13px;
    color: #ed9c28;
    display: block;
}

.timesheet-error-message {
    font-size: 13px;
    color: #a21d21;
    display: block;
}

.ready-to-invoice-color {
    background-color: #7bc3d1;
}

.sheet-still-outstanding-color {
    background-color: #b94a48;
}

.ticket-detail-note-color {
    background-color: #d9edf6;
}

.error-page-color {
    color: #262c32;
}

.error-image-width {
    width: 7% !important;
}

.error-oops-message-style {
    font-size: 50px !important;
    font-family: OpenSans-Light;
}

.error-oops-message-div {
    padding-top: 68px;
    margin: 3px;
}

.error-contact-message-style {
    text-align: center;
    padding-top: 40px;
    font-size: 20px
}

.error-contact-style {
    font-weight: bold;
}

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

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

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

.holiday {
    text-align: center;
    background-color: #7c8084;
}

.overflow-visible {
    overflow: visible;
}

.width100pct {
    width: 100% !important;
}

.width92pct {
    width: 92% !important;
}

.inactiveInstance {
    background-color: #f2dede;
}

.warningColor {
    background-color: #f2dede;
}

.invoiceDetailToolTip {
    text-align: left;
}

/*increasing tooltip width*/
div.tooltip-inner {
    max-width: 400px;
}

.boldFont {
    font-weight: bold;
}

.hasError {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}

.tooltip {
    z-index: 50000 !important;
}

.height100 {
    height: 100%;
}

.height80 {
    height: 80%;
}

.height20 {
    height: 20%;
}

.login-brava {
    font-size: 80px;
    font-weight: bold;
    line-height: 75px;
}

.login-time {
    font-size: 40px;
    line-height: 35px;
    font-family: OpenSans-Light;
}

/*====================== Desktop Styles =================*/
@media only screen and (min-width: 989px) {
    .login-img-content {
        background: url("../images/brava/Brava_Works_Login_Large.png") no-repeat 50% 100%;
        height: 200px;
        background-size: 100%;
        width: 250px;
    }

    .login-text-content {
        vertical-align: bottom;
        padding-top: 70px;
    }
}


/*====================== X-Tablet Styles =======================*/
@media only screen and (min-width: 769px) and (max-width: 988px) {
    .login-img-content {
        background: url("../images/brava/Brava_Works_Login_Large.png") no-repeat 50% 100%;
        background-size: 80%;
        height: 180px;
    }

    .login-text-content {
        vertical-align: bottom;
        padding-top: 70px;
    }

    .login-brava {
        font-size: 60px;
        font-weight: bold;
        line-height: 75px;
    }

    .login-time {
        font-size: 25px;
        line-height: 35px;
        font-family: OpenSans-Light;
    }
}


/*====================== Tablet Styles =======================*/
@media only screen and (min-width: 569px) and (max-width: 768px) {
    .login-img-content {
        background: url("../images/brava/Brava_Works_Login_Large.png") no-repeat 50% 100%;
        background-size: 60%;
        height: 180px;
    }

    .login-text-content {
        text-align: center;
    }
}

/*====================== Mobile Styles ==========================*/
@media only screen and (min-width: 300px) and (max-width: 568px) {
    .login-img-content {
        background: url("../images/brava/Brava_Works_Login_Large.png") no-repeat 50% 100%;
        background-size: 60%;
        height: 125px;
    }

    .login-text-content {
        text-align: center;
    }
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.nav-list > li > a, .nav-list .nav-header {
    text-shadow: none !important;
}

.clientReferralDates > fieldset {
    width: 380px;
    margin-left: 82px;
}

.clientReferralDates > fieldset > div > div > .control-label {
    width: 50px;
    margin-left: 15px;
}

.clientReferralDates > fieldset > div > div > .controls {
    margin-left: 86px;
}

.normalLink,.normalLink:hover{
    color:inherit;
    text-decoration: none;
}


.serviceCodeDiv > div > div > .control-label {
    width: 600px;
    text-align: left;
}

.row-fluid .span6.serviceCategoryDiv {
    width: 75%;
}

.row-fluid .span6.serviceCodeDiv {
    width: 75%;
}

.serviceCategoryDiv > div > .control-label {
    width: 190px;
    margin-right: 20px;
}

.serviceCodeDiv > div > .control-label {
    width: 190px;
    margin-right: 20px;
}

.serviceCategoryDiv > div > div > .control-label {
    width: 600px;
    text-align: left;
}

.funderDiv > div > .control-label {
    width: 200px;
    text-align: left;
}

.funderDiv > div > .controls {
    width: 220px;
    margin-left: 220px;
}

.funderDiv > fieldset > div > .control-label {
    width: 200px;
}
.funderDiv > fieldset > div > .controls {
    width: 220px;
    margin-left: 220px;
}




