.sidebar-menu {min-height: 570px;}

.ckbox label:before {
	border: 1px solid #BBB;
}

.additional-form-container{
	padding-left: 25px;
}

form .form-group .error{
	display: block;
}

.error{
	font-size: 12px;
    font-style: italic;
    color: #E9573F;
}

.modal-title .header-content{
	width: 97%;
}

#sign-wrapper {width:370px;}

.ckbox label{
	display: inline;
}
.milestone-ticket-modal .modal-dialog{
	width:800px;
}
.form-group-bottom{
	margin-top: 15px;
}

tr.module-color td {
	background-color: #ffd !important;
}

.modal-open {
	overflow: scroll;
}

.btn-success {
    background-color: #0090cc;
    border-color: #0090cc;
    color: white;
}

.daterangepicker .input-mini.active{
	border: 1px solid #0090cc;
}

.daterangepicker td.active, .daterangepicker td.active:hover{
	background-color: #0090cc;
    border-color: #0090cc;
    color: #fff;
}

.media > .pull-left.has-notif i.online {
	background-color: #0090cc;
}

.dataTable thead tr th:first-child{
	min-width: 50px !important;
}

.link-file {
	float: right;
}

/* widget customize */
.project-widget-row .panel-body { padding:0 5px 0 0!important;}
.project-widget-row .panel-heading { padding:0px!important;min-height: 58px;}
.project-widget-row .pull-right	{width: 48px!important; margin-right: 0px!important;}
.project-widget-row .pull-left {width: 85%!important;}
/* widget customize */

.media > .pull-left.has-notif i { display: none;}
#sidebar-left.sidebar-circle .sidebar-content img {border: 2px solid #777;}

h2 { margin:18px 0; text-transform:uppercase; color:#333333; font-weight:600;}
.spacing { padding:0 30px; }
.btm-spacing { margin-bottom:30px;}
.col-md-4 .btm-spacing { margin-bottom:0;}
.white-bg {background:#fff;}
.milestones-col .row { margin:0 -25px;}
.milestones-col .row [class*="col-"] { padding:0 25px;}
.milestones { padding:20px 30px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
}
.milestones h4,
.representation-col h4 { font-size:16px; color:#333333; font-weight:600; line-height:26px; margin:0 0 18px 0;}
.milestones .listing { margin:0; padding:0; color:#2a2a2a;}
.milestones .listing li { list-style:none; float:left; width:50%; padding:8px 0; font-size:16px; line-height:20px;}
.milestones .listing.listing-full li { width:100%;}

.representation-col { padding:20px 30px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
}
.representation-col .row { margin:0 -15px;}
.representation-col .row [class*="col-"] { padding:0 15px;}
.representation-col .col-first { width:61%;}
.representation-col .col-last { width:39%;}
.representation { border:1px solid #cccccc; font-size:16px; line-height:25px; color:#2a2a2a; margin-top: 4px; margin-bottom: 25px; }
.representation .media { border-bottom:1px solid #cccccc; }
.representation .media .title { text-transform:uppercase; color:#FCD5B5; font-weight:600; padding:0px 17px 0px 20px; font-size:30px;white-space: nowrap;}
.representation .media .media-left {text-shadow: 0px 1px #aca9a9;border-right:1px solid #cccccc;}
.representation .media .media-body { padding:6px 18px 6px 25px; vertical-align: middle;}
.representation .listing { margin:0; padding:14px 30px; color:#2a2a2a;}
.representation .listing li { list-style:none; float:left; width:50%; padding:4px 0 4px 67px; font-size:16px; line-height:20px; position:relative; }
.representation .listing.listing-full li { width:100%;}
.representation .listing .brownline,
.representation .listing .blueline,
.representation .listing .yellowline,
.representation .listing .redline,
.representation .listing .light-greenline,
.representation .listing .purpleline,
.representation .listing .dark-greenline,
.representation .listing .dark-blueline,
.representation .listing .light-grayline,
.representation .listing .magentaline,
.representation .listing .blackline
.representation .listing .greenline{position:absolute; left:0; top:15px; height:6px; width:50px;}
.representation .listing .brownline {  background:#938e8e; }
.representation .listing .blueline { background:#66a7f7; }
.representation .listing .yellowline { background:#e4e457; }
.representation .listing .redline { background:#f5777a; }
.representation .listing .light-greenline { background:#6bcb69; }
.representation .listing .purpleline { background:#c382fa; }
.representation .listing .dark-greenline { background:#217d34; }
.representation .listing .dark-blueline { background:#3968df; }
.representation .listing .light-grayline { background:#cfcfd1; }
.representation .listing .magentaline { background:#ff00ff; }
.representation .listing .blackline { background:#000000; }
.representation .listing .light-blueline { background:#1cb8f9; }
.representation .listing .greenline { background:#217d34; }

.timeline-block { position:relative; padding-left:54px; display: inline-block; width: 100%; vertical-align: top; }
.timeline-block .timeline-icon { position:absolute; left:0px; top:28px; }
/*.timeline-block:after { position:absolute; left:56px; top:0; width:106%; height:94%; background:url(../images/v-line.png) left top repeat-y; content:''; }*/
.timeline-bg {background-color: rgba(72,136,225,0.1); padding:20px 17px 35px 17px; margin-top: 18px; position:relative; /*z-index: 11;*/ width: 1593px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.timeline-bg .heading { color:#2a2a2a; font-size:16px; font-weight:600; padding-left:62px; position: relative; z-index: 1111;}
.timeline-bg .heading a {/*color: #5a5a5a;*/ font-weight: normal;}
.timeline-bg .heading a > span {color: #0090cc; font-weight: 600;}
.timeline-row { position:relative; padding:35px 0 0 60px;}
.timeline-row .lines { height:6px;text-align: center;}
.timeline-row .lines > div, .timeline-row .lines > span {z-index: 12;}

.timeline-row .grayline { background:#938e8e; width:55px; float:left;height:6px; position:relative;}
.timeline-row .delay-class { background:#ff0000; width:1px; float:left;height:6px; position:relative; background-image: url('/images/line.png');}
.timeline-row .magentaline { background:#ff00ff; width:55px; float:left;height:6px; position:relative;}
.timeline-row .blackline { background:#000000; width:55px; float:left;height:6px; position:relative;}
.timeline-row .orange-dots { position:absolute; width:18px; height:18px; background:#fbb971; border:2px solid #fff;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;left: -4px;
top: 21px;}
.timeline-row .blankline { float:left;height:6px; position:relative;}
.timeline-row .yellowline { background:#e4e457; width:55px; float:left;height:6px; position:relative;}
.timeline-row .light-greenline { background:#6bcb69; width:55px; float:left;height:6px; position:relative;}
.timeline-row .dark-greenline { background:#217d34; width:55px; float:left;height:6px; position:relative;}
.timeline-row .greenline { background:#6bcb69; width:55px; float:left;height:6px; position:relative;}
.timeline-row .blueline { background:#66a7f7; width:55px; float:left;height:6px; position:relative;}
.timeline-row .redline { background:#f5777a; width:706px; float:left;height:6px; position:relative;}
.timeline-row .red-dark-line { background:#33cc00; width:706px; float:left;height:6px; position:relative;}
.timeline-row .purpleline { background:#c382fa; width:161px; float:left;height:6px; position:relative;}
.timeline-row .brownline { background:#938e8e; width:161px; float:left;height:6px; position:relative;}
.timeline-row .dark-blueline { background:#3968df; width:95px; float:left;height:6px; position:relative;}
.timeline-row .dark-grayline { background:#9a9ca4; width:140px; float:left;height:6px; position:relative;}
.timeline-row .light-grayline { background:#cfcfd1; width:390px; float:left;height:6px; position:relative;}
.timeline-row .light-blueline { background:#1cb8f9; width:390px; float:left;height:6px; position:relative;}
.timeline-row .blackline { background:#000000; width:390px; float:left;height:6px; position:relative;}
.timeline-row .lightblueline { background:#bbd7f9; width:390px; float:left;height:6px; position:relative;}

.timeline-row .start-date { color:#666666; font-size:12px; position:absolute; top:8px; left:54px; }
.timeline-row .left-title { color:#2a2a2a; font-size:14px; position:absolute; top:20px; left:0px; }
.timeline-row .end-date { color:#666666; font-size:12px; position:absolute; top:8px; z-index: 120!important;}
.timeline-row .last-date { color:#666666; font-size:12px; position:absolute; top:23px; }
.timeline-row .last-date-right { color:#666666; font-size:12px; position:absolute; top:-27px; right:0px; }

.timeline-row .darkblue-dots { position:absolute; width:18px; height:18px; background:#4180cd; border:2px solid #fff;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;left: 20px;
top: 21px;}
.timeline-row .black-dots { position:absolute; width:7px; height:7px; background:#000; border:2px solid #fff;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;left: 20px;}
.timeline-row .green-dots { position:absolute; width:18px; height:18px; background:#99bc50; border:2px solid #fff;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;left: 20px;
top: 21px;}
.timeline-row .darkblue-dots-right { position:absolute; right:-7px; top:-6px; width:18px; height:18px; background:#4180cd; border:2px solid #fff; z-index:1;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
.orange-dots{z-index: 13;}
.timeline-block .month-row { margin:40px 0 0 -13px; border-top: 1px solid #ebebeb; background: #fff; z-index: 1111; position: relative; font-size:16px; width: 1599px;}
.timeline-block .month-row .month { width:124.5px; text-align:right; float:left; padding-top:10px; }
.timeline-block .year-row { text-align:center; font-size:24px; font-weight:600; color:#2a2a2a; background: #fff; z-index: 11; position: relative; padding:45px 0 10px; width: 1593px; }
.timeline-block .year-row .arrow { display:inline-block;}
.timeline-block .year-row span { padding:0 15px;}

.timeline-block .yearline .year-lineone,
.timeline-block .yearline .year-linetwo,
.timeline-block .yearline .year-linethree,
.timeline-block .yearline .year-linefour,
.timeline-block .yearline .year-linefive,
.timeline-block .yearline .year-linesix,
.timeline-block .yearline .year-lineseven,
.timeline-block .yearline .year-lineeight,
.timeline-block .yearline .year-linenine,
.timeline-block .yearline .year-lineten,
.timeline-block .yearline .year-lineeleven,
.timeline-block .yearline .year-linetwelve,
.timeline-block .yearline .year-linethrteen { position:absolute; top:0; height:250px; width:1px; background:#ebebeb; z-index: 1;}
.timeline-block .yearline .year-lineone { left:130px; }
.timeline-block .yearline .year-linetwo { left:257.1px }
.timeline-block .yearline .year-linethree { left:372px; }
.timeline-block .yearline .year-linefour { left:499.1px; }
.timeline-block .yearline .year-linefive { left:622px; }
.timeline-block .yearline .year-linesix { left:749.1px; }
.timeline-block .yearline .year-lineseven { left:872.1px; }
.timeline-block .yearline .year-lineeight { left:999.2px; }
.timeline-block .yearline .year-linenine { left:1126.3px; }
.timeline-block .yearline .year-lineten { left:1249.3px; }
.timeline-block .yearline .year-lineeleven { left:1376.4px; }
.timeline-block .yearline .year-linetwelve { left:1499.4px; }
.timeline-block .yearline .year-linethrteen { left:1626.5px; }

.timeline-block .yearline .blue-lineone,
.timeline-block .yearline .blue-linetwo,
.timeline-block .yearline .blue-linethree,
.timeline-block .yearline .blue-lineLB {position:absolute; top:0; height:250px; width:3px; background:#d2dfe9; z-index: 11;}
.timeline-block .yearline .blue-lineISTA {position:absolute; top:0; height:250px; width:3px; background-color:rgba(142, 146, 246, 0.6); z-index: 11;}
.timeline-block .yearline .blue-lineone {left:504px;}
.timeline-block .yearline .blue-linetwo {left:879px;}
.timeline-block .yearline .blue-linethree {left:1255px;}

.timeline-block .yearline .green-lineone { position:absolute; top:0; height:250px; width:3px; background:#b9d7a3; z-index: 1;}

.timeline-multicol { overflow:auto; margin-bottom: 30px;}
/*.filter-row, .project-row { padding-top:30px; font-size:16px; color:#2a2a2a;}*/
.project-row .projects  { padding:5px 22px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
/*.project-row .plisting { margin:0; padding:0;}
.project-row .plisting li { margin:0; padding:5px 0 5px 34px; line-height:32px; list-style:none; position:relative;}
.project-row .plisting li .orange,
.project-row .plisting li .green,
.project-row .plisting li .blue { width:18px; height:18px; position:absolute; left:0; top:12px;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
.project-row .plisting li .orange {background:#fbb971;}
.project-row .plisting li .green {background:#99bc50;}
.project-row .plisting li .blue {background:#4180cd;}*/
.filter-row .plisting { margin:0; padding:13px 20px;}
.filter-row .plisting li { margin:0 25px 0 0; padding:2px 10px 2px 25px; line-height:24px; list-style:none; position:relative; float:left; }
.filter-row .plisting li:last-child { margin-right:0;}
.filter-row .plisting li .orange,
.filter-row .plisting li .green,
.filter-row .plisting li .blue { width:18px; height:18px; position:absolute; left:0; top:5px;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
.filter-row .plisting li .orange {background:#fbb971;}
.filter-row .plisting li .green {background:#99bc50;}
.filter-row .plisting li .blue {background:#4180cd;}
.filter-row .plisting.filter-listing { padding:10px 20px;}
.filter-row .plisting.filter-listing li { padding:0; margin-right: 8px; line-height: 32px;}
.project-row .cols-one { width:28%;}
.project-row .cols-two { width:32%;}
.project-row .cols-three { width:40%;}

/*.project-row .date-row { margin:0; padding:10px 0;}
.project-row .date-row li { width:50%; float:left; margin:0; padding:2px 0 2px 20px; list-style:none;}
.project-row .date-row li.current-date { border-left:3px solid #74b048; }
.project-row .date-row li.publication { border-left:3px solid #a5bfd4; }*/

.project-row .listing-name { margin:0 0 10px 0; /*padding:0 0 0 15px;*/padding:0 0 0 0;}
.project-row .listing-name li { width:50%; margin:16px 0 0 0; padding:6px 12px; line-height:22px; list-style:none; float:left;}
.project-row .listing-name li.special-tools { background:#ecf3fc; }
.project-row .listing-name li.workshop { background:#f7f7e8; }

.filter-row .plisting li.current-date { border-left:3px solid #74b048; padding-left:12px; }
.filter-row .plisting li.publication { border-left:3px solid #a5bfd4; padding-left:12px; }
.filter-row .plisting li.filter a { text-decoration:none; color:#636E7B; display: block; padding: 0 20px 0 20px; background: #dadada; border:1px solid #acacac; line-height: 32px;}
.filter-row .plisting li.filter a .fa {font-size: 16px; margin-right: 6px;}

.filter-row .listing-name { margin:0 0 10px 0; padding:0 0 0 15px;}
.filter-row .listing-name li { width:100%; margin:16px 0 0 0; padding:6px 12px; line-height:22px; list-style:none;}
.filter-row .listing-name li.special-tools { background:#ecf3fc; }
.filter-row .listing-name li.workshop { background:#f7f7e8; }

.project-row .clisting { margin:0; padding:0 0 0 5px;}
.project-row .clisting li { width:33.1%; margin:0; padding:8px 0 8px 50px; line-height:22px; list-style:none; float:left; position:relative; min-height: 46px;}
.project-row .clisting li img { position:absolute; left:0; top:10px;width:auto;height: 32px; padding-left: 8px;}

.projects .col-md-12 .form-control {margin-left: 8px;}

.timeline-bg.timeline-yellowbg {background-color:rgba(175,173,28,0.1) }
.timeline-bg.large-spacing { padding:20px 17px 35px 82px;}
.timeline-bg.large-spacing .heading { padding-left:0; }
.timeline-bg.large-spacing .timeline-row { padding:50px 0 0 0;}
.timeline-bg.large-spacing .timeline-row .start-date {left: 124px;}
/*.timeline-bg.large-spacing .timeline-row .left-title {left: 75px;}*/

.timeline-bg.small-spacing { padding:20px 17px 35px 17px;}
.timeline-bg.small-spacing .heading { padding-left:0px; }
.timeline-bg.small-spacing .timeline-row { padding:35px 0 0 60px;}
.timeline-bg.small-spacing .spacer { margin:0px 10px 0 2px; }

.timeline-icon img {width: 45px; height: auto;}
.timeline-row .delay {background-image: url('/images/line.png');}
.previous-arrow, .next-arrow, .clear-filter {
	background: none;
    border: none;
}

.timeline-row .tickets-list {position: absolute; width:500px; overflow: visible}

.clear-filter{
	color:#0090cc;
}
.project-row .listing-name li.special-tools.checked {
	background-color: #bad7fc;
}

.project-row .listing-name li.special-tools label {
	cursor: pointer;
}

.project-row .listing-name li.workshop.checked {
	background-color: #f7f7b7;
}

.project-row .listing-name li.workshop label {
	cursor: pointer;
}

.project-row .clisting li label {
	cursor: pointer;
}

.project-row .clisting li.checked label{
	color: #1CB8F9;
}

.project-row .clisting li.checked label img{
	border-left: solid 2px #1CB8F9;
}

.project-widget-row h3 {
	padding-left: 20px;
}

.project-widget-row ul.listing-name {
	list-style: none;
	padding-left: 20px;
}

.project-widget-row ul.listing-name li{
	padding-top: 10px;
}

#datatable-project-item{
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap:break-word;
}
.space-above{
	margin-top: 10px;
}
.clearfix{
	padding: 0;
}
.left-arrow-container{
	position: fixed;
	top: 650px;
	z-index: 1111;
	/*left:280px;*/
}
.right-arrow-container{
	position: fixed;
	top: 650px;
	right:50px;
}
.navbar-profile a {
	padding: 5px !important;
}

.header-left .navbar-header .navbar-brand {text-align:left; }
.header-left .navbar-header .navbar-brand img {margin:3px; width:70%;}
.navbar-toolbar .navbar-left .navbar-minimize {margin-left: -52px; }
.navbar-toolbar .navbar-left .navbar-minimize a {padding-bottom:12px; background-color: #1CB8F9; border-right: 1px solid #0090cc;}
.page-sidebar-minimize .navbar-toolbar .navbar-left .navbar-minimize {margin-left: 0px; }
.page-sidebar-minimize .navbar-minimize, .page-sidebar-minimize-auto .navbar-minimize {border: none!Important;}
.sidebar-content {padding: 0; min-height:66px; background: #2E2E2E;}
.navbar-profile a {color:#B0ADAD;}
.header-right .navbar-toolbar{background:none;}
.header-right .navbar-toolbar:before{border-bottom: none;}
#page-content {margin-top: -30px;}
.top-year-row{padding-top: 10px !important;}
/*.avg-hours {position: absolute; width: 100px;}*/
.start-date .date{position: absolute;width: 100px;top:37px;}
.comp-date .start-date .date{position: absolute;width: 100px;top:0px;}
.end-date .date{position: absolute; width: 100px; top:37px;}
.comp-date .end-date .date{position: absolute;width: 100px;top:0px;}
.green-end .date{/*top:0;*/}
/*.tickets-list {position: absolute; width: 500px;}*/
.dashboard .project-row{display: none;}
.project-status-row {margin-bottom: 10px;}
@media (max-width: 1024px) {
	.pull-left { width: 85%!important;}
}

@media (min-width: 768px) {
	.modal-dialog {
    	width: 800px;
	}
}
@media (max-width: 991px) {
.representation-col .col-first,
.representation-col .col-last,
.project-row .cols-one,
.project-row .cols-two,
.project-row .cols-three { width:100%;}
}
@media (max-width: 767px) {
.spacing { padding:0 6px;}
}
@media (max-width: 479px) {
.project-row .clisting li { width:100%;}
.panel-heading { min-height: auto;}
}

@media (max-width: 375px) {
.pull-left { width: 85%!important;}
.panel-heading { min-height: auto;}
}
.timeline-row {display: block;}
.timeline-row .block {display: inline-block !important; vertical-align: top; position: relative; font-size: 12px; /*line-height: 16px;*/ color: #000; padding: 5px 5px; margin:0 2px; z-index:12;}
.timeline-row .block .inner-block {position: relative; z-index: 12; display: block; text-align: center; }
.timeline-row .block:after {position: absolute; top: 7px; left: 0px; width: 100%; height: 18px; content: ""; background: #FCD5B5; border-radius: 3px; }
.timeline-row .block.status-green:after  {background: #92D050;}
.timeline-row .block.status-yellow:after  {background: #FFFF00;}
.timeline-bg.small-spacing .timeline-ticket {padding: 0 0 0 60px;}
.representation .media .title.green-font { color:#92D050;}
.representation .media .title.yellow-font { color:#FFFF00;}
.representation .media .media-body {background: #FCD5B5; color: #393838;}
.representation .media .media-body.green-font {background-color: #92D050; color: #393838;}
.representation .media .media-body.yellow-font {background-color: #FFFF00; color: #393838;}
.blank_submit {border:none; background:transparent;}

.ubersicht-comp .timeline-bg.small-spacing .timeline-row{padding: 5px 0 0 60px;}
.ubersicht-comp .timeline-row .green-dots,.ubersicht-comp .timeline-row .darkblue-dots,.ubersicht-comp .timeline-row .orange-dots{top:-10px;}
.ubersicht-comp .timeline-bg.small-spacing{padding: 5px 0 0 17px;}
.ubersicht-comp .timeline-icon img{width:35px;}
.ubersicht-comp .timeline-row .left-title{top:-5px;}
.ubersicht-comp .timeline-block .timeline-icon{top:10px;left:18px;}
.project-form ul.project-files {padding: 0; list-style-type: none;}
.project-form ul.project-files li{display: block;}