html {
    height:100%;
    -ms-overflow-style: scrollbar;
}
body {
    font-family: 'Titillium Web', sans-serif;
    padding-top: 50px;
    background: url(../images/bg.jpg) no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.container{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.no-padding{
    padding:0px !important;
}
.no-margin{
    margin:0px !important;
}
.no-horz-padding{
    padding-left:0px !important;
    padding-right:0px !important;
}
.no-vert-padding{
    padding-top:0px !important;
    padding-bottom:0px !important;
}
.no-border{
    border:none !important;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.pagerstyle a {
    text-align:center !important;
    text-decoration:none !important;
    background-color:#EEE !important;
    width: 20px !important;
    min-width: 20px !important;
    padding: 5px 10px !important;
    margin-right:2px !important;
}

.pagerstyle span {
    text-align:center !important;
    text-decoration:none !important;
    background-color:#333 !important;
    color:#fff;
    width: 20px !important;
    padding: 5px 10px !important;
    margin-right:2px !important;
}

.pagerstyle a:hover {
    background-color:#CCC !important;
}

input[type=radio]{
    display:none;
}
input[type=radio] + label {
    display:inline-block;
    padding: 5px 10px;
    margin-right:1px;
    background-color: #DDD;
    color:#000;
    margin-bottom:0px;
}
input[type=radio]:checked + label { 
    background-image: none;
    background-color:#d9534f;
    color:#FFF;
}

input[type=radio]:first-child:checked + label  {
    background-image: none;
    background-color:#5cb85c;
    color:#FFF;
}

input[type=radio]:last-of-type:checked + label  {
    background-image: none;
    background-color: #f0ad4e;
    color:#FFF;
}

.btn {
    border-radius: 0px !important;
}

.panel {
    border-radius: 0px !important;
}

.panel-heading {
    border-radius: 0px !important;
}

:first-child.list-group-item {
    border-radius: 0px !important;
}

:last-child.list-group-item {
    border-radius: 0px !important;
}

list-group-item {
    border-radius: 0px !important;
}

.navbar-header::after{
    clear:none !important;
}

input[type=checkbox]{
    display:none;
}

input[type=checkbox] + label {
    display:inline-block;
    padding: 5px 10px;
    margin-right:1px;
    background-color: #DDD;
    color:#000;
    margin-bottom:0px;
}

input[type=checkbox]:checked + label { 
    background-image: none;
    background-color:#d9534f;
    color:#FFF;
}

.dropdown-menu > li > a {
    line-height:1.8 !important;
}

.left-inner-addon {
  position: relative;
}

.left-inner-addon input {
  padding-left: 30px;
}

.left-inner-addon i {
  position: absolute;
  padding: 8px 10px;
}

.right-inner-addon {
  position: relative;
}

.right-inner-addon input {
  padding-right: 30px;
}

.right-inner-addon i {
  position: absolute;
  right: 0px;
  padding: 10px 12px;
}

.form-control {
    border-radius:0px;
    border: none;
}

.text-white {
    color:white !important;
}

.tp-25 {
    -webkit-appearance:none;
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.tp-50 {
    -webkit-appearance:none;
    background-color: rgba(0, 0, 0, 0.50) !important;
}

.tp-75 {
    -webkit-appearance:none;
    background-color: rgba(0, 0, 0, 0.75) !important;
}

input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px black inset;
     -webkit-text-fill-color: white;
}

input:-webkit-autofill:focus  {
     -webkit-box-shadow: 0 0 0px 1000px black inset;
     -webkit-text-fill-color: white;
}

.navbar-brand {
    padding-top:3px !important;
    padding-bottom:3px !important;
}

.report-viewer{
    font-family:'Titillium Web', sans-serif !important;
    background-image:none !important;
    background-color:#FFFFFF;
}

@media screen and (max-width:767px) {
    .table-responsive {
        border: none;
    }
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top:none !important;
}
.table{
    margin-top:15px;
    margin-bottom:15px;
}

.navbar {
    border-radius:0px !important;
}

.btn-nav{
    font-size:21px;
    border:0px !important;
    color:#FFFFFF;
    padding:10px 18px;
}
.btn-nav:hover, .btn-nav:focus{
    color:#000000;
    background-color:#ffffff;
}


#sidebar-left {
	background: #1C2B36;
	margin-left: 0px !important;
    height:100%;
    position:fixed;
}

#main-nav {
    padding-top:0px;
    font-size: 20px;
}

#main-nav > li > a {
    color:#ffffff;
    background-color:#1C2B36;
}

#main-nav > li > a:focus, #main-nav > li > a:hover {
    color:#ffffff;
    background-color:#000000 !important;
}

#main-nav a.current {
    color:#000000 !important;
    background-color:#CCCCCC !important;
}

#main-nav a.current:hover {
    color:#FFFFFF !important;
}

.content-left{
    float:left;
    z-index:1;
}
.content-right{
    float:left;
    height:100%;
    position:relative;
    width:100%;
    padding-top:20px;
    z-index:0;
}

@media all and (min-width:1200px){
    #main-nav > li{
        min-width:0px;
    }
    .content-left{
        width:160px;
    }
    .content-right{
        padding-left:160px;
    }
    #alertMessage{
        padding-left:165px;
    }
    .lightbox-panel{
        padding-left:160px;
    }
}

@media all and (max-width:1199px){
    #main-nav > li{
        min-width:0px;
    }
    .content-left{
        width:50px;
    }
    .content-right{
        padding-left:50px;
    }
    #alertMessage{
        padding-left:55px;
    }
   .lightbox-panel{
        padding-left:50px;
    }
}

#content-main {
	background: #ffffff;
    position:relative;
    height:100%;
    width:100%;
    padding-top:20px;
}
.nav li .fa {
    display:inline-block;
    width:1.5em;
    text-align:center;
    padding-right:5px;
}

.content-right .panel-body {
    height:500px;
    overflow-y:auto;
}

.image-panel-heading {
    width: 100%;
    padding: 5px 5px 5px 10px;
    background-color:#000000;
    color:#ffffff;
    position:absolute;
}
.image-panel-heading h5 {
    font-size:16px;
    margin-top: 5px !important;
    margin-bottom:0px !important;
}
.ratingStar {
    width: 30px;
    height: 30px;
    background-color:gainsboro;
    margin: 2px 2px 2px 0;
    font-size: 18px;
    padding: 7px;
}

.filledRatingStar {
    background-color:yellow;
}

.row-selected {
    background-color: #0066FF !important;
    color: #ffffff !important;
}

.ajax__tab_xp .ajax__tab_body {
    -webkit-appearance:none;
    background-color: rgba(0, 0, 0, 0.25) !important;
    border: none !important;
    font-family: "titillium web" !important;
    font-size:14px !important;
}

.tab-data-form{
    background-color:rgba(255,255,255,0.50);
    padding: 10px 0 10px 0;
    min-height: 400px;
}
.nav-tabs > li {
    margin-bottom:0px;
}
.nav-tabs > li > a {
    background-color:rgba(255,255,255,0.25);
    border-radius: 0px !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: rgba(255,255,255,0.50);
    border:1px solid transparent;
}
.nav-tabs {
    border:none;
}
#alertMessage {
    position: fixed;
    top: 60px;
    left: 50%;
    padding-right: 5px;
    width: 500px;
    z-index: 9999;
    margin-left:-250px;
}
.fixed-width-label{
    width: 7em;
    text-align: right;
}

.form-control-inline {
    display: inline !important;
    width: auto;
}

.lightbox-panel{
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    top:0;
    background-color: rgba(0,0,0,0.95);
    z-index: 1;
    padding-top:60px;
}
.padding-right-5px{
    padding-right:5px !important;
}
@media all (max-width:720px) {
    .infographic-login {
        display: none;
    }
}
.infographic-login {
    display: block;
    background-image: url('../images/infographic-login.jpg');
    background-repeat:no-repeat;
    background-position:center;
    min-height:200px;
    width:100%;
}