html, body {
    height:         100%;
    width:          100%;
    min-width:      992px;
}

body {
    position:           relative;
    background-color:   #FFFFFF;
}

#app-header {
    min-height:         80px;
    position:       fixed;
    top:            0;
    left:           0;
    right:          0;
    z-index:        1000;
    /*background:     #fc7303;*/    
    background:     #00387B;                                                            /* Old browsers */    
    /*background:     linear-gradient(to bottom, #f96a11 0%,#ed6104 75%,#e05804 100%);    /* W3C */
    /*background:     linear-gradient(to bottom, #f96a11 0%,#ed6104 75%,#e05804 100%);    /* W3C */
}

@-webkit-keyframes slidein {
    from {
        margin-left:    -240px;
    }

    to {
        margin-left:    0;
    }
}
@keyframes slidein {
    from {
        margin-left:    -240px;
    }

    to {
        margin-left:    0;
    }
}
#logo {
    position:                   relative;
    top:                        10px;
    left:                       50px;
    /*-webkit-animation-duration: 3s;*/
    /*-webkit-animation-name:     slidein;*/
    animation-duration:         3s;    
    animation-name:             slidein;    
}

header ul {
	float: right;
	list-style: none;
}

header li {
	float:left;
}

#session-refresh {   
    display:        none;
    margin:         18px 18px 0 0;
	font-size:      18px;
    font-weight:    bold;
    color:          #FFFFFF;
}

#session-refresh a {
	font-size:      18px;
    font-weight:    bold;
    color:          #FFFFFF;
}

#logout {   
    display:        inline-block;
    margin:         18px 18px 0 0;
    font-size:      18px;
    font-weight:    bold;
    color:          #FFFFFF;
}

#app-footer {
    height:             34px;
    position:           fixed;
    bottom:             0;
    left:               0;
    right:              0;
    z-index:            1000;
    background-color:   #F8F8F8;
    border-top:         1px solid #E7E7E7;
}

#js-required {
    margin:         50px;
}
#js-required > h3 {
    margin:         10px 20px;
}

::-webkit-scrollbar {
    -webkit-appearance:     none;
    width:                  10px;
    height:                 10px;    
}
::-webkit-scrollbar-thumb {    
    background-color:       rgba(0, 0, 0, .5);
    box-shadow:             0 0 1px rgba(255, 255, 255, .5);
}

*:focus {
    outline:        none;
}

.form-group {
    margin-bottom:  5px;
}
.form-layout {
    display:        table;
}
.form-layout .row {
    display:        table-row;
}
.form-layout .cell {
    display:        table-cell;
    padding:        5px 10px 0 0;    
}

.panel {
    margin-bottom:  10px !important; 
}
.modal-body .panel {
    margin-bottom:  0; 
}
.panel-primary  {
  	border-color: 		#AA9726;
}
.panel-primary>.panel-heading { /* cascaded */
  	color: 				#fff;
  	background-color:	#AA9726;
  	border-color: 		#AA9726;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { /* casceded */
  	z-index: 			2;
  	color: 				#fff;
  	background-color: 	#AA9726;
  	border-color: 		#AA9726;
}
.panel-heading {
    position:       	relative;
    font-weight:    	bold;    
    font-size:      	16px;
}
.panel-heading > .toggle {
    position:       	absolute;
    top:            	13px;
    right:          	15px;
}
.btn-primary { /* cascaded */
  	color: 				#fff;
  	background-color:	#AA9726;
  	border-color: 		#AA9726;
}
.btn-link { /* cascaded */
  	font-weight: 		400;
  	color: 				#AA9726;
  	cursor: 			pointer;
  	border-radius:		0;
}
.text-primary { /* cascaded */
  	color: 				#AA9726;
}
legend {    
    font-weight:    	bold;    
    font-size:      	14px;
}
.form-horizontal legend {
    margin-bottom:  	10px;
}
.center {
    text-align:     	center;
}

label {
    font-weight:    	normal;
}
label.form-control {
    overflow:       	hidden;
}
textarea {
    resize:         	none;
}

.form-horizontal .helper > .popover {
    max-width:      	400px;
    width:          	400px;
}

.input-group span.input-group-addon {
	cursor: pointer;
}

.form-group .checkbox-group > .input-group {
    float:          left;    
}
.form-group .checkbox-group > .input-group {
    padding:        1px;
}
.modal-body .form-group .checkbox-group > .input-group:nth-last-child(odd) {    
    padding:        1px 0 1px 1px;
}
.modal-body .form-group .checkbox-group > .input-group:nth-last-child(even) {
    padding:        1px 1px 1px 0;
}

#loading .modal-header {
    padding:        5px 10px;
}
#loading .modal-dialog {
    margin-top:     15%;
}
#loading .progress {
    margin-bottom:  0;
}

.user-properties-windows ul.nav-tabs {
    margin-bottom:  10px;
}

#download {
    display:        none;
}

.modal-open .modal {
    overflow-x:     auto;
}    
.modal-lg {
    min-width:      950px;
}
@media (min-width: 1280px) {
  .modal-lg {
    width: 1200px;
  }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform:  rotate(0deg);       
    }

    to {
        -webkit-transform:  rotate(180deg);        
    }
}
@keyframes rotate {
    from {
        -ms-transform:      rotate(0deg);
        transform:          rotate(0deg);
    }

    to {
        -ms-transform:      rotate(180deg);
        transform:          rotate(180deg);
    }
}

/**
 * Filterlist styling.
 */
[id^=filterlist] .action {
	padding: 5px;
	cursor: pointer;
}

table[id^=filterlist] .glyphicon, 
[id^=filterlist] table .glyphicon {
    font-size:      22px;
}