/*------------------------------------------------------------
Default Sheet - SCREEN

version: 1.0
author: Katrin Suess
email: suess@desciens.com
website: http://www.desciens.com

------------------------------------------------------------*/
	
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif; /* 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; */
	line-height: 120%;
	position: relative;
}


	body.window {padding:20px;background:white;overflow-x: hidden;}
	body.window .box-blue {margin-bottom: 2em;}
	
a, a img {outline: none;border: none;}
a {color: #2196f3;text-decoration: none;cursor: pointer;}	
a:hover, p a {text-decoration: underline;}	
p a:hover {text-decoration: none;}	

p, ul li, ol li, label, table, span.info {
	font-size: 14px;
}

	span.info {padding-top:4px;}

label, a.link, span.info {font-weight: 500;}
a.link {font-size:13px;line-height: 30px;text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);float:left;}
	
ul, ol {
	padding: 0 20px;
	clear: both;
	}	

h1, h2 {
	width:100%;
	color: #212121;
	text-shadow: 0px 1px 1px rgba(255,255,255,.8);
	font-weight: normal;
}

h1 {
	text-transform: uppercase;
	font-size: 21px; 
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

	.ie6 h1, .ie6 h2, .ie6 h3, .ie7 h1, .ie7 h2, .ie7 h3, p {margin:10px 0;}
	.ie6 ul, .ie7 ul, .ie6 ol, .ie7 ol {margin:-10px 5px 10px 5px;}
	

h1 img {margin-right: 5px;}
h2 {font-size: 16px;}
h2 span {width:auto;background-color: #fffb8e;padding: 0 2px;}	
.box-blue h2 span {background-color: #daeefa;}
h3 {font-size: 14px;font-weight: bold;color: #1c1c1c;}

.clearfix {width:100%;height: 0;line-height: 0;clear: both;}

/* Form
------------------------------------------------------------*/
input, textarea, select {
	font-size: 13px;
	margin: 0 5px 5px 0;
	padding: 5px 8px;
	/*
	-webkit-box-shadow: inset 2px 2px 2px 0px #ddd;
	-moz-box-shadow: inset 2px 2px 2px 0px #ddd;
	box-shadow: inset 2px 2px 2px 0px #ddd;
	*/
	border: 1px solid #F5F5F5;
	background: #fff;
	outline: none;
	/*
	float: left;
	*/
	}


	.ie7 select {margin-top:3px;}

	input.focus, textarea.focus {border-color:#929292;}
	input.error, textarea.error {border-color:#ac3535;}

input.checkbox {padding:0;margin: 8px 5px;background:none;border:none;}
.ie6 input.checkbox , .ie7 input.checkbox {margin: 4px 2px 4px 5px;}

	textarea {height: 80px;}
	.auto {width: auto;}
	.short {width: 108px;}
	.medium {width: 175px;}
	.long {width: 400px;}

.login input {width: 280px;}

/*
label {width: 100%;padding: 10px 0 3px 0; }
*/
select {height: 30px;padding-right:5px;}

.holder {width: 100%;float: left;}
.holder span {width: auto;margin-right: 7px;float: left;}
.holder span label {width: auto;}
.holder span select, .holder span input {clear: both;}
.holder span select.float, .holder span input.float {clear: inherit;margin-left:5px;}
.holder span a.link {margin-top: 20px;}

.upload-area {width:90%;min-height:60px;background:#daeefa;padding:10px;margin: 10px 0 25px 0;float:left;}


/* Button
------------------------------------------------------------*/
.btn-blue, .btn-orange {
	width: auto;
	font-size: 13px;
	min-width: 70px;
	height: auto;
	color:#fff;
	font-weight: bold;
	padding: 3px 10px 4px 10px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-align: center;
	margin: 0 10px 0 0;
	-webkit-box-shadow: inset 0 1px 1px 0px #739cb5;
	-moz-box-shadow: inset 0 1px 1px 0px #739cb5;
	box-shadow: inset 0 1px 1px 0px #739cb5;
	background: #5f8eaa;
	border: 1px solid #497a97;
	/*
	float: left;
	*/
	}

	.btn-blue:hover, .btn-orange:hover {
		background: #3a6781;
		border-color: #21465c;
		-webkit-box-shadow: 0 -1px 1px 0px #def2fd;
		-moz-box-shadow: 0 -1px 1px 0px #def2fd;
		box-shadow: 0 -1px 1px 0px #def2fd;
		text-decoration: none;
		}

.btn-orange {
	background: #ff875d;
	-webkit-box-shadow: inset 0 1px 1px 0px #fd9f7e;
	-moz-box-shadow: inset 0 1px 1px 0px #fd9f7e;
	box-shadow: inset 0 1px 1px 0px #fd9f7e;
	border: 1px solid #e7744c;
	}

	.btn-orange:hover {
		background: #d3653f;
		border-color: #b44c28;
		}


/* Table
------------------------------------------------------------*/
.table {width: 100%;border-bottom: 1px solid #F5F5F5; border-collapse: collapse;}
.table tbody tr {background: #fff;border-top:1px solid rgba(243, 247, 249, 0.3);}
.table tbody tr:nth-child(odd) {background: rgba(243, 247, 249, 0.3);}
.table td {
	border-top: 1px solid #F5F5F5;
}
.table tbody tr.marked {background: #fffb8e;}
.table tbody tr.marked:hover {background: #ffd154;}
.table tbody tr.empty td {color: #acacac; font-style: italic;}
.table td, .table th {padding: 5px;}
.table th {text-align: left;}
.table tbody td:first-child {border-left: 1px solid #F5F5F5;}
.table tbody td:last-child {border-right: 1px solid #F5F5F5;}
.table tbody td.view {width: 51px;padding: 0;margin-right: 1px;}
.table tbody td.view a {padding: 5px;float:left;}
.table tbody td.delete {padding: 0;}
.table tbody td.delete a {padding: 10px 0 10px 20px;float:left;}
.table tbody td.delete img {float:left;}
.table tbody td.right {text-align: right;}

/*
.table thead tr {
	border-top: 1px solid #F5F5F5;
}
*/

.table thead th,
.table.tablesorter thead th {
	background: #F5F5F5;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 11px;
}

.table.tablesorter thead th {
	border-color: #F5F5F5;
}

.table thead th:first-child {
	border-left: 1px solid #F5F5F5;
}
.table thead th:last-child {
	border-right: 1px solid #F5F5F5;
}

.table-total {width: 100%;border-bottom: 1px solid #fff; border-collapse: collapse;}
.table-info {width: 100%;border-bottom: 1px solid #F5F5F5; border-collapse: collapse;}
.table-summary {width: 100%;border-bottom: 1px solid #F5F5F5; border-collapse: collapse;}
.table-total td, .table-total th { border: 0 }
.table-info td { border: 0 }
.table-info th, .table-summary th { border: 0; text-align: left; padding: 10px 0 5px 10px; }
.table-info td, .table-summary td { border: 0; text-align: left; padding: 10px 0 5px 10px; }
.table-total td {border:none;text-align:center;}

.table-total tbody tr { background:#fff; border: 0}
.table-total tbody td:first-child, .table-total tbody td:last-child { background: #fff; border: 0 }
.table-total tbody tr:nth-child(even) { background: #fff }

.table-info tbody tr { background: #F5F5F5; border: 0}
.table-info tbody td:first-child, .table-info tbody td:last-child { border: 0 }
.table-info {
	/*
	   border-top:10px solid #F5F5F5;border-bottom:15px solid #F5F5F5;
   */
	border-top:10px solid  #F5F5F5;
	border-bottom:15px solid  #F5F5F5;
}
.table-info tr, .table-summary tr {background: #F5F5F5; }
.table-info th { font-weight: bold; }
.table-summary th { font-weight: bold; }
.table-info td {
	width: 180px;
}

/* Click Simple Table */

table.simple {width: 100%;border-bottom: 1px solid #F5F5F5; border-collapse: collapse;}
table.simple tbody tr {background: #fff;border-top:1px solid #fff;}
table.simple tbody tr:nth-child(odd) {background: rgba(243, 247, 249, 0.3);}
table.simple tbody tr:hover {background: #F5F5F5}
table.simple tbody tr.marked {background: #fffb8e;}
table.simple tbody tr.marked:hover {background: #ffd154;}
table.simple tbody tr.empty td {color: #acacac; font-style: italic;}
table.simple td, table.simple th {padding: 5px;text-align: left;}
table.simple tbody td:first-child {border-left: 1px solid #F5F5F5;}
table.simple tbody td:last-child {border-right: 1px solid #F5F5F5;}
table.simple tbody td.view {width: 51px;padding: 0;margin-right: 1px;}
table.simple tbody td.view a {padding: 5px;float:left;}
table.simple tbody td.delete {padding: 0;}
table.simple tbody td.delete a {padding: 10px 0 10px 20px;float:left;}
table.simple tbody td.delete img {float:left;}
table.simple tbody td.right {text-align: right;}
table.simple thead tr {
	border-top: 1px solid #F5F5F5;
}

table.simple th {
	font-weight: 500;
	background: #bbdefb;
	background: #fff;
	border: none;
	border-left: 1px solid #F5F5F5;
}
table.simple th:first-child {
	border-left: 1px solid #F5F5F5;
}
table.simple th:last-child {
	border-right: 1px solid #F5F5F5;
}

table.simple td {
	border: 1px solid #F5F5F5;
}

/*
table.fieldset {
	width: 100%; border-collapse: collapse; 
	background: #F5F5F5;
	background: rgb(245, 249, 253);
}
*/



table.fields {
	background: #F5F5F5;
	background: rgb(245, 249, 253);
}

/*
.fieldset td.label { 
	margin: 0;
	text-align: right;
	vertical-align: top;
	min-width: 100px;
	max-width: 240px;
	width: 200px;
}

.fieldset td {
    width: 90%;
    max-width: 100%;
    background: #F5F5F5;
  	background: rgb(245, 249, 253);
}

.fieldset td.input-label {
	text-align: right;
	margin: 0;
	font-weight: 500;
	width: 160px;
}
*/

.fieldset td.sep { 
	text-align: center;
	width: 5px;
}

.fieldset td.input {
	width: auto;
}

.fieldset td { 
	padding: 3px 5px;
}

/*
.fieldset tr:first-child td {
	padding-top: 0;
}
*/

.fieldset tr td:first-child {
	padding-left: 15px;
}

.fieldset tr:last-child td {
	padding-bottom: 10px;
}

table.fields td { 
	min-height: 30px;
}



/*
table.fields {width: 100%;border-bottom: 1px solid #FCFDFD; border-collapse: collapse; background: #FCFDFD}


table.fields span.required {
	margin-top: 8px;
	margin-left: 6px;
	background: #e3f2fd; 
}

table.fields tr:first-child td {
	padding-top: 15px;
}

table.fields tr td:first-child {
	padding-left: 15px;
}

table.fields tr:last-child td {
	padding-bottom: 10px;
}
*/

.nowrap {
	white-space: nowrap;
}


}

/* Alerts (Info, Success & Error)
------------------------------------------------------------*/

/*
.alert-info, .alert-success, .alert-error {
	width: 100%;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	margin-bottom: 10px;
	float: left;
	}

	.alert-info {background:#fffb8e;}
	.alert-success {background:#63c064;}

	.alert-info p {color:#1c1c1c;padding: 0 20px;}
	.alert-success p, .alert-error p {color:white;padding: 0 20px;}
	*/
	.alert-error {
	background: #fff;
	 color:#df524e;
	 font-weight: bold;
	}

/* Status Icons
------------------------------------------------------------*/

.e_reassign, .e_personal, .e_dispute, .e_over, .e_split, .e_hcp, .docs {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: normal;
	line-height: 100%;
	padding: 3px 3px;
	margin: 2px 5px -2px 0;
	color: #fff;
	background: #46965b;
	border: 1px solid #27753b;
	text-transform: uppercase;
	cursor: default;
	float:left;
	border-radius: 3px;
	min-width: 9px;
	min-height: 9px;
	text-align: center;
}

.docs {
cursor: hand; cursor: pointer;
border: 1px solid #1E78C7; background: #5AA2E0; color: #fafafa;
}

	.e_reassign:hover, .e_personal:hover, .e_dispute:hover, .e_over:hover, .e_split:hover, .e_hcp:hover {text-decoration: none;}
	.e_personal {color: #432100;background: #ff8b1a;border-color: #cf6b0b;}
	.e_dispute {
		background: red;
		border-color: #cc0000;
	}
	.e_over {background: #ab89bf;border-color: #87639c;}
	.e_hcp {background: #d0263e; border-color: #222; color: #fff;}
	.e_hcp_2_5 {background: #2E64FE; border-color: #0404B4; color: #fff;}
	.e_split {color: #1c1c1c;background: #f9cf5c;border-color: #cca033;}
	
/* Layout
------------------------------------------------------------*/

#header {
	width: 100%;
	height: 100%;
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	height: 3.5em;
	line-height: 3.5em;
	font-size: 14px;
	background: #0A6CB5;
	text-align: right;
	text-shadow: none;
	color: #fff;
	z-index: 500;
	padding-right: 10px;
}

#welcome {
	padding-right: 10px;
}

#header .logo {
		position: absolute;top: -3px;left: 10px;clear: both;
		z-index: 500;
}


#header .material-icons.header-icon-style {
	font-size: 21px;
	color: #fff;
    padding: 6px;
    border-radius: 24px;
    background: #0A6cb5;
}

.rotate-scale-up {
	-webkit-animation: rotate-scale-up 0.65s linear 2 both;
	        animation: rotate-scale-up 0.65s linear 2 both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-1-29 17:54:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-scale-up
 * ----------------------------------------
 */
@-webkit-keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(1.25) rotateZ(180deg);
            transform: scale(1.25) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}
@keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(1.25) rotateZ(180deg);
            transform: scale(1.25) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}

.shadow-drop-2-center {
	-webkit-animation: shadow-drop-2-center 0.4s ease-in-out cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-center 0.4s ease-in-out cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-1-29 18:0:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shadow-drop-2-center
 * ----------------------------------------
 */
@-webkit-keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
  }
  25% {
    -webkit-transform: scale(1.25) rotateZ(25deg);
  }
  75% {
    -webkit-transform: scale(1.25) rotateZ(-25deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(0);
  }
}
@keyframes shadow-drop-2-center {
  0% {
  	transform: scale(1) rotateZ(0);
  }
  25% {
    transform: scale(1.25) rotateZ(25deg);
  }
  75% {
    transform: scale(1.25) rotateZ(-25deg);
  }
  100% {
  	transform: scale(1) rotateZ(0);
  }
}



#header a.lastbtn {
	margin-right: 10px;
}
	
#header a.headerbtn {
        height: 100%;
        padding: 0;
        color: #fff;
        margin: 0;
}

#header a.headerbtn:hover .material-icons.header-icon-style {
    background: #0d7cd0;
}

#header .logout { 
     color: #fff; 
     font-size: 20px;
     font-weight: 400;
}

#header a.headerbtn {
    display: inline-block;
} 

#nav .user-menu {
	background-color: rgba(91, 168, 209, 0.57);
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0), 0 2px 4px rgba(0,0,0,.21);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.21);
}

#nav .user-menu .material-icons {
	font-size: 14px;
}

#nav .user-menu .btn.dropdown-toggle {
	color: rgba(118,131,143,.9);
	border-radius: 0px;
    border: 1px solid #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 3px 70px 7px 20px;
	margin-top: 10px;
    background-color: transparent;
    color: #fff;
    border: none;
}

#nav .user-menu .btn.dropdown-toggle .caret {
	border-top-color: rgba(118,131,143,.9);
}

#nav .user-menu .dropdown-menu {
	border-top: 1px solid rgb(245, 245, 245);
	border-radius: 0px;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0), 0 2px 4px rgba(0,0,0,.21);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.21);
    margin-left: 20px;
    padding-top: 10px;
}

#nav .user-menu .dropdown-menu a {
	color: rgba(118,131,143,.9);
}

#nav .user-menu .dropdown-menu.default>li>a:hover {
	color: #ffffff;
	background-color: rgba(105, 159, 187, 0.61);
	background-image: none;
}

.footer {
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #b3d3dc;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 1);
	padding-bottom: 20px;
	float: right;
	}

.hr {
	width:100%;
	height:1px;
	border-top: 1px solid #c9c9c9;
	padding: 10px 20px 0 20px;
	margin: 20px -20px 0 -20px;
}

	.box-blue .hr {border-color: white;margin-top: 10px;padding: 10px 0 0 0;}
	.hr hr {display: none;}

.box {
	width: 100%;
	min-width: 708px;
	background: #fff;
	padding: 10px 20px 20px 20px;
	margin-bottom: 13px;
	border: 1px solid #c9c9c9;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px #dfe9ec;-moz-box-shadow: 1px 1px 2px #dfe9ec;box-shadow: 1px 1px 2px #dfe9ec;
	position: relative;
	float: left;
	}

	.actions {margin: 10px 0 0 10px;}
	
	/*
	.actions a.link {line-height:20px;margin-top:4px;font-weight: normal;}
	.actions a.delete {border-right: 1px solid #c9c9c9;padding-right:10px;}
	*/

.box-blue {
	border: 1px solid rgb(245, 249, 253);
	background: rgb(245, 249, 253);
	background: #E8F1F8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 3em;
}

	.box-inner {
		/*
		width: 100%;
		*/
		padding: 10px 20px 20px 20px;
		/*
		float: left;
		*/
		}

		.window .box-inner {width: 100%;}


/* Search
------------------------------------------------------------*/
.search .btn-orange {margin-top: 32px}
.search .expense {width:200px;float:left;}
.search .expense select {width:180px}
.search .period {width:450px;float:left;}
.search .period select {width:140px;margin-left:5px;}
.search .period input {width:120px}


/* Login Page
------------------------------------------------------------*/
.login #content {
	width:442px;
	margin: 0 -221px;
	left: 50%;
	right: 50%;
	text-align:center; 
	}

.login .box {width: 400px;min-width: 400px;text-align: left;margin-top:5px;}
.login .box-blue {margin-bottom: 10px;}

/* Print Page
------------------------------------------------------------*/

.print {padding: 50px;background:white;}

@media print {
	.print {padding: 0;}
	table, .box-blue {-webkit-print-color-adjust:exact;}
}

.print p {padding-bottom: 10px;}
.print .box-blue {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.print .box-blue, .print table.summary {margin-bottom: 30px;clear: both;}
.print table.info,.print  table.summary {border:10px solid  #F5F5F5;}
.print table.total {margin-bottom: 5px;}
.print table.total tr {background: none;}
.print table.total td {padding: 2px 20px;}
.print table.summary td.item, .print table.summary td.right {width:200px;float:left;}
.print .hr {padding: 20px 0 0 0;margin: 20px 0 0 0;}

.box-signing {width:740px;border: 1px solid #c9c9c9;margin-bottom: 50px;float:left;}
.box-signing ul {width:700px; padding: 20px 20px 40px 20px;font-weight: bold;float:left;margin:0;list-style: none;}
.box-signing li {width:100%;line-height: 50px;float:left;}
.box-signing .line {width: 500px; height:50px; border-bottom: 1px solid #c9c9c9;float: right;}

.ie6 .box-signing li, .ie7 .box-signing li {line-height: 30px;}
.ie6 .box-signing .line, .ie7 .box-signing .line {height: 30px;}