html {
    height: 100%;
}

body
{
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 85px;
}

.hidden {
    display: none;
}

.container {
    min-height:100%;
    position:relative;
}

.footer {
    color: #ffffff;
    bottom: 0;
    position: absolute;
    height: 40px;
}

.mobile-content {
    background-color: #ededed;
}

.main-menu-mobile div {
    position: relative;
}

    .main-menu-mobile div span{
        position: absolute;
        top: 50%;
    }

/** arrow used for nav**/
.guillemet, span.guillemet {
    font-size: 2em !important;
}
.mobile-page-background {
    background-color: #f1f1f1;
}

.main-menu-background {
    background-color: #FCFDFF;

    background-image: -moz-linear-gradient(top, #EFF0F2, #DDDDDD);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EFF0F2), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #EFF0F2, #DDDDDD);
    background-image: -o-linear-gradient(top, #EFF0F2, #DDDDDD);
    background-image: linear-gradient(to bottom, #EFF0F2, #DDDDDD);
    background-repeat: repeat-x;
}

.main-toolbar-background {
    background-color: #E8E8EB;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 2px 0px inset;
    border-bottom-color: #E8E8EB;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.toolbar-container
{
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    overflow: visible;
    margin-top: 40px;
    /*height: 43px;*/
    z-index: 888;
    border-collapse: collapse;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-color: rgb(180, 180, 180);
    border-bottom-style: solid;
    border-bottom-width: 1.2px;
    box-shadow: rgba(0, 0, 0, 0.0627451) 0.9039547443389893px 0.9039547443389893px 3.615818977355957px 0.9039547443389893px;
    padding:10px;
}

.ft-navbar
{
    z-index: 889 !important;
}
/*.toolbar-inner
{
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 8pxpadding-right: 4px;
}*/
.margin-top-remove 
{
    margin-top:-42px;
    position:absolute;
}
.menu .menu-item {
    border-bottom: 1px solid #383838;
    background-color: #ededed;


}
.menu :last-child.menu-item {
    border-bottom: none;
}

.menu .menu-item div{
    min-height: 2em;
    line-height: 3em;
    font-size: 1.2em;
    font-weight: bold;
}

.menu .menu-header {
    color: #ffffff;
}

/* nav bar styling - replicates link styling for spans*/
.nav > li > span {
    float: none;
    padding: 10px 15px 10px;
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    display: block;
}

/** Drop down overrides and styling**/
.dropdown-menu {
    width: 200px;
}

.dropdown-menu-pull-left {
    left: -160px;
}

.dropdown-menu li/*.language*/
{
    background-position: left 7px;
    background-repeat: no-repeat;
    margin-left: 5px;
    padding-left: 20px;
    text-align: left;
}

    .dropdown-menu li A/*.language A*/
    {
        line-height: 10px;
    }
/** end drop down overrides **/

/** accordion overrides (for timesheet entry screen ) **/
.accordion-inner {
    padding: 0;
}

.fasttrack-accordion {
    /*min-height: 40px;
  padding-right: 20px;*/
    padding-left: 0px; /* was 20, mostly taken care of by row-fluid and 'spans'*/
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    padding: 5px 15px;
}

    .fasttrack-accordion a {
        float: none;
        padding: 0px !important;
        color: #777;
        text-decoration: none;
        text-shadow: 0 1px 0 #fff;
        /*line-height: 30px;*/
    }
/** end accordion overrides **/
.fasttrack-modal-mobile {
    width: 99%;
    left: 0;
    margin-left: 0;
}


/** language selector**/
.language-selector {
    margin-left: 5px;
}

/** some styling to readonly values. **/
.readonly-value {
    margin: 4px 2px;

}

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

.header-icon-container-left 
{
    padding-top:7px;
    padding-bottom:5px;
    padding-left:13px;
}

.header-icon-container-right
{
    padding-top:7px;
    padding-bottom:5px;
    margin-left:-5px !important;
}

.record-counter-container
{
    padding-top: 4px;
}

.badge-large
{
    font-size: 18px !important;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow:auto;
    padding-bottom:150px; /* this needs to be bigger than footer height*/
}

.footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
    padding-top:20px;
    background-color:red;
}

.logo-footer
{
    position: fixed;
    bottom: 0;
    background-image: url('../img/ft360-logo-transparent.png');
    background-size: 8em;
    background-color: #E8E8EB;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 3em;
    width: 100%;
    z-index:888;
    border-collapse: collapse;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-width: 0;
    border-right-width: 0;
    border-top-color: rgb(180, 180, 180);
    border-top-style: solid;
    border-top-width: 1.2px;
    box-shadow: rgba(0, 0, 0, 0.0627451) 0.9039547443389893px 0.9039547443389893px 3.615818977355957px 0.9039547443389893px;
}

.icon-4_5x
{
    font-size: 4.5em;
}

.pager-link 
{
    background-color: transparent !important;
}

.pager-link-number
{
    background-color: transparent !important;
    font-size: 1.2em;
    font-weight: bold;
}

.no-transition {
    /*-webkit-transition: height 0.001s;*/
    -moz-transition: height 0.001s;
    -ms-transition: height 0.001s;
    -o-transition: height 0.001s;
    transition: height 0.001s;
}

.accordion-icon-container
{
    padding-top: 0.2em;
}

.accordion-header-btn 
{
    margin-top: 0.3em;
    margin-left: -0.2em;
}

.file-list 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.file-list-icon-container
{
    margin-top: 6px !important;
}

.file-list-filename
{
    overflow-y: hidden !important;
    margin-top: 6px !important;
    margin-left: 0 !important;
}

.file-list-remove
{
    margin-left: -10px !important;
    padding-top: 8px !important;
}

.entry-header-label
{
    padding-left: 0.5em !important;
}

.main-menu-label 
{
    padding-left: 20px !important;
}

.fasttrack-sub-accordion {
    min-height: 20px;
    padding-right: 22px;
    padding-left: 6px; /* was 20, mostly taken care of by row-fluid and 'spans'*/
    padding-top: 0.1em !important;
    padding-bottom: 0.1em !important;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

    .fasttrack-sub-accordion a {
        float: none;
        padding: 10px 15px 10px;
        color: #777;
        text-decoration: none;
        text-shadow: 0 1px 0 #fff;
    }

.fasttrack-sub-accordion-toggle {
    padding-left: 0.5em !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.input-medium-small{
    width: 100px;
}

.input-medium-small2{
    width: 120px;
}

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

.medium-addon 
{
    min-width: 8em !important;
}

.small-addon 
{
    min-width: 5em !important;
}

.medium-small-addon
{
    min-width: 6.5em !important;
}
.timesheet-entry-well
{
    padding: 8px !important;
}

.ft-sub-accordion-header
{
    padding-top:0.2em !important;
}

.ft-sub-accordion-header-icon
{
    padding-top: 0.1em !important;
}


.ft-tms-sub-accordion-btn{
    padding-left: 0.8em !important;
    padding-top: 0.2em !important;
}

.ft-tms-sub-accordion
{
    margin-bottom: 0.5em !important;
}


.ft-error-box 
{
    border: 1px solid !important;
    border-color: red;
    border-radius: 5px;
    margin: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.icon-info-sign{
    color:red;
}

.ft-error-panel{
    display:none;
}

.ft-accordian-error{
    color:red;
}

.ft-model-error-icon-container{
    border-radius: 4px;
    border: 1px solid #ffffff;
    padding:4px;
    width:auto;
    display:inline-block;
    margin-bottom:4px;
}

.ft-info-box{
    border-radius: 4px;
    background-color: #eee;
    border: 1px solid #ccc;
    padding:5px;
    width:auto;
    margin:5px;
}

.unread-message{
    color:blue;
}

#containerFilter{
    margin:0.3em;
}

.radio-selected{
    color:#33849b!important;
}

.ft-btn{
    margin-left:0.05em!important;
    margin-right:0.05em!important;
}

/*tr:nth-child(odd){
	background-color:#eff1f1;
}

tr:nth-child(even){
	background-color:#e1e2e2;
}*/

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

.ft-btn-centre{
    padding:.5em!important;
    margin-top:.3em!important;
}

.ft-minimum-padding{
    padding-left:.5em!important;
    padding-right:.5em!important;
}

.ft-error{
    background-image: url('../img/Error.png');
    background-position:center;
    width:16px;
    height:16px;
    margin-left:2px;
    margin-top:5px;
    border:none;
    border-radius:8px;
}

.cursor-pointer {
    cursor: pointer;
}

#reset-pwd .input-prepend {
    width: 100%;
    clear: both;
}

    #reset-pwd .input-prepend .add-on {
        min-width: 35%;
        text-align: left;
    }

    #reset-pwd .input-prepend .input-medium {
        min-width: 45%;
    }


.width-135 {
    width: 135px !important;
    text-align: left !important;
}

@media screen and ( min-width:1207px) {
    .full-screen {
        width: 45%;
        position: absolute;
        margin-left: -22% !important;
        top: 0;
    }

    .full-screen-mobile {
        width: 45%;
        position: absolute;
        margin-left: 27% !important;
        top: 0;
    }

    .input-height {
        height:34px !important;
    }

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

@media screen and (max-width: 1206px) {
    .full-screen {
        width: 80%;
        position: absolute;
        margin-left: -40% !important;
        top: 0;
    }

    .full-screen-mobile {
        width: 80%;
        position: absolute;
        margin-left: 10% !important;
        top: 0;
    }

    .delegation-model-mobile {
        width: 99%;
        left: 0;
        margin-left: 0;
    }

    .input-height {
        height: auto !important;
    }
    .input-width-72 {
        min-width:72%;
    }
    .margin-right {
        margin-right:5px;
    }
    .font-size-12 {
        font-size: 12px;
    }
}

.full-screen .modal-body {
    max-height: 100%;
}

.icon-margin {
    margin: 8px 0px 0px 5px;
}

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

.control-align {
    padding-top: 5px;
    padding-right:0px !important;
    text-align: right;
}

.top-15 {
    top: 15% !important;
}

.add-on-width-90 {
    width:90% !important;
}

.comment-label-padding {
    padding:0px !important;
}

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

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

@media(max-width: 334px) {
    .margin-top-30 {
        margin-top: 56px;
    }    
}