html, body {height: 100%}
body {
	font-size: 12px;
	line-height: 22px;
	color: #666;
	border-top: 3px solid #eee;
	background: #343434 url("../img/back.png") repeat;
	padding-top: 37px;
	-webkit-font-smoothing: antialiased;
}
legend {font-size: 12px; line-height: 17px}
h1,h2,h3,h4,h5,h6 {
	padding: 2px 0;
	margin: 2px 0;
	color: #777;
}
h2 {font-size: 25px; line-height: 35px}
h3 {font-size: 18px; line-height: 23px}
h4 {font-size: 15px; line-height: 20px}
h5 {font-size: 13px; line-height: 18px}
h6 {font-size: 12px; line-height: 17px}
p {padding: 0; margin:0}
a {color: #026b9c}
a:hover {color: #003f5c; text-decoration: none}
a:hover,a:active,a:focus {outline: 0}
.bold {font-weight: bold}
.normal {font-weight: normal}
hr {
	margin: 15px 0 10px 0;
	padding: 0;
	border-top: 0;
	border-bottom: 1px solid #f4f4f4;
	height: 0;
}
.has-error {border-color: red}
.center {text-align:center}
.left {text-align: left !important}
.right {text-align: right !important}
.f-right {float: right !important}
.padd {padding: 10px}
.mag-l-5 {margin-left: 5px}
.mar-t-5 {margin-top: 5px}
.mar-t-15 {margin-top: 15px}
.mar-10 {margin: 10px !important}
.mar-20 {margin: 20px}
.mar-t-0 {margin-top: 0 !important}
.full_width {width: 100%}
.dis-in-block {display: inline-block}
a:hover, a:active,a:focus {outline: 0}
:focus {outline: none}
.input-focus-error {
	border-color: #E96666 !important;
	outline: 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(233, 102, 102, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(233, 102, 102, 0.6) !important;
}
::-moz-focus-inner {border:0}
.btn {font-size: 12px !important}
.btn-menu {width: 98%; margin-top: 2px}
.btn-info {background-color: #21c4ff; border-color: #21c4ff}
button.btn-round {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px gray solid !important;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
}
#autorefresh {height: 28px; font-size: 12px}
#force_autorefresh {
	padding: 2px 10px;
	margin-top: 3px;
	margin-left: -10px;
}
.badge {
	padding-left: 7px !important;
	padding-right: 7px !important;
}
.well {padding:10px 15px}
button.close {
	font-size: 20px !important;
	font-weight: normal;
}
button {font-size: 11px}
.float-button {
	float: left;
	margin-bottom: 15px;
}
a.btn {
	font-size: 12px !important;
}
.progress {
	height: 12px;
	border-radius: 6px;
	margin: 15px 0 !important;
	line-height: 12px;
   background: #eee;
}
.progress .bar {font-size: 10px}
i.ipad {margin-right: 2px}
.bblue {background:#5eb2d9}
.bbrown {background:#b46e4c}
.bgreen {background: #4ac344}
.borange {background:#ff8421}
.bred {background: #ff5d5e}
.tred {color: #ff5d5e}
.btn-bred {
	color: #fff;
	background: #ff5d5e;
}
.byellow {background: #d7a443}
.txt-right {text-align: right}
.txt-left {text-align: left}
/* Sparkline tooltip */
.jqstooltip {
  width: auto !important;
  height: auto !important;
  border-radius: 5px;
  padding: 4px 6px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 0 !important;
}

.border-red {
	border: 1px solid #ff5d5e;
}
/* Form */
form {margin: 0}
form button {font-size: 11px !important}
form input, form textarea{
	font-size: 12px !important;
}
/*CHOSEN*/
select.form-control + .chosen-container .chosen-results li, select.form-control + .chosen-container .chosen-results li.active-result {white-space: normal !important}
.statistics-excel .chosen-container {width: 100% !important}
/* Modal */
.modal-header {
	padding-top: 7px;
	padding-bottom: 7px;
}
/* Form */
form input, form button, form textarea, form select {font-size: 12px !important}
.form-inline button {margin-left: 15px}
.form-horizontal button {font-size:12px}
.template-matching-form .control-label {width: 15%}
div.together {
	border: 1px solid grey;
	margin: 5px 0;
	padding-top: 10px;
}
span.default-template {
    position: relative;
    display: inline-block;
    padding: 5px;
    background-color: #5bc0de;
    border: 1px solid #5BB1DE;
    color: white;
    font-weight: bold;
    border-radius: 4px;
    margin-top: 5px;
}
.form-horizontal .controls {margin-left: 110px}
.form-horizontal .controls:first-child {*padding-left: 100px}
label.col-md-1.control-label.account-dashboard {padding-right: 20px}
.form-horizontal .form-actions {padding-left: 110px}
.form-actions {
	padding: 5px 20px 5px;
	background: transparent;
	border-top: 0;
}
/* Social */
.social {
	font-size: 16px;
	margin: 5px 0;
}
.social i {
	box-shadow: inset 0 0 1px #333;
	height: 25px;
	width: 25px;
	line-height: 25px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	color: #fff;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-o-transition: background 1s ease;
	transition:	background 1s ease;
	text-align:	center;
}
.social i.facebook {background: #3c5b9b}
.social i.twitter {background: #2daae1}
.social i.google-plus {background: #f63e28}
.social i.pinterest {background: #cb2027}
.social i.linkedin {background: #0173b2}
.social i:hover {
	background: #000;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-o-transition: background 1s ease;
	transition: background 1s ease;
}
.social a,.social a:visited,
.social a:hover {
	color: #fff;
	text-decoration: none;
}
/* Back to top */
.totop {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 104400;
	background: #0993d3 !important;
}
.totop a, .totop a:visited {
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.totop a:hover {
	color: #eee;
	text-decoration: none;
}
/* Image alignment*/
.alignleft, img.alignleft,
.alignright, img.alignright {
	margin-right: 8px;
	margin-top: 5px;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
/* Half column */
.mcol-left {
	width: 48%;
	float: left;
}
.mcol-right {
	width: 48%;
	float: right;
}
.col-left {
	width: 48%;
	float: left;
}
.col-right {
	width: 48%;
	float: right;
}
/* Dropdown menu */
.dropdown-big .dropdown-menu {
	min-width: 230px;
	padding: 8px 10px;
}
.dropdown-big .dropdown-menu p {
	margin: 1px 0;
	padding: 1px 0;
	font-size: 11px;
	line-height: 16px;
}
.dropdown-big .dropdown-menu a,
.dropdown-big .dropdown-menu a:hover {
	line-height: 16px;
	font-size: 12px;
	background: transparent;
	padding: 0;
	color: #777;
}
.dropdown-big .dropdown-menu a:hover {color: #777}
.dropdown-big .dropdown-menu .drop-foot {text-align: center}
.dropdown-big .dropdown-menu .drop-foot a {
	font-size: 11px !important;
	color: #000;
}
.dropdown-big .dropdown-menu hr {
	padding: 0;
	margin: 8px 0;
	border-top: 0 solid #aaa;
	border-bottom: 1px solid #eee;
}
.dropdown-big .dropdown-menu i {position: relative}
.dropdown-big .dropdown-menu h5 {
	color: #666 !important;
	line-height: 18px;
	font-weight: bold;
	font-size: 13px;
}
.dropdown-big .dropdown-menu h6,
.dropdown-big .dropdown-menu h6 a {
	color: #888 !important;
	font-size: 12px;
	line-height: 14px !important;
	font-weight: normal;
}
.dropdown-big .dropdown-menu h6 a:hover {
	color: #555 !important;
	text-decoration: none;
}
.dropdown-big .dropdown-menu li {line-height: 15px}
.dropdown-big .dropdown-menu li p {padding:5px 0}
.dropdown-menu {
	background:#fafafa;
	border-radius: 4px;
	border: 1px solid #ddd;
	border-bottom: 1px solid #d2d2d2;
	box-shadow: inset 0 1px 2px #fff;
}
.dropdown-menu li {
	color: #777;
	font-size: 12px;
	line-height: 18px;
}
.dropdown-menu li > a {
	color: #000;
	line-height: 25px;
}
.dropdown-menu li > a:hover {
	background: #f3f3f3 !important;
	filter: none;
	color: #777;
}
/* Navbar */
.navbar * {
	font-weight: normal !important;
	text-shadow: none !important;
}
.navbar {
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
	border-bottom: 1px solid #ddd;
	box-shadow: inset 0 1px 1px #fff;
	height: 55px;
}
.navbar .caret {
	border-top-color: #666;
	border-bottom-color: #666;
}
.navbar-brand {
	color: #777;
	font-size: 23px;
	font-weight: bold;
	padding-top: 15px;
}
.navbar-brand:hover {color:#777}
.navbar-toggle {
	background: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.navbar-toggle:hover {background: #ddd}
.navbar li a {
	font-size: 12px !important;
	color: #777;
}
.navbar li a:hover {color: #000}
.navbar i {margin-right: 4px}
.navbar .btn {color: #666 !important}
.navbar .label {
	padding: 5px 7px !important;
	font-size: 11px;
	border-radius: 10px;
}
.navbar .label i {margin-right: 0}
.navbar .progress {
	padding: 0 !important;
	margin: 0 !important;
}
li.dropdown.pull-right a {
    padding: 10px 15px;
}
/* Header */
header {
	border-top: 1px solid #ccc;
	padding: 25px 0 15px 0;
	background: #fafafa url("../img/cream.png") repeat;
	border-bottom: 1px solid #ddd;
}
header .container {max-width: 100%}
.logo {
    position: absolute;
    top: 0;
    z-index: 100000;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.logo img {max-height: 48px}
.user_profile {margin-top: 10px}
#header_stats {
	min-width: 290px;
	float: left;
}
#header_stats .mcol-right p {line-height: 30px}
header .logo h1 a, header .logo h1 a:visited, header .logo h1 a:hover{
	font-size: 35px;
	color: #777;
	text-decoration: none;
	font-weight: normal;
}
header .logo .meta {
	color: #888;
	line-height: 15px;
	padding: 0;
	margin: 0;
}
header .nav.nav-pills {
	margin-bottom: 10px;
	margin-top: 15px;
}
.nav.nav-pills > li > a {
	color: #666;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #ccc;
	*border: 0;
	border-bottom-color: #c2c2c2;
	border-radius: 5px;
	*margin-left: .3em;
	margin-right: 5px;
	padding:7px 14px;
}
header .nav.nav-pills > li > a:hover,
header .nav.nav-pills > li > a:focus {
	color: #444;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	text-decoration: none;
	border: 1px solid #aaa;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
header .nav.nav-pills > li > a span {
	border-radius: 40px;
	padding: 4px 6px;
	font-size: 11px;
	display: inline-block;
	text-shadow: none !important;
}
header .nav-pills .open .dropdown-toggle {
	color: #444;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.collapse.in {display: none !important}
#header-nav.navbar-collapse.in {background: black !important}
.header-data {margin-top: 10px}
 .header-data .hdata {
	display: inline-block;
	width: 75px;
	margin-right: 15px;
}
.header-data .hdata i {
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 17px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	box-shadow: inset 0 0 1px #777;
}
.header-data .hdata p,
.header-data .hdata a,
.header-data .hdata a:hover {
	display: block;
	line-height: 16px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-top: 3px;
	color: #666;
}
 .header-data .hdata em {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}
/* Notification */
.noty_text {
	font-size: 12px;
	line-height: 20px;
}
/*NOTY */
.noty_type__only_assigned {
	background-color: #FFEAA8;
	border: 1px solid #FFC237;
	color: #826200;
}
.noty_type__only_assigned .red {color: red}
/* Sidebar */
.sidebar {
	width: 190px;
	float: left;
	display: block;
	background: #f2f2f2;
	color: #777;
	position: relative;
}
.sidebar .sidebar-dropdown {display: none}
.sidebar .sidebar-dropdown a {
	color: #fff !important;
	box-shadow: inset 0 0 1px #000;
	background-color: #343434;
	background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));
	background: -webkit-linear-gradient(top, #343434, #292929);
	background: -moz-linear-gradient(top, #343434, #292929);
	background: -ms-linear-gradient(top, #343434, #292929);
	background: -o-linear-gradient(top, #343434, #292929);
	background: linear-gradient(top, #343434, #292929);
	padding: 6px;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	display: block;
	border-top: 2px solid #666;
	border-bottom: 1px solid #333;
}
.sidebar ul {
	padding: 0;
	margin: 0;
}
.sidebar ul li {list-style-type: none}
.sidebar #nav {
	display: block;
	width:100%;
	margin:0 auto;
	position: absolute;
	z-index: 60;
}
.sidebar #nav li i {
	display: inline-block;
	margin-right: 5px ;
	background: #eee ;
	color: #888;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 30px;
	border: 1px solid #ccc;
}
.sidebar  #nav li span i {
	margin: 0;
	color: #999;
	background: transparent !important;
	border: 0;
}
.sidebar #nav > li > a {
	display: block;
	padding: 10px 20px;
	font-size: 13px;
	color: #777;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
	background: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
	background: -ms-linear-gradient(top, #f9f9f9, #f2f2f2);
	background: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
	background: linear-gradient(top, #f9f9f9, #f2f2f2);
	box-shadow: inset 0 1px 1px #fff;
}
.sidebar #nav > li > a:hover,
.sidebar #nav > li > a.open,
.sidebar #nav > li > a.subdrop {
	border-bottom: 1px solid #167cac;
	border-top: 1px solid #2094ca;
	background-color: #0993d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#1aaef3), to(#0993d3));
	background: -webkit-linear-gradient(top, #1aaef3, #0993d3);
	background: -moz-linear-gradient(top, #1aaef3, #0993d3);
	background: -ms-linear-gradient(top, #1aaef3, #0993d3);
	background: -o-linear-gradient(top, #1aaef3, #0993d3);
	background: linear-gradient(top, #1aaef3, #0993d3);
	box-shadow: none;
	color: #fff;
	font-weight: bold;
}
.sidebar #nav > li > a:hover i,
.sidebar #nav > li > a.open i,
.sidebar #nav > li > a.subdrop i {
	color: #fff;
	background-color: #167cac !important;
	border: 1px solid #167cac;
}
.sidebar #nav > li > a:hover span i,
.sidebar #nav > li > a.open span i,
.sidebar #nav > li > a.subdrop span i {
	color: #fff;
	background: transparent !important;
	border: 0;
}
.sidebar #nav li ul {display: none;background: #efefef url("../img/cream.png") repeat}
.sidebar #nav li ul li a {
	display: block;
	background: none;
	padding: 10px 0 10px 30px;
	text-decoration: none;
	color: #777;
	border-bottom: 1px solid #ddd;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sidebar #nav li ul li a:hover {
	background: #eee;
	border-bottom: 1px solid #ddd;
}
.sidebar #nav a.active {font-weight: bold}
a.has-notification {
	color: #fafafa !important;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background-color: #ED213A;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED213A), to(#93291E));
	background: -webkit-linear-gradient(top, #ED213A, #93291E) !important;
	background: -moz-linear-gradient(top, #ED213A, #93291E) !important;
	background: -ms-linear-gradient(top, #ED213A, #93291E) !important;
	background: -o-linear-gradient(top, #ED213A, #93291E) !important;
	background: linear-gradient(top, #ED213A, #93291E) !important;
	box-shadow: inset 0 1px 1px #fff;
}
#show.menuButton.has-notification {
	background-color: #ED213A;
	border-color: #ED213A;
}
/* Main */
.mainbar {
	position: relative;
	margin-right: 0;
	width: auto;
	background: #eee url("../img/main-back.png") repeat;
	border-left: 1px solid #ccc;
	z-index: 50;
	min-height: 800px;
}
.mainbar .container {
   max-width: 100% !important;
	width: 100% !important;
}
/* Pagination*/
.pagination {margin: 10px 0 5px 0}
.pagination ul>li {
	list-style-type: none;
	float: left;
}
.pagination ul > li > a,
.pagination ul > li > span {
	border: 1px solid #aaa;
	margin-right: 2px;
	border-radius: 5px !important;
	padding: 2px 8px;
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
	box-shadow: inset 0 2px 1px #fff;
	color: #666;
}
.pagination ul > li > a:hover {color: #333}
ul.pagination a.active {background-color: #EEE}
/* Page head */
.mainbar .page-head {
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
	padding: 0 20px;
	border-bottom: 1px solid #fff;
	box-shadow: inset 0 1px 1px #fff;
}
.mainbar .page-head h2 {
	font-weight: normal;
	font-size: 20px;
}
/* Bread crumb */
.mainbar .bread-crumb {
	font-size: 11px;
	margin-top: 10px;
	color: #aaa;
}
.mainbar .bread-crumb i {margin-right: 3px}
.mainbar .bread-crumb .divider {margin: 0 3px}
.mainbar .bread-crumb a {color: #666}
.mainbar .bread-crumb a.bread-current {color: #888}
/* Matter */
.mainbar .matter {
	border-top: 1px solid #ddd;
	padding: 5px 0;
}
@media screen and (max-width: 1199px) {
	.mainbar .matter {margin-bottom: 10rem}
}
/* Widget */
.widget {
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: #fafafa url('../img/cream.png') repeat;
}
.widget p {
	margin: 3px 0 5px 0;
	line-height: 20px;
}
.widget hr {
	margin: 8px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
.widget .table {
	margin: 0;
	width: 100%;
}
.widget .table .btn {font-size: 11px !important}
.widget .table-bordered {border-radius: 0}
.widget .table-bordered th {border-bottom: 1px solid #ddd !important}
.widget .table-bordered td {
	border-top: 0 !important;
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
}
.widget .table-bordered td:first-child, .widget .table-bordered th:first-child {border-left: 0}
.widget .table-bordered thead:first-child tr:first-child > th:first-child,
.widget .table-bordered tbody:first-child tr:first-child > td:first-child {border-radius: 0}
#radiologist-table-widget {overflow-x: auto !important}
#radiologists-table {
	margin: 15px 0;
	overflow-x: auto;
}
.radiologist-table-title {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #ddd !important;
}
.widget.wblack {
  background: #fafafa url('../img/black.png') repeat;
  color: #ddd;
  border: 1px solid #222;
}
.widget.wblack hr {
	border-top: 1px solid #444;
	border-bottom: 1px solid #222;
}
.widget.wblack a {color: #aaa}
.widget.wblack a:hover {color: #888}
.widget .padd, .modal-body {padding: 13px 15px 10px}
.modal-body-padding {padding: 15px 50px}
.widget .widget-head,.modal-header {
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	text-shadow: 0 1px #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 15px;
}
.widget.wblack .widget-head {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background: -webkit-linear-gradient(top, #333, #111);
	background: -moz-linear-gradient(top, #333, #111);
	background: -ms-linear-gradient(top, #333, #111);
	background: -o-linear-gradient(top, #333, #111);
	background: linear-gradient(top, #333, #111);
	text-shadow: 0 1px #000;
	border-bottom: 1px solid #555;
	border-top: 1px solid #666;
	box-shadow: inset 0 1px 1px #444;
	color: #ccc;
}
.widget .widget-head .widget-icons i {
	font-size: 14px;
	margin: 0 4px;
}
.widget .widget-head .widget-icons a {color: #aaa}
.widget .widget-head .widget-icons a:hover {color: #999}
.widget.wblack .widget-head .widget-icons i {
	font-size: 14px;
	margin: 0 4px;
}
.widget .widget-foot, .modal-footer {
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	text-shadow: 0 1px #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc;
	padding: 8px 15px;
	font-size: 12px;
	color: #555;
	box-shadow: inset 0 1px 1px #fff;
}
.widget.wblack .widget-foot {
	background-color: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(top, #222, #111);
	background: -moz-linear-gradient(top, #222, #111);
	background: -ms-linear-gradient(top, #222, #111);
	background: -o-linear-gradient(top, #222, #111);
	background: linear-gradient(top, #222, #111);
	text-shadow: 0 1px #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #222;
	color: #aaa;
	box-shadow: inset 0 1px 1px #444;
}
/* Widget white extras */
.widget .nav-tabs > li a {padding: 5px 10px}
.widget .nav-tabs {margin-bottom: 5px}
.widget .tab-content {margin-bottom: 10px}
/* Widget black extras */
.widget.wblack .btn-inverse {border: 1px solid #212121}
.widget.wblack a.btn-primary, .widget.wblack a.btn-primary:hover,
.widget.wblack a.btn-warning, .widget.wblack a.btn-warning:hover,
.widget.wblack a.btn-danger,  .widget.wblack a.btn-danger:hover,
.widget.wblack a.btn-success, .widget.wblack a.btn-success:hover,
.widget.wblack a.btn-info,  .widget.wblack a.btn-info:hover,
.widget.wblack a.btn-inverse, .widget.wblack a.btn-inverse:hover {
	color: #fff;
}
.widget.wblack .form-actions {
	border-radius: 5px;
	background-color: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(top, #222, #111);
	background: -moz-linear-gradient(top, #222, #111);
	background: -ms-linear-gradient(top, #222, #111);
	background: -o-linear-gradient(top, #222, #111);
	background: linear-gradient(top, #222, #111);
	border: 1px solid #111;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.widget.wblack h2, .widget.wblack h3, .widget.wblack h4,
.widget.wblack h5, .widget.wblack h6 {color: #ddd}
.widget.wblack blockquote {border-left: 3px solid #555}
.widget.wblack .pagination ul > li > a,
.widget.wblack .pagination ul > li > span {
	background-color: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(top, #222, #111);
	background: -moz-linear-gradient(top, #222, #111);
	background: -ms-linear-gradient(top, #222, #111);
	background: -o-linear-gradient(top, #222, #111);
	background: linear-gradient(top, #222, #111);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	border: 1px solid #161616;
}
.widget.wblack .pagination ul > li > a:hover {background: #222}
.widget.wblack .table td {border-top: 1px solid #222}
.widget.wblack .table tr:hover {background: rgba(255,255,255,0.1)}
.widget.wblack .nav-tabs > .active > a, .widget.wblack .nav-tabs > .active > a:hover {background: #222}
.widget.wblack .nav-tabs {
	margin-bottom: 5px;
	border-bottom: 1px solid #222;
}
.widget.wblack .nav-tabs > li a {
	padding: 5px 10px;
	background-color: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(top, #222, #111);
	background: -moz-linear-gradient(top, #222, #111);
	background: -ms-linear-gradient(top, #222, #111);
	background: -o-linear-gradient(top, #222, #111);
	background: linear-gradient(top, #222, #111);
	border: 1px solid #222;
	border-bottom: 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	color: #ccc;
	font-weight: bold;
	margin-right: 5px;
}
.widget.wblack .nav-tabs > li a:hover {background: #222}
.widget.wblack .nav-tabs > li.active {border-bottom: 0}
.widget.wblack .nav-tabs > li.active a {
	color: #fff;
	background: #333 url('../img/back.png');
	border-bottom: 0;
}
.widget.wblack .nav-tabs > li.active a:hover {
	background: #333 url('../img/back.png');
	border-bottom: 0;
}
.widget.wblack .tab-content {margin-bottom: 10px}
/* Calendar */
.fc-header-title h2 {
	font-size: 15px;
	line-height: 20px;
}
.fc-event-skin {
	background-color: #ff5d5e;
	border-color: #ff3839;
}
.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {
	margin-top: -48px;
	right: 20px;
}
.fc-widget-header {
	padding: 7px 0 !important;
	color: #666;
	background: #eee;
	border-color: #ccc;
}
.fc-content {background: #fff}
.fc-content td:hover {background: #f3f3f3}
/* Current status */
.current-status {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.current-status .bold {
	font-size: 13px;
	margin-left: 8px;
}
.current-status li {padding: 10px 0}
/* Today datas */
.today-datas {
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
}
.today-datas li {
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 10px 20px;
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
	background: #f8f8f8 url("../img/cream.png") repeat;
	text-shadow: 0 1px #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 3px #fff;
	max-width: 100%;
	text-align: center;
}
.today-datas li .datas-text {
	font-size: 11px;
	padding: 7px 0 0 0;
	font-weight: normal;
}
/* Profile */
.profile {margin-top: 15px}
/* Error */
.error-page {
	max-width: 500px;
	margin: 50px auto;
}
.error h1 {font-weight: normal}
/* Grid */
.show-grid div {
	background: #eee;
	text-align: center;
	margin: 10px 0;
	border: 1px solid #ddd;
}
/* Slider */
#eq span {height:120px; float:left; margin:15px}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 0.7em;
	height: 0.7em;
	cursor: default;
	border-radius: 50px;
	background: #fafafa !important;
	border: 1px solid #ccc !important;
	box-shadow: 0 1px 1px #999 !important;
}
.ui-slider-horizontal {
	height: .3em;
	border: 1px solid #fff !important;
	box-shadow: 0 0 1px #333 !important;
	background: #f3f3f3 !important;
	border-radius: 3px;
}
.ui-slider-vertical {
	height: 100px;
	width: 0.3em;
	border: 1px solid #fff !important;
	box-shadow: 0 0 1px #333 !important;
	background: #f3f3f3 !important;
	border-radius: 3px;
}
#master1, #master2, #master3, #master4, #master5, #master6 {
	width: 100%;
	margin:15px 0 !important;
}
.ui-widget-header {border-radius: 3px !important}
.slider-red .ui-widget-header {
	background: #dd514c !important;
	border-color: #dd514c !important;
}
.slider-blue .ui-widget-header {
	background: #36a5c6 !important;
	border-color: #36a5c6 !important;
}
.slider-green .ui-widget-header {
	background: #44c636 !important;
	border-color: #44c636 !important;
}
.slider-yellow .ui-widget-header {
	background: #fcd419 !important;
	border-color: #fcd419 !important;
}
.slider-orange .ui-widget-header {
	background: #fc9419 !important;
	border-color: #fc9419 !important;
}
.slider-violet .ui-widget-header {
	background: #9919fc !important;
	border-color: #9919fc !important;
}
/* Toggle button */
.make-switch {margin:5px 0}
/* Gallery */
.gallery img {
	max-width: 170px;
	margin: 5px;
	padding: 1px;
	border: 1px solid #aaa;
	border-radius: 5px;
}
/* Error log */
.error-log {
	height: 300px;
	overflow: auto;
	font-family: "Courier New", monospace;
}
.error-log ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.error-log .green {color: #61c221}
.error-log .red {color: #ff0000}
/* Media */
.medias .checker {width: 5px !important}
.medias img {
	padding: 1px;
	background: #fff;
	border: 1px solid #aaa;
	max-width: 40px;
}
/* CL Editor */
.cleditorMain {
	border: 1px solid #ccc;
	margin: 10px 0;
}
.cleditorMain textarea, .cleditorMain iframe {
	width: 100% !important;
}
/* Chart */
.statsChart thead td {
	background-color: #eeeeee;
	font-weight: 600;
}
#bar-chart,#bar-chart-black,#curve-chart,#live-chart,#pie-chart,#pie-chart2,#pie-chart3 {
	min-height: 250px;
	max-width: 100%;
}
.loading {
	position: absolute;
	display: block;
	top: 31%;
	right: 43%;
}
#pie-chart,#pie-chart2,#pie-chart3 {
	max-width: 300px;
	margin: 10px auto;
}
/* Support page */
#slist p {
	display: none;
	margin: 5px 0;
	padding: 5px 10px;
	background: #fff;
	line-height: 25px;
	border: 1px solid #eee;
}
#slist {margin-left: 20px}
#slist li {margin-bottom: 10px}
#slist li a {
	display: block;
	margin-bottom: 0;
}
/* Post form */
.post {margin-top: 20px}
/* Login and Register form */
.admin-form {
	max-width: 500px;
	margin: 50px auto;
}
.admin-form form {padding: 10px 0}
/* Widget-Content */
.widget-content .error .form-inline button {
	margin-left:-2px;
	padding:8px 12px;
}
.chats {
	padding-left: 0;
	margin-left: 0;
}
.recent {
	padding-left: 0;
	margin-left: 0;
}
.widget-foot .form-inline button {
	margin-left: -3px;
	padding: 7px 12px;
}
.widget-content .form-inline button {
	margin-left: 0;
	padding: 7px 12px;
}
.buttons button {margin-top: 10px}
.widget-content ol#slist {padding: 0}
.task i {
	display: inline-block;
	width: 30px;
	height: 17px;
	background: #ccc;
	text-align: center;
	border-radius: 50px;
	font-size: 10px;
	line-height: 17px;
}
.pagination li a {color:#777}
/* Footer */
footer {
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
	padding: 10px 0;
	color: #777;
	font-size: 12px;
	border-top: 3px solid #ddd;
}
footer .container {max-width:100% !important}
footer a, footer a:visited {color: #444}
footer a:hover {
	color: #333;
	text-decoration: underline;
}
footer .copy {font-size: 11px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10,
.col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}
.login-padding{
	padding-left: 15px;
	padding-right: 15px;
}
/*USERS TABLE*/
#table_users .form-control.filter {padding: 6px 6px}
/* Responsive */
@media (max-width: 480px) {
	.user_profile {
		margin-top: 0;
		background-color: black;
		color: white;
		width: 109%;
		text-align: center;
	}
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		background-color:black;
	}
	.navbar-default .navbar-nav>li>a {color:white}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
 		color: #FFFFFF;
 		text-align: left;
	}
	.withMargin {margin-left: 0 !important}
	.mainbar .page-head h2 {float: none}
	.mainbar .bread-crumb {
		float: none;
		margin-top: 10px;
	}
	.col-left {
		width: 100%;
		float: none;
	}
	.col-right {
		width: 100%;
		float: none;
	}
	.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {display: none}
}
/*PEER*/
div#datatable-reviews_info {
	padding-top: 0;
	padding-bottom: 0.5em;
}
.peer-red {
	background-color: red;
	color: #000000;
	font-weight: bold;
}
button#load-table {
	color: #ffffff;
	text-shadow: none;
}
@media (max-width: 767px) {
	.user_profile {
		margin-top: 0;
		background-color: black;
		color: #ffffff;
		width: 109%;
		text-align: right;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color: black}
	.navbar-default .navbar-nav>li>a {color: #ffffff}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
 		color: #ffffff;
 		text-align: left;
	}
	.withMargin {margin-left: 0 !important}
	.form-inline button {margin-left:0}
	header {
		padding-top: 0 !important;
		padding-bottom: 20px !important;
	}
	header .logo {
		padding: 0;
		display: none;
	}
	header .nav.nav-pills {
		margin-top: 30px;
		margin-bottom: 20px;
		margin-left: 20px;
	}
	header .header-data {
		margin-top: 15px;
		margin-left: 20px;
	}
	.navbar {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.nav-collapse .dropdown-menu {
		padding: 10px 10px !important;
	}
	.nav-collapse .dropdown-menu > li {
		color: #999 !important;
	}
	.nav-collapse .dropdown-menu a {
		color: #777;
	}
	.nav-collapse .dropdown-menu a:hover {
		color: #888;
		background:transparent !important;
	}
	.nav-collapse .dropdown-menu hr {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}
	.sidebar {
		float: none;
		width: 100%;
        display:block!important;
	}
	.sidebar .sidebar-dropdown {display: block}
	.sidebar #nav {display: none}
	.mainbar {
		float: none;
		margin: 0;
		border: 0;
	}
	.today-datas {text-align: center}
}
@media (min-width: 768px) and (max-width: 991px) {
	.withMargin {margin-left: 200px !important}
	.form {margin: 0 !important}
	form .control-group {margin: 0 !important}
	form .control-label {
		float: none !important;
		width: auto !important;
		text-align: left !important;
	}
	form .controls {
		float: none !important;
		margin-left: 0 !important;
	}
	form .form-actions {padding-left: 0 !important}
	.navbar {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.nav-collapse .dropdown-menu {padding: 10px 10px !important}
	.nav-collapse .dropdown-menu > li {color: #999 !important}
	.nav-collapse .dropdown-menu a {color: #777}
	.nav-collapse .dropdown-menu a:hover {
		color: #888;
		background: transparent !important;
	}
	.nav-collapse .dropdown-menu hr {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}
	.sidebar {width: 200px}
	.mainbar {margin-left: 200px}
   	header {padding-top: 10px}
	header .nav.nav-pills {
		margin-top: 30px;
		margin-bottom: 20px;
		margin-left:20px;
	}
	header .header-data {
		margin-top: 15px;
		margin-left: 20px;
	}
	header .logo {
		padding: 0;
		display: none;
	}
}
#navbar-toggle {
	cursor: pointer;
	line-height: 40px;
}
.ui-datepicker-div {
	background-color: white;
	border: 1px solid #aaa;
}
#table_studies .select_ipp {padding-left:0}
#table_studies thead th, #table_assignments thead th {background-image: linear-gradient(to bottom, #FFF, #E6E6E6)}
.body-blur {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.select_all_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
a[data-handler=prev] {float: left}
a[data-handler=next] {float: right}
.icon-lock {font-size: 16px}
.created_received_time_icon, .received_reported_time_icon,
.received_assigned_time_icon, .assigned_reported_time_icon,
.received_assigned_external_time_icon {
	display: block;
	width: 25px;
	height: 30px;
	background-size: 25px;
	background-repeat: no-repeat;
	margin: 0 auto -8px auto;
}
.created_received_time_icon {background-image: url('../img/icons/logo2.png')}
.received_reported_time_icon {background-image: url('../img/icons/logo1.png')}
.received_assigned_time_icon {background-image: url('../img/icons/logo3.png')}
.received_assigned_external_time_icon {background-image: url('../img/icons/logo5.png')}
.assigned_reported_time_icon {background-image: url('../img/icons/logo4.png')}
.ref_image_preview img {
	border-radius: 25px;
	padding: 0;
	width: 100%;
	max-height: 400px;
}
input#preliminar, input#transcript {
	background-color: rgba(216, 233, 240, 1);
	color: #333;
	border-color: lightgray;
}
input#preliminar:hover, input#transcript:hover {background-color: rgb(153, 204, 224) !important}
.critical-form {padding: 0 0 15px 20px}

.row_ref_images {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.row_ref_images > .image_grid {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 0 2px 10px 2px;
}
#attached_images {clear: both}
#attached_images div.row.attached_images_header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 4px 0;
}

th[data-fieldname][class="active"] i[class^=icon] {
	display: block;
	float:right;
}
#loading-row {
	display:none;
	position: absolute;
	top: 30%;
	left: 50%;
	text-align: center;
	font-size: 1.2em;
	font-style: italic;
}
td[data-fieldname="study.created_time"] {white-space: nowrap}
td[rel="study.created_time"], td[rel="study.study_datetime"] {white-space: nowrap}
td.middle {vertical-align: middle !important}
th[data-fieldname="study.patient_fk"] {width: 69px}
.nav-clock {position: relative}
.nav-clock.navbar-nav > li > a {padding: 10px 15px}
.clock-space {
    right: 25px;
    top: 9px;
    margin-top: 8px;
    margin-right: 8px;
}
.menuButton {background-color: #00bbff}
.eyePos {
	padding-left: 7px;
	padding-right: 7px;
}
.eyePos .btn {color: #ffffff !important}
#lang_dropdown {
	width: 125px;
	padding-right: 0;
}
#vocaliaWidget {
	position: absolute;
	z-index:99;
}
.has-error span.error {color: #B94A48}
#d2m_if_phone {
	width: 1px !important;
	height: 1px !important;
}
td.small-column .btn {padding: 3px 8px}
span.study-alerts, span.study-annotations, span.study-attached {display: none}
.custom_column {white-space: inherit}
.grey_button {
	background-color: #ccc;
	border-color: #ccc;
}
.grey_button.btn-danger, .btn.alert-general, .col-icon-alert-general, .btn.alert-system, .btn-annotation-alert {
	color: #FFF;
	background-color: #D9534F;
	border-color: #D43F3A;
}
.btn.alert-general:hover, .btn-annotation-alert:hover {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
}
.btn.alert-radiologist, .col-icon-alert-radiologist {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn.alert-radiologist:hover {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512;
}
.btn.alert-technitian, .col-icon-alert-technitian {
    color: #fff;
    background-color: #9A33A5;
    border-color: #9A33A5;
}
.btn.alert-technitian:hover {
    color: #fff;
    background-color: #84318D;
    border-color: #84318D;
}
.disable {
	pointer-events: none;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none;
}
button.btn.client_issue.btn-bred.disable:focus {
	outline: none;
	color: white;
}
.withMargin {margin-left: 190px}
object#recorder {
	position: fixed;
	z-index: 9999;
	bottom: 0;
	right: 0;
}
#targetDiv {
	width: 730px;
	animation: none 0s ease 0s 1 normal none running;
	background: rgba(91, 192, 222, 0.29) none repeat scroll 0% 0% / auto padding-box border-box;
	border: 1px solid rgb(169, 169, 169);
	border-radius: 0px;
	box-shadow: none;
	box-sizing: border-box;
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 46px;
	line-height: 20px;
	margin: 0;
	max-height: none;
	max-width: none;
	min-height: 20px;
	min-width: 0;
	overflow: hidden;
	padding: 2px;
	position: static;
	resize: vertical;
	text-align: start;
	vertical-align: top;
	visibility: visible;
	white-space: pre-wrap;
	word-break: normal;
	word-wrap: break-word;
	z-index: auto;
	-webkit-appearance: none;
	backface-visibility: visible;
	column-count: auto;
	column-gap: normal;
	column-rule: none;
	column-span: none;
	column-width: auto;
	order: 0;
	perspective: none;
	perspective-origin: 365px 23px;
	transform: none;
	transform-origin: 365px 23px;
	transform-style: flat;
	-webkit-user-drag: auto;
	-webkit-user-select: text;
	-webkit-writing-mode: horizontal-tb;
	clip-path: none;
	filter: none;
	shape-rendering: auto;
	vector-effect: none;
}
.radiant {height: 20px}
.upload_footer {text-align: unset}
.own-hr,
.widget hr.own-hr {
	margin: 50px -15px 0 -15px;
	border-bottom: 1px solid #ccc;
}
#classicSection {padding: 0 0 30px 0}
/** Nuevo formulario para informes */
.microphone_status {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 990px;
    padding: 0 4px;
}
div#micro_status {
    position: relative;
    width: 50px;
    height: 50px;
	background: url(../img/vocali/micro_initializing.gif) 50px -55px;
	margin: 0 5rem 0 2rem;
	cursor: pointer;
}
div#recorder.recorder_msg_alert {margin-right: 5rem}
div#recorder.recorder_msg_alert p {
    font-size: 12px;
    line-height: 1;
}
div#recorder.recorder_msg_alert object#invox_recorder {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 400px;
	height: 300px;
	z-index: 9999;
}
div#page-notice.hovered-notice {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 97%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: rgba(246, 226, 162, 0.2);
}
div#page-notice.hovered-notice > p {
	position: relative;
    padding: 4rem 3rem;
    border: 1px solid #a88411;
	border-radius: 10px;
	color: #a7830f;
	background-color: #ffeaa8;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") left top repeat-x scroll rgb(255, 234, 168);
}
div#page-notice.hovered-notice > p > button.accept-notice {
	position: absolute;
    bottom: 10px;
    left: 40%;
    border-radius: 4px;
    width: 60px;
	height: 25px;
	border-color: #a88411;
    color: #846400;
    font-weight: 600;
}
/* Firefox old*/
@-moz-keyframes blink {
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink {
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/* IE */
@-ms-keyframes blink {
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
img.uploading_advertisement {
	position: absolute;
	bottom: 0;
	right: 90px;
	width: 90px;
	-moz-animation: blink normal 2s infinite ease-in-out;
	-webkit-animation: blink normal 2s infinite ease-in-out;
	-ms-animation: blink normal 2s infinite ease-in-out;
	animation: blink normal 2s infinite ease-in-out;
}
img.uploading_advertisement_failed {
	position: absolute;
	bottom: 0;
	right: 90px;
	width: 90px;
}
div#myModalReportUpload .error {
	color: #de3333;
	font-weight: 500;
}
div#micro_status_floated {
	width: 50px;
	height: 51px;
	cursor: pointer;
	position: fixed;
	right: 1.5%;
	bottom: 6%;
	background-color: white;
	border: 1px solid white;
	border-radius: 50%;
	box-shadow: 1px 1px 4px 2px;
	z-index: 999;
}
div#micro_status_floated:hover {box-shadow: 0 0 3px 3px !important}
div#myCustomModal div.flexrow,
div#myAdditionalCustomModal div.flexrow {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}
.form-group.flexible-form {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.form-group.new_flexible-form {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
#design_container .form-group label,
#additional_design_container .form-group label {
	text-align: center
}
#design_container .form-group textarea,
#additional_design_container .form-group textarea {
	margin-bottom: 1.5rem
}
#OnlineModalWOS > .modal-dialog {width: 400px}
#OnlineModalWOS.modal-dialog.dialog-online {
	max-width: 350px;
	position: absolute;
}
.onliners div>span:not(.username) {
	color: green;
	margin-left: .5rem;
}
.onliners div>span.username {font-size: 12px}
.onliners h5 {
	border-bottom: 1px solid #cccccc;
	font-size: 13px;
	font-weight: bold;
	line-height: 12px;
}
.onliners > div {
	font-size: 11px;
	font-weight: 600;
}
div.onliners {margin-top: 6px}
div.onliners:nth-child(1) {margin-top: -6px}
.toggle_position {
	float: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}
button.toggle_position {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	margin-top: -2px;
}
.sidebar #nav li button.toggle_position > i.icon-move {
	border: none;
	background: transparent;
	transform: rotate(45deg);
}
div#OnlineModal .modal-header {display: none}
div#OnlineModal.ui-draggable .modal-header {display: block}
#OnlineModal .modal-body {padding: 5px}
#OnlineModal h4.modal-title {
	font-size: 12px;
	font-weight: 600;
}
.btn.btn-left {float: left}
.btn.btn-reload {padding: 2px 12px}
#OnlineModalWOS .btn.btn-reload {padding: 2px 18px}
.sidebar #nav li .btn.btn-reload i.icon-repeat,
#OnlineModalWOS .btn.btn-reload i.icon-repeat {
	position: relative;
	border: none;
	background: transparent;
}
.btn.btn-reload i.icon-repeat::after {
	content: "Off";
	font-size: 12px;
	position: absolute;
	bottom: -5px;
	right: -13px;
	font-family: monospace;
	font-weight: 800;
}
.btn.btn-reload.reload-after-15 i.icon-repeat::after {
	content: "15s";
	right: -16px;
}
.btn.btn-reload.reload-after-30 i.icon-repeat::after {
	content: "30s";
	right: -16px;
}
.btn.btn-reload.reload-after-60 i.icon-repeat::after {
	content: "1m";
	right: -10px;
}
#OnlineModalWOS .btn.btn-reload i.icon-repeat::after, #OnlineModalWOS .btn.btn-reload.reload-after-15 i.icon-repeat::after,
#OnlineModalWOS .btn.btn-reload.reload-after-30 i.icon-repeat::after {right: -20px}
#OnlineModalWOS .btn.btn-reload.reload-after-60 i.icon-repeat::after {right: -16px}
li#onlinerLi {margin-top: 2px}
#OnlineModalWOS .modal-header {padding: 2px 15px}
#OnlineModalWOS h4.modal-title {font-size: 14px}
#OnlineModalWOS .modal-body {padding: 6px 8px 2px}
#OnlineModalWOS .btn.btn-reload i.icon-repeat {left: -5px}
div#shareStudyModal .checkbox+.checkbox {margin-top: 10px}
#shareStudyModal > .modal-dialog {
	max-width: 600px;
	width: 100%;
}
.rowColumnsFlex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.rowColumnsFlex > .form-group.flexible {
	min-width: 200px;
	margin-bottom: 0;
}
.rowColumnsFlex > .form-group.flexible .row {
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.rowColumnsFlex > .form-group.flexible .checkbox.flexible {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-left: 1.5rem;
}
.rowColumnsFlex > .form-group.flexible .checkbox.flexible:first-child {margin: 0}
#shareStudyModal .modal-footer {margin-top: 0}
span.select2-search.select2-search--dropdown > input.select2-search__field {padding: 0 4px}
.select2-container--default span.select2-results >ul.select2-results__options {max-height: 260px}
.select2-container--default span.select2-results >ul.select2-results__options > li {
	padding: 2px 6px;
	font-size: 12px;
}
.select2-container--default span.select2-results >ul.select2-results__options > li[data-value="Texto predefinido"] {display: none}
.col-md-2.mini-col-md-2 {width: 14%}
span.custom-dropdown-report-value {
	border: 1px solid #dddddd;
	box-shadow: 1px 1px 2px;
	padding: 0 6px;
	border-radius: 2px;
}
/* Columns legend */
#container-main h1{
	font-size: 40px;
	text-shadow:4px 4px 5px #16a085;
}
.accordion-container {
	width: 100%;
	margin: 0 0 20px;
	clear:both;
}
.accordion-titulo {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 8px;
	font-size: 18px;
	font-weight: 300;
	color: #777;
	text-decoration: none !important;
	border: 1px solid #cccccc;
	border-width: 0 0 1px 0;
}
.accordion-titulo.open {font-weight: 400}
.accordion-titulo:hover {background: #0788b987}
.accordion-titulo span.toggle-icon:before {content:"+"}
.accordion-titulo.open span.toggle-icon:before {content:"-"}
.accordion-titulo span.toggle-icon {
	position: absolute;
	top: 8px;
	right: 20px;
	font-size: 26px;
	font-weight: bold;
}
.accordion-content {
	display: none;
	padding: 10px;
	overflow: auto;
}
.accordion-content p {margin: 0;}
.accordion-content img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	width: 50%;
	height: auto;
}
@media (max-width: 767px) {
	.accordion-content {padding: 10px 0}
}
.btn-preview-legend {
	width: 100px;
	border: 1px solid #e2e1e1;
	padding: 2px;
	box-shadow: 1px 1px #a0a0a0;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	text-align: center;
	color: #232222;
	font-size: 14px;
	font-weight: 200;
}
div#uploaded_images_preview {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 22rem;
	column-gap: 4px;
	row-gap: 4px;
	margin: 1rem 0;
}
div#attached_key_images_preview {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 13rem;
	column-gap: 4px;
	row-gap: 4px;
	margin: 1rem 0;
}
.preview {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: start;
	position: relative;
}
div.preview i.icon-remove-circle {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #ff0000;
	font-size: 26px;
	display: none;
	cursor: pointer;
}
div.preview p.preview_title {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 10px;
	cursor: pointer;
}
div.preview:hover > i {display: block}
.preview img {
	border-radius: 25px;
	padding: 0;
	max-width: 100%;
	max-height: 100px;
	width: auto;
}
select#assign_user_id[multiple]+div.chosen-container {width: 100% !important}
.modal-footer.flex-footer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
div#link_to_share {
	background-color: #cbf1ff;
	color: #464343;
	border-radius: 6px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
div#link_to_share > input[type="text"] {
	font-style: italic;
	font-weight: 400;
	padding: 0 10px;
	display: inline-block;
	border: none;
	min-width: 500px;
}
div#link_to_share > i[class^="icon-"] {
	font-weight: bold;
	background-color: #ffffff;
	padding: 4px;
	border: 1px solid #505152;
	border-radius: 4px;
}
div#link_to_share > i[class^="icon-"]:hover {
	background-color: #505152;
	color: #ffffff;
	cursor: pointer;
}
div#link_to_share.closed {
	display: none;
	visibility: hidden;
}
textarea.zindex {
	position: fixed;
	top: -100px;
	left: 0;
}
.col-md-3.pixels_image_size {
	position: absolute;
	bottom: 30px;
	width: 230px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
#ping-check-modal {
    font-size: 18px;
	.check-title-container {
		display: flex;
		justify-content: flex-end;
		flex-direction: row-reverse;
		align-items: center;
		column-gap: 35px;
		font-weight: bold;
		font-size: larger;
		padding-bottom: 15px;
	}
	.modal-dialog {
		width: 918px !important;
	}
	.footer_about {
		margin-top: 25px;
	}
	.logo_val {
		width: auto !important;
	}
    .modal-content {
        max-width: 100%;
        grid-column-gap: 20px;
    }
	.about-grid{
		grid-auto-rows: auto !important;
	}
    .element-grid {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0;
    }
    .element-grid > .button {
        cursor: pointer;
        border-radius: 10px;
        padding: 5px;
		border: 1px solid;
		margin-bottom: 10px;
		background: #4eb9ea40;
		color: #000000b8;
    }
    .element-grid > .value {
        font-size: 12px;
        font-weight: 100;
        line-height: 1.8;
        padding-left: 15px;
        width: 90%;
    }
    .element-grid > .button:hover {
        border-radius: 10px;
        background-color: rgb(81 199 240 / 77%);
    }
    .result-item {
        padding: 5px 10px;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
    }
    .loader {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 12px;
        font-style: italic;
    }
    .spinner {
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 2s linear infinite;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
	.blinking {
		animation: blink 1s linear infinite;
		opacity: 0.5;
	}
	@keyframes blink {
		0% { opacity: 1; }
		50% { opacity: 0.5; }
		100% { opacity: 1; }
	}
}
.upload_images_size {width: 88px}
#preview_share_email_privacy_file {
	padding: 0;
	margin: 10px 0 0 0;
}
fieldset.flexible-viewers {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
fieldset.flexible-viewers div.form-group {min-width: 250px}
table#anon_tags_list {
	width: 100%;
	margin-bottom: 20px;
}
div#classicSection label.control-label[for="available_src_aet"] {text-align: left}
div.is_zip_div {
	display: inline-block;
	margin: 0 25px;
}
.current_study_info > div {font-weight: 800}
.current_study_info > div > span {font-weight: 400}
.own-hr2 {
	margin: 8px -15px 0 -15px;
	border-bottom: 1px solid #ccc;
}
 /** Report responsive */
 div#report_options {
	 margin-bottom: 0;
	 width: 100%;
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: center;
	 flex-wrap: wrap;
 }
div#report_options > div:not(div.clearfix) {
	margin-bottom: 0.4em;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
}
div#report_options > div.clearfix {width: 100% !important}
div#report_options > div.colmd1 {
	flex-basis: 20%;
	flex-grow: 1;
}
div#report_options > div.colmd2 {
	flex-basis: 100%;
	flex-grow: 2;
}
div#report_options > div.colmd2b {
	flex-basis: 80%;
	flex-grow: 2;
}
div#report_options > div.colmd3 {
	flex-basis: 100%;
	flex-grow: 2;
}
div#report_options > div.colmd4 {
	flex-basis: 100%;
	flex-grow: 2;
}
div#report_options div.text_title_form div.image_title_form span.select2.select2-container.select2-container--default,
div#report_options div.custom_forms_form span.select2.select2-container.select2-container--default,
div#report_options > div.colmd4 span.select2.select2-container.select2-container--default {width: 100% !important}
div#report_options > div.colmd12 {width: 100% !important}
.padd_of_table_responsive {overflow: scroll}
/** Report responsive (greater than mobile size) */
@media (min-width: 455px) {
	div#report_options > div.colmd1 {
		flex-basis: 20%;
		flex-grow: 1;
	}
	div#report_options > div.colmd2 {
		flex-basis: 20%;
		flex-grow: 1;
	}
	div#report_options > div.colmd2b {
		flex-basis: 30%;
		flex-grow: 2;
	}
	div#report_options > div.colmd3 {
		flex-basis: 70%;
		flex-grow: 2;
	}
	div#report_options > div.colmd4 {
		flex-basis: 45%;
		flex-grow: 2;
	}
}
/** Report responsive (greater than tablet size) */
@media (min-width: 769px) {
	div#report_options > div.colmd1 {
		flex-basis: 1%;
		flex-grow: 1;
	}
	div#report_options > div.colmd2 {
		flex-basis: 2%;
		flex-grow: 1;
	}
	div#report_options > div.colmd2b {
		flex-basis: 14%;
		flex-grow: 2;
	}
	div#report_options > div.colmd3 {
		flex-basis: 18%;
		flex-grow: 1;
	}
	div#report_options > div.colmd4 {
		flex-basis: 18%;
		flex-grow: 2;
	}
}
div#design_container,
div#additional_design_container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 15px;
}
div#design_container div.form-group,
div#additional_design_container div.form-group {
	width: 100%
}
div#design_container div.form-group > label,
div#additional_design_container div.form-group > label {
	min-width: 130px;
	text-align: left;
}
#personalDataSection select.form-control + .chosen-container .chosen-results li.group-result:not(.group-option) {font-weight: bolder}
#personalDataSection select.form-control + .chosen-container .chosen-results li.group-option {margin-left: 15px}
#personalDataSection select.form-control + .chosen-container .chosen-results li.active-result:not(.group-result):not(.group-option) {
	margin-top: 6px;
	margin-left: 15px;
	font-style: italic;
}
div.widget-head.widget-flexible {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
button.btn.duplicateStudy {
	background-color: transparent;
	border-color: #21c4ff;
}
button.btn.duplicateStudy:hover {
	background-color: #21c4ff;
	border-color: #2c3d4d;
}
button.btn.duplicateStudy img {
	width: 20px;
	height: auto;
}
span.upload_extra-label {
	float: left;
	margin-left: 10px;
}
span.upload_extra-label.desc {margin-left: 15px}
p.custom_text_p {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
img.svg_bell {
	width: 18px;
	height: auto;
}
.btn.alert-general {
	color: #d9534f;
	background-color: white;
	border-color: #d9534f;
}
.btn.alert-system {
	color: white;
	background-color: #000000;
	border-color: #000000;
}
.btn.alert-system.disable:hover {
	color: #000000;
	background-color: white;
}
.btn.alert-radiologist {
	color: #f0ad4e;
	background-color: white;
	border-color: #f0ad4e;
}
.btn.alert-technitian {
	color: #9a33a5;
	background-color: white;
	border-color: #9a33a5;
}
#safari_permissions .action_recSafari {
	cursor: pointer;
	margin-left: 10px;
}
.safari_notes_permission {
	border: 1px solid #727272;
	padding: 6px 0 0 0;
	font-style: italic;
	color: #ffffff;
	background-color: #727272;
	border-radius: 3px;
	margin: 0 10px;
}
#recorder_column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	max-width: 400px;
	margin: 0 auto;
}
#recorder_column .player-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
}

#recorder_buttons_row {
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.recorder_buttons_side {
	display: flex;
	justify-content: center;
	align-items: center;
}
.recorder_buttons_left {
	justify-self: flex-start;
	flex-direction: row;
}
.recorder_buttons_right {
	justify-self: flex-end;
	flex-direction: row-reverse;
}
.record-time {
	display: inline-block;
	border: 2px solid black;
	min-width: 64px;
	text-align: center;
	padding: 2px 5px 3px 5px;
}
.recorder_buttons_left > * {margin-right: 2px}
.recorder_buttons_right > * {margin-left: 2px}
@media screen and (max-width: 639px) {
	table#recordings {font-size: 16px}
	table#recordings button {
		height: 30px;
		width: 33px;
	}
	table#recordings button > [class^="icon-"] {font-size: 15px}
	.recorder_buttons_side > button {
		width: 40px;
		height: 38px;
		margin: 8px 8px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.recorder_buttons_side > button > [class^="icon-"] {font-size: 18px}
	.record-time {
		padding: 5px 10px 6px 10px;
		margin-left: 8px;
		font-size: 15px;
	}
	.recorder_buttons_side > a.btn {
		padding: 9px 17px 10px 17px;
		margin-left: 8px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.recorder_buttons_side > a.btn > [class^="icon-"] {font-size: 18px}
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
	table#recordings {font-size: 16px}
	table#recordings button {
		height: 30px;
		width: 33px;
	}
	table#recordings button > [class^="icon-"] {font-size: 15px}
	#recorder_column {max-width: 100%}
	#recorder_buttons_row {flex-direction: row}
	.recorder_buttons_side > button {
		width: 40px;
		height: 38px;
		margin: 8px 8px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.recorder_buttons_side > button > [class^="icon-"] {font-size: 18px}
	.record-time {
		padding: 5px 10px 6px 10px;
		margin-left: 8px;
		font-size: 15px;
	}
	.recorder_buttons_side > a.btn {
		padding: 9px 17px 10px 17px;
		margin-left: 8px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.recorder_buttons_side > a.btn > [class^="icon-"] {font-size: 18px}
}
@media screen and (min-width: 1280px) {
	#recorder_buttons_row {flex-direction: row}
	.recorder_buttons_side {justify-content: flex-start}
}
div.checkboxv2 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 5px;
}
div.checkboxv2 input[type=checkbox] {
	margin: 0 8px 0 0;
}
div.radio-grid {
	display: grid;
	grid-template-columns: 1fr 4fr;
}
.flex-label {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.flex-label input[type=radio] {margin: 0 5px 0 0}
a#training_pending {
	border: 1px solid #026b9c;
	padding: 4px 8px;
	border-radius: 2px;
	text-decoration: none;
}
a#training_pending:hover {
	background-color: #026b9c;
	color: #ffffff;
}
div#vocali_credentials {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
div#vocali_credentials div:first-child {margin-bottom: 5px}
.radio-grid.double-line-radio label {
	align-self: flex-start;
	margin-top: 8px;
}
div.institutions_overflow {position: relative}
div.institutions_overflow.collpased_institution {
	max-height: 30px;
	overflow: scroll;
}
div.institutions_overflow i.icon-minus-sign {
	position: absolute;
	top: 0;
	right: 0;
	color: #ff6363;
}
div.institutions_overflow.collpased_institution i.icon-minus-sign {color: #0ea90e}
div.institutions_overflow.collpased_institution i.icon-minus-sign:before {content: "\f055" !important}
div.institutions_overflow i.icon-minus-sign:hover {
	font-size: 14px;
	cursor: pointer;
}
.institution_share_config {
	background-color: rgb(126 200 130 / 14%);
	border: 1px solid rgb(126 200 130 / 58%);
	border-radius: 3px;
	padding: 20px 4px 10px;
	margin-bottom: 22px;
	position: relative;
}
.institution_share_config_position {
	position: absolute;
	top: -12px;
	left: 20px;
	background-color: rgb(126 200 130 / 54%);
	border: 1px solid rgb(126 200 130);
	border-radius: 2px;
	padding: 1px 10px;
	font-weight: bolder;
	font-style: italic;
}
.institution_share_config_remove {
	position: absolute;
	top: -12px;
	right: 10px;
	background-color: rgb(200 126 126 / 54%);
	border: 1px solid rgb(200 126 126);
	border-radius: 2px;
	padding: 1px 10px;
	font-weight: bolder;
	cursor: pointer;
}
.institution_share_config_remove:hover {
	background-color: rgb(200 126 126);
	color: #ffffff;
}
.institution_share_col {
	float: none;
	display: inline-block;
}
.institution_share_col > label {width: 100%}
.full_col {margin-top: 8px}
div#hidden_list_of_institutions {
	display: none;
	visibility: hidden;
}
div.uploads_institution {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
div.uploads_institution [id^=preview_share_email_logo] img {max-height: 100px !important}
button#search_dates {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
@media (min-width: 1360px) {
	.ini_date_group_class {width: 37%}
}
@media (min-width: 960px) and (max-width: 1359px) {
	.ini_date_group_class {width: 39%}
	button#search_dates > span {display: none}
	.btn_dates_group_class {width: 20%}
}
@media (max-width: 765px) {
	.btn_dates_group_class {width: 100%}
}
.filter_dates_error > input {
	background-color: #ffefef;
	color: #d12323;
	border-color: #d12323;
}
.filter_dates_error > span.input-group-addon {
	background-color: #fc9292;
	color: #ffffff;
	border-color: #d12323;
}
#phone_verify {padding: 5px 15px}
#phone_verify.alert-success {
	color: #147f35;
	background-color: #d6fae1;
	border-color: #79d395;
}
#phone_verify.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7
}
.chosen-container .chosen-drop {
	z-index: 99999;
}
.btn-error {
	color: #fff;
	background-color: #ff6262;
	border-color: #e94b4b;
}
.btn-error:hover,
.btn-error:focus,
.btn-error:active,
.btn-error.active,
.open .dropdown-toggle.btn-error {
	color: #fff;
	background-color: #f44343;
	border-color: #d33434;
}
.spinner_cont {
	position: relative;
	font-weight: 500;
}
.spinner_cont .spinner {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}
.spinner_cont .spinner > span {
	width: 2px;
	height: 2px;
	background-color: #333;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner_cont .spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner_cont .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		  -webkit-transform: scale(1.0);
		  transform: scale(1.0);
	  }
}
.hidden_form_data {
	display: none;
	visibility: hidden;
}
button#delete_certkey {
	float: none;
	position: absolute;
	top: 5px;
	right: 15px;
	color: #dd5656;
	opacity: .8;
	font-weight: 500;
	padding: 0 8px 6px 8px;
	border-radius: 4px;
	border: 1px solid #dd565656;
}
div#certkey_data {
	position: relative;
	margin-top: 6px;
}
button#delete_certkey:hover,
button#delete_certkey:focus {
	opacity: 1;
	font-weight: bolder;
	background-color: rgb(211 121 121 / 60%);
}
div#certkey_data pre {
	text-align: center;
	max-height: 200px;
	overflow: scroll;
	padding: 20px 0;
}
#pie-chart.custom-legend .legend {display: none}
#pie_legend {
	width: 100%;
	padding: 10px 0;
	background-color: #efefef;
	border: 1px solid #dddddd;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#pie_legend .legend-element {
	min-width: 80px;
	margin: 0 6px 0 3px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
#pie_legend .legend-element .colorBox {
	width: 14px;
	height: 14px;
	border: 1px solid #cccccc;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-right: 4px;
}
#pie_legend .legend-element .colorBox .color {
	width: 4px;
	height: 0;
	overflow: hidden;
	border-width: 5px;
	border-style: solid;
}
#pie_legend .legend-element .text {margin-right: 6px}
#pie_legend .legend-element.selected-label {font-weight: 800}
#pie_legend .legend-element.selected-label .colorBox {
	width: 18px !important;
	height: 18px !important;
}
#pie_legend .legend-element.selected-label .colorBox .color {border-width: 8px}
.last_share_hr {margin: 2px 0 0 0}
.last_share_target {
	margin-top: -4px;
	padding: 1px 0 2px 0;
	font-weight: 600;
}
#style_mode{
	display: flex;
	justify-content: center;
}
.style_mode_checkbox {
	opacity: 0;
	position: absolute;
}
.style_mode_checkbox-label {
	background-color: #858585;
	width: 50px;
	height: 26px;
	border-radius: 50px;
	position: relative;
	padding: 5px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style_mode_checkbox-label.dark {background-color: #4f4c18 !important}
.icon-moon {color: #f1c40f !important}
.icon-sun {color: #f39c12 !important}
.style_mode_checkbox-label .ball {
	background-color: #fff;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	transition: transform 0.2s linear;
}
.style_mode_checkbox:checked + .style_mode_checkbox-label .ball {transform: translateX(24px)}
/* ----------------------------------------------------------------------------------- */
html.dark {background-color: #3a3a3a !important}
body.dark {
	background-color: #FFF !important;
	filter: invert(85%) hue-rotate(180deg) brightness(130%) contrast(120%) !important;
	-webkit-filter: invert(85%) hue-rotate(180deg) brightness(130%) contrast(120%) !important;
}
/* ACTUAL PACS DARK MODE */
body.dark .input-group-addon, body.dark .form-control {
	font-weight: bold;
	font-size: small;
	color: #080808;
}
body.dark img {
	filter: invert(80%) hue-rotate(180deg) brightness(130%) contrast(120%) !important;
}
body.dark td:not(.colored) .btn,
body.dark td:not(.colored) a.viewer,
body.dark td.colored {
	filter: invert(80%) hue-rotate(180deg) brightness(130%) contrast(120%) saturate(180%) !important;
}
body.dark td a img {
	filter: none !important;
}
body.dark iframe {
	filter: invert(80%) hue-rotate(180deg) brightness(130%) contrast(120%) !important;
}
body.dark li>a>i:before {
	filter: invert(80%) hue-rotate(180deg) brightness(130%) contrast(120%) !important;
}
/** Actualmed speech */
.actualmed_recognition {
	position: absolute;
	top: 8px;
	right: 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.actualmed_recognition button#actualmed-dictation-button {
	color: #fff !important;
	font-size: 20px;
	font-weight: 500;
	padding: 4px 9px;
	background: #318aac;
	position: relative;
	border: 2px solid #318aac;
	border-radius: 50%;
	outline: 1px solid rgba(49, 138, 172, 0.4);
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.actualmed_recognition button#actualmed-dictation-button.recording {
	background: #fd6e53;
	border: 2px solid #fd6e53;
	outline: 1px solid rgba(253, 110, 83, 0.4);
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.actualmed_recognition button#actualmed-dictation-button:hover,
.actualmed_recognition button#actualmed-dictation-button.hover {
	box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
	outline-color: rgba(49, 138, 172, 0);
	outline-offset: 80px;
	text-shadow: 1px 1px 6px #fff;
}
.actualmed_recognition button#actualmed-dictation-button.recording:hover,
.actualmed_recognition button#actualmed-dictation-button.recording.hover {
	box-shadow: inset 0 0 20px rgba(253, 110, 83, 0.5), 0 0 20px rgba(253, 110, 83, 0.4);
	outline-color: rgba(253, 110, 83, 0);
}
/** Media query para únicamente móvil */
@media only screen and (max-width: 768px) {
	.actualmed_recognition {
		position: fixed;
		/*top: 60px;*/
		top: unset;
		bottom: 12px;
		right: 12px;
		z-index: 9999999999999;
	}
	.actualmed_recognition button#actualmed-dictation-button {
		padding: 12px 17px;
	}
}
/** ABOUT MODAL */
.modal-content.about-radial-modal {
	padding: 24px 60px 12px 60px;
	border-radius: 42px;
	border-width: 2px;
	max-width: 96%;
	margin: 0 auto;
}
.modal-content.about-radial-modal .about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 70px;
}
.modal-content.about-radial-modal .about-grid .element-grid {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
/*.modal-content.about-radial-modal .about-grid .element-grid:nth-child(even) {
	justify-content: flex-end;
}*/
.modal-content.about-radial-modal .about-grid .element-grid.single-element {
	justify-content: flex-end;
}
.modal-content.about-radial-modal .about-grid .element-grid .value.logo_val {
	width: auto;
	height: 70px;
	overflow: hidden;
}
.modal-content.about-radial-modal .about-grid .element-grid .value.logo_val img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.modal-content.about-radial-modal .about-grid .element-grid .icon {
	margin-right: 10px;
}
.modal-content.about-radial-modal .about-grid .element-grid .icon.squared {
	border: 2px solid black;
	padding: 0 6px;
	margin-left: 4px;
	margin-right: 16px;
}
.modal-content.about-radial-modal .about-grid .element-grid .icon,
.modal-content.about-radial-modal .about-grid .element-grid .value {
	font-weight: bolder;
}
.modal-content.about-radial-modal .about-grid .element-grid .icon.image {
	width: 46px;
	height: 40px;
	overflow: hidden;
}
.modal-content.about-radial-modal .about-grid .element-grid .icon.image.info {
	margin-left: 2px;
	margin-right: 20px;
}
.modal-content.about-radial-modal .about-grid .element-grid .icon.image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.modal-content.about-radial-modal .about-grid .element-grid .icon.image:not(.factory) img {
	margin-top: -8px;
}
.modal-content.about-radial-modal .about-grid .element-grid .value p {
	line-height: 1;
}
.modal-content.about-radial-modal .footer_about {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.modal-content.about-radial-modal .footer_about .copyright {
	font-size: 11px;
}
.modal-content.about-radial-modal .close_about {
	border: 1px solid transparent;
	border-radius: 0 0 32px 0;
	font-size: 14px;
	padding: 4px 30px 4px 16px;
	transition: padding 0.3s ease;
	background-color: #d6eafa;
	letter-spacing: 1px;
	position: absolute;
	right: 2px;
	bottom: 0;
}
.modal-content.about-radial-modal .close_about:hover {
	padding: 4px 80px 4px 16px;
}
@media only screen and (max-width: 768px) {
	.modal-content.about-radial-modal {
		padding: 24px 20px 12px 20px;
	}
	.modal-content.about-radial-modal .about-grid {
		grid-template-columns: 1fr;
	}
	.modal-content.about-radial-modal .about-grid .element-grid.single-element {
		order: -1;
	}
	.modal-content.about-radial-modal .footer_about {
		margin-bottom: 30px;
	}
	.modal-content.about-radial-modal .close_about {
		border-radius: 0 0 32px 32px;
		width: 99%;
	}
}

tr.previous-row-3 > td.pat_birthdate{
	background-color: #ff4343 !important;
	color:white;
	font-weight: bold;
}

tr.previous-row-5 > td.pat_name {
	background-color: #ff4343 !important;
	color:white;
	font-weight: bold;
}

tr.previous-row-6 > td.pat_id {
	background-color: #ff4343 !important;
	color:white;
	font-weight: bold;
}
/** Annotation designs */
.annotation_design_form {
	padding: 8px 0;
	width: 100%;
}
.annotation_design_form .row {
	margin: 0;
	padding: 2px 0;
}
.invisible {
	visibility: hidden;
}
.fsize_11 {
	font-size: 11px;
}
#custom_annotations_list h1 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
div#design_container div.form-group > label.title_annotation_label,
div#additional_design_container div.form-group > label.title_annotation_label {
	text-align: center;
	font-size: 18px;
}
.form-group.sortable-element > .row.row_annotation.parent h5.row_number {
	cursor: grab;
}
.form-group.sortable-element.dragging > .row.row_annotation.parent h5.row_number {
	cursor: grabbing;
}
.sortable-placeholder {
	border: 2px dashed #999;
	background-color: #f0f0f0;
	height: 100px;
	margin: 10px 0;
}
#htmlModeButton.htmlModeOn {
	color: white;
	background-color: #9a33a5;
	border-color: #9a33a5;
}
th.patient\.pat_id,
td.patient\.pat_id {
    min-width: 121px;
	word-break: break-word;
}