@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Squada+One');


@font-face {
  font-family: 'GE-Zodiac';
    src:  url('/WUKS-TPM/app/templates/bootstrap/fonts/GE-Zodiac.ttf.woff') format('woff'),
    url('/WUKS-TPM/app/templates/bootstrap/fonts/GE-Zodiac.ttf.svg#GE-Zodiac') format('svg'),
    url('/WUKS-TPM/app/templates/bootstrap/fonts/GE-Zodiac.ttf.eot'),
    url('/WUKS-TPM/app/templates/bootstrap/fonts/GE-Zodiac.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

.zodiac_nl h6 { 
   font-family: 'GE-Zodiac';
   font-size: 30px;
} 

@font-face {
    font-family: 'Chinese-Zodiac';
    src:url('/WUKS-TPM/app/templates/bootstrap/fonts/Chinese-Zodiac.ttf.woff') format('woff'),
        url('/WUKS-TPM/app/templates/bootstrap/fonts/Chinese-Zodiac.ttf.svg#Chinese-Zodiac') format('svg'),
        url('/WUKS-TPM/app/templates/bootstrap/fonts/Chinese-Zodiac.ttf.eot'),
        url('/WUKS-TPM/app/templates/bootstrap/fonts/Chinese-Zodiac.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}

.zodiac_ch h6 { 
   font-family: 'Chinese-Zodiac';
   font-size: 40px;
} 



body {
	margin-top: 25px;
}


.fullwidth {
	margin: 35px 0 0 0;
}

h1, h2, h3, h4, h3{font-family: Oswald, Verdana; }
h1, h2, h3, h4, h3{font-family: Oswald, Verdana; margin: 0px;}

.nav a {color: white;}

red {
	color: red;
}

/* panels*/

.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}
.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}
.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}
.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}

.panel-red{border-color:#ff0000}.panel-red>.panel-heading{color:#ffffff;background-color:#ff0000;border-color:#ff0000}.panel-red>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ff0000}.panel-red>.panel-heading .badge{color:#ffffff;background-color:#ff0000}.panel-red>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ff0000}
.panel-blue{border-color:#0000ff}.panel-blue>.panel-heading{color:#ffffff;background-color:#0000ff;border-color:#0000ff}.panel-blue>.panel-heading+.panel-collapse>.panel-body{border-top-color:#0000ff}.panel-blue>.panel-heading .badge{color:#ffffff;background-color:#0000ff}.panel-blue>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#0000ff}
.panel-green{border-color:#00ff00}.panel-green>.panel-heading{color:#000000;background-color:#00ff00;border-color:#00ff00}.panel-green>.panel-heading+.panel-collapse>.panel-body{border-top-color:#00ff00}.panel-green>.panel-heading .badge{color:#000000;background-color:#00ff00}.panel-green>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#00ff00}
.panel-yellow{border-color:#ffff00}.panel-yellow>.panel-heading{color:#000000;background-color:#ffff00;border-color:#ffff00}.panel-yellow>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ffff00}.panel-yellow>.panel-heading .badge{color:#000000;background-color:#ffff00}.panel-yellow>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ffff00}
.panel-purple{border-color:#cc00dd}.panel-purple>.panel-heading{color:#ffffff;background-color:#cc00dd;border-color:#cc00dd}.panel-purple>.panel-heading+.panel-collapse>.panel-body{border-top-color:#cc00dd}.panel-purple>.panel-heading .badge{color:#ffffff;background-color:#cc00dd}.panel-purple>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#cc00dd}
.panel-orange{border-color:#ff8000}.panel-orange>.panel-heading{color:#ffffff;background-color:#ff8000;border-color:#ff8000}.panel-orange>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ff8000}.panel-orange>.panel-heading .badge{color:#ffffff;background-color:#ff8000}.panel-orange>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ff8000}

/* range selectors */

.range {
    display: table;
    position: relative;
    height: 25px;
    margin-top: 20px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.range input[type="range"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
}
.range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    
    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.range input[type="range"] {
    outline: none;
}

.range.range-primary input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range.range-primary input[type="range"]::-moz-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range.range-primary output {
    background-color: rgb(66, 139, 202);
}
.range.range-primary input[type="range"] {
    outline-color: rgb(66, 139, 202);
}

.range.range-success input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range.range-success input[type="range"]::-moz-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range.range-success output {
    background-color: rgb(92, 184, 92);
}
.range.range-success input[type="range"] {
    outline-color: rgb(92, 184, 92);
}

.range.range-info input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range.range-info input[type="range"]::-moz-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range.range-info output {
    background-color: rgb(91, 192, 222);
}
.range.range-info input[type="range"] {
    outline-color: rgb(91, 192, 222);
}

.range.range-warning input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range.range-warning input[type="range"]::-moz-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range.range-warning output {
    background-color: rgb(240, 173, 78);
}
.range.range-warning input[type="range"] {
    outline-color: rgb(240, 173, 78);
}

.range.range-danger input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range.range-danger input[type="range"]::-moz-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range.range-danger output {
    background-color: rgb(217, 83, 79);
}
.range.range-danger input[type="range"] {
    outline-color: rgb(217, 83, 79);
}