/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 *= require_tree.
 */

a {
    color:white;
}

h1 {
    color:white;
    text-align:center;
}
h2 {
	color:white;
}

label {
	color:white;
}

#Title {
    padding-left: 5%;
    float:left;
    clear:none;
}


#chngColorBtn{
    background-image: url('/assets/SwapIcons_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: right;
    right: 54px;
    pointer-events: auto;
}

#chngColorBtn:hover{
    background-image: url('/assets/SwapIconsGlow_sm.png');
    cursor: pointer;
    pointer-events: auto;
}

#filterBtn{
    background-image: url('/assets/FilterIcon_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: right;
    right: 3px;
    pointer-events: auto;
}

#filterBtn:hover {
    background-image: url('/assets/FilterIconGlow_sm.png') !important;
    cursor: pointer !important;
    pointer-events: auto;
}


#homeBtn {
    background-image: url('/assets/HomeIcon_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height:48px;
    display: inline-block;
    pointer-events: auto;
    clear:none;
    float:left;
}

#homeBtn:hover {
    background-image: url('/assets/HomeIconGlow_sm.png');
    cursor: pointer !important;
    pointer-events: auto;
}

#logoutBtn{
    background-image: url('/assets/Logout_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height:48px;
    display: inline-block;
    pointer-events: auto;
    clear:none;
    float:left;
}

#logoutBtn:hover{
    background-image: url('/assets/LogoutGlow_sm.png');
    cursor: pointer;
    pointer-events: auto;
}

#navBtn{
    background-image: url('/assets/NavBtn2_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: right;
    right: 54px;
    pointer-events: auto;
}

#navBtn:hover{
    background-image: url('/assets/NavBtn2Glow_sm.png');
    cursor: pointer;
    pointer-events: auto;
}

#noFilterBtn{
    background-image: url('/assets/NoFilterIcon_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: right;
    right: 3px;
    pointer-events: auto;
}

#noFilterBtn:hover{
    background-image: url('/assets/NoFilterIconGlow_sm.png') !important;
    cursor: pointer !important;
    pointer-events: auto;
}

#saveBtn{
    background-image: url('/assets/SaveIcon_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: right;
    right: 54px;
    pointer-events: auto;
}

#saveBtn:hover{
    background-image: url('/assets/SaveIconGlow_sm.png');
    cursor: pointer;
    pointer-events: auto;
}


#tableKeyBtn {
    background-image: url('/assets/TableKey_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height:48px;
    display: inline-block;
    pointer-events: auto;
    clear:none;
    float:right;
}

#tableKeyBtn:hover {
    background-image: url('/assets/TableKeyGlow_sm.png');
    cursor: pointer !important;
    pointer-events: auto;
}

#xmlParserLinkBtn{
    background-image: url('/assets/xmlIcn_sm.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: right;
    pointer-events: auto;
}

#xmlParserLinkBtn:hover{
    background-image: url('/assets/xmlIcn_glow_sm.png');
    cursor: pointer;
    pointer-events: auto;
}

.table{
    border: 1px solid black;
    border-collapse: collapse;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-alignment:center;
    font-size: 9pt;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:2px;
    padding-bottom:2px;

    table-layout: fixed;
}
.alert {
	color:white;
	text-align:center;
}
.notice {
	color:white;
	text-align:center;
}

.tableElement{
    border: 1px solid black;
    border-collapse: collapse;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:1px;
    padding-bottom:1px;
}

.deleteButton{
    cursor: pointer;
}

.tableHead{
    background-color: #222224;
    position: inline-block;
    margin: 0;
}

.documentHeader{
    position: fixed;
    background-image: url(/assets/BackgroundImg4.png),  url(/assets/ExpndHeadBar.png), url(/assets/BarShadow.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, left 91px, left bottom;
    background-size: 100% 91px, 100% 30px, 100% 14px;
    width: 100%;
    height: 149px;
    color: #e7f3ff;
    pointer-events: none;
}

body{
    margin: 0px;
    background-image: -ms-linear-gradient(bottom, #005063 0%, #00070A 100%);
    background-image: -moz-linear-gradient(bottom, #005063 0%, #00070A 100%);
    background-image: -o-linear-gradient(bottom, #005063 0%, #00070A 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #005063), color-stop(1, #00070A));
    background-image: -webkit-linear-gradient(bottom, #005063 0%, #00070A 100%);
    background-image: linear-gradient(to top, #005063 0%, #00070A 100%);
    background-attachment: fixed;
}

.DefaultElemStyle{
    background-color: white;
}

.redStyle{
    background-color: rgba(255, 119, 129, 0.94);
}

.lightRedStyle{
    background-color: rgb(252, 173, 185);
}

.yellowStyle{
    background-color: rgba(255, 229, 85, 0.93);
}

.lightYellowStyle{
    background-color: rgb(253, 230, 128);
}

.greenStyle{
    background-color: rgba(126, 255, 180, 0.94);
}

.lightGreenStyle{
    background-color: rgb(184, 255, 243);
}

.purpleStyle{
    background-color: rgba(255, 170, 255, 0.95);
}

.glowElement:hover{
    background-color: rgba(153, 235, 255, 0.95);
}

.greenText{
    font-family: Verdana;
    font-size: 14px;
    color: #55FF55;
    line-height: 150%;
    white-space: nowrap;
}

.redText{
    font-family: Verdana;
    font-size: 14px;
    color: #FF5555;
    line-height: 150%;
    white-space: nowrap;
}

.yellowText{
    font-family: Verdana;
    font-size: 14px;
    color: #FFCC55;
    line-height: 150%;
    white-space: nowrap;
}

.whiteText{
    font-family: Verdana;
    font-size: 14px;
    color: #e2f8ff;
    line-height: 150%;
    white-space: nowrap;
}

.buttnToolTip{
    font-family: Verdana;
    font-size: 14px;
    color: #58a5ff;
    line-height: 150%;
}

.buttnToolTipRight{
    font-family: Verdana;
    font-size: 14px;
    color: #58a5ff;
    line-height: 150%;
}


.filterDiv{
    width:100%;
    border:1px solid black;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #8d96a4;
}

#customerFirstName{
    margin-right: 20px;
}

.topSpace{
    margin:0;
}

.paddingDiv{
    margin: 2em 2em 2em 2em;
    line-height:200%;
    font-size: 11px;
    border-width:0;
}

.checkboxContainer{
    display: none;
}

.debugger{
    background-color: white;
}

.bottomDiv{
    width: 100%;
    height: 125px;
    background-image: url(/assets/Footer1.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 125px;
}

#expandableFooter{
    height:5px;
}

td{
    white-space: nowrap;
}
th{
    white-space: nowrap;
}

.doubleArrowBtn:hover{
    cursor: pointer !important;
}

.downArrowBtn:hover{
    cursor: pointer !important;
}

.upArrowBtn:hover{
    cursor: pointer !important;
}

#countdownTimer{
    opacity: 0.4;
    color: #cff0ff;
    font-family: Verdana;
    font-size: 14px;
    float: right;
    clear:right;
    padding-top:5px;
}

/*FIXED HEADER CSS STYLING*/
table .header-fixed {
    position: fixed;
    top: 50px;
    z-index: 2; /* 10 less than .navbar-fixed to prevent any overlap */
    border-bottom: 1px solid rgba(0,0,0,0.3);
    background-color: rgba(140, 140, 170, 0.5);
    color: #eef8ff;
}
/*FIXED HEADER CSS STYLING*/