
body{
	background: #DEDEDE;
}

.margin-top{
	margin-top: 2rem;
}

table .button.tiny {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	margin-bottom: .1rem;
	margin-top: .1rem;
	/*width: 100%*/
}

.alert-box .close{
	color: #000000;
	opacity: 0.6;
    font-size: 1.8rem;
    line-height: .7;
    right: 0.45rem;
}

.alert-box a.notificationButton {
	color: #000000 !important;
    padding: 0.2rem .55rem;
    margin: 0 0 0.1rem 0;
    float: right;
}

span.postfix, label.postfix {
    border-radius: 3px;
}

.logo-text{
	font-family: Arial;
	font-size: 29pt;
	line-height: 29pt;
	color: black;
}
.logo-text2{
	font-family: Arial;
	font-size: 11.5pt;
	line-height: 11.5pt;
	color: black;
}

.top-print-logo{
	position: absolute;
	top: 10px;
	right: 10px;
}

.hidden{
	display: none;
}

.fav-proj{
	color: #D2D2D2;
	cursor: pointer;
	text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}

.fav-proj.active{
	color: #e49200;
}

.running-icon{
	text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}

table tr td.button-column .postfix i{
	margin-left: 0;
}

table tr td.button-column input[type="text"]{
	height: 1.4rem;
	padding: 0;
	padding-left: .4rem;
	margin: 0;
}

table tr td.button-column .postfix{
	height: 1.4rem;
	padding: 0;
	line-height: 1.4rem;
	cursor: pointer;
}

tr.success, tr:nth-of-type(even).success{
	background: #dff0d8;
}

input[type="text"].red-border{
	border: 1px solid red;
}

.button.disabled.alert{
	cursor: not-allowed;
	background-color: #de9d00;
}

.user-bar{
	background: #333333;
	width: 100%;
	position: relative;
	height: auto;
	border-bottom: solid 1px #4e4e4e;
	padding: .2rem 1rem;
}

.user-bar a{
	color: #f6c978;
}


.editable-text-wrapper h3{
	display: inline-block;
}

.editable-text-wrapper p{
	margin-bottom: 0;
}

.editable-text-wrapper i{
	cursor: pointer;
}

td{
	padding: 0 0.625rem !important;
}

.xdsoft_datetimepicker td {
	padding: 0 !important;
}

#quickhelp{
	position: fixed;
	bottom: 0;
	height: auto;
	right: 0;
	left: 0;
	background-color: #DDD;
	opacity: 0.7;
	text-align: right;
	font-size: 12px;
	border-top: 2px solid #303030;
	max-height: 150px;
	overflow-y: auto; 
}

#quickhelp:hover{
	opacity: 1;
}

td.info{
	background-color: #a0d3e8;
}
td.warning{
	background-color: #f08a24;
	color: #FFFFFF;
}
td.alert{
	background-color: #f04124;
	color: #FFFFFF;
}

td.warning a{
	color: #DEDEDE;
}
td.warning a:hover{
	color: #222222;
}
td.alert a{
	color: #DEDEDE;
}
td.alert a:hover{
	color: #222222;
}

td.unread-message{
	background-color: #D0FFD0;
}

li.admin-point a{
	background-color: #EFEFFF;
}

li.admin-point a:hover{
	background-color: #E0E0F0;
}

#top-bar-fixed{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
.main-section{
	margin-top: 5rem;
}

.alert-box {
	margin-bottom: .5rem;
	padding: 0.2rem 1.5rem 0.2rem 0.875rem;
}

.alert-box.alert {
	animation: blinker 2s linear infinite;
}
@keyframes blinker {
	50% { background-color: #c74225; }
}


.flashOrange {
	animation: blinkero2 2s linear infinite;
}
@keyframes blinkero2 {
    0%   { background-color: #f08a24; }
	50%  { background-color: #c74225; }
    100% { background-color: #f08a24; }
}



table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #ebebeb;
}
table thead {
    background: #a0d3e8;
}
table{
    box-shadow: 0px 0px 6px #b3b3b3;
    border-radius: 4px;
}
.panel {
    box-shadow: 0px 0px 6px #b3b3b3;
    border-radius: 4px;
}
.alert-box{
    box-shadow: 0px 0px 8px #7a7a7a;
}
input[type="text"],
.button, input[type="submit"]
{
    border-radius: 3px;
}
table .button.tiny
{
    border-radius: 10px;
}
table tr td.unread-message,
table tr td.info,
table tr td.warning {
    border-radius: 8px;
}

.alert-box.radius
{
    border-radius: 15px;
}
#searchtext, #contactsearch
{
    border-radius: 20px;
}

#serverClock
{
    float: left;
    color: #7d7d7d;
}

.has-tip, .has-tip:hover, .has-tip:focus {
    border-bottom: none;
}

@media print {
  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }
}


