/* #644632 */

/*
@font-face {
    font-family: 'Rokkitt';
    src: url('../fonts/customer/Rokkitt-webfont.eot');
    src: url('../fonts/customer/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/customer/Rokkitt-webfont.woff') format('woff'),
         url('../fonts/customer/Rokkitt-webfont.ttf') format('truetype'),
         url('../fonts/customer/Rokkitt-webfont.svg#Rokkitt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINWeb';
    src: url('../fonts/customer/DINWeb-Bold.eot');
    src: url('../fonts/customer/DINWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/customer/DINWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DINWeb';
    src: url('../fonts/customer/DINWeb-BoldIta.eot');
    src: url('../fonts/customer/DINWeb-BoldIta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/customer/DINWeb-BoldIta.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DINWeb';
    src: url('../fonts/customer/DINWeb-Ita.eot');
    src: url('../fonts/customer/DINWeb-Ita.eot?#iefix') format('embedded-opentype'),
         url('../fonts/customer/DINWeb-Ita.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'DINWeb';
    src: url('../fonts/customer/DINWeb.eot');
    src: url('../fonts/customer/DINWeb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/customer/DINWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
body, .btn, input, textarea {
	font-family: "DINWeb","Helvetica",Arial,sans-serif !important;
}

.welcome{
	font-weight: normal;
	margin-bottom: 0;
}

/*
.dashboard .item a {
	color: #644632;
}

a {
    color: #644632 !important;
}

h1, h2, h3, h4, h5, h6, header .navbar {
	font-family: "Rokkitt","Courier New",Times,serif;
	color: #644632;
	font-weight: normal;
}*/


header .navbar {
	font-size: 100%;
	color: #fff;

	background-color: #5a5a5a; 
}


textarea[readonly], input[type="text"][readonly], input[type="password"][readonly], input[type="email"][readonly], input[type="url"][readonly], input[type="phone"][readonly], input[type="tel"][readonly], input[type="number"][readonly], input[type="datetime"][readonly], input[type="date"][readonly], input[type="month"][readonly], input[type="color"][readonly], input[type="time"][readonly], input[type="search"][readonly], input[type="datetime-local"][readonly] {
    color: rgba(0, 0, 0, 0.5);
    resize: none;
}

input[readonly] {
    background: none repeat scroll 0 0 #f6f5f5;
    color: #000;
}

header .navbar a, header .navbar a:hover, header .navbar a:active, header .navbar a:visited {
	color: #fff !important;
}

.navbar-pills li.active a, .navbar-pills a:hover {
    background-color: #454545 !important;
}

.navbar-admin li.active a, .navbar-admin a:hover {
    background-color: #646464 !important;
}

.workspace {
    background-color: #747474 !important;
    color: #d6d6d6 !important;
}

header .navbar, header .navbar-admin {
	background-color: #5a5a5a !important;
}

h4 {
	font-size: 1.3125em;
}

.tools-message-red {
    background: none repeat scroll 0 0 #de2c3b !important;
}

.tools-message-yellow {
    background: none repeat scroll 0 0 #FFF4CC !important;
}

.accordion-title.accordion-title-opened {
    background: none repeat scroll 0 0 #cfcfcf !important;
}

.accordion-title {
    background: none repeat scroll 0 0 #cfcfcf !important;
}

/*
.xdsoft_datetimepicker, .xdsoft_calendar, .xdsoft_timepicker, .xdsoft_time_box {
	font-family: "DINWeb","Helvetica",Arial,sans-serif !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #000 !important;
    font-weight: bold;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: none repeat scroll 0 0 #644632 !important;
    box-shadow: 0 1px 3px 0 #644632 inset !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: none repeat scroll 0 0 #644632 !important;
    box-shadow: 0 1px 3px 0 #644632 inset !important;
    color: #fff !important;
} */

/*
.btn-blue, input.btn-blue[type="submit"] {
    background: none repeat scroll 0 0 #644632;
}

.btn-blue:hover, input.btn-blue[type="submit"]:hover {
    background: none repeat scroll 0 0 #483123;
}

.btn-blue.btn-active, input.btn-blue.btn-active[type="submit"], .btn-blue.btn-disabled, input.btn-blue.btn-disabled[type="submit"], .btn-blue.btn[disabled], input.btn-blue.btn[type="submit"][disabled] {
    background: none repeat scroll 0 0 #483123;
}*/

.filtermenu {
	margin-bottom: 0 !important;
}

.filtermenu form {
	margin-bottom: 0 !important;
}

.filtermenu form select {
	display: inline !important;
}

.filtermenu form label {
	margin: 0.5em;
}

.filtermenu hr {
	margin: 0 0 1em 0;
}

.filtermenu button {
	margin: -0.3em 0 0 0;
}

.td-icon{
	text-align: center;
}

.task-done{
	padding: 6px 6.5px 5px 6px;
	background-color: #2C9F42;
	border-radius: 15px;
	color: #fff;
}

.status-done{
	background-color: #95cb9d;
}

.symbol-task{
	text-shadow: 1px 1px 5px black;
}

.task-active{
	padding: 7px 8px 5px 8px;
	background-color: #c8c8c8;
	border-radius: 15px;
	color: #fff;
}

.status-active{
	background-color: #e9e9e9;
}

.task-late{
	padding: 7px 11.5px 5px 10.5px;
	background-color: #DE2C3B;
	border-radius: 15px;
	color: #fff;
}

.status-late{
	background-color: #DE2C3B;
}

table.table-hovered tbody tr:hover td{
	background-color: #f1f1f1;
}

table.table-task-detail td,
table.table-task-detail th,
table.table-task-detail caption {
  border: 0;
}

.table-td-border {
	border-bottom: 1px solid #e3e3e3 !important;
}

.box-light {
	margin-bottom: 0.5em;
	padding: 0.5em;
	border-radius: 4px:
}

.unit-task-u1 {
    width: 95%;
    float: right;
}

.unit-task-u2 {
    width: 90%;
    float: right;
}

.timetracker {
	background-color: #3B7993;
	height: 70px;
	font-size: 1.2em;
}

.timetracker ul, .timetracker ul li {
	line-height: 70px;
}

.timetracker ul li span, .timetracker ul li a {
	line-height: 70px;
	padding: 0 1.65em;
}

.timetracker span {
	background-color: #3B7993;
	color: #fff;
}

.timetracker a {
	color: #fff;
	background-color: #326980 !important;
}

.timetracker a:hover {
	text-decoration: none;
	color: #e2e2e2;
	background-color: #234a5c !important;
}

.comment-box {
	margin-bottom: 0.5em;
	padding: 0.5em;
	border-radius: 4px;
	background-color: #f3f3f3;
}

button.task-mark-done {
	text-decoration: none;
	color: #2c9f42;
	background-color: #d7d7d7;
}

button.task-mark-done-active {
	color: #fff;
	background-color: #2c9f42;
	padding: 0.55em;
}

button.task-mark-done:hover {
	text-decoration: none;
	color: #fff;
	background-color: #2c9f42;
}

button.task-mark-time {
	text-decoration: none;
	color: #3B7993;
	padding: 0.55em 0.8em;
	background-color: #d7d7d7;
}

.task-mark-time {
	color: #fff;
	background-color: #8BA5AF;
}

button.task-mark-time-active {
	text-decoration: none;
	color: #fff;
	background-color: #3B7993;
	padding: 0.55em 0.8em;
}

button.task-mark-time:hover {
	padding: 0.55em 0.8em;
	text-decoration: none;
	color: #fff;
	background-color: #3B7993;
}

button.task-mark-delete {
	text-decoration: none;
	color: #DE2C3B;
	padding: 0.55em 0.8em;
	background-color: #d7d7d7;
}

button.task-mark-delete:hover {
	padding: 0.55em 0.8em;
	text-decoration: none;
	color: #fff;
	background-color: #DE2C3B;
}

button.btn-disabled{
	text-decoration: none;
	color: #a8a8a8;
	background-color: #d2d2d2;
	padding: 0.55em 0.8em;
	cursor: default;
}

button.btn-disabled:hover{
	text-decoration: none;
	color: #a8a8a8;
	background-color: #d2d2d2;
	padding: 0.55em 0.8em;
	cursor: default;
}

button.btn-m {
	margin-right: 2px;
}

button.btn-done {
	padding: 0.55em;
}

button.btn-done:hover {
	padding: 0.55em;
}

.btn-action {
    border: 0 none;
    border-radius: 2px;
    box-shadow: none;
    /* color: #222; */
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.65em;
    margin: 0;
    outline: 0 none;
    padding: 0.55em 0.9em;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

.modal section {
	padding: 30px 40px 0 !important;
}

footer {
	margin: 1em 0 1em !important;
}