﻿.Logo {
    content: url('../Images/LTS.png');
}

.Footer-Logo {
    content: url('../Images/LTS.png');
    width: 60px;
    height: 30px;
    padding: 0px;
}


h2 {
    color: #f37520;
}

.navbar-inverse:after {
    border-bottom-color: #f37520;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #f37520;
    cursor: pointer;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #f37520;
    border-bottom-color: #f37520;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #f37520;
    background-color: white;
}


/*BUTTONS*/
.btn-primary {
    color: #fff;
    background-color: #f37520;
    border-color: #f37520;
}

    .btn-primary:active, .btn-primary:hover, .btn-primary:focus {
        color: #fff;
        background-color: #ffb684 !important;
        border-color: #ffb684 !important;
    }


/*CHECK*/
/* On mouse-over, add a grey background color */
.containerCheck:hover input ~ .checkmarkCheck {
    background-color: #f37520;
    color: white;
}

/* When the checkbox is checked, add a coloured background */
.containerCheck input:checked ~ .checkmarkCheck {
    background-color: #f37520;
}


/*RADIO*/
/* When the radio button is checked, add a blue background */
.containerRadio input:checked ~ .checkmarkRadio {
    background-color: #f37520;
    color: white;
}

/* Style the indicator (dot/circle) */
.containerRadio .checkmarkRadio:after {
    background: #f37520;
}

.radio-group .not-active {
    color: #ffb684;
    background-color: #fff;
}


/*TOOLTIP*/
.tooltip2 {
    color: #f37520;
}

.tooltiptext {
    background-color: #f37520;
    color: #fff;
}


/*TABS*/
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    color: #f37520;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    color: #f37520;
}

.tabs-left > .nav-tabs .activeTab > a,
.tabs-left > .nav-tabs .activeTab > a:hover,
.tabs-left > .nav-tabs .activeTab > a:focus {
    color: #f37520;
}

/*NAV*/
.pageIcon {
    color: #f37520;
}

/*TOP NAV*/
.TNBtn {
    border-color: #f37520;
    color: black;
}

.TNContainer > li > a:hover,
.TNContainer > li > a:focus {
    color: #f37520;
    background-color: white;
}

.TNContainer .active > a,
.TNContainer .active > a:hover,
.TNContainer .active > a:focus {
    color: #f37520;
    background-color: white;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #f37520;
}


/*GROUPS*/
.mastergroup {
    border-left-color: #f37520;
    border-bottom-color: #f37520;
}

.questiongroup {
    border-left-color: #f37520;
    /*border-bottom-color: #b381b9;*/
}


/*PROGRESS BAR*/
.ProgressBar {
    background-color: #d998e0;
}
