/*
Date: 05.12.2013
Author: Marcau Alexandru Cristian
Company: Touch Media
Website: www.touch-media.ro
Project: Monsson
*/

/* Start CSS Reset */
* { margin:0; padding:0; border:0; zoom:1; }
.clear { height:0px; line-height:0px; display:block; clear:both; }
.clear2 { height:1px; line-height:1px; display:block; clear:both; }
li { list-style-type:none; }
img { border:0; }
.opac { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.opac:hover { opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
/* End css Reset */

html, body {
	margin:0;
	padding:0;
	height:100%;
}
body>.wrapper {
	position:relative;
	padding-bottom:99px;
	min-height:100%;
}
footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

@font-face {
    font-family: 'AvenirLight';
    src: url('../fonts/ufonts.com_avenir_35_light-webfont.eot');
    src: url('../fonts/ufonts.com_avenir_35_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_avenir_35_light-webfont.woff') format('woff'),
         url('../fonts/ufonts.com_avenir_35_light-webfont.ttf') format('truetype'),
         url('../fonts/ufonts.com_avenir_35_light-webfont.svg#avenirregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/ufonts.com_avenir_55_roman-webfont.eot');
    src: url('../fonts/ufonts.com_avenir_55_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_avenir_55_roman-webfont.woff') format('woff'),
         url('../fonts/ufonts.com_avenir_55_roman-webfont.ttf') format('truetype'),
         url('../fonts/ufonts.com_avenir_55_roman-webfont.svg#avenirregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.error {
    width: 100%;
}
.red, .green {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 36px;
    background-repeat: no-repeat;
    background-position: 10px center;
    overflow: hidden;
}
.green {
    border: 1px solid #90B96B;
    color: #345F0E;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAehJREFUeNpi/P//PwMlgImBQsACIhhnCAFZjEAGkANy0B8gwQ00m5kRogpEMYHl5YF4LZBXw/D3/47/Ea/xuOD7PwaGX1AMMvDvfwGGf/8nprkkGQPZLUAVHqR4gY3hH0Ofoby+6ZcvXxjinWL0Gf4wtMC9QAAwAjXXK0jIO8gLyUl9/Pzx98Fjh24AXdOA7gIPoP/PwJwGdvoPoNP/MGQIcwkGq4mrKHz5+uXf0UtH7wBdMRGodgvCgP9ATX/+tyT5JxqCaDAfIu7DwcSWJckjqfzgwQOGU5dP3f3w4cNSoJq5DL//I0Xjn38tMX4xes+ePWOK8IowAPGBmnNZ/jPVS4vLqH7985Xl5YcXDz99+rAJGIDtQAxxIcKA/zVLViy8xM7J9uvU7VPMDnaOOkAb4sVkxTV+sPxgf/fhzdOP797vZ/gLjD4Ghn8oAQRKiYx9/AxADaAwaDF2NtN6+vMZpwCnAMP7b+8Zfrz49vrj3fdHGJgZkhhYmT4wsELTC8iHWe+RAvE/ww6g02vO7jhxjfkv49fXjK8Zvn/5+uHTzXcXgSGeC1TxAWdKRDHk81+Gp5vutnCZ8Mt8v/DpDtCBeUBrnuJNyigAmEQZ3v9h+LbzTQsw+ZYwCLJcBydjXIlkwHMjQIABAIHQ3hY9qLekAAAAAElFTkSuQmCC') no-repeat scroll 10px center #C2EE9B;
}
.red {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNrEU71OwlAUPrVqrDFBHsARX6AJri4kJSEyEBMHggkLK8EEFsauvoPo4iN04gkgLiYOOBHUxDSUCBO0XL9z7a1t1YnBJl967/l+enIOaEII2uTZog2fbXW41zTSiSwcbaAbEDl+TJTmLsLO4x1YIOzzTscMvoRWmjtrNn9yPAPGHdFg3W6Lx1JJLFstwXfACjF4r9clN6lWJad8UUAPwhsQXqMh+vm8eK3VBN8ZT+WyrA0LBVljrfJpags9zMBnAi2eVirm82hEmUyGFosFvUwmZBgGzcfjoYYZYCbOZehLBKzwDsKQo1zOnLqu5HRdpw/XlWYM09lBTQVEW3gDdsMChLSazWhfkUEgw9nCm1n+9TuAwILAPs5mTcP36QA1Ba4xJ5LbSa4RX7FPIFSmB88bMtSduVVqjVEAE8WYuQ8jvthl9GMhxe+QZMAcwlsI93DmN9/RrsP4jVO+aAtX2IKH1tZIR2o3C+NhKJoBae46vcZ/+zd+CjAAN5vaL1x3kMMAAAAASUVORK5CYII=') no-repeat scroll 10px center #FABBBB;
    border: 1px solid #C88383;
    border-radius: 3px 3px 3px 3px;
    color: #882626;
}
.wrap {
	width:97%;
	margin:0 auto;
}
header {
	height:63px;
	margin:0 auto;
	background:url('../images/header-tail.png') repeat-x left 9px;
	padding-top:9px;
	overflow:hidden;
}
.logo {
	display:block;
	width:92px;
	height:50px;
	background:url('../images/logo.png') no-repeat;
	float:left;
}
.left-round {
	display:block;
	width:17px;
	height:46px;
	background:url('../images/left-round.png') no-repeat;
	float:left;
}
.hide-menu {
	display:inline-block;
	height:21px;
	background:url('../images/hide-menu.png') no-repeat right;
	padding-right:57px;
	font:bold 16px/21px AvenirLight;
	color:#FFF;
	margin-left:13px;
	margin-top:13px;
	text-decoration:none;
	float:left;
	text-transform:lowercase;
}
.show-menu2 {
	display:none;
	height:21px;
	background:url('../images/hide-menu.png') no-repeat right;
	padding-right:57px;
	font:bold 16px/21px AvenirLight;
	color:#FFF;
	margin-left:13px;
	margin-top:13px;
	text-decoration:none;
	float:left;
	text-transform:lowercase;
}
.back {
	display:inline-block;
	height:28px;
	background:url('../images/back.png') no-repeat left center;
	padding-left:33px;
	font:bold 18px/28px AvenirLight;
	color:#FFF;
	margin-left:40px;
	margin-top:9px;
	text-decoration:none;
	float:left;
	text-transform:uppercase;
}
.logout {
	margin-right:0;
	float:right;
	display:block;
	width:104px;
	height:46px;
	background:url('../images/logout.png') no-repeat;
	text-align:center;
	font:bold 17px/46px AvenirLight;
	color:#FFF;
	text-decoration:none;
}
.search {
	width:268px;
	height:35px;
	margin-left:49px;
	margin-top:6px;
	float:left;
}
.search .search-input {
	width:165px;
	height:35px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#FFF;
	padding:0 10px;
	float:left;
}
.search .search-submit2 {
	width:83px;
	height:35px;
	float:left;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E70000), to(#CC0006));
	background:-webkit-linear-gradient(top, #E70000, #CC0006);
	background:-moz-linear-gradient(top, #E70000, #CC0006);
	background:-ms-linear-gradient(top, #E70000, #CC0006);
	background:-o-linear-gradient(top, #E70000, #CC0006);
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font:bold 17px/35px AvenirLight;
	color:#FFF;
	cursor:pointer;
}
.welcome {
	display:inline-block;
	float:right;
	font:13px/46px AvenirLight;
	color:#FFF;
	margin-right:20px;
}
.welcome a {
	font:13px/46px AvenirLight;
	color:#FFF;
	text-decoration:underline;
}
.welcome a:hover {
	text-decoration:none;
}
.sidebar {
	width:290px;
	margin-right:20px;
	margin-bottom:30px;
	float:left;
	overflow:hidden;
}
.cont {
	float:left;
	width:auto;
	padding-bottom:30px;
}
.sidebar .level1 {
	width:290px;
	height:46px;
	background:#F1F1F1;
	border-radius:10px;
	margin-bottom:4px;
}
.sidebar .level1 a {
	display:block;
	height:46px;
	background:url('../images/circle1.png') no-repeat 16px 17px;
	padding-left:36px;
	font:bold 18px/46px AvenirLight;
	color:#515151;
	text-decoration:none;
}
.sidebar .level1.active, .sidebar .level1:hover {
	background:#CF0006;
}
.sidebar .level1.active a, .sidebar .level1:hover a {
	background:url('../images/circle2.png') no-repeat 16px 17px;
	color:#FFF;
}
.sidebar .level2 {
	width:288px;
	height:44px;
	background:#FFF;
	border-radius:10px;
	margin-bottom:4px;
	border:1px solid #E2E2E2;
}
.sidebar .level2 a {
	display:block;
	height:44px;
	background:url('../images/circle3.png') no-repeat 40px 18px;
	padding-left:56px;
	font:bold 15px/44px AvenirLight;
	color:#515151;
	text-decoration:none;
}
.sidebar .level2.active, .sidebar .level2:hover {
	background:#CF0006;
}
.sidebar .level2.active a, .sidebar .level2:hover a {
	background:url('../images/circle3.png') no-repeat 40px 18px;
	color:#FFF;
}
footer {
	height:99px;
	background:#575757;
	margin-top:30px;
	padding-top:1px;
}
footer .info {
	width:527px;
	padding-left:50px;
	background:url('../images/info.png') no-repeat;
	font:14px/18px AvenirLight;
	color:#FFF;
	margin-top:30px;
	float:left;
}
footer .activeaza {
	display:block;
	width:196px;
	height:39px;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E70000), to(#CC0006));
	background:-webkit-linear-gradient(top, #E70000, #CC0006);
	background:-moz-linear-gradient(top, #E70000, #CC0006);
	background:-ms-linear-gradient(top, #E70000, #CC0006);
	background:-o-linear-gradient(top, #E70000, #CC0006);
	float:left;
	margin-top:31px;
	margin-left:10px;
	text-align:center;
	font:bold 15px/39px AvenirLight;
	color:#FFF;
	text-decoration:none;
}
.copyright {
	display:inline-block;
	float:right;
	font:bold 11px/18px AvenirLight;
	color:#FFF;
	margin-top:41px;
}
.show-menu {
	display:block;
	width:48px;
	height:93px;
	background:url('../images/show-menu.png') no-repeat;
	position:fixed;
	left:0;
	top:10px;
	display:none;
}
.content-center {
	display:block;
	margin:0 auto;
	overflow:hidden;
}
.item {
	display:block;
	text-align:center;
	float:left;
	font-family:Avenir;
	color:#FFF;
	text-decoration:none;
	line-height:1.1;
}
.login .input-text {
	width:526px;
	height:61px;
	border:1px solid #E2E2E2;
	border-radius:10px;
	margin-bottom:12px;
	float:left;
	padding:0 20px;
	font-size:22px;
}
.login {
	width:738px;
	margin:95px auto;
}
.login label {
	width:140px;
	margin-right:30px;
	font:18px/63px Avenir;
	color:#575757;
	text-align:right;
	display:block;
	float:left;
}
.input-submit {
	display:block;
	width:290px;
	height:66px;
	background:#D80004;
	text-align:center;
	border-radius:5px;
	margin-left:171px;
	float:left;
	font:bold 23px/66px AvenirLight;
	color:#FFF;
	cursor:pointer;
}
.forgot {
	display:inline-block;
	float:right;
	padding-left:25px;
	background:url('../images/bullet1.png') no-repeat left 28px;
	font:bold 18px/66px Avenir;
	color:#575757;
	text-decoration:none;
}
.forgot:hover {
	text-decoration:underline;
}
.linetop {
	padding-bottom:10px;
	border-bottom:1px solid #B6B6B6;
	height:31px;
}
.linetop-left {
	display:inline-block;
	float:left;
	overflow:hidden;
	height:31px;
}
.linetop label[for=data1]{
	display:inline-block;
	float:left;
	font:bold 17px/31px AvenirLight;
	color:#323232;
	padding-left:10px;
	padding-right:10px;
}
.linetop input[name=data1]{
	width:101px;
	height:31px;
	border-radius:5px;
	background:#DFF3FF;
	text-align:center;
	font:bold 14px/31px AvenirLight;
	color:#575757;
	float:left;
}
.linetop label[for=ora1]{
	display:inline-block;
	float:left;
	font:bold 17px/31px AvenirLight;
	color:#323232;
	padding-left:20px;
	padding-right:10px;
}
.linetop input[name=ora1]{
	width:101px;
	height:31px;
	border-radius:5px;
	background:#DFF3FF;
	text-align:center;
	font:bold 14px/31px AvenirLight;
	color:#575757;
	float:left;
}
.linetop label[for=eveniment]{
	display:inline-block;
	float:left;
	font:bold 17px/31px AvenirLight;
	color:#323232;
	padding-left:20px;
	padding-right:10px;
}
.linetop input[name=eveniment]{
	width:200px;
	height:31px;
	border-radius:5px;
	background:red;
	text-align:left;
	font:bold 14px/31px AvenirLight;
	color:#FFF;
	float:left;
	padding:0 10px;
}
.form {
	margin-top:33px;
/*	width:790px;*/
	width: 100%;
	margin-bottom:30px;
	margin-left:8px;
}
.form label {
	width:238px;
	height:38px;
	margin-right:15px;
	font:bold 17px/38px AvenirLight;
	color:#323232;
	float:left;
	text-align:right;
	margin-bottom:8px;
}
.form label.labelcheckbox {
	width:auto;
	height:auto;
	margin-right:0;
	font:bold 12px/12px Arial;
	color:#323232;
	float:none;
	text-align:left;
	margin-bottom:5px;
	margin-left:8px;
	position:relative;
	top:-2px;
}
.form .select {
	width:401px;
	height:38px;
	float:left;
	margin-bottom:8px;
}
.form .select2 {
	width:401px;
float:left;
	margin-bottom:8px;
}
.form .input-calendar {
	width:136px;
	height:36px;
	font:bold 12px/36px AvenirLight;
	color:#323232;
	border:1px solid #E8E8E8;
	border-radius:5px;
	padding-right:44px;
	padding-left:8px;
	background:url('../images/calendar.png') no-repeat 151px 3px #FFF;
	float:left;
}
.form .smalllabel {
	width:132px;
}
.form .input-text {
	width:171px;
	height:36px;
	font:bold 12px/36px AvenirLight;
	color:#323232;
	border:1px solid #E8E8E8;
	border-radius:5px;
	padding-right:8px;
	padding-left:8px;
	float:left;
}
.form .input-textarea {
	width:507px;
	height:96px;
	font:bold 12px/18px AvenirLight;
	color:#323232;
	border:1px solid #E8E8E8;
	border-radius:5px;
	padding:5px 8px;
	float:left;
	margin-bottom:8px;
}
.input-submit2 {
    background: none repeat scroll 0 0 #D80004;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font: bold 16px/39px AvenirLight;
    height:39px;
    margin-left: 253px;
    text-align: center;
    width:196px;
	margin-top:10px;
}
label.label1 {
	width:auto;
	display:inline-block;
}
label.label2 {
	width:276px;
}
label.label3 {
	width:155px;
}
label.label4 {
	width:auto;
	display:inline-block;
	margin-left:40px;
}
.input-submit3 {
    background: none repeat scroll 0 0 #D80004;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font: bold 16px/39px AvenirLight;
    height:39px;
    margin-left:171px;
    text-align: center;
    width:196px;
	margin-top:10px;
}
.inputs-group {
	height:113px;
	background:#DFF3FF;
	border-radius:8px;
	margin-bottom:16px;
	margin-left:-8px;
	padding-left:18px;
}
.group-title {
	font:bold 17px/22px Avenir;
	color:#000000;
	padding-top:18px;
	padding-bottom:15px;
}
.input-submit4 {
    background: none repeat scroll 0 0 #D80004;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font: bold 16px/39px AvenirLight;
    height:39px;
    margin-left:-8px;
    text-align: center;
    width:196px;
	margin-top:0px;
}
.message1 {
	margin-left:169px;
}
.message2 {
	margin-left:0px;
	text-align:center;
}
.width-auto {
	width:100% !important;
}
.please-select {
	font:12px/18px Arial;
	color:#343434;
	text-align:center;
	margin:10px 0 0;
}
.step1, .step2, .step3 {
	margin-bottom:30px;
}
.ui-loader {
	display:none;
}
.separator5 {
	height:5px;
}
.timeEntry-control {
	display:none !important;
}
.istoric {
	font:16px/20px Arial;
	color:#343434;
	margin:0 auto;
	width:100%;
}
.istoric th {
	color:#FFF;
	height:46px;
	background:#DA0003;
	font:bold 19px/36px AvenirLight;
	border-right:1px solid #F6B8B9;
}
.istoric th:first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.istoric th:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}
.istoric th, .istoric td {
	text-align:center;
	padding:5px 20px;
}
.istoric td {
	height:20px;
}
.istoric tr:first-child td {
	height:50px;
}
.istoric a {
	color:inherit;
	text-decoration:none;
}
.istoric a:hover {
	text-decoration:underline;
}
.istoric tbody {
	background:#C2E8FE;
}
.istoric tbody td {
	border-right:1px solid #FFF;
}
.istoric tbody tr {
	background:#F0F9FF;
}
.istoric tbody tr:first-child {
	background:#01CC01;
}
.istoric tr:first-child.deschis {
	background:orange;
}
.istoric tr:first-child.restrictii {
	background:yellow;
}
.istoric .edit {
	display:inline-block;
	width:33px;
	height:33px;
	background:url('../images/edit.png') no-repeat;
	text-indent:-9999px;
}
.istoric .delete {
	display:inline-block;
	width:26px;
	height:26px;
	background:url('../images/delete.png') no-repeat;
	text-indent:-9999px;
	position:relative;
	top:3px;
	margin-left:10px;
}
.nota-ture {
	font:12px/18px Arial;
	color:#343434;
	margin-top:10px;
}
.pdf {
    background: red none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    float: right;
    font: bold 15px/22px Arial;
    margin: 5px;
    padding: 10px 20px;
    text-decoration: none;
}
.pdf:hover {
	text-decoration:underline;
}
.istoric2 {
	font:16px/20px Arial;
	color:#343434;
	margin:0 auto;
	width:100%;
}
.istoric2 th {
	color:#FFF;
	height:46px;
	background:#DA0003;
	font:bold 19px/36px AvenirLight;
	border-right:1px solid #F6B8B9;
}
.istoric2 th:first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.istoric2 th:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}
.istoric2 th, .istoric2 td {
	text-align:center;
	padding:5px 20px;
}
.istoric2 td {
	height:20px;
}
.istoric2 tr:first-child td {
	height:50px;
}
.istoric2 a {
	color:inherit;
	text-decoration:none;
}
.istoric2 a:hover {
	text-decoration:underline;
}
.istoric2 tbody {
	background:#C2E8FE;
}
.istoric2 tbody td {
	border-right:1px solid #FFF;
}
.istoric2 tbody tr {
}
.istoric2 tbody tr:first-child {
}
.istoric2 tr:first-child.deschis {
	background:orange;
}
.istoric2 tr:first-child.restrictii {
	background:yellow;
}
.left-side {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 49%;
}
.right-side {
	display: inline-block;
    position: relative;
    vertical-align: top;
    width: 49%;
}
.form.raport-parc {
    width: 100%;
}
.title-section {
    text-align: center !important;
    width: 100% !important;
}
.trimite {
    background: red none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    float: right;
    font: bold 15px/22px Arial;
    margin: 5px 0;
    padding: 10px 20px;
    text-decoration: none;
}
.raport-send-field {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    color: #323232;
    float: left;
    font: bold 12px/36px AvenirLight;
    height: 36px;
    margin: 5px 0;
    padding-left: 8px;
    padding-right: 8px;
    width: 260px;
}
.raport-send-form {
    width: 574px;
}
.raport-send-label {
    color: #323232;
    float: left;
    font: bold 17px/38px AvenirLight;
    height: 38px;
    margin-bottom: 8px;
    margin-right: 15px;
    text-align: right;
    width: 280px;
}
.raport-send-textarea {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    color: #323232;
    float: left;
    font: bold 12px/18px AvenirLight;
    height: 96px;
    margin-bottom: 8px;
    padding: 5px 8px;
    width: 260px;
}
.np-display{
	display: none;
}

.add-mail-field {
    display: inline-block;
    position: relative;
    width: 9%;
	float: right;
}
.field-container {
    display: inline-block;
    width: 100%;
}
.container-mail {
    display: inline-block;
    width: 48%;
}
.table-select{
	background: #da0003 none repeat scroll 0 0;
    border: 1px solid;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.tabel-calendar {
    background: #da0003 none repeat scroll 0 0;
    border: 1px solid;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 115px;
}
.send-button {
    background: red none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}