/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 600px;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}


.popup_panel {
    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 18px #888888;}

.containerClass .ajax__html_editor_extender_container
        {
            width: 100% !important;/*important is really important at here*/
        }


.RequiredField {
color:red;
font-weight:bold ;
}

.mydatagrid
{
	width: 80%;
	border: none;
	min-width: 80%;
}
.header
{
	background-color: #ffdd00;
	font-family: Arial;
	color: black;
	border: none 0px transparent;
    padding:5px 2px 2px  2px;
	height: 25px;
	text-align: left;
	font-size: 12px;
    font-weight: bold;
}

.rows
{
	background-color: #fff;
	font-family: Arial;
	font-size: 12px;
	color: #000;
	min-height:15px;
	text-align: left;
    border: none 0px transparent;
    border-bottom: solid 1px lightgray; 


}
.rows:hover
{
	background-color:lightsteelblue;
	font-family: Arial;
	color: #fff;
	text-align: left;
}
.selectedrow
{
	background-color: lightsteelblue;
	font-family: Arial;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	/*padding:2px 2px 2px 2px;*/
	color:#00adb8;
	text-decoration: none;
	font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	/*background-color: #000;*/
	color:#ffdd00;
    text-emphasis:circle;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
/*{
	background-color:transparent ;
	color: #000;
	padding: 2px 2px 2px 2px;
}*/
.pagergrid
{
	background-color: #646464;
    	border: none 0px transparent;
	font-family: Arial;
	color: White;
	height: 30px;
	text-align: left;
}

.mydatagrid td
{
	padding: 2px;
}
.mydatagrid th
{
	padding: 2px;
}
.filter
{
    background-color : #f2f2f2;
}