/*=============================================================
		Authour URI: www.binarytheme.com
		License: Commons Attribution 3.0

		http://creativecommons.org/licenses/by/3.0/

		100% Free To use For Personal And Commercial Use.
		IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
	
		========================================================	*/



/*=============================================================
	GENERAL STYLES
============================================================ */

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  text-align: center;
  padding-top: 25%;
}
#overlay h4 {
	color:white;
	z-index:3;
}
body {
		font-family: 'Open Sans', sans-serif;
		line-height:28px;
	
}
.p30 {
	height:30px;
}
.ab-a .a {display:inline-block;}
.ab-b .b {display:inline-block;}
.ab-a .b {display:none;}
.ab-b .a {display:none;}
.set-radius-zero {
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
}
.content-wrapper {
		margin-top: 5px;
		min-height:800px;
		padding-bottom:90px;
}
.header-line {
		font-weight:900;
		padding-bottom:25px;
		border-bottom:1px solid #eeeeee;
		text-transform:uppercase;
}
.pad-botm {
		padding-bottom:30px;
}
.multisel {
	visibility: hidden;
}
.ct {
	text-align:center;
}
.ctw {
	width:100%;
	text-align:center;
}
.ctw8 {
	width:80%;
	text-align:center;
}


/*=============================================================
	NAVBAR & MENU STYLES
============================================================ */

.right-div {
		float: right; 
		padding: 20px;
}
#menu-top a {
		color:#000;
		text-decoration:none;
		font-weight:500;
		padding: 25px 15px 25px 15px;
		text-transform:uppercase;
}
#menu-top {
	text-align:center;
}
#menu-top li, #menu-top li:first-child {
	float: none;
	display: inline-block;
	border-right:1px solid rgba(155, 153, 153, 0.23);
}
#menu-top li:first-child {
	border-left:1px solid rgba(155, 153, 153, 0.23);
}
.navbar-nav {
	float:none;
}
.menu-section {
		background-color: #f7f7f7;
		border-bottom:5px solid #9170E4;
		width:100%
}
.menu-top-active {
		background-color:#eeeeee;
}
.navbar-inverse {
background-color: #FFF;
border-color: rgba(155, 153, 153, 0.23);

}

.navbar {
		min-height: 140px;
		margin-bottom: 0px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color:transparent;
}
.navbar-toggle {
background-color: black;
border: 1px solid black;
}

/*=============================================================
	DASHBOARD STYLES
============================================================ */

.img-comments {
	border: 3px double #e1e1e1;
	height: 60px;
}

.chat-widget-main {
		max-height:330px;
		overflow:auto;
}

.slide-bdr {
	border:5px solid #9170E4
}
.chat-widget-left:after {
		top: 100%;
		left: 10%;
		border: solid transparent;
		content: " ";
		position: absolute;
		border-top-color: #F70E62;
		border-width: 15px;
		margin-left: -15px;
}

.chat-widget-left {
		width: 100%;
		height: auto;
		padding: 15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		border: 1px solid #F70E62;
		font-size:12px;
}
.chat-widget-right:after {
		top: 100%;
		right: 10%;
		border: solid transparent;
		content: " ";
		position: absolute;
		border-top-color: #5AA8CC;
		border-width: 15px;
		margin-left: -15px;
}

.chat-widget-right {
		width: 100%;
		height: auto;
		padding: 15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		border: 1px solid #5AA8CC;
		font-size:12px;
}

.chat-widget-name-left {
	color: #808080;
		margin-top: 30px;
		margin-left: 60px;
		text-align:left;
}

		.img-left-chat {
				border:3px double #e1e1e1;
				float:left;
				margin-right:30px;
		}
		.img-right-chat {
				border:3px double #e1e1e1;
				float:right;
				margin-left:30px;
		}
		.chat-widget-main img-right {
				border:3px double #e1e1e1;
				float:left;
		}
.chat-widget-name-left h4 {
		font-weight:normal;
		font-size:11px;
		
}
.chat-widget-name-left h5 {
		font-weight:normal;
		font-size:10px;
}
.chat-widget-name-right h4 {
		font-weight:normal;
		font-size:11px;
}
.chat-widget-name-right h5 {
		font-weight:normal;
		font-size:10px;
}
.chat-widget-name-right {
		color: #808080;
		margin-top: 40px;
		margin-right: 60px;
		text-align:right;
}

.recent-users-sec img {
		max-height:80px;
		margin:15px;
}

.back-widget-set {
		background-color:transparent;
}

/*=============================================================
	FOOTER SECTION STYLES
============================================================ */
.footer-section {
		padding:25px 50px 25px 50px;
		color:#000;
		font-size:13px;
			background-color: #f7f7f7;
			text-align:right;
			border-top:5px solid #9170E4;

}

		.footer-section a, .footer-section a:hover {
				color:#000;
		}

/*=============================================================
	RANDOM
============================================================ */

.listatog table.pr tr td i.inotite,
.listatog table.co tr td i.inotite {
	color: #25669e;
	font-size: 120%;
	margin-left: 2px;
	margin-right: 12px;
	vertical-align: middle;
	margin-top: 9px;
	float:right;
}
.inotite:hover {
	color: #4591d4;
	transform: scale(1.5);
}
.listatog table.pr tr td i.inotite.opened,
.listatog table.pr tr td i.inotite.on.opened,
.listatog table.co tr td i.inotite.opened,
.listatog table.co tr td i.inotite.on.opened
 {
	color: #a4bf0b;
}
.listatog table.pr tr td i.inotite.on,
.listatog table.co tr td i.inotite.on {
	color: #d43f3a;
}

/*=============================================================
	DRAG
============================================================ */

.tgp .fa.fa-arrows-v, .tgb .fa.fa-arrows-v {
	width: 20px;
	height: 20px;
	text-align: center;
	padding-top: 3px;
	color: white;
	background-color: #f0ad4e;
	border-radius: 5px;
	margin-right: 10px;
}
.dragit {
	cursor:move !important;
}
.dragit i.fa {
	cursor:move !important;
}
.c.dragup, c.dragdown {
	background-image: none;
}
.c.dragup tr, .c.dragdown tr {
	background-repeat: no-repeat;
	background-position: 50% 10px;
	background-color:#d9f7f0 !important;
}
.c.dragup tr, .dragup {
	background-image: url("/images/arrowup.png");
}
.c.dragdown tr, .dragdown {
	background-image: url("/images/arrowdown.png");
}
.dragup, .dragdown {
	background-repeat: no-repeat;
	background-position: 50% 0px;
	cursor:move !important;
	background-color:#f3fcc9 !important;
}
.dragel {
	background-color:yellow !important;
}
.c.dragel tr {
	background-color:yellow !important;
}

/*=============================================================
	TABLES
============================================================ */	

table.noborder {
	border: none !important;
}
table.noborder td {
	border: none !important;
}

.sittablecontainer{
	width:100%;
	overflow-x:auto;
	border:1px solid black;
	text-align:center;
	padding:0;
}
.sittable {
	border-collapse:collapse;
	border:none;
	line-height:1.2;
	display:inline-block;
	margin: 8px 0 0 0;
}
.sittable th {
	background-color:#357ebd;
	font-weight:bold;
	color:white;
	padding:0 6px;
	cursor: pointer;
}
.sittable th:first-child {
	background-color:#46b8da;
	cursor: default;
}
.sittable tr th:first-child, .sittable tr td:first-child {
	word-break: normal;
	font-weight:bold;
	width:60px;
}
.sittable tr th, .sittable tr td {
	width:80px;
	word-break: break-all;
	border:1px solid black;
	text-align:center;
}
.sittable input {
	width:100%;
	vertical-align:middle;
	background-color:white;
	border:none;
	text-align:center;
}
.sittable input.hasval {
	background-color: #ffee6d;
}

.sittable tr th i, .sittable tr td i {
	display:none;
}
.sittable tr th.tog i, .sittable tr td.tog i {
	display: inline-block;
}
.sittable tr th.tog span, .sittable tr td.tog span {
	display:none;
}
.sittable tr th.tog, .sittable tr td.tog {
	width:10px;
}

.checklist {
	border: none;
	border-collapse: collapse;
}
.checklist tr {
	cursor:pointer;
}
.checklist th {
	background-color: #d9edf7;
}
.checklist td, .checklist th {
	border-bottom: 1px solid black;
	padding-left:4px;
}
.checklist td:first-child, .checklist th:first-child {
	width: 30px;
	text-align:center;
	padding:0;
}

.evalitems {
	border-collapse: collapse;
}
.evalitems td, .evalitems th {
	padding:2px 6px;
	border-bottom: 1px solid gray;
	text-align:left;
}
.evalitems td:last-child {
	text-align:center;
}
.evalitems td:first-child, .evalitems th:first-child {
	border-right: 1px solid gray;
}

.evalcrits {
	border-collapse: collapse;
}
.evalcrits td {
	cursor:pointer;
	padding: 6px;
}
.evalcrits th {
	font-weight: bold;
	line-height:1.1;
	padding:2px;
}
.evalcrits td, .evalcrits th {
	border: 1px solid black;
	text-align: center;
}

.abllsr {
	white-space:nowrap;
	overflow-x:auto;
	width:100%;
	padding:10px;
}
 
.tb4 {
	border-collapse:collapse;
	width:100%;
}
.tb4 td, .tb4 th{
	width:25%;
	text-align:center;
	vertical-align:middle;
}
.atasat {
	opacity:0.7;
	/*pointer-events: none;*/
}
.atasat td:first-child i:first-child {
	cursor: default;
}

/*=============================================================
	EXTRA
============================================================ */

@-webkit-keyframes blink {
   from { background-color: #ec971f; }
   to { background-color: #eec548; }
  }
 @-moz-keyframes blink {
   from { background-color: #ec971f; }
   to { background-color: #eec548; }
 }
 @-ms-keyframes blink {
   from { background-color: #ec971f; }
   to { background-color: #eec548; }
 }
 @-o-keyframes blink {
   from { background-color: #ec971f; }
   to { background-color: #eec548; }
 }
 @keyframes blink {
   from { background-color: #ec971f; }
   to { background-color: #eec548; }
 }

.pdfbut {
	line-height:20px;
	height:22px;
	font-size:12px;
	font-weight:bold;
	margin:0 5px 2px 5px;
	padding: 1px 6px 4px 6px;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.pdfbut:hover{
	text-decoration:none;
	color:white;
	text-decoration:none;
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.pdfbut.disabled {
	cursor: not-allowed;
	background-color: #98b4bc;
	border-color: #46b8da;
}
.titlu {
	width:100%;
	text-align:center;
	border-bottom: 4px solid #42b3f4;
	font-weight:bold;
	font-size: 24px;
	margin-bottom:10px;
}
.subtitlu {
	width:100%;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
}
.blinky {
	background-color: #ec971f;
	-webkit-animation: blink 500ms infinite alternate;
	-moz-animation: blink 500ms infinite alternate;
	-ms-animation: blink 500ms infinite alternate;
	-o-animation: blink 500ms infinite alternate;
	animation: blink 500ms infinite alternate;
 }
 
.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fade2 {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all 200ms linear;/*opening speed*/
	-o-transition: all 200ms linear;/*opening speed*/
	transition: all 200ms linear;/*opening speed*/
}

.fade2.in {
	opacity: 1;
	transform: scale(1);/*size of the div to scal after .in class attached on opening modal*/
}

/*=============================================================
	CHECKBOXES, MARKERS
============================================================ */

.vcheck.on {
	background-image: url("/images/checkon.png");
}
.vcheck {
	background-image: url("/images/checkoff.png");
	background-repeat: no-repeat;
	background-position: center;
	width:24px;
	height:24px;
	display:inline-block;
	padding:0px;
	background-color:transparent;
}

/*=============================================================
	EXTRA
============================================================ */

.copil.discop td {
	background-color: #eaeaea;
}
.tglb {
	width:67px;
	padding:5px 3px;
	text-align:center;
	background-color: #459ed5;
	border-color: #377db7;
}
.tglb, .pr .btn-sm, .co .btn-sm {font-family: DejaVu Sans !important;}
.colpick {
	width:28px;
	height:28px;
	display:inline-block;
	border:1px solid black;
	border-radius:4px;
	cursor:pointer;
	vertical-align:middle;
	margin-top:-3px;
}
.colpick:hover {
	transform: scale(1.1);
}
.datepick {
	cursor:pointer;
}
.datepicker .day {
	cursor: pointer;
}
.datepicker .month {
	font-weight: bold;
	margin: 2px;
	cursor: pointer;
}
.datepicker .picker-switch {
	cursor: pointer;
}
.datepicker input {
	cursor:pointer;
}
.high input, .high select {
	background-color: #ffee6d;
}
.highb input, .highb select {
	background-color: #dbf7ff;
}
.listatog table.pr tr td i.fa-user,
.listatog table.co tr td i.fa-user,
tr i.fa-user {color:#00bbff;font-size:120%;margin-left:2px;margin-right:2px;}

.listatog table.pr tr td i.fa-user:hover,
.listatog table.co tr td i.fa-user:hover,
tr i.fa-user:hover{color:#3fccff;transform:scale(1.5);}

.listatog table.pr tr td i.fa-exclamation-triangle,
.listatog table.co tr td i.fa-exclamation-triangle,
tr i.fa-exclamation-triangle{color:#ff370f;font-size:120%;margin-left:2px;margin-right:2px;vertical-align:middle;margin-top:6px;}

.listatog table.pr tr td i.fa-exclamation-triangle:hover,
.listatog table.co tr td i.fa-exclamation-triangle:hover,
tr i.fa-exclamation-triangle:hover{color:#ff652d;transform:scale(1.5);}

.help-block span {
    color: red;
	font-weight: bold;
}

div.perscop input, a.perscop {
	background-color: #d8f4b7;
}
 
.chk {
	width:20px;
	height:20px;
	border:1px solid black;
	margin-right:6px !important;
	display:inline-block;
}
.btn-group a{
 cursor:pointer;
}
.nav-tabs a, .nav-tabs a:focus, .nav-tabs li, .nav-tabs li:focus, .panel-title, .panel-title:focus, .panel-title a, .panel-title a:focus,
#menu-top li a, #menu-top li a:focus{
	outline: 0;
}
/*.mce-container iframe{
	min-height:200px !important;
}*/
.modal-content {
	padding: 0 20px 0 20px;
}
.fade-scale {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.fade-scale.in {
	opacity: 1;
	transform: scale(1);
}
.listatog {
	width:100%;
	margin:0;
	padding:0;
}
.listatog>div {
	width:100%;
}
.listatog table {
	width:100%;
	border:none;
	border-collapse:collapse;
	border-bottom:1px solid grey;
}
.listatog table tr td, .listatog table tr td:first-child{
	border-right: 1px solid #c7c7c7;
	padding-left: 15px;
	vertical-align:middle;
}
.listatog table tr td:first-child{
	width: 150px;
}
.listatog table tr td:last-child{
	width:200px;
	border-right: none;
}
.listatog table.c tr{
	background-color: #f2f2f2;
}
.listatog table.c.arh tr{
	background-color: #d4d6d8;
}
.raps table:first-child tr td{
	-webkit-box-shadow: inset 0 7px 8px -7px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 7px 8px -7px rgba(0,0,0,0.2);
	box-shadow: inset 0 7px 8px -7px rgba(0,0,0,0.2);
}
.listatog table.c tr td{
	border-right:none;
}
.listatog table.c tr td:first-child{
	font-weight:bold;
	font-size:14px;
}
.listatog table.e tr td:first-child{
	background-color: #ccf8b1;
}
.listatog table.p tr td:first-child{
	background-color: #9bcfff;
}
.listatog table.r tr td:first-child{
	background-color: #ffbbf1;
}
.listatog table.pr tr td i{
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}
.listatog table.pr tr td:first-child{
	width:150px;
}
.listatog table.co tr td i{
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}
.listatog table.co tr td:first-child{
	width:150px;
}
.listatog table.pr.arh tr:first-child td:first-child,
.listatog table.co.arh tr:first-child td:first-child{
	background-color: #d4d6d8;
}

.btn.bold, .btn.btn-sm.bold{
	font-weight:bold;
}

.listatog table.e tr td.r{
	text-align:center;
	padding:0;
}
.listatog table.e tr td.r .btn-group{
	float:none;
}
.listatog table.r tr td{
	border-right:none;
}
.listatog table tr td a.btn, .listatog table tr td .btn-group {
	margin: 3px; display:inline-block; float:right;
}

.listatog .tr input {
	vertical-align:middle;
	font-size:14px;
	height:16px;
}

.pipbuts .btn {
	margin-bottom:10px;
}

.ins {
	background-color:#d7f7a5;
}
.luc {
	background-color:#fffbdd;
}

/*=============================================================
	IMAGES
============================================================ */
.namedpic {
	display:inline-block;
	text-shadow: 10px 10px 10px #2c8abd 0.8;
	text-align:center;
	margin: 5px;
	width: 140px;
}
.namedpic img {
	display:inline-block;
	width:120px;
	height:120px;
}
.namedpic span {
	font-size: 16px;
	font-weight: bold;
}

/*=============================================================
	COMP LIST
============================================================ */

.complist .btn, .listatog table tr td  .complist a.btn{
	margin: 3px 8px 3px 3px;
	display: inline-block;
	float: right;
}
.complist .fa {
	font-size:20px;
	float:right;
	cursor:pointer;
	margin:6px 5px 0 5px;
}
.complist .fa-info-circle {
	color:#428bca;
}
.complist .fa-minus-circle {
	color:#d9534f;
}
.complist div {
	padding:5px 5px 0 5px;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	display:block;
	-webkit-box-shadow: inset 0 7px 8px -7px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 7px 8px -7px rgba(0,0,0,0.2);
	box-shadow: inset 0 7px 8px -7px rgba(0,0,0,0.2);
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-radius: 0 0 6px 6px;
}
.complist input {
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
}
.complist li {
	width:100%;
	display:block;
	margin-bottom: 2px;
}
.complist {
	margin-top:10px;
	width:100%;
}

/*=============================================================
	SESIUNI
============================================================ */

ul.sesiune {
	list-style-type: decimal;
	display:block;
	width:100%;
	vertical-align:top;
}
table.sesiune {
	display:block;
	width:100%;
}
table.sesiune .bootstrap-datetimepicker-widget {
	height:320px;
}
.sesiune li, .sesiune tr:first-child {
	vertical-align:top;
	height:24px;
	font-size:12px;
}
.sesiune li div.d70{
	display:inline-block;
	width:70%;
	margin:0;
	vertical-align:top;
	word-wrap: none;
	overflow:hidden;
}
.sesiune li div.d30{
	display:inline-block;
	width:29%;
	padding-left:5px;
	text-align:left;
	margin:0;
	vertical-align:top;
}
ul.sesiune li div.d30 input {
	text-align:center;
}
.sesiune select, .sesiune input{
	width:100%;
	height:22px;
	font-size:12px;
	margin:1px;
	display: block;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 0 2px 0 2px;
	vertical-align:center;
	line-height:12px;
}
.sesiune .but{
	line-height:20px;
	height:22px;
	font-size:12px;
	margin:2px;
	border-radius: 3px;
	display: block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sesiune .but:hover{
	text-decoration:none;
}
.sesiune .but.disabled {
	cursor: not-allowed;
	background-color: #98b4bc;
	border-color: #46b8da;
}
td.selecthack select {
	margin-top: 4px;
	margin-left:5px;
	text-align:center;
    background-color: #e3ff68;
	width:50%;
}

/*=============================================================
	FORMS
============================================================ */
.modal .modal-dialog {
	width:80%;
	min-height:500px;
}
.modal.confirm .modal-dialog{
	width:300px;
	height:200px;
}
.modal.confirm .modal-footer {
	text-align:center;
}
.modal.frmpipprog .modal-dialog,
.modal.frmpiplist .modal-dialog,
.modal.frmsesiune .modal-dialog,
.modal.frmraport  .modal-dialog {
	width:600px;
}
.modal.frmsitting .modal-dialog,
.modal.frmsittarg .modal-dialog {
	width:700px;
}
.modal.frmimportitemi  .modal-dialog {
	width:400px;
}
.modal.frmsesiune .modal-title,
.modal.frmsitting .modal-title,
.modal.frmsittarg .modal-title,
.modal.frmraport  .modal-title {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.modal.frmlogin .modal-dialog {
	width:300px;
}
.modal.frmlogin .modal-content {
	padding:0;
}
.modal[data-ask="1"] .btn.btn-primary.save {
	background-color: #f0ad4e;
	border-color: #eea236;
}
.modal[data-ask="1"] .btn.btn-primary.save:hover {
  background-color: #ec971f;
  border-color: #d58512;
}

/*=============================================================
	FILE LIST
============================================================ */

ul.filelist>li{
	width:96%;
	margin:0 0 0 2%;
	border-bottom:1px solid black;
	display:block;
	height:40px;
	padding:2px 10px 0 10px;
	list-style-type: none;
}
ul.filelist>li .f{
	display:inline-block;
	padding-top:5px;
	cursor:pointer;
	color:black;
}
ul.filelist>li .f:hover{
	background-color:#e2ff9b;
}
ul.filelist>li .btn{
	float:right;
}
ul.filelist>li span {
	float:right;
	padding: 5px 15px 0px 15px;
}

.subinfo td {
	border:1px solid black;
}
.subinfo p.buthead {
	line-height:20px;
	text-align:center;
	margin: 5px 0 0 0;
}
.subinfo p.buthead input {
	line-height:20px;
	padding:3px;
	height:26px;
	font-size:90%;
	float:none;
}
.subinfo p.buthead .btn{
	padding:3px 10px;
	line-height:20px;
	height:26px;
	font-size:90%;
	float:none;
}
.subinfo h4 {
	display:none;
}

/*=============================================================
	NOTITE
============================================================ */

ul.notelist>li{
	width:96%;
	margin:0 0 6px 2%;
	border-bottom:1px solid black;
	display:block;
	padding:2px 10px 6px 10px;
	list-style-type: none;
}
ul.notelist li a.del{
	cursor:pointer;
	border:1px solid black;
	border-radius:5px;
	color:white;
	float:right;
	display:inline-block;
	width:100px;
	text-align:center;
	padding-top:2px;
	margin-right:8px;
	font-weight:bold;
}
ul.notelist li a.del:hover{
  background-color: #c9302c;
  border-color: #ac2925;
  text-decoration:none;
}
ul.notelist li textarea{
  width:100%;
  overflow:auto;
  display:block;
}
ul.notelist>li span{
	padding-top:6px;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
}

/*=============================================================
	ITEMLIST
============================================================ */

ul.itemlist {
	/*max-height:250px !important;
	overflow-y:auto !important;*/
}
ul.itemlist>li{
	width:96%;
	margin:0 0 0 2%;
	border-bottom:1px solid black;
	display:block;
	height:40px;
	padding:2px 10px 0 10px;
	list-style-type: none;
}
ul.itemlist>li .sele {
	font-size: 130%;
	margin-right:5px;
}
ul.itemlist>li .sele:hover {
	transform: scale(1.5);
}
ul.itemlist li a.ins, ul.itemlist li a.del{
	cursor:pointer;
	border:1px solid black;
	border-radius:5px;
	color:white;
	float:right;
	display:inline-block;
	width:100px;
	text-align:center;
	padding-top:2px;
	margin-right:8px;
	font-weight:bold;
}
ul.itemlist li a.del{
  background-color: #d9534f;
  border-color: #d43f3a;
  width:60px;
}
ul.itemlist li a.del:hover{
  background-color: #c9302c;
  border-color: #ac2925;
  text-decoration:none;
}
ul.itemlist li a.crit{
	width:50px;
}
ul.itemlist li a.ins.on{
	background-color: #5cb85c;
	border-color: #4cae4c;
}
ul.itemlist li a.ins{
	background-color:#686868;
	width:70px;
}
ul.itemlist li a.ins:hover{
	background-color:#dddd73;
	text-decoration:none;
}
ul.itemlist>li span{
	padding-top:6px;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
}
ul.itemlist>li div{
	float:right;
}
ul.itemlist>li div.dpc{
	float:right;
	width:130px;
	margin-right:8px;
}
ul.itemlist>li div.dpc input{
	cursor:pointer;
	width:100px;
	text-align:center;
}
.itemlist li input.num{
	width:calc(100% - 450px);
	margin-left:5px;
	padding-left:6px;
}
.itemlist li input.num.lung{
	width:calc(100% - 250px);
}
.itemlist li input.tem{
	width:100px;
	margin-left:5px;
	padding-left:6px;
}
.btn.opened {
	background-color: #a4bf0b !important;
}
.btn-pip {
  color: black;
  background-color: #d9edf7;
  border-color: #bce8f1;
  vertical-align: middle;
  margin-top: 2.5px	;
}
.listatog table tr td .btn-group.grp-pip {
	margin-left: 0;
	vertical-align: middle;
	margin-top: 2.5px;
}

/*=============================================================
	EVALUARE
============================================================ */

.abllsr tr.high {
	border: 2px solid #248be5;
	background-color: #ffe970;
}
.abllsr tr.high td {
	background-color: #ffe970;
}

.abllsr tr.high td.ins {
	background-color:#7cc986;
}

.abllsr td.high {
	/*border: 3px solid #428bca;*/
}


.abllsr td {
	height:16px !important;
}
.abllsr td.v2 i,
.abllsr td.v3 i,
.abllsr td.v4 i,
.abllsr td.v5 i,
.abllsr td.v6 i
{
	display:none;
	font-size:13px;
	color:black;
	font-weight:bold;
	vertical-align:center;
	width:100%;
	height:inherit;
}
.abllsr td.high i {
	display:block !important;
}
.abllsr td.ins.high i {
	/*color:white;*/
}
/*.abllsr td.high.ins {
	background-color:#7cc986;
}*/

/*=============================================================
	YOUTUBE
============================================================ */
.videocontainer {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
}
.videocontainer iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

/* COLOR PICKER */
#colorpicker {
    background: rgba(255, 255, 255, 0.94);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    border-radius: 5px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
    padding: 15px;
    font-family: "Open Sans", sans-serif;
    width: 154px;
	z-index:9999999999999999;
}
#colorpicker div {
	border-radius: 5px;
	width: 20px;
	height: 20px;
	margin: 1px 4px;
	cursor: pointer;
	display: inline-block;
}
#colorpicker span {
    font-size: 12px;
	width:100%;
	text-align:center;
    text-transform: uppercase;
    font-weight: bold;
    color: #aaa;
    margin-bottom: 5px;
    display: block;
    clear: both;
}

/* MESSAGE NOTIFICATION */
#chatnotif {
	background-color: #fff699;
	color: #707070;
	width: 250px;
	height: 38px;
	padding: 9px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	border-radius:10px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	line-height: 16px;
	display: block;
	font-family: roboto;
	position: fixed;
	top: 6px;
	left: 50%;
	margin-left: -125px;
}
#chatnotif .arrow {
	position: absolute;
	left: 50%;
	margin-left:-5px;
	color: #fff699;
	font-size: 30px;
	z-index: 5;
	top: 26px;
}
#chatnotif p { margin-top: 0; }
#chatnotif span {
	margin-top: 3px;
	font-size: 16px;
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
	cursor: pointer;
	color:black;
}
#chatnotif p .fa {
	height: 40px;
	font-size: 2em;
	display:inline-block;
	vertical-align:middle;
	color: #CC3C15;
}
#chatnotif p .fa.fa-warning {
	float: left;
	margin-right: 12px;
}
#chatnotif p .fa.fa-question-circle {
	color: #0099ff;
	cursor: pointer;
}
#chatnotif p .fa.fa-times-circle { cursor: pointer; }
#chatnotif p .fa.fa-times-circle, #chatnotif p .fa.fa-question-circle {
	float: right;
	margin-left: 12px;
}
.wobble {
  animation-name: wobble;
  -webkit-animation-name: wobble;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes wobble {
	0%   { transform: translateY(0%); }
	50%  { transform: translateY(8%); }
	100% { transform: translateY(0%); }
}

@-webkit-keyframes wobble {
	0%   { -webkit-transform: translateY(0%); }
	50%  { -webkit-transform: translateY(8%); }
	100% { -webkit-transform: translateY(0%); }
}

/* NEW MESSAGE PIPLIST */
.newmsg {
	border:1px solid black;
	border-collapse: collapse;
	width:100%;
}
.newmsg th {
	background-color: #58e2ff;
}
.newmsg td .fa {
	float:right;
	vertical-align:middle;
	color: red;
	margin: 7px 5px 0 0;
	display: inline-block;
}
.newmsg td, .newmsg th {
	border: 1px solid black;
	padding: 0px 6px;
}
.newmsg td a {
	text-decoration:none;
	color:black;
	width:100%;
	margin:0;
	padding:0;
	display:inline-block;
}
.newmsg td a:visited { color:black; }
.newmsg tbody tr {
	cursor: pointer;
}
.newmsg tbody tr td {
	background: #FFFFFF;
	overflow: hidden;
}
.newmsg tbody tr:nth-child(even) td {
	background: #FFFDF4;
}
.newmsg tbody tr:hover td {
	background: #F8F055;
}


/* CHECKBOX */
/* Hide the browser's default checkbox */
/* The container */
.checky {
  display: block;
  position: relative;
  padding-left: 27px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checky input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checky .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #e3e3e3;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checky:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checky input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checky .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checky input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checky .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
a.pending {
	position:absolute;
	margin-left:25%;
	color: black;
	width:50%;
	border-radius: 0 0 20px 20px;
}
a.pending:hover {
	text-decoration: none;
}

/* FORMS */
.frmfaza #data {
	padding-left: 10px
}

/* COLOR FIX */
.content-wrapper .panel-info {
	border-color: #e6e6e6;
}
.content-wrapper .panel-info > .panel-heading {
	background-color: #f2f2f2;
	border-color: #e6e6e6;
}