.info-link,
.social-networks,
.aside-navigation,
.sub-menu,
.transcription-info .panel-heading .info,
.my-transcription .transcription-info,
.user,
.excution-form .time-list,
.icon-list,
.confirmation-links,
.rating-list,
.footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.user-info .user-name,
a,
.check-label:before {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

/* custom file input styles */

.jcf-file {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	background: #fff;
	width: 100%;
}

.jcf-file .jcf-real-element {
	position: absolute;
	font-size: 200px;
	height: 200px;
	margin: 0;
	right: 0;
	top: 0;
}

.jcf-file .jcf-fake-input {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
	border: 1px solid #e7eaec;
	border-radius: 3px;
	padding: 6px 75px 6px 8px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	height: 33px;
	width: 100%;
}

.jcf-file .jcf-upload-button {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	background-color: #e7eaec;
	border: 1px solid #e7eaec;
	border-radius: 0 3px 3px 0;
	margin: 0 0 0 -1px;
	padding: 6px 10px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
}

/* common custom form elements styles */

.jcf-disabled {
	background: #ddd !important;
}

.jcf-focus,
.jcf-focus * {
	border-color: #e7eaec !important;
}

#header {
	background-color: #fff;
	padding: 1.125rem 1.5625rem;
	position: relative;
}

#header .nav-opener {
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 35px;
	right: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-info .btn {
	font-size: .875rem;
	line-height: 1.125rem;
	padding: .5rem .875rem .5rem 2rem;
	min-width: 192px;
	height: 36px;
}

.header-info .btn .icon {
	font-size: 1rem;
	line-height: 1.25rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 15px;
	right: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dropdown .dropdown-item {
	color: rgba(62, 62, 63, .8);
	font-size: .875rem;
	line-height: 1.125rem;
}

.user-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 0 2rem;
	position: relative;
}

.user-info:after {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	bottom: auto;
	left: -10px;
	right: auto;
}

.user-info:after {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #e8e7e7;
	width: 1px;
	height: 15px;
}

.user-info.no-border:after {
	content: none;
}

.user-info .user-name {
	color: rgba(62, 62, 63, .8);
	font-size: .875rem;
	line-height: 1.125rem;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 .625rem;
}

.user-info .user-name:hover {
	color: #39a334;
}

.user-info .img-holder {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	margin: 0 0 0 .8125rem;
	overflow: hidden;
	display: inline-block;
}

.user-info .img-holder img {
	max-width: 100%;
}

.user-info .icon {
	color: rgba(62, 62, 63, .7);
	font-size: .875rem;
	line-height: 1.125rem;
	display: inline-block;
	vertical-align: top;
	margin: 0 .5rem;
}

.no-bg {
	background-color: #fff;
}

/* anchor style */

a {
	text-decoration: none;
	outline: none;
}

a.active,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

/* btn styles */

.btn {
	font-size: 1rem;
	line-height: 1.25rem;
	border: 1px solid #529f44;
	border-radius: 5px;
	box-shadow: none;
	display: inline-block;
	height: 40px;
	text-align: center;
	vertical-align: top;
	outline: none;
	position: relative;
}

.btn.btn-success {
	background-color: #529f44;
	border-color: #529f44;
	color: #fff;
}

.btn.btn-success:hover {
	background-color: #fff;
	color: #529f44;
}

/* form-block styles */

.form-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	min-height: 100vh;
}

.form-block .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: inherit;
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}

.form-block .align {
	width: 100%;
	max-width: 940px;
}

.form-block .logo {
	margin: 0 auto 32px;
}

.form-block .logo a {
	display: inline-block;
	vertical-align: top;
}

/* form styles */

.form {
	background-color: #fff;
	border: 1px solid #e7eaec;
	border-radius: 5px;
	padding: 3rem 2.375rem 3rem 2.8125rem;
}

.form.gray {
	background-color: #e7eaec;
	padding: 3rem 2.8125rem 3rem 2.375rem;
}

.form .title {
	font-size: .9375rem;
	line-height: 1.125rem;
	font-weight: 500;
	display: block;
	margin: 0 0 1.125rem;
}

.form label {
	letter-spacing: -.6px;
	color: rgba(62, 62, 63, .8);
}

.form .form-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.3125rem 0 0;
}

.form .btn {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	margin: 0 0 0 .125rem;
	text-align: left;
	padding: .53rem 2rem .53rem 1.2rem;
	min-width: 160px;
	height: 36px;
	position: relative;
}

.form .btn .icon {
	font-size: 1rem;
	line-height: 1.25rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: auto;
	right: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.form .forget {
	color: rgba(62, 62, 63, .4);
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	margin: .625rem 0 0;
}

.check-label {
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 .625rem 0 1.6875rem;
	margin: .125rem 0 2.1875rem;
	opacity: .85;
}

.check-label:before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
}

.check-label:before {
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 1px solid #d9dde0;
	border-radius: 2px;
}

.radio-label{
	font-size: .85rem;
	line-height: 1rem;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 .625rem 0 1.6875rem;
	margin: .125rem 0 1rem;
	opacity: .85;
}

.radio-label:before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
}

.radio-label:before {
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 1px solid #d9dde0;
	border-radius: 50%;
}



.radio__input{
	display: block;
}


input[type="radio"]:checked + .radio-label:after {
	position: absolute;
	display: block;
	content: "";
	top: 4px;
	bottom: auto;
	left: 2px;
	right: auto;
}

input[type="radio"]:checked + .radio-label:before {
	border-color: #529f44;
	background: #529f44;
}

input[type="checkbox"] {
	position: fixed;
	opacity: 0;
	visibility: hidden;
}

input[type="checkbox"]:checked + .check-label:after {
	position: absolute;
	display: block;
	content: "";
	top: 4px;
	bottom: auto;
	left: 2px;
	right: auto;
}

input[type="checkbox"]:checked + .check-label:before {
	border-color: #529f44;
}

input[type="checkbox"]:checked + .check-label:after {
	width: 10px;
	height: 5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-style: solid;
	border-color: transparent transparent #529f44 #529f44;
	border-width: 0 0 2px 2px;
}

/* info-links styles */

.info-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 .625rem;
}

.info-link li {
	padding: 0 .6875rem;
}

.info-link li a {
	color: rgba(62, 62, 63, .6);
	font-size: .75rem;
	line-height: 1.125rem;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
}

/* social-networks styles */

.social-networks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.social-networks li {
	padding: 0 .1875rem;
}

.social-networks li a {
	background: #c9cdd1;
	border-radius: 100%;
	color: #fff;
	font-size: .6875rem;
	line-height: .875rem;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 26px;
	height: 26px;
}

.social-networks li a.facebook:hover {
	background-color: #3b5998;
}

.social-networks li a.twitter:hover {
	background-color: #38a1f3;
}

.social-networks li a.linkdein:hover {
	background-color: #0077b5;
}

#wrapper {
	position: relative;
	overflow: hidden;
}

.wrapper-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 100%;
}

/* #sidebar styles */

#sidebar {
	background: #3f3e3e;
	width: 220px;
	min-height: 100vh;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	z-index: 9;
}

#sidebar .logo {
	border-bottom: 1px solid #313030;
	margin: 0 0 0 -.9375rem;
	padding: .625rem;
	text-align: center;
}

#sidebar .logo a {
	display: inline-block;
	vertical-align: top;
	width: 128px;
}

#sidebar .logo a img {
	width: 100%;
	height: auto;
}

/* aside navigation styles */

.aside-navigation {
	padding: 2.5rem 0;
}

.aside-navigation > li {
	padding: 0 0 .125rem 0;
}

.aside-navigation > li.active > a {
	background-color: #373636;
	color: white;
	font-weight: 500;
}

.aside-navigation > li.active .icon {
	color: #529f44;
	font-weight: 900;
}

.aside-navigation > li.active .sub-menu {
	display: block;
}

.aside-navigation > li:hover .sub-menu {
	display: block;
}

.aside-navigation > li > a {
	color: rgba(255, 255, 255, .8);
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	padding: .75rem .9375rem .75rem 3.4375rem;
	display: block;
	vertical-align: top;
	position: relative;
}

.aside-navigation > li > a:hover {
	background-color: #373636;
	opacity: 1;
}

.aside-navigation > li .icon {
	color: rgba(255, 255, 255, .8);
	font-size: 1rem;
	line-height: 1.25rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 25px;
	right: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* aside sub-menu styles */

.sub-menu {
	background-color: #2c2b2b;
	display: none;
	padding: .4375rem 0;
}

.sub-menu > li.active a {
	color: white;
	font-weight: 500;
}

.sub-menu > li a {
	color: rgba(255, 255, 255, .8);
	font-size: .875rem;
	line-height: 1.125rem;
	padding: .625rem 3rem .625rem 3.5rem;
	display: block;
	vertical-align: top;
	position: relative;
}

.sub-menu > li a:hover {
	color: white;
}

.sub-menu > li a .number {
	position: absolute;
	top: 50%;
	bottom: auto;
	left: auto;
	right: 23px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sub-menu > li .number {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 500;
	width: 18px;
	height: 18px;
	background-color: #39a334;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.sub-menu > li .number.red {
	background-color: #d0021b;
}

.content-area {
	/* width: calc(100% - 220px); */
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	position: relative;
	min-height: 100vh;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* content-block styles */

.content-block {
	padding: 2.375rem 2.1875rem 5.75rem;
}

.circle {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	display: inline-block;
}

.circle.success {
	background-color: #529f44;
}

.circle.primary {
	background-color: #4a90e2;
}

.circle.warning {
	background-color: #f5a623;
}

.circle.red {
	background-color: #d0021b;
}

.time-48{
	color: #f5a623;
}
.time-24{
	color: #d0021b;
}

/* breadcrumb styles */

.breadcrumb {
	padding: 0;
}

.breadcrumb li {
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 500;
	padding: 0 .5rem 0 0;
	position: relative;
}

.breadcrumb li a {
	color: rgba(62, 62, 63, .7);
}

.breadcrumb li.active a {
	opacity: 1;
}

.breadcrumb li.breadcrumb-item + .breadcrumb-item {
	padding-left: .875rem;
}

.breadcrumb li.breadcrumb-item + .breadcrumb-item:before {
	content: "\f054";
	position: absolute;
	top: 0;
	left: 0;
	font-family: "font awesome 5 pro";
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400;
}

/* panel styles */

.panel {
	background-color: #fff;
	border-top: 2px solid #e7eaec;
	margin: 0 0 .875rem;
}

.panel .panel-heading {
	border-bottom: 1px solid #e7eaec;
	padding: .75rem 1.25rem;
}

.panel .panel-heading.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.panel .panel-heading .title {
	color: #3f3e3e;
	font-size: .9375rem;
	line-height: 1.125rem;
	font-weight: 500;
	position: relative;
	padding: 0 1.5625rem 0 0;
}

.panel .panel-heading .title .circle {
	position: absolute;
	top: 50%;
	bottom: auto;
	left: auto;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.panel .panel-heading .text-holder {
	font-size: .8125rem;
	line-height: 1.0625rem;
	opacity: .85;
}

.panel .panel-heading .text-holder .character {
	display: inline-block;
	vertical-align: top;
	width: 193px;
	padding: .25rem .6875rem 0;
}

.panel .panel-heading .text-holder .month {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	padding: .25rem .6875rem 0;
}

.panel .panel-heading a {
	font-size: .875rem;
	line-height: 1.125rem;
}

.panel .panel-heading .icon {
	font-size: 1rem;
	line-height: 1.25rem;
	margin: .125rem .3125rem 0 0;
	display: inline-block;
}

.panel .panel-heading .text {
	font-size: .8125rem;
	line-height: 1.0625rem;
}

.panel .panel-body {
	padding: 1.4375rem 1.25rem;
}

.panel .panel-footer {
	border-top: 1px solid #e7eaec;
	color: #3f3e3e;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	padding: .6875rem;
}

.search-filter {
	margin-bottom: .625rem;
}

/* selection filter styles */

.selection-filter {
	padding: 0 0 0 .4375rem;
}

.selection-filter .form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.selection-filter .input-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 .9375rem .625rem 0;
}

.selection-filter label {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	display: inline-block;
	margin: 0 .625rem 0 0;
	opacity: .85;
}

.selection-filter .form-control {
	padding: .375rem 1.875rem .375rem .625rem;
	height: 33px;
}

.selection-filter .filter {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
}

.selection-filter .fake-select {
	position: relative;
}

.selection-filter .fake-select.style2 .form-control {
	padding: .375rem 1.625rem;
}

.selection-filter .fake-select .status {
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 13px;
	right: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.selection-filter .status {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	display: block;
}

.selection-filter .status.gray {
	background-color: rgba(62, 62, 63, .8);
}

.selection-filter .status.red {
	background-color: #d0021b;
}

.selection-filter .status.warning {
	background-color: #f5a623;
}

/* search-form styles */

.serach-form .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.serach-form .input-wrap {
	width: calc(100% - 48px);
}

.serach-form .form-control {
	padding: .375rem .875rem;
	height: 33px;
}

.serach-form .search {
	background-color: #529f44;
	border-radius: 3px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 33px;
	margin: 0 0 0 .4375rem;
}

.table-wrapper {
	min-height: 465px;
}

/* table styles */

.table {
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400;
	opacity: .85;
}

.table th {
	font-size: .8125rem;
	line-height: 1rem;
	vertical-align: middle;
	border-top: none;
}

.table td {
	padding: .5rem .7rem;
	vertical-align: middle;
}

.table td .cancel {
	color: #b9c3ca;
}

.table td .cancel:hover {
	color: #d0021b;
}

.table td time {
	position: relative;
	padding: 0 0 0 .9375rem;
	display: block;
}

.table td time .circle {
	position: absolute;
	top: 5px;
	bottom: auto;
	left: 0;
	right: auto;
}

.table td .status {
	position: relative;
	padding: 0 0 0 .9375rem;
	display: block;
	font-weight: 500;
}

.table td .status .circle {
	position: absolute;
	top: 5px;
	bottom: auto;
	left: 0;
	right: auto;
}

.table .img-holder {
	border-radius: 100%;
	width: 24px;
	height: 24px;
	display: inline-block;
	overflow: hidden;
}

.table .img-holder img {
	max-width: 100%;
}

/* pagination styles */

.pagination {
	padding: .125rem .3125rem;
	margin: 0;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.pagination li {
	padding: 0 0 0 .125rem;
	border-radius: 2px;
}

.pagination li a {
	font-size: .6875rem;
	line-height: .875rem;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 3px;
	padding: .2rem .55rem;
}

/* login page styles */

.login-block .logo {
	margin: 0 auto 43px;
	text-align: center;
	width: 230px;
}

.login-block .logo a img {
	width: 100%;
	height: auto;
}

.login-block .row {
	margin-bottom: 2rem;
}

.login-block .form {
	height: 100%;
}

/* inscription page styles */

.inscription-block .container {
	padding-top: 3.875rem;
	padding-bottom: 3.875rem;
}

.inscription-block .logo {
	width: 179px;
}

.inscription-block .logo a {
	display: inline-block;
	vertical-align: top;
}

.inscription-block .logo a img {
	width: 100%;
	height: auto;
}

.inscription-block .form {
	margin: 0 0 2.625rem;
	padding: 2.5rem 2.875rem 3rem 3.5625rem;
	overflow: hidden;
}

.inscription-block .form .title {
	text-align: center;
	margin: 0 0 1.875rem -.625rem;
}

.inscription-block .form .row {
	margin-bottom: .625rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.inscription-block .form .row.tel {
	margin-bottom: 2.1875rem;
}

.inscription-block .form .row.tva {
	margin-bottom: 2.375rem;
}

.inscription-block .form .row.cp-localite .row-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -.9375rem;
}

.inscription-block .form .row.activity {
	margin-bottom: 2rem;
}

/* tableau-de-bord page styles */

.info-block .banner {
	background-color: #529f44;
	border-radius: 5px;
	margin: 0 0 2rem;
	padding: 1.5rem 1.25rem;
}

.info-block .banner .row-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.info-block .banner .icon-holder {
	width: 63px;
	height: 57px;
}

.info-block .banner .icon-holder img {
	display: block;
	height: auto;
	width: 100%;
}

.info-block .banner .text-holder {
	color: #fff;
	font-size: .875rem;
	line-height: 1.375rem;
	padding: 0 0 0 .9375rem;
	width: calc(100% - 63px);
}

.info-block .banner .text-holder p {
	margin: 0;
}

.info-block .banner .text-holder .title {
	font-size: .9375rem;
	line-height: 1.375rem;
	font-weight: 700;
	display: block;
}

.info-block .banner .btn {
	border: 2px solid #fff;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400;
	color: #fff;
	margin: .75rem .25rem 0 0;
	padding: .63rem .9rem .63rem 1.8rem;
	position: relative;
}

.info-block .banner .btn:hover {
	background-color: #fff;
	color: #529f44;
}

.info-block .banner .btn .icon {
	font-size: 1rem;
	line-height: 1.25rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 10px;
	right: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.transcription-info {
	padding: 0 0 2.3125rem;
}

.transcription-info .panel {
	height: 100%;
	margin: 0;
	padding: 0 0 2.5rem 0;
	position: relative;
}

.transcription-info .panel-heading {
	padding: .6875rem 1.25rem;
}

.transcription-info .panel-heading .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: .3125rem 0 0;
}

.transcription-info .panel-heading .info li {
	font-size: 13px;
}

.transcription-info .panel-heading .info li:last-child {
	padding: 0 0 0 1.375rem;
}

.transcription-info .panel-footer {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
}

.transcription-info .panel-footer a {
	color: #3f3e3e;
	display: inline-block;
	vertical-align: top;
	padding: 0 .875rem;
	position: relative;
}

.transcription-info .panel-footer a:hover {
	color: #529f44;
}

.transcription-info .panel-footer .icon {
	color: #529f44;
	font-size: .75rem;
	line-height: 1rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: auto;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: -.0625rem 0 0;
}

.info-table {
	margin: 0 0 .25rem;
}

.info-table thead th {
	border-bottom: none;
}

.info-table th,
.info-table td {
	border-top: none;
	text-align: right;
}

.info-table th:first-child,
.info-table td:first-child {
	text-align: left;
}

.new-trascription {
	margin: 0 0 .875rem;
}

.new-trascription .title {
	font-size: .9375rem;
	line-height: 1.125rem;
	font-weight: 500;
	display: block;
	margin: 0 0 .625rem;
}

.new-trascription .transcription {
	background-color: #fff;
	border: 1px dashed #979797;
	text-align: center;
	padding: 1.6875rem;
	position: relative;
}

.new-trascription .js-upload-photos{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	top: 0px;
	left: 0px;
	opacity: 0;
}

.new-trascription .icon-holder {
	width: 41;
	height: 30;
	display: block;
	margin: 0 auto 14px;
	cursor: pointer;
}

.new-trascription .icon-holder .jcf-file {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.new-trascription .heading {
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 500;
	display: block;
	margin: 0 0 .75rem;
}

.new-trascription .text-holder {
	font-size: .6875rem;
	line-height: .875rem;
	font-weight: 400;
	margin: 0 0 1.5625rem;
}

.new-trascription .text-holder p {
	margin: 0;
}

.progress-block {
	background-color: #fff;
	border: 1px solid #e7eaec;
	font-size: .875rem;
	line-height: 1.125rem;
	opacity: .85;
	padding: .625rem 1.25rem .5rem 1.6875rem;
	margin: 0 0 1.375rem;
}

.progress-block .progress {
	border: 1px solid #e7eaec;
	max-width: 400px;
	width: 100%;
	margin: -.125rem .625rem 0;
}

.progress-block .text-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 0 0 1.125rem;
}

.progress-block .text-holder .speed {
	max-width: 52px;
	width: 100%;
}

.btn-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.btn-holder .btn {
	font-size: .875rem;
	line-height: 1.125rem;
	padding: .5rem 1.1875rem;
	height: 36px;
	min-width: 160px;
	text-align: left;
	position: relative;
}

.btn-holder .btn .icon {
	font-size: 1rem;
	line-height: 1.25rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: auto;
	right: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn-holder .refuse {
	color: rgba(62, 62, 63, .85);
	font-size: .875rem;
	line-height: 1.125rem;
	display: inline-block;
	vertical-align: top;
	margin: 0 1.25rem 0 0;
}

.btn-holder .refuse:hover {
	color: #529f44;
}

/* Transcription page styles */

.transcription-block .panel-body {
	padding: 1.1875rem;
}

.transcription-block .search-filter {
	margin-bottom: .6875rem;
}

.transcription-block .selection-filter .fake-select {
	min-width: 128px;
}

.transcription-block .selection-filter .fake-select.small {
	min-width: 128px;
}

.transcription-block .selection-filter .document {
	min-width: 95px;
	margin: 0 .5rem 0 0;
}

.transcription-table .datacell-1 {
	width: 25.6%;
}

.transcription-table .datacell-2 {
	width: 22.1%;
}

.transcription-table .datacell-3 {
	width: 15.6%;
}

.transcription-table .datacell-4 {
	width: 13.9%;
}

.transcription-table .datacell-5 {
	width: 7.4%;
	text-align: right;
}

.transcription-table .datacell-6 {
	width: 15.4%;
	text-align: right;
}

.transcription-table td {
	padding: .63rem .7rem;
}

.transcription-table th.datacell-6 {
	padding: .65rem .7rem .65rem .7rem;
}

.transcription-table .row1 .datacell-1,
.transcription-table .row1 .datacell-2,
.transcription-table .row1 .datacell-3,
.transcription-table .row1 .datacell-4,
.transcription-table .row1 .datacell-5,
.transcription-table .row1 .datacell-6 {
	padding: 1.0rem .7rem .6rem;
}

.transcription-table .datacell-4 .circle {
	margin: 0 .3125rem 0 0;
}

.transcription-table .datacell-6 a {
	color: #3e3e3f;
}

.transcription-table .datacell-6 a:hover {
	color: #529f44;
}

.transcription-table .datacell-6 .icon {
	color: #529f44;
	font-size: .75rem;
	line-height: 1rem;
	margin: 0 .3125rem 0 0;
}

/* Transcription Detail page styles */

.apartment-panel {
	margin: 0 0 1.375rem;
}

.apartment-panel .panel-heading {
	padding: 1rem 1.25rem;
}

.apartment-panel .panel-heading .title {
	font-size: 1.4375rem;
	line-height: 1.6875rem;
	font-weight: 300;
	padding: .3125rem 0 0;
}

.apartment-panel .panel-heading .btn {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	height: 36px;
	padding: .5rem .875rem .5rem 2rem;
	min-width: 221px;
	position: relative;
}

.apartment-panel .panel-heading .btn .icon {
	font-size: 1rem;
	line-height: 1.25rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 12px;
	right: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: -.0625rem 0 0 0;
}

.audio-panel {
	margin: 0 0 1.125rem;
}

.audio-panel .panel-body {
	padding: 1.4375rem .625rem;
}

.audio-panel .img-holder {
	margin: 0 0 0 .4375rem;
}

.audio-panel .img-holder img {
	max-width: 100%;
}

.photo-panel .panel-body {
	padding: 1.4375rem .625rem;
}

.summary-table {
	margin: 0 0 1.6875rem;
}

.summary-table th,
.summary-table td {
	border-top: none;
	padding: .5rem .4rem .8rem;
}

.summary-table .datacell-1 {
	font-weight: 500;
	width: 44.6%;
}

.summary-table .datacell-2 {
	font-weight: 400;
	width: 55.4%;
}

.summary-table .datacell-2 .circle {
	margin: 0 .3125rem 0 0;
}

.audio-table {
	margin: 0 0 .5rem;
}

.audio-table th,
.audio-table td {
	border-top: none;
	padding: .5rem .4rem .8rem;
}

.audio-table .datacell-1 {
	font-weight: 500;
	width: 36%;
}

.audio-table .datacell-2 {
	width: 64%;
}

.photo-table {
	margin: 0;
}

.photo-table th,
.photo-table td {
	border-top: none;
	padding: .7rem .4rem .6rem;
}

.photo-table .datacell-1 {
	width: 70%;
}

.photo-table .datacell-1 .icon {
	font-size: .875rem;
	line-height: 1.125rem;
	margin: 0 .8125rem 0 0;
}

.photo-table .datacell-3 .icon {
	font-size: .875rem;
	line-height: 1.125rem;
}

/* Demand Envoi page styles */

.nouvelle-transcription .title {
	margin: 0 0 .75rem;
}

.nouvelle-transcription .transcription {
	padding: 4.1875rem 1.6875rem 3.75rem;
}

.nouvelle-transcription .transcription .heading {
	margin: 0 0 1.125rem;
}

.nouvelle-transcription .progress-block {
	margin: 0 0 .75rem;
}

.nouvelle-transcription .btn-holder {
	margin: 1.375rem 0 0;
}

.nouvelle-transcription .btn-holder .btn {
	padding: .5rem 1.875rem .5rem 1.1875rem;
}

/* Confirmation page styles */

.confirmation-block .banner {
	padding: 1.8125rem 2.25rem 1.6875rem;
	margin: 0 0 1.8125rem;
}

.confirmation-block .banner .icon-holder {
	width: 46px;
}

.confirmation-block .banner .text-holder {
	padding: 0 0 0 2.8125rem;
	width: calc(100% - 46px);
}

.confirmation-block .confirmation .panel-body {
	padding: .8125rem 1.25rem;
}

.confimation-table {
	margin: 0 0 .3125rem;
}

.confimation-table thead th {
	border-bottom: none;
	padding: .6rem .7rem 0;
}

.confimation-table td {
	border-top: none;
}

.confimation-table .datacell-1 {
	width: 32.2%;
}

.confimation-table .datacell-2 {
	width: 17.1%;
}

.confimation-table .datacell-3 {
	width: 21.6%;
}

.confimation-table .datacell-4 {
	width: 21.8%;
}

.confimation-table .datacell-5 {
	width: 7.3%;
}

.my-transcription .title-heading {
	font-size: .9375rem;
	line-height: 1.125rem;
	font-weight: 500;
	margin: 0 0 1.0625rem;
	display: block;
}

.my-transcription .transcription {
	margin: 0 0 2rem;
}

.my-transcription .transcription .panel-heading {
	padding: .5625rem 1.25rem;
}

.my-transcription .transcription .panel-body {
	padding: 1.25rem 1.875rem;
}

.my-transcription .transcription-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 715px;
	margin: 0 0 .9375rem;
}

.my-transcription .transcription-info li {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	padding: 0 .9375rem 0 0;
}

.my-transcription .transcription-info li .title {
	font-weight: 500;
	display: block;
	margin: 0 0 .625rem;
}

.my-transcription .jumbotron .row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.my-transcription .add-photo {
	font-size: .875rem;
	line-height: 1.125rem;
	position: relative;
	padding: 0 0 0 1.375rem;
}

.my-transcription .add-photo .icon {
	position: absolute;
	top: 1px;
	bottom: auto;
	left: 0;
	right: auto;
}

.my-transcription .btn-holder .btn {
	padding: .63rem 1.2rem .63rem 2.2rem;
	height: 40px;
}

.my-transcription .btn-holder .btn .icon {
	font-size: .875rem;
	line-height: 1.125rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 15px;
	right: auto;
	margin: -.0625rem 0 0 0;
}

.transcription-form label {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 500;
	margin-bottom: .3rem;
}

.transcription-form .form-control {
	padding: .375rem .75rem;
	height: 33px;
}

.transcription-form .fake-select .form-control {
	padding: .375rem 1.875rem .375rem .75rem;
}

.jumbotron {
	border: 1px solid #e7eaec;
	padding: .7rem 1.9rem;
	margin: 0 0 .5rem;
}

/* Document Type page styles */

.my-document .panel {
	min-height: 551px;
}

.document-table thead th {
	border-bottom: none;
	padding: .65rem .7rem 1.05rem;
}

.document-table th,
.document-table td {
	border-top: none;
}

.document-table .datacell-1 {
	width: 30.8%;
}

.document-table .datacell-2 {
	width: 35.9%;
}

.document-table .datacell-3 {
	width: 22.9%;
}

.document-table .datacell-4 {
	width: 5.2%;
}

.document-table .datacell-5 {
	width: 5.2%;
}

.document-table .datacell-4,
.document-table .datacell-5 {
	padding: .5rem .3rem;
	text-align: center;
}

.document-table .upload,
.document-table .delete {
	font-size: 14px;
}

.document-table .delete {
	font-weight: 300;
}

.add-document .panel-heading {
	padding: .75rem 1.25rem;
}

.add-document .panel-body {
	padding: 1.4375rem 1.25rem;
}

.document-form .form-group {
	margin: 0 0 .3125rem;
}

.document-form label {
	font-size: .8125rem;
	line-height: 1.125rem;
	font-weight: 500;
	margin: 0 0 .25rem;
	display: block;
}

.document-form .form-control {
	padding: .375rem .75rem;
	height: 33px;
}

.document-form .btn-holder {
	margin: 1.6875rem 0 0;
	text-align: left;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.document-form .btn {
	font-size: 14px;
	height: 34px;
	padding: .43rem .9rem;
	text-align: center;
	min-width: 171px;
}

/* Responsable Tableau De Bord page styles */

.progress-table th,
.progress-table td {
	border-top: none;
	text-align: left;
}

.progress-table .datacell-1 {
	width: 45%;
}

.progress-table .datacell-2 {
	width: 28.6%;
}

.progress-table .datacell-3 {
	width: 26.4%;
}

.awarded-table th,
.awarded-table td {
	border-top: none;
	text-align: left;
}

.awarded-table .datacell-1 {
	width: 43%;
}

.awarded-table .datacell-2 {
	width: 28%;
}

.awarded-table .datacell-3 {
	width: 29%;
}

/* Paramètres page styles */

.parametres-block .row {
	margin-bottom: 1.0625rem;
}

.parametres-block .panel {
	height: 100%;
	margin: 0;
}

.parametres-block .panel .panel-body {
	padding: 1.75rem 2.0625rem 1.75rem 1.875rem;
}

.parametres-block a.account-status {
	color: rgba(62, 62, 63, .85);
	font-size: .8125rem;
	line-height: 1.0625rem;
	margin: .3125rem .1875rem 0 0;
	padding: 0 0 0 1.25rem;
	position: relative;
}

.parametres-block a.account-status:hover {
	color: #529f44;
}

.parametres-block a.account-status .icon {
	font-size: .875rem;
	line-height: 1.125rem;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 0;
	right: auto;
	-webkit-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	transform: translatey(-50%);
	margin: -.125rem 0 0 0;
	display: inline-block;
}

.parametres-block .btn-holder {
	margin: .3125rem 0 0;
}

.user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 0 .625rem;
	margin: -.1875rem 0 0 0;
}

.user li a {
	font-size: .875rem;
	line-height: 1.125rem;
	display: inline-block;
	vertical-align: top;
}

.user li .img-holder {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 .875rem 0 0;
	display: inline-block;
}

.user li .img-holder img {
	display: block;
	height: auto;
	width: 100%;
}

.parametres-form .input-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.parametres-form label {
	margin: .125rem 0 0;
}

.parametres-form .form-control {
	padding: .375rem .75rem;
	height: 33px;
}

.parametres-form .form-control::-webkit-input-placeholder {
	opacity: .8;
}

.parametres-form .form-control::-moz-placeholder {
	opacity: 1;
	opacity: .8;
}

.parametres-form .form-control:-moz-placeholder {
	opacity: .8;
}

.parametres-form .form-control:-ms-input-placeholder {
	opacity: .8;
}

.parametres-form .form-control.placeholder {
	opacity: .8;
}

.parametres-form .fake-select {
	height: 33px;
}

.parametres-form .text {
	color: rgba(62, 62, 63, .8);
	font-size: .875rem;
	line-height: 1.125rem;
}

.setting-form .form-group {
	margin-bottom: .9rem;
}

.setting-form .form-group:first-child {
	margin-bottom: .6rem;
}

.setting-form .row {
	margin-bottom: 0;
}

.setting-form .text {
	opacity: .3;
}

.billing-form .form-group {
	margin-bottom: .95rem;
}

.billing-form .form-group:first-child {
	margin-bottom: 1.1rem;
}

.excution-form {
	padding: 0;
	border: none;
}

.excution-form .form-control {
	height: 33px;
	max-width: 70px;
	padding: .375rem .75rem;
	text-align: right;
}

.excution-form .form-control::-webkit-input-placeholder {
	text-align: right;
}

.excution-form .form-control::-moz-placeholder {
	opacity: 1;
	text-align: right;
}

.excution-form .form-control:-moz-placeholder {
	text-align: right;
}

.excution-form .form-control:-ms-input-placeholder {
	text-align: right;
}

.excution-form .form-control.placeholder {
	text-align: right;
}

.excution-form .time-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: .3125rem 0 0;
}

.excution-form .time-list li {
	font-size: .875rem;
	line-height: 1.125rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 .875rem 0;
	width: 100%;
}

.excution-form .time-list .check-box {
	display: inline-block;
}

.excution-form .time-list .check-label {
	font-size: .9375rem;
	line-height: 1.125rem;
	margin: 0;
	padding: 0 .625rem 0 2.5rem;
}

.excution-form .time-list .price {
	font-weight: 500;
	display: inline-block;
}

.excution-form .time-list .amount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.excution-form .time-list .amount .price {
	margin: 0 0 0 .625rem;
	font-weight: 400;
}

/* Responsable Transcriptions/Relecture page styles */

.responsable-transcriptions-table .datacell-1 {
	width: 16.6%;
}

.responsable-transcriptions-table .datacell-2 {
	width: 10.9%;
}

.responsable-transcriptions-table .datacell-3 {
	width: 9.9%;
}

.responsable-transcriptions-table .datacell-4 {
	width: 13.7%;
}

.responsable-transcriptions-table .datacell-5 {
	width: 15.8%;
}

.responsable-transcriptions-table .datacell-6 {
	width: 12.8%;
}

.responsable-transcriptions-table .datacell-7 {
	width: 13.1%;
}

.responsable-transcriptions-table .datacell-8 {
	width: 7.2%;
	text-align: center;
}

.responsable-transcriptions-table .row1 td {
	padding: .7rem .7rem .3rem;
}

.responsable-transcriptions-table td {
	padding: .5rem .7rem .7rem;
}

.responsable-transcriptions-table td.corrector,
.responsable-transcriptions-table td.operateur {
	padding-left: 1.3rem;
}

.transcription .panel-heading {
	padding: .9375rem 1.25rem;
}

.icon-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 62px;
}

.icon-list.style2 {
	max-width: 105px;
}

.icon-list li a {
	font-size: 1rem;
	line-height: 1rem;
	display: inline-block;
	vertical-align: top;
}

.corrector-form .form-group {
	margin: 0;
}

.corrector-form .form-control {
	font-size: .875rem;
	line-height: 1.125rem;
	padding: .125rem 1.125rem .125rem .3125rem;
	height: 26px;
}

/* Responsable Validation page styles */

.responsable-validation .panel-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.responsable-validation .group-form .form-group {
	margin: 0;
}

.responsable-validation .group-form .input-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.responsable-validation .group-form .fake-select {
	min-width: 161px;
	width: auto;
}

.responsable-validation .group-form .form-control {
	padding: .375rem .75rem;
	height: 33px;
}

.responsable-validation .group-form .apply {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	margin: 0 0 0 .9375rem;
	text-transform: capitalize;
}

.responsable-validation-table .datacell-1 {
	width: 2%;
}

.responsable-validation-table .datacell-2 {
	width: 15.7%;
}

.responsable-validation-table .datacell-3 {
	width: 10.2%;
}

.responsable-validation-table .datacell-4 {
	width: 10%;
}

.responsable-validation-table .datacell-5 {
	width: 13.9%;
}

.responsable-validation-table .datacell-6 {
	width: 11%;
}

.responsable-validation-table .datacell-7 {
	width: 11.3%;
}

.responsable-validation-table .datacell-8 {
	width: 13.2%;
}

.responsable-validation-table .datacell-9 {
	width: 12.7%;
}

.responsable-validation-table td {
	padding: .7rem .4rem;
}

.responsable-validation-table td .check-label {
	margin: 0;
	padding: 0 .625rem 0 .1875rem;
}

.confirmation-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 114px;
}

.confirmation-links li a {
	display: inline-block;
	vertical-align: top;
}

/* Operateur tableau de bord page styles */

.operateur-progress .datacell-1 {
	width: 66%;
}

.operateur-progress .datacell-2 {
	width: 10%;
}

.operateur-progress .datacell-3 {
	font-size: .75rem;
	line-height: 1rem;
	width: 24%;
}

.operateur-progress th,
.operateur-progress td {
	text-align: left;
}

/* Operateur trasncription page styles */

.operateur-transcriptions-table .datacell-1 {
	width: 16.8%;
}

.operateur-transcriptions-table .datacell-2 {
	width: 14.8%;
}

.operateur-transcriptions-table .datacell-3 {
	width: 10.1%;
}

.operateur-transcriptions-table .datacell-4 {
	width: 14%;
}

.operateur-transcriptions-table .datacell-5 {
	width: 16.4%;
}

.operateur-transcriptions-table .datacell-6 {
	width: 12%;
}

.operateur-transcriptions-table .datacell-7 {
	width: 15.9%;
}

.operateur-transcriptions-table td {
	padding: .9rem .4rem .4rem;
}

/* Operateur validation page styles */

.operateur-validation-table .datacell-1 {
	width: 17.8%;
}

.operateur-validation-table .datacell-2 {
	width: 12.4%;
}

.operateur-validation-table .datacell-3 {
	width: 12%;
}

.operateur-validation-table .datacell-4 {
	width: 16.2%;
}

.operateur-validation-table .datacell-5 {
	width: 20.7%;
	font-weight: 500;
}

.operateur-validation-table .datacell-6 {
	width: 12.2%;
}

.operateur-validation-table .datacell-7 {
	width: 8.7%;
}

.operateur-validation-table td {
	padding: .9rem .7rem .5rem;
}

.operateur-validation-table td .info {
	margin: 0 0 0 7px;
}

/* Admin Utilisateurs page styles */

.utilisateurs-table .datacell-1 {
	width: 4.7%;
}

.utilisateurs-table .datacell-2 {
	width: 10.4%;
}

.utilisateurs-table .datacell-3 {
	width: 11.2%;
}

.utilisateurs-table .datacell-4 {
	width: 13.3%;
}

.utilisateurs-table .datacell-5 {
	width: 20.6%;
}

.utilisateurs-table .datacell-6 {
	width: 14.3%;
}

.utilisateurs-table .datacell-7 {
	width: 12%;
}

.utilisateurs-table td {
	padding: .4rem .4rem .2rem;
}

.utilisateurs-table .row1 td {
	padding: .7rem .4rem .3rem;
}

.utilisateurs-filter .fake-select {
	width: 178px;
}

.rating-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.rating-list li {
	padding: 0 .0625rem;
}

.rating-list li.fill .icon:before {
	content: "\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
}

.rating-list li a {
	color: #f5a623;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
}

.rating-list li a:hover {
	opacity: .7;
}

/* Admin Utilisateurs Nouveaux page styles */

.nouveaux-table .datacell-1 {
	width: 4.6%;
}

.nouveaux-table .datacell-2 {
	width: 13.4%;
}

.nouveaux-table .datacell-3 {
	width: 14.1%;
}

.nouveaux-table .datacell-4 {
	width: 16.2%;
}

.nouveaux-table .datacell-5 {
	width: 23.4%;
}

.nouveaux-table .datacell-6 {
	width: 14.1%;
}

.nouveaux-table td {
	padding: .4rem .7rem .2rem;
}

.nouveaux-table .row1 td {
	padding: .9rem .7rem .3rem;
}

/* Admin Utilisateurs fiche page styles */

.parametres-block .terif .panel-body {
	padding: 1.125rem 1.25rem 1.5rem;
}

.parametres-block .terif .excution-form .check-label {
	padding: 0 .625rem 0 1.625rem;
}

.parametres-block .invoices .panel-body {
	padding: 1.5rem 1.375rem 1.5rem 1.25rem;
}

.invoices-table thead th {
	border-bottom: 0;
}

.invoices-table th,
.invoices-table td {
	border: 0;
}

.invoices-table .datacell-1 {
	width: 60%;
}

.invoices-table .datacell-2 {
	width: 20%;
	text-align: right;
}

.invoices-table .datacell-3 {
	width: 20%;
	text-align: right;
}

/* Admin Facturation page styles */

.facturation-table .datacell-1 {
	width: 4.7%;
}

.facturation-table .datacell-2 {
	width: 22.5%;
}

.facturation-table .datacell-3 {
	width: 14.6%;
}

.facturation-table .datacell-4 {
	width: 13.5%;
	text-align: right;
}

.facturation-table .datacell-5 {
	width: 16.5%;
	text-align: right;
}

.facturation-table .datacell-6 {
	width: 17.1%;
	text-align: right;
}

.facturation-table .datacell-7 {
	width: 7.1%;
}

.facturation-table td.datacell-4 {
	padding: .4rem .7rem .3rem 1.9rem;
}

.facturation-table td.datacell-5 {
	padding: .4rem .7rem .3rem 1.7rem;
}

.facturation-table td.datacell-6 {
	padding: .4rem .7rem .2rem;
}

.facturation-table td.datacell-7 {
	padding: .4rem .5rem .3rem .7rem;
}

.facturation-table .row1 td.datacell-1,
.facturation-table .row1 td.datacell-2,
.facturation-table .row1 td.datacell-3 {
	padding: .7rem .7rem .3rem;
}

.facturation-table td {
	padding: .3rem .7rem .3rem;
}

.facturation-table td .name {
	display: inline-block;
	vertical-align: top;
	min-width: 61px;
}

.facturation-filter .fake-select {
	width: 130px;
}

#footer {
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.footer-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 15px 35px;
}

.footer-links li {
	padding: 0 0 0 22px;
}

.footer-links li a {
	color: rgba(62, 62, 63, .6);
	font-size: .75rem;
	line-height: 1.125rem;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
}

.footer-links li a:hover {
	color: #39a334;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

form label,
fieldset label {
	font-size: .9375rem;
	line-height: 1.125rem;
	font-weight: 500;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type="date"],
textarea,
.form-control {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	color: rgba(62, 62, 63, .85);
	background: #fff;
	border: 1px solid #e7eaec;
	border-radius: 3px;
	box-shadow: none !important;
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	display: block;
	height: 40px;
	margin: 0;
	padding: 10px 12px;
	outline: none;
	width: 100%;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
.form-control:focus {
	border-color: #e7eaec;
	box-shadow: none !important;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #3e3e3f;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
textarea::-moz-placeholder,
.form-control::-moz-placeholder {
	opacity: 1;
	color: #3e3e3f;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
textarea:-moz-placeholder,
.form-control:-moz-placeholder {
	color: #3e3e3f;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
	color: #3e3e3f;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
input[type="url"].placeholder,
input[type="number"].placeholder,
input[type="date"].placeholder,
textarea.placeholder,
.form-control.placeholder {
	color: #3e3e3f;
}

select {
	-webkit-border-radius: 0;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

textarea {
	resize: vertical;
	vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

form [type="checkbox"],
form [type="radio"] {
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: -1;
}

.fake-select {
	display: inline-block;
	position: relative;
	width: 100%;
}

.fake-select:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	pointer-events: none;
	border-radius: 0 3px 3px 0;
	width: 35px;
	z-index: 1;
}

.fake-select:after {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 900;
	font-family: "Font Awesome 5 Pro";
	content: "\f0d7";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 1;
}

select {
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 100%;
}

select::-ms-expand {
	display: none;
}

body {
	min-width: 1024px;
}

@media (min-width: 1024px) {
	.form .forget {
		margin: 0;
	}
}

@media (min-width: 1200px) {
	.selection-filter .input-wrap {
		margin: 0 .9375rem 0 0;
	}

	.table {
		font-size: .875rem;
		line-height: 1.125rem;
	}

	.info-block .banner {
		padding: 1.75rem 1.875rem;
	}

	.info-block .banner .text-holder {
		padding: 0 0 0 2.125rem;
	}

	.info-block .banner .btn {
		font-size: .875rem;
		line-height: 1.125rem;
		min-width: 192px;
		padding-left: 2.2rem;
	}

	.info-block .banner .btn .icon {
		font-size: 1.125rem;
		line-height: 1.375rem;
		left: 15px;
	}

	.transcription-block .selection-filter .fake-select {
		min-width: 162px;
	}

	.transcription-table th.datacell-6 {
		padding: .65rem 2.8rem .65rem .7rem;
	}

	.transcription-table .datacell-4 .circle {
		margin: 0 .625rem 0 0;
	}

	.audio-panel .panel-body {
		padding: 1.4375rem 1.25rem;
	}

	.photo-panel .panel-body {
		padding: 1.4375rem 1.25rem;
	}

	.summary-table th,
	.summary-table td {
		padding: .5rem .7rem .8rem;
	}

	.audio-table th,
	.audio-table td {
		padding: .5rem .7rem .8rem;
	}

	.photo-table th,
	.photo-table td {
		padding: .7rem .8rem .6rem;
	}

	.add-document .panel-heading {
		padding: .75rem 2.0625rem;
	}

	.add-document .panel-body {
		padding: 2.0625rem 1.75rem 2.0625rem 2.0625rem;
	}

	.excution-form .form-control {
		max-width: 93px;
	}

	.excution-form .time-list li {
		padding: 0 .75rem .875rem 0;
	}

	.responsable-validation-table td {
		padding: .7rem .6rem;
	}

	.operateur-transcriptions-table td {
		padding: .9rem .7rem .4rem;
	}

	.utilisateurs-table td {
		padding: .4rem .7rem .2rem;
	}

	.utilisateurs-table .row1 td {
		padding: .7rem .7rem .3rem;
	}

	.parametres-block .terif .panel-body {
		padding: 1.125rem 1.25rem 1.5rem 1.875rem;
	}
}

.hide	.jcf-file, form.hide, a.hide, span.hide, div.hide, input.hide{
		position:absolute !important;
		overflow: hidden !important;
		clip: rect(1px, 1px, 1px, 1px) !important;
		clip: rect(1px 1px 1px 1px) !important;
		width:1px !important;
		height: 1px !important;
	}

.aside-navigation > .item--separator > a{
		padding-left: 25px;
}


.aside-navigation > .item--separator{
	margin-top: 30px;
}


.progress__list{
	margin-top: 1em;
}

.message__container{
	margin:0px;
	padding: 0px;
	text-align: center;
}

.message__container .message{
	width: 100%;
	padding:1em 0px;
	display: block;
}

.message.message--success{
	background: #529f44;
	color: white;
}

.message.message--error{
	background: #dc3545;
	color: white;
}

button.delete{
	background: none;
	border: 0px;
	cursor: pointer;
}

.errorlist, .errorlist li{
	display: block;
	padding:0px;
	margin:0px;
}
.form__error{
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	font-size: 0.85em;
	border-radius: 3px;
	padding:0.5em 1em;
	margin-bottom: 1em;
}

.progress-bar--fail, .progress-block--error{
	background-color: #c72525;
	color:white;
}


.panel--spaced{
	display: flex;
	justify-content: space-between;
}

.button--delete{
	background: none;
	border: 0px;
	font-size: 0.85em;
}

.button--add{
	background: none;
	border: 0px;
	font-size: 0.85em;
	color:#28a745;
}

.collaborators__list{
	display: flex;
	margin:0px;
}

.collaborators__item{
	display: block;
	align-items: center;
}


.list--input{
	padding:0px;
	padding-bottom: 1em;
}

.link--actions{
	font-size: 0.9em;
}

.link--delete{
	color:#dc3545;
}

.transcription.ic-removing{
  opacity: 0;
  transition: all 1s ease;
}

.datas--small{
	font-size: 12.5px;
}

.datacell-com{
	min-width: 220px;
}


.link--error{
  color: #d0021b;
	cursor: default;
}

.link--error:hover{
	color: #d0021b;
}

.loader-dual-ring{
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: make_em(24, 15);
}
.loader-dual-ring:after{
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #39a334;
  border-color: #39a334 transparent #39a334 transparent;
  animation: loader-dual-ring 1.2s linear infinite;
}
@keyframes loader-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.btn--download{
  .loader-dual-ring {
      margin: 0;
      width: 20px;
      height: 20px;
    }

    .loader-dual-ring:after {
        width: 20px;
        height: 20px;
        margin: 0px;
        border: 3px solid #39a334;
        border-color: #39a334 transparent #39a334 transparent;
    }
}