﻿
.blank_row {
	height: 0px !important; /* overwrites any other rules */
	padding: 0px 0px 0px 0px !important;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color:#f0f0f0;
}

.txtVertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
    -moz-transform: rotate(-90deg); /* FF3.5+ */
    -o-transform: rotate(-90deg); /* Opera 10.5 */
    -webkit-transform: rotate(-90deg); /* Safari 3.1+, Chrome */
    position: absolute;
}

.body-content {
    width: 100%;
    padding-left:auto;
    padding-right:auto;
}

table input {
	padding-left:6px;
}

textarea {
	padding-left:6px;
	border-color:#ddd;
}

input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border-radius: 4px;
}

label {
    font-weight: normal;
}

td {
padding: 0px 0px 4px 0px;
    text-align: left;
}


.btn {
	background:#c34533;
	margin-top:12px;
	padding:4px 12px;
	color:#fff;
	font-weight:bold;
	border:none;
	border-radius:3px;
}

.btn:hover{
	background:#53565a;
	margin-top:12px;
	padding:4px 12px;
	color:#fff;
	font-weight:bold;
	border:none;
	border-radius:3px;
}

	
.fieldgroup a {
	font-weight:bold;
	}

/* -------------------CALENDAR -------------------*/


}.NormalCalendar table{
	color:#fff !important;
	}
	
.NormalCalendar tbody tr td {
    padding: 0px 0px 0px 0px;

}

.NormalCalendar th {
    background-color:#fff !important;
    padding: 4px 8px 4px 8px;
    text-align:center;
    margin:0px;
}

.NormalCalendar tr tr  {
	background-color:#c34533 !important;
}

.NormalCalendar tr tr td{
	color:#fff;
	font-weight: bold;
	background-color:#c34533 !important;
	border-color:#c34533;
	border-style:solid;
	border-width: 4px 0px 3px 0px;
}

.NormalCalendar tbody tr td table tbody tr td a{
	color:#fff !important;
	padding: 0px 8px;
}



/* -------------------NAVBAR -------------------*/


.navbar-nav a:focus{
	background-color:#c34533 !important;
}

.navbar-nav a:hover{
	background-color:#53565a !important;
}

.navbar-nav a:active{
	background-color:#a4343a !important;
}


/* -------------------TABLE STYLES -------------------*/
/* -- GRIDVIEW 1 --*/

#MainContent_GridView1 {
	border-radius: 6px;
	border-collapse: collapse;
}

#MainContent_GridView1 td {
   background-color:#fff;
   padding:6px 8px 4px 8px;
   border-color:#ddd;
}

#MainContent_GridView1 td:hover{
   background-color: #f2f2f2;
}

#MainContent_GridView1 th {
   background-color:#c34533;
   padding:6px 8px 8px 12px;
   color:#fff;
   text-align:left;
   font-size: 1em;
   border-color:#ddd;
}



/* -- GRIDVIEW 1 In PageControl --*/

#MainContent_ASPxPageControl1_GridView1 {
	border-radius: 6px;
}

	#MainContent_ASPxPageControl1_GridView1 td {
		background-color: #fff;
		padding: 6px 8px 4px 8px;
		border-color: #ddd;
	}

		#MainContent_ASPxPageControl1_GridView1 td:hover {
			background-color: #f2f2f2;
		}

	#MainContent_ASPxPageControl1_GridView1 th {
		background-color: #c34533;
		padding: 6px 8px 8px 12px;
		color: #fff;
		text-align: left;
		font-size: 1em;
		border-color: #ddd;
	}



/* -- GRIDVIEW 2 --*/

#MainContent_GridView2 {
    border-radius: 6px;
}

#MainContent_GridView2 td {
    background-color: #fff;
    padding: 6px 8px 4px 8px;
    border-color:#ddd;
}

#MainContent_GridView2 td:hover {
    background-color: #f2f2f2;
    }

#MainContent_GridView2 th {
    background-color: #c34533;
    padding: 6px 8px 8px 12px;
    color: #fff;
    text-align: left;
    font-size: 1em;
    border-color:#ddd;
}

/* -------------------SIMPLE TABLE IN PAGECONTROL -------------------*/


#MainContent_ASPxPageControl1_Table100 {
	background-color: #fff !important;
}

	#MainContent_ASPxPageControl1_Table100 tr:first-child {
		background-color: #c34533 !important;
		color: #fff;
		font-weight: bold;
	}

	#MainContent_ASPxPageControl1_Table100 td {
		padding: 6px 8px 8px 12px;
		border-style: solid;
		border-width: 1px;
		border-color: #ddd;
	}


/* -------------------SIMPLE TABLE -------------------*/


#MainContent_Table1 {
    background-color:#fff !important;
}

#MainContent_Table1 tr:first-child {
	background-color:#c34533 !important;
	color:#fff;
	font-weight:bold;
}

#MainContent_Table1 td{
	padding:6px 8px 8px 12px;
	border-style:solid;
	border-width:1px;
	border-color:#ddd;
}



/* ------------------- CHECK BOX -------------------*/

input[type="checkbox"] {
    margin: 0px 4px 0px 0px !important;
    line-height: normal;
}


	
/* -------------- MAINCONTENT LABEL 2 --------------*/


.fieldgroup{
	background-color:none;
	}
	
.fieldgroup #MainContent_CheckBox1 {
	margin-right:4px;
	}
	
.fieldgroup td {
	text-align:left;
	padding-top:4px;
	}
	
	
	
/*----------------  BUTTONS --------------------*/

.NormalButton {
	background:#fff;
	margin-top:12px;
	padding:4px 12px;
	color:#53565a;
	font-weight:bold;
	border-style:solid;
	border-color:#53565a;
	border-width:1px;
	border-radius:3px;
	transition: 0.5s;
	}
.NormalButton:hover {
	background:#fff;
	color: #c34533;
	border-style:solid;
	border-color:#c34533;
	border-width:1px;
	border-radius:3px;
	}
.NormalButton:focus {
	background:#111;
	outline:none;
	}
	
.SaveButton {
	background:#c34533;
	margin-top:12px;
	padding:4px 12px;
	color:#fff;
	font-weight:bold;
	border:none;
	border-radius:3px;
	transition: 0.5s;
	}
.SaveButton:hover {
	background:#000;
	}	
.SaveButton:focus {
	background:#111;
	outline:none;
	}
	
.CancelButton {
	background:#53565a;
	margin-top:12px;
	padding:4px 12px;
	color:#fff;
	font-weight:bold;
	border:none;
	border-radius:3px;
	transition: 0.5s;
	}
	
	
	
/*----------------  DROPDOWN CALENDARS --------------------*/	
	

.dxeCalendarButton_Mulberry, .dxeColorEditButton_Mulberry {
    color:#53565a;
    font-weight:bold;
    border: 1px solid #000;
    background:#fff !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: 0.5s;
    box-shadow:none;
}

.dxeCalendarButtonHover_Mulberry, .dxeColorEditButton_Mulberry {
    color:#53565a;
    font-weight:bold;
    border: 1px solid #000;
    background:#f1f1f1 !important;
}

.dxeCalendarHeader_Mulberry td.dxe {
    color: #676767;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.dxeButtonEdit_Mulberry td.dxic {
    padding: 2px 2px 2px 5px !important;
}
	
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 100%;
}


/* Input Textbox Font */

.dxeTextBoxSys {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    padding-left: 2px;
}

.dxeTextBox {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	font-size:1em;
	border-color:#cbcbcb;
}

input[type="text"].dxeEditAreaSys {
    color: #343434;
}

/* Levels Tables */

.dxgvGroupRow td.dxgv, .dxgvFocusedGroupRow td.dxgv, .dxgvBatchEditChangesPreviewGroupRow td.dxgv {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 1.1em;
}

.dxgvHeader td {
    font-family: "Helvetica Neue", Helvetica, sans-serif !important;
    white-space: nowrap;
}

input[type="text"].dxeEditAreaSys {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    color: #222;
    padding-left:4px;
}

.dxgvSearchPanel {
    padding: 8px 4px 5px 8px;
}

/* Hide URLs when printing from a browser */
@media print 
{
  a[href]:after { display: none; !important; }
  img[src]:after { display: none !important; }
}


/* Sign-in Page */

@media (min-width: none){
.form-horizontal {
width: 100%;
margin-left: 50%;
}
}


/* Login Page */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* New Login Page */

.container body-content {
background-size: cover;
background-position: center bottom;
}

.col-md-8 {
width: 100%;
padding-left: 54%;
padding-bottom: 8%;
}


.col-md-100 {
    width: 100%;
    padding-left: 10%;
    padding-bottom: 8%;
}

#sign_in {
padding-left:54%;
}

hr {
border-top: 1px solid #5e5e5e;
}


#MainContent_ForgotPasswordHyperLink {
margin: 0px 0px 10px 112px;
}

#MainContent_RegisterHyperLink {
margin: 0px 0px 10px 112px;
font-weight: bold;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    background-size: cover;
    background-position: center bottom;
}

h1, .h1 {
    margin-left: 54%;
    margin-top: 8%;
}

/* iPhone Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  
  .col-md-8 {
	width: 100%;
	padding-left: 12%;
	padding-bottom: 14px;
}

h1, .h1 {
    margin-left: 12%;
    margin-top: 4%;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    background-size: cover;
    background-position-x: right;
}

#MainContent_ForgotPasswordHyperLink {
margin: 0px 0px 10px 0px;
}

#MainContent_RegisterHyperLink {
margin: 0px 0px 10px 0px;
font-weight: bold;
}

.form-group {
margin-bottom: 0px;
}


input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
border-radius: 4px;
margin-bottom: 16px;
}}

/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
.col-md-8 {
width: 100%;
padding-left: 54%;
padding-bottom: 15%;
}

#MainContent_ForgotPasswordHyperLink {
margin: 0px 0px 10px 0px;
font-weight: bold;
}

#MainContent_RegisterHyperLink {
margin: 0px 0px 10px 0px;
font-weight: bold;
}

.form-group {
margin-bottom: 4px;
}

input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
border-radius: 4px;
margin-bottom: 40px;
}}

/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

#MainContent_ForgotPasswordHyperLink {
margin: 0px 0px 10px 82px;
font-weight: bold;
}

#MainContent_RegisterHyperLink {
margin: 0px 0px 10px 82px;
font-weight: bold;
}

.col-md-8 {
width: 100%;
padding-left: 54%;
padding-bottom: 10%;
}
}


