html,
        body {
            font-size: 16px;
            height: 100%;
            overflow: hidden;
        }
        
        #wwvFlowForm,
        #wrapper {
            height: 100%;
        }
        
        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 1rem;
            line-height: 1.25;
            color: #373a3c;
	background: white;
        }
::-webkit-scrollbar {
    width: .5em;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(123,183,83, .4);
}
 
::-webkit-scrollbar-thumb {
  background-color: rgb(123,183,83);
  outline: 1px solid slategrey;
}


        .content-panel{
            background: rgba(10,83,133,.15);
            padding: 15px;
            border-radius: 10px;
        margin-bottom: 15px;
        }
        .btn-primary{
            background-color: rgb(123,183,83);
        }
        .btn-info{
            background-color: rgb(10,83,133)
        }
@media (max-width:767px){
	.leftpanel{
	    margin-left: -100%;	
	}
	body.active .leftpanel{
		margin-left: 0;
	}
	body.active .page{
		margin-right: -100%;a
	}
}
        .leftpanel {
            width: 100px;
	    height: 100%;
            float: left;
            background: rgba(0,0,0,.85);
	    overflow-y: auto;
	    overflow-x: hidden;
	    transition: .2s margin ease;
        }
        
        .sidebar-menu-item {
            width: 100px;
            height: 100px;
            border: 1px solid;
            text-align: center;
            overflow: none;
        }
        
        .sidebar-menu-item .fa-3x {
            display: block;
            padding: 20px 0;
        }
        
        .sidebar-menu-item a {
            width: 100%;
            height: 100%;
            padding: 0px !important;
            font-size: 12px;
        }
        
        .page-layout {
			//background-color: rgba(0, 0, 0, .7);
            height: 100%;
			padding-bottom: 50px;
            //height: calc(100% - 51px);
            overflow-y: hidden;
            overflow-x: hidden;
        }
        
        .page {
			/*margin-left: 100px;*/
            height: 100%;
            width: calc(100% - 101px);
            float: left;
			/*background: rgb(29, 29, 29);
            background: -webkit-linear-gradient(bottom, rgba(98, 125, 77, 1) 0%, rgba(31, 59, 8, 1) 100%);
			background: linear-gradient(to top, rgba(98, 125, 77, 1) 0%, rgba(31, 59, 8, 1) 100%);*/		
            padding: 15px;
            padding-bottom: 50px;
			overflow-y:auto;
			overflow-x:hidden;
        }
       @media (max-width:767px){
		.page {
			width: 100%;
		}
	} 
        .rightpanel {
            display: none;
        }
        
        .leftpanel>.nav>li>a {
            color: #fff;
            opacity: .65;
        }
        
        .leftpanel>.nav>li.active>a,
        .leftpanel>.nav>li:hover>a {
            opacity: 1 !important;
			/*background: #69b5f8;*/
			background: rgb(123,183,83);
        }
        
        .card {
            border-color: rgb(70, 70, 70);
            background-color: rgba(0, 0, 0, .7);
        }
            .card-header {
            color: #fff;
            background-color: rgb(0, 0, 0);
            border-color: rgb(76, 76, 76);
        }
        
        .control-label {
			color: #000;
			\\color: rgba(255, 255, 255, .65);
        }
        
        /*text {
        fill: white;
        }*/
        
    /* .display_only {
            color: #fff;
        }*/
            
        .table-responsive,
        .apexir_WORKSHEET_DATA {
            border: 0;
        }
        
/*
.apexir_ROW_SELECT_LIST label,
        .fielddata,
        .table-responsive th,
        .apexir_WORKSHEET_DATA th div,
        legend,
        address,
        p {
            color: white;
        }
*/
        
        #apexir_NUM_ROWS {
            width: auto;
            display: inline-block;
        }
        
/*
.table-responsive tr td,
        .apexir_WORKSHEET_DATA tr.odd td
 {
            background-color: transparent !important;
            color: #DDD;
        }
*/
        .apexir_WORKSHEET_DATA tr.even td,
table tr:nth-child(even) td
{
			background:rgba(0,0,0,.2) ;    
        }
       
		.apexir_WORKSHEET_DATA tr.odd:hover td,
		.apexir_WORKSHEET_DATA tr.even:hover td{
			background-color: rgb(123,183,83) !important;
		}

        .navbar-inverse {
            \\background-color: rgb(0, 0, 0);
			background-color: rgb(10,83,133);
            border-color: #313236;
        }
        .navbar-inverse .navbar-brand {
            color: #fff;
        }
        .navbar-inverse .navbar-text, .navbar-inverse a {
            color: #fff;
        }
		.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
			background-color: rgb(10,83,133);
		}
/*
        .pagination>li>a,
        .pagination>li>span {
            background-color: transparent;
            color: #fff;
        }
*/        
        #merch_navigation li a {
            text-align: center;
			/*color: rgba(255, 255, 255, .6);*/
			color: #aaa;
        }
        
        #merch_navigation li.active a {
            color: rgba(255, 255, 255, 1);
        }
        
        .resource_icon {
            float: left;
            width: 175px;
			height: 160px;
			overflow: hidden;
            padding: 5px;
            /* color:  black; */
            border-radius: 5px;
        }
        
        .resource_icon a,
        .resource_icon p {
            color: #666;
        }
        
        .resource_icon:hover {
            background: yellow;
            color: white !important;
        }
        
        .resource_icon:hover a {
            color: #000;
            font-weight: bold;
        }
        
        .apexir_WORKSHEET_DATA th.current {
            background-image: none;
        }
        
        #apexir_CONTROL_PANEL_DROP {
            background: none;
        }
        
        .formlayout label,
        #apexir_ROW_FILTER label {
            margin-right: 10px;
        }
        
/*        table td {
        color: white;
                }
    */    
        table.calculator td,
        table.calculator a.nolink {
            color: white !important;
        }
        
        .shuttleSelect1,
        .shuttleSelect2 {
            color: black !important;
        }
        
        .custom-header {
            min-height: 180px;
            margin-left: -15px;
            margin-right: -15px;
            margin-top: -35px;
            padding: 20px;
        }
        
        .card-holder-first {
            margin-top: -81px;
        }
        
        .page.mdl-color--grey-100 div.card,
        .page.mdl-color--grey-100 div.card .table-responsive tr td,
        .page.mdl-color--grey-100 div.card .apexir_WORKSHEET_DATA tr.odd td,
        .page.mdl-color--grey-100 div.card .apexir_WORKSHEET_DATA tr.even td,
        .page.mdl-color--grey-100 div.card .apexir_WORKSHEET_DATA tr.odd:hover td,
        .page.mdl-color--grey-100 div.card .apexir_WORKSHEET_DATA tr.even:hover td {
            background: white;
            color: #666;
        }
        
        .page.mdl-color--grey-100 .control-label,
        .page.mdl-color--grey-100 label {
            color: #666;
        }
        
        .page.mdl-color--grey-100 .has-error .control-label,
        .page.mdl-color--grey-100 .has-error label {
            color: #a94442;
        }
        
        .page.mdl-color--grey-100 .card {
            border-color: none;
        }
        
        .page.mdl-color--grey-100 .table-responsive th {
            color: black;
        }
        
        .ReportDownloadLinks {
            padding: 20px;
/*color: white;*/
        }
        
        .resource_icon {
            position: relative;
        }
        
        .delete-resource-button {
            position: absolute;
            right: 0;
        }
        
        td[headers=ICON] img,
        td[headers=BANNER] img {
            height: 100px;
        }
        
        .apex-page-item-error {
            border: 2px solid red;
        }
        
        .uLabelError {
            margin-left: 10px;
            color: red;
            font-style: italic;
            font-size: 12px;
        }
        
        .page.mdl-color--grey-100 .display_only {
            color: #555 !important;
        }