*{
    margin: 0px;
    padding: 0px;
}

body {
    height: 100%;
    margin: 30px auto;
    text-align: center;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 0.85em;
	overflow: hidden;
}

h1 {
    clear: both;
    border-bottom: 3px solid #cc9900;
    font: 1.75em/1.75em Georgia, serif;
    color: #996600;
}

h2 {
    padding-top: 10px;
    font: 1.5em/1.25em Georgia, serif;  
}

h3 {
    display: inline;
    font: 1em/0.9em Georgia, serif;
    color: green;
    font-weight: 600;
}

p {
    text-align: justify;
}

fieldset, header, section, footer, nav, article, hgroup {
    display: block;
}

input[type="text"], input[type="password"], textarea, input[type="submit"], select {
    padding: 3px 6px;
    border-top: 2px solid #777;
    border-left: 2px solid #777;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-radius: 7px;
}

input[type="text"], input[type="password"], textarea {
    padding-left: 8px;
    width: 162px;
}

input[type="submit"] {
    margin-left: 5px;
}

#cpName {
    margin-left: 110px;
}

select{
    min-width: 180px;
    max-width: 180px;
}

#selectType{
    min-width: 70px;
    width: 110px;
}

#n_page{
    min-width: 70px;
    width: 70px;
}

fieldset{
    border-radius: 5px;
    margin: 5px auto;
    width: 800px;
    background-color: #f4e8e8;
    text-align: left;
}

.legend{
    position:  relative;
    top:  -15px;
    font-size: 1.2em;
    background-color: #a7b3a7;
    color: #f7fff7;
    font-weight: bold;
    margin: 5px 20px;
    padding: 5px;
    border-radius: 5px;
}

.rowSpace {
    clear: both;
    display: block;
    height: 20px;
}

.row {
    clear: both;
    margin: 5px;
}
.green_message {
    clear: both;
    margin: 5px;
    color: green;
    font-weight: bold;
}
.red_message {
    clear: both;
    margin: 5px;
    color: red;
    font-weight: bold;
}

.menu_left {
    float: left;
    width: 200px;
    margin-left: 20%;
}

.menu_right {
    float: right;
    width: 200px;
    margin-right: 20%;
}

.menu {
    background-color: #D3DCE0;
    color: #c8c8c8;
    border: 1px solid;
    padding: 5px 5px;
    margin: 5px 5px;
    border-radius: 5px;
}

.label {
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 5px;
}

.multilabel {
    float: left;
    width: 170px;
    text-align: right;
    padding-right: 5px;
}

.multilabel-left {
    float: left;
}

.multilabel-right {
    float: right;
    padding-right: 30px;
}

.validation-summary-errors {
    border: 2px solid #990099;
    color: red;
}

.field-validation-error {
    color: #990099;
}

.input-validation-error {
    color: #990099;
    background-color: #ff80ff;
    border-top: 2px solid #990099;
    border-left: 2px solid #990099;
}

/* site title
----------------------------------------------------------*/
.site-title {
    position:  relative;
    color: #a8a8a8;
    font-size: 1.5em;
    margin: 0 0 0 20px;
}

#head {
    height: 85px;
}

.header {
    height: 40px;
    margin-left: 10px;
}

.content-header {
    margin-left: 120px; 
    max-width: 960px;
}

.content-breadcrumb {
    float: left;
    position: relative;
    top: -20px;
    max-width: 960px;
    margin-left: 20px;
    padding-left: 20px;
}

.float-left {
    float: left;
    margin: 0 0 5px;
}

.float-right {
    float: right;
}

.logged {
    clear: both;
    float: right;
    margin: 0 5px 0 0;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

li {
   list-style-type:none; 
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

.login {
    margin: 10px;
}

.webgrid {
            margin: 0 auto;
            width: 100%;
            border: 0;
            border-collapse: collapse;
}

.webgrid a {
            color: #000;
}

.webgrid a:visited {
            color: #A7B3A7;
}
  
.webgrid-header{
            padding: 6px 5px;
            text-align: center;
            height: 40px;
}

.webgrid-footer, .webgrid-footer-dec{
            padding: 6px 5px;
            text-align: center;
            height: 30px;
}

.webgrid-row-style{
            text-align: center;
            height: 30px;
            background-color: #f2f2f2;
}

.webgrid-alternating-row{
            text-align: center;
            height: 30px;
}

.webgrid-selected-row{
            font-weight: bold;
            background-color: #E3DFFF;
}

.text-align-left {
    padding-left: 10px;
    text-align: left;
}

#footer {
    display: block;
    font-size: .85em;
    margin: 10px 20px;
    float: left;
}

#ui-datepicker-div {
    font-size: 12px;
}

/*autocomplete*/
.ui-autocomplete.ui-widget {
    text-align: left;
    font-size: 12px;
}

/*breadcrumb*/
            .siteMap {
                padding-top: 5px;
                font-size:10px;
                color:#888;
            }
            .siteMap li {
                float:left;
                padding-left:0px;
                border-width:0px;
            }
            .siteMap span {
                font-weight:bold;
            }
            .siteMap #sep {
                font-weight:normal;
            }
            .siteMap a,a.Visited {
                color:#888;
                text-decoration:none;
            }

.selected-items {
    font-size: .85em;     
}

.n_page {
    font-size: .85em;     
}

#tabs {
    background: #b9e8f5;
}

.bold_color {
    display: inline-block;
    color: purple;
    font-weight: bold;
    white-space: pre-line;
}


.cod {
    width: 100px;
}

.view, .edit, .delete, .print {
    width: 25px;
}

.grid-left-align {
    padding-left: 5px;
    text-align: left;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../Images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

hr {
clear: both;
float: left;
border: 0;
height: 2px;
color: #9A9A9A;
background-color: #9A9A9A;
margin: 5px 5px 5px 0;
width: 200px
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 10px;
    height: 10px;
    padding: 1px 3px;

    background: #fff;
    border: 1px solid #666;
    color: #666;
    text-align: center;

    font: 10px Arial, sans-serif;
}

.orig_added:nth-of-type(odd) {
    background-color: #F2F2F2;
}

.dest_added:nth-of-type(even) {
    background-color: #F2F2F2;
}

.reveal .fa {
  font-family: 'FontAwesome';
  font-style: normal;
}