 *

	
/*========= Begin Input Styles =========*/
	:root{
        color-scheme:white !important;
    }
	textarea,
	select,
	input[type="text"],
	input[type="button"],
	input[type="file"],
	input[type="submit"],
    input[type="password"],
    textarea {
		-webkit-appearance: none !important;
		-moz-appearance:none !important;
		appearance:none !important;
		border:0;
		font-family:'Open Sans', sans-serif;
        font-size:16px !important;
	}
	select {
		display:inline-block;
		position:relative;
		margin:1px 5px;
		padding:5px 40px 5px 5px;
		border:1px solid #282828;
		background-image:url('/gfx/HeaderIcons/icon_triangleDown.png');
		background-size:1.0rem 1.0rem;
		background-position:right 10px center;
		background-repeat:no-repeat;
		/* vertical-align:bottom; */
		background-color:#fefefe;
		cursor:pointer;
	}
	select::-ms-expand {
		display: none;
	}
	input[type=text], textarea, input[type="password"] {
		display:inline-block;
		position:relative;
		margin:0 5px;
		padding:5px 5px 0 5px;
		border:1px solid #cccccc;
		background-color:#ffffff;
		/*vertical-align:bottom;*/
	}
    .hiddenInput {
       position:absolute;
       top:0;
       left:0;
       width:0px;
       height:0px;
       opacity:0.0;
       z-index:-1;
   }
									
/*========= End Input Styles =========*/
/*========= Begin Button Styles =========*/

    input[type=submit], input[type=button], button,
    .ocebuttonfull span, .basicButton {
        /*display:block;*/  /* messes up reporting/choosemyquestions.aspx */ 
        display: inline-block; 
        position:relative;
        margin:0 0 9px;
		padding:9px;
        border-radius:9px;
        font-family:'Open Sans', sans-serif !important;
		font-weight:400;
        cursor:pointer;
        box-shadow:0 3px 6px rgba(0,0,0,0.20);
        transition:all 0.25s ease;
        transition-property:background-color, color;
    }
    .basicButton {
margin : 0px 0px 9px;
padding : 9px;
border : 0px none rgb(255, 255, 255);
box-sizing : border-box;
-webkit-font-smoothing : antialiased;
text-shadow : none;
font-family : "Open Sans", sans-serif;
color : rgb(255, 255, 255) !important;
background-color : rgb(133, 18, 33) !important;
    }
    .basicButton:hover {
   background-color : rgb(0, 0, 0) !important;
color : white !important;
    }
	.saveButton {
		padding-left:55px;
		background-color:#008800;
		background-image:url('/gfx/HeaderIcons/icon_save.png');
		background-position:10px center;
		background-repeat:no-repeat;
	}
	.uploadButton {
		padding-left:55px;
		background-image:url('/gfx/HeaderIcons/icon_upload.png');
		background-position:10px center;
		background-repeat:no-repeat;
	}
	.deleteButton {
		padding-left:55px;
		background-color:#cc0000;
		background-image:url('/gfx/HeaderIcons/icon_delete.png');
		background-position:10px center;
		background-repeat:no-repeat;
	}
	.deleteButton:active {
		background-color:#770000 !important;
	}
	.basicButton:active, input[type="submit"]:active, input[type="button"]:active {
		box-shadow:inset 0 0 25px rgba(0,0,0,0.4);
		transform:scale(0.97);
		background-color:#777777;
	}
    .nameOfPage{

    margin : 0px; 
    padding : 0px; 
    border : 0px none rgb(0, 0, 0); 
    box-sizing : border-box; 
    -webkit-font-smoothing : antialiased; 
    text-shadow : none; 
    font-family : "Open Sans", sans-serif; 


    }
    div.oceContent {
		display:block;
		position:absolute;
		left:50%;
		width:95%;
        width:calc(100% - 20px);
        min-height:calc(100vh - 50px);
		margin-left:-47.5%;
        margin-left:calc(-50% + 10px);
        padding:12px 12px 72px;
		background-color:#fefefe;
		color:#282828;
	}
	div#upButton {
		display:none;
		position:fixed;
		bottom:-200px;
		right: 20px;
		background: #2D539E url('/gfx/upButton.png') 0 0/cover no-repeat;
		filter:Alpha(opacity=30);
		opacity:0.3;
		cursor:pointer;
		border-radius:50%;
		z-index:4000000;
	}
    .lnkButton {
        display:block;
        position:relative;
        padding:6px;
        border-radius:6px;
        font-size:16px;
        font-weight:400;
        text-align:center;
        text-decoration:none;
        box-shadow:0 3px 6px rgba(0,0,0,0.20);
    }
    svg.buttonIcon {
	    width: 18px;
	    height: 18px;
	    margin-right: 6px;
	    vertical-align: -12%;
    }

/*========= End Button Styles =========*/
    .nameOfPage > .smallerTitle {
        font-size:1.5rem;
    }
	div.containerNameOfPage {
		margin-top:10px;
        margin-bottom:10px;
	}
/*========= Begin Table Styles =========*/
	.dxgvControl_Custom, 
	.dxgvDisabled_Custom {
		border:0;
        background-color:transparent !important;
		font:1.0rem "Open Sans", sans-serif;
	}
    .dxgvTable_Custom {
        border-collapse:collapse !important;
        background-color:transparent !important;
        font-size:0.875rem;
    }
.dxgvHeader_Custom:hover, dxgvHeader:hover, .dxgvHeader:hover {
    color : white !important;
}
 .dxgvHeader table {
    color: white !important;
}


.dxgvHeader_Custom a, dxgvHeader a, .dxgvHeader a{
        color : white !important;
}
        .dxgvHeader_Custom, dxgvHeader, .dxgvHeader {
        background-image:none !important;
        font-weight:600;
        cursor:default !important;
		white-space: normal !important;
		text-align: center;
        line-height : normal;
padding : 4px 6px 6px;
padding-left : 6px;
padding-right : 6px;
cursor : pointer;
border : 0px none rgb(255, 255, 255);
overflow : hidden;
font-weight : 400;
text-align : center;
background : rgb(143, 19, 36) none repeat scroll 0% 0% / auto padding-box border-box !important;
color : white !important;
margin : 0px;
box-sizing : border-box;
-webkit-font-smoothing : antialiased;
text-shadow : none;
font-family : "Open Sans", sans-serif;
border-top : 0px none rgb(255, 255, 255) !important;
border-right : 0px none rgb(255, 255, 255) !important;
border-left : 0px none rgb(255, 255, 255) !important;
border-bottom : 0px none rgb(255, 255, 255) !important;
background-color : rgb(143, 19, 36) !important;
    }
    td.dxgvHeader_Custom {
        background-image:none !important;
        font-weight:600;
        cursor:default !important;
		white-space: normal !important;
		text-align: center;
        line-height : normal;
padding : 4px 6px 6px;
padding-left : 6px;
padding-right : 6px;
cursor : pointer;
border : 0px none rgb(255, 255, 255);
overflow : hidden;
font-weight : 400;
text-align : center;
background : rgb(143, 19, 36) none repeat scroll 0% 0% / auto padding-box border-box !important;
color : rgb(255, 255, 255)!important;
margin : 0px;
box-sizing : border-box;
-webkit-font-smoothing : antialiased;
text-shadow : none;
font-family : "Open Sans", sans-serif;
border-top : 0px none rgb(255, 255, 255) !important;
border-right : 0px none rgb(255, 255, 255) !important;
border-left : 0px none rgb(255, 255, 255) !important;
border-bottom : 0px none rgb(255, 255, 255) !important;
background-color : rgb(143, 19, 36) !important;
    }
     table.dataDictionaryTable {
         border:1px solid #282828;
         border-collapse:collapse;
         border-spacing:0;
     }
     table.dataDictionaryTable td,
     table.dataDictionaryTable th {
         padding:9px !important;
         border:1px solid #666666;
     }
     .dxgvFCSD {
         height:17px !important;
     }
	 .resizeGrabBar {
        background-color:#fafafa;
        color:#666666;
        cursor:grab;
        box-shadow:0 3px 6px rgba(0,0,0,0.15);
     }
	 .resizeGrabBar tr.dxgv > td {
		height:24px;
		font-size:0.85rem;
		font-weight:400;
        line-height:16px;
		text-align:center;
	 }
    .resizeGrabBar:active {
        background-color: #f2f2f2;
        color: #000000;
        box-shadow: 0 1px 2px rgba(0,0,0,0.15);
        transform: scale(0.99);
    }     
    .resizeGrabBar tr.dxgv > td > img {
         width:30px;
         height:20px;
         vertical-align:middle;
     }
     .resizeGrabBar tr.dxgv > td > img {
         vertical-align:middle;
     }
     .hiddenLabel {
         display:none;
     }
/*========= End Table Styles =========*/
