body {
	font-family: 'Open Sans', sans-serif;
}

.input-nice {
	padding:20px;
	border:1px solid #DDD;
	border-radius: 2px;
	width: 100%;
	outline:none;
	font-size:15px;
}

.button-nice {
	width: 100%;
	background: #F2F2F2;
	color:#4B565D;
	border:0px;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	border:1px solid #EEE;
	outline: none;
}

.lang-select {
	padding:20px;
	border:0px;
}

select.lang-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('/img/select_arrow.png')  no-repeat;
	background-position: right center;
	outline: none;
	font-size:16px;
	font-weight: bold;
}

.button-nice:focus, .button-nice:hover {
	background: #EEE;
}


.footer-absolute {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.footer {
	min-height: 200px;
	background: #4F5456;
	color: #eee;
}

.footer h1 {
	color: #eee;
}

.footer ul {
	padding-left: 10px;
}

.form {
	font-size: 16px;
}

.form input, .form textarea {
	background: #F2F2F2;
	border:0;
	outline: none;
	padding:10px;
}

.form textarea {
	width:100%;
	resize: none;
	height: 200px;
}

.form select {
	border: 0px;
	outline: none;
	padding: 10px;
	min-width: 200px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('/img/arrow_grey.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-color:#F2F2F2;
}

.form input[type="submit"], .form .add {
	background: #FFFFFF;
	padding:15px 50px;
	border:1px solid #DDD;
	border-radius: 2px;
	outline:none;
	font-size:15px;
}

.form .add {
	background: url(/img/add.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	padding-left: 65px;
	padding-right: 40px;
	cursor: pointer;
	text-decoration: none;
	color:#000;
}

.form input[type="submit"]:hover {
	background-color: #EEE;
}

.form input[type="submit"].delete {
	color:#fff;
	background: #D9534F;
}

.form input[type="submit"].delete:hover {
	background: #C9302C;
}


.document-container {
	background: #F2F2F2;
	padding:20px;
}

ul.pages {
	list-style: none;
	text-align: center;
}

ul.pages li {
	display: inline-block;
	color: #E6313D;
	padding:5px 15px;
}

ul.pages li a {
	color: inherit;
	text-decoration: none;
}

@media screen and (max-width: 480px) {
	.document-container {
		padding: 0px !important;
	}

	.form input[type="submit"] {
		float:initial !important;
	}

	.navigation ul li {
		margin-top:10px;
	}
}

.navigation ul {
	padding: 0;
	list-style: none;
}

.navigation ul li {
	display: inline-block;
	padding-right: 10px;
}

.navigation ul li a {
	display: inline-block;
	color: #000;
	padding: 10px 20px;
	border:1px solid #EEE;
	border-radius: 2px;
	text-decoration: none;
}

.navigation ul li a:hover {
	background: #F2F2F2;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #EEE;
	margin: 1em 0;
	padding: 0; 
}

/******DATEPICKER********/

#ui-datepicker-div {
	border-radius: 0px;
	border-color: #eee;
	font-family: 'Open Sans', sans-serif !important;
}

#ui-datepicker-div select  {
	background: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	margin-bottom: 4px;
}

.ui-datepicker-header {
	border-radius: 0px;
	border-color: #eee;
	background: #ddd;
}

.ui-state-hover {
	border-color:transparent !important;
	background: #eee !important;
	padding-top:2px;
}

.ui-state-default.ui-state-hover {
	background: #e4e4e4 !important;
	border-color: #ccc;
}

.ui-state-default.ui-state-highlight {
	border-color: #ccc;
}

.ui-datepicker-prev-hover {
	left:2px !important;
	top:2px !important;

}

.ui-datepicker-next-hover {
	right:2px !important;
	top:2px !important;
}

.ui-state-default {
	background: #fff !important;
	border-color: #ccc;
}


.msgs {
	position: fixed;
	top:10px;
	width: 800px;
	left:50%;
	margin-left: -400px;
	z-index: 99999;

}

.msg {
    background: #fefefe;
    color: #666666;
    font-weight: bold;
    font-size: small;
    padding: 12px;
    padding-left: 16px;
    border-top: solid 3px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
       -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
            box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
}

.msg-close {
	float: right;
	cursor: pointer;
}

.msg-clear {
    border-color: #fefefe;
    -webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
       -moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
            box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
}
.msg-info {
    border-color: #b8dbf2;
}
.msg-success {
    border-color: #cef2b8;
}
.msg-warning {
    border-color: rgba(255,165,0,.5);
}
.msg-danger {
    border-color: #ec8282;
}
.msg-primary {
    border-color: #9ca6f1;
}
.msg-magick {
    border-color: #e0b8f2;
}
.msg-info-text {
    color: #39b3d7;
}
.msg-success-text {
    color: #80d651;
}
.msg-warning-text {
    color: #db9e34;
}
.msg-danger-text {
    color: #c9302c;
}
.msg-primary-text {
    color: rgba(47,106,215,.9);
}
.msg-magick-text {
    color: #bb39d7;
}