@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');


BODY, HTML, * {
    font-family: 'Roboto', sans-serif !important;
    /* min-height: 100%; */
}

     .TopFormArea {
    /* top:100px;*/
       background:#d8d8d8;
        border:0;
             }

        h2.ng-binding {
        font-weight:700;

        color:#303030;
        padding:3px;
        font-size:20px;
            }
    div#NpMainContent {
    background:#f5f5f5;
    /*background:#fff;*/
    padding-top:44px;
    }
    
    .searchPageButtons button,.FormArea .CellButton {
    background:#aeb689;
    height:40px;
    line-height:40px;
    padding:0 16px!important;
    margin-right:4px;
    cursor:pointer;
    }
    
    td .npLovButton,.ngCellElement .npLovButton {
    background-color:#fff;
    border:1px solid #ccc;
    margin-left:-1px;
    border-left:0;
    padding-left:1px;
    }
    
    .NpTable .TopGridArea {
		border-bottom:1px solid #aeb689;
		overflow:hidden;
    }
    
    .TopGridArea .icon {
    margin:0 2px;
    }
	
	.TopGridArea button.FiltersOn {
	color:#F0F098;
}

button {
	background:#aeb689;
	cursor:pointer;
	cursor:hand;
}

button.ui-multiselect {
	font-family: 'Roboto', sans-serif;
}

h3 {
	font-family: 'Roboto', sans-serif;
}

select.my_account {
    font-family: 'Roboto', sans-serif !important;
}

.TopGridArea button, .TopGridArea h3{
	font-family: 'Roboto', sans-serif;
}


ul.ng-scope li:hover, ul.ng-scope li:focus, button.NpMenuButton:hover, button.NpMenuButton:focus {
	background:#aeb689 !important;
	color: rgb(99, 99, 99) !important;

}





.TopFormArea .saveCancel button {
	background: #aeb689;
}

.FormArea h3 {
	border-bottom: 1px solid #aeb689;
}


td input.npLovInput, .ngCellElement .npLovInput {
	outline-color: #aeb689;
}


.FormArea table td input, .FormArea table td select, .ngCellElement select, .GridSearchArea input, select {

	outline-color: #aeb689;
}



.ngViewport button.CellButton {
	background: #aeb689;
}

.searchPageButtons button, .FormArea .CellButton  {
	background:#aeb689;
}

.ngRow.selected {
	background:#dcdcdc;
}

.ngRow.selected a:focus, .ngRow.selected input:focus, .ngRow.selected a:hover, .ngRow.selected input:hover {
    background:#aeb689 !important;
}


.ngRow.selected a:disabled:focus, .ngRow.selected input:disabled:focus {
	background:#aeb689 !important;
}


.ngCellElement:focus {
	background-color:#aeb689;
}

#copyright a:hover {
	color:#aeb689;
}

.ui-dialog-titlebar.ui-widget-header {
background: #aeb689;
font-family: 'Roboto', sans-serif;
}


/* */ /* */ 



.ui-dialog-titlebar-close {


	background:#aeb689;

}


.NpTable {
	border: 1px solid #aeb689;
}



.GridSearchArea {
	border-bottom: 1px solid #aeb689;
}

.NrlDialog > .GridSearchArea {
	border: 1px solid #aeb689;
}

.GridSearchAreaFooter button {
	background: #aeb689;
}


.TopGridArea button.FiltersOn {
	background:#aeb689;
	color:#413f3f;
}






input, label, select, textarea {
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Search Area */

.GridSearchArea {
	transition: all 0.5s ease;
	border-bottom: 1px solid #AAA;
	background: #f5f5f5;
	border-bottom: 1px solid #7e8f7c;
}

button:focus, button:hover {
    background-color: #34674a;
}


td .npLovButton:focus, .ngCellElement .npLovButton:focus {
	background-color: #34674a;
}

.TopGridArea button:hover, .TopGridArea button:focus {
    background: #34674a !important;
    color: white;
}

.GridSearchAreaFooter button:hover, .GridSearchAreaFooter button:focus {
	background: #34674a;
	color:white;
}

.TopFormArea .saveCancel button:hover {
	background: #34674a;
	height: 35px;
	line-height: 35px;
}
.searchPageButtons button:hover, .searchPageButtons button:focus, .FormArea .CellButton:hover, .FormArea .CellButton:focus {
	background:#34674a;
	color:white;
}
.ui-dialog td button.ng-binding:hover, .ui-dialog td button.ng-binding:focus {
    background: #34674a;
    color: white;
}

/* Login form */

#thisVersion{
                opacity: 0.4;
                /*background: transparent;*/
				background: #bccaa1
}


#thisVersion:hover{
                    /*line-height: 20px;
                font-size: 12px;*/
                opacity:1;
                font-family: 'Roboto', sans-serif;
}


/* SEARCH BUTTONS */


.npBlob a, .npBlob button {
    /*font-size: 14px !important;*/
    font-family: 'Roboto', sans-serif !important;
}