html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #e9ecf3;
  font-size: 14px;
}

body * {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
}

body {
  padding: 0;
  margin: 0;
  font-size: 13px;
  overflow: hidden !important;
  overflow-y: auto !important;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.7em;
  color: #333;
  margin-bottom: 10px;
}

h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4em;
  color: #5294b3;
}

h3,
h4 {
  font-family: "Montserrat", sans-serif;
  color: #004666;
}

h1,
h2,
h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

ul,
ol {
  list-style: none;
}

hr {
  border: solid 1px transparent;
  border-bottom: solid 1px #ccc;
}

p {
  margin-bottom: 10px;
  line-height: 1.5em;
}

button {
  display: inline-block;
  padding: 3px 8px;
  border: solid 1px #ddd;
  border-radius: 2px;
  background: white;
  font-family: "Montserrat";
  color: #777;
}
button:hover {
  border-color: #21aced;
  color: #21aced;
}
button.active {
  border-color: #21aced;
  background-color: #21aced;
  color: white;
}

a {
  text-decoration: none;
  color: #5294b3;
  -webkit-transition: color 0.15s ease-in-out 0s,
    background 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s, background 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s, background 0.15s ease-in-out 0s;
}

a.btn {
  display: inline-block;
  padding: 8px 16px !important;
  margin: 0;
  border-radius: 2px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.15em;
  background: #5294b3;
  color: #fff;
}
a.btn_md,
button.btn_md {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  border-radius: 2px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1em;
  background: #5294b3;
  color: #fff;
}
a.btn_sm,
button.btn_sm {
  display: inline-block;
  padding: 2px 4px;
  margin: 0;
  border-radius: 2px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: .85em;
  background: #5294b3;
  color: #fff;
}
a.btn_md:hover,
button.btn_md:hover,
a.btn_sm:hover {
  background: black;
  color: white;
}
a.btn_md.hollow,
button.btn_md.hollow {
  padding: 3px 7px;
  background: white;
  border: solid 1px #ccc;
  color: #777;
}
a.btn_md.hollow:hover,
button.btn_md.hollow:hover {
  border-color: #3392f8;
  color: #3392f8;
}
a.btn_md.active,
button.btn_md.active,
a.btn_sm.active,
button.btn_sm.active {
  padding: 4px 8px;
  border: none;
  background: #3392f8;
  color: white;
}
a.btn_sm.active:hover,
button.btn_sm.active:hover,
a.btn_md.active:hover,
button.btn_md.active:hover {
  color: white;
}

button.btn {
  display: inline-block;
  padding: 8px 16px !important;
  margin: 0;
  border: none;
  border-radius: 3px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
  background: #5294b3;
  color: #fff;
}
button.btn_md {
  border: none;
}
button.btn-link {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    color: #5294b3;
}
button.btn-link:hover {
    color: black;
}

button.btnInvokeLambda {
  background: #1fbba6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 10.5px 16px !important;
}
li button#btnInvokeLambda {
  background: white !important;
  color: #fff !important;
  border-radius: 2px !important;
  padding: 7.5px 16px !important;
  color: #555 !important;
  border-bottom: solid 1px #eee !important;
  width: 100%;
}
#btnInvokeLambda:hover {
  background: black !important;
  color: white !important;
}
li button#btnInvokeLambda:hover {
  color: #5294b3!important;
  border-color: #5294b3 !important;
  background: white !important;
}

button.btnInvokeLambdaV2 {
  background: #1fbba6;
  color: #fff;
  border: none !important;
  border-radius: 2px !important;
  padding: 10.5px 16px !important;
}
li button#btnInvokeLambdaV2 {
  background: white !important;
  color: #fff !important;
  border-radius: 2px !important;
  padding: 7.5px 16px !important;
  color: #555 !important;
  border-bottom: solid 1px #eee !important;
  width: 100%;
}
button#btnInvokeLambdaV2:hover {
  background: black !important;
  color: white !important;
}
li button#btnInvokeLambdaV2:hover {
  color: #5294b3!important;
  border-color: #5294b3 !important;
  background: white !important;
}

a.btn-hollow {
  display: inline-block;
  padding: 5px 10px !important;
  background: white;
  border: solid 1px #999;
  border-radius: 2px;
  color: #777;
}
a.btn-hollow.blue,
a.btn-hollow.blue.active {
  border-color: #004666;
  color: #004666;
}
a.btn-hollow.error {
  border-color: #d14131;
  color: #d14131;
}
a.btn-hollow.black {
  border-color: black;
  color: black;
}
a.btn-hollow:hover {
  background: #777;
  color: white;
  border-color: #777;
}
a.btn-hollow.blue:hover {
  background: #004666;
  color: white;
  border-color: #004666;
}
a.btn-hollow.error:hover {
  background: #d14131;
  color: white;
  border-color: #d14131;
}
a.btn-hollow.black:hover {
  background: black;
  color: white;
  border-color: black;
}

a.btn-hollow.active {
  background: #5294b3;
  color: white;
  border-color: #5294b3;
}

a.btn.new {
  padding: 5px 10px;
  max-width: 815px;
  background: #5294b3;
}

a.btn.active {
  background: #5294b3 !important;
}

a.link {
  color: #5294b3;
  text-decoration: underline;
  font-weight: 400;
}

a.link:hover {
  color: #3a6f8f;
}

a.btn_2 {
  display: inline-block;
  padding: 6px 15px;
  margin: 10px 0;
  margin-left: 5px;
  border-radius: 2px;
  text-align: center;
  color: #777;
  background: #e5e5e5;
  border: solid 1px #ccc;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25em;
}

a.btn:hover,
a.btn_2:hover,
button.btn:hover {
  background: #777 !important;
  color: #fff;
  border-color: #777 !important;
}

a.goback {
  color: #3a6f8f !important;
}
a.goback:hover {
  color: #000 !important;
}

a.btn_blue {
  background: #3a6f8f;
  border-color: #3a6f8f !important;
  color: #fff !important;
}

a.btn_blue:hover {
  background: #000;
  border-color: #000 !important;
}

a.btn_red {
  background: #5294b3;
  border-color: #5294b3 !important;
  color: #fff !important;
}

a.btn_red:hover {
  background: #000;
  border-color: #000 !important;
}

a.btn_yellow {
  background: #dcd500;
  border-color: #dcd500 !important;
  color: #fff !important;
}
a.btn_yellow:hover {
  background: #000;
  border-color: #000 !important;
}

a.btn_green {
  background: #65b561;
  border-color: #65b561 !important;
  color: #fff !important;
}
a.btn_green:hover {
  background: #000;
  border-color: #000 !important;
}
a.btn_grey {
  background: #999;
  border-color: #999 !important;
  color: #fff !important;
}
a.btn_grey:hover {
  background: #000;
  border-color: #000 !important;
}
a i.target-blank {
  display: none;
  color: #000;
  font-size: 0.9em;
  margin-left: 3px;
}
a.btn.small {
  font-weight: 300;
  font-size: 0.95em !important;
  padding: 4px 10px !important;
}

a:hover i.target-blank {
  display: inline-block;
}
strong {
  font-weight: bold;
}

a.btn.small:hover {
  color: white !important;
}

a.btn-success,
a.btn-submit {
  background: #47ba91;
  border-color: #47ba91 !important;
  color: #fff !important;
}
a.btn-success:hover,
a.btn-submit:hover {
  background: #000;
  border-color: #000 !important;
}
::placeholder {
  color: #bbb;
  font-style: italic;
}

.sticky {
  position: sticky !important;
  z-index: 10000;
  top: 0 !important;
  background: white;
}

.main {
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px;
}

.content-wrapper {
  float: left;
  width: 100%;
  background: transparent;
}

.content {
  margin: 0;
  min-height: 400px;
  /*background: #fff;*/
}

/*! - - - BOXES - - - */
.box {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  background: white;
  font-family: "Montserrat";
  border: solid 1px #ddd;
  border-radius: 2px;
  color: #777;
}
.box *:not(.fa) {
  font-family: "Montserrat";
}
.box.interactive:hover {
  cursor: pointer;
  border-color: #21aced;
}
.box.interactive:hover * {
  cursor: pointer;
}
.box.info {
  background: #e8f8ff;
  color: #5294b3;
  border-color: transparent;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.box.warning {
  background: #fff1c2;
  color: #d2820a;
  border-color: transparent;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.box.error {
  background: #f8d5dc;
  color: #b0013e;
  border-color: transparent;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.box.box-success {
  background: #e8fff4;
  color: #0cb766;
  border-color: transparent;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

/*! - - - LABELS - - - */
.roundLabel {
  display: inline-block;
  background: white;
  min-width: 1.5em;
  text-align: center;
  border-radius: 50%;
}

/*! - - - AUTOSAVE - - - */
#autosave {
  display: none;
  position: fixed;
  z-index: 100000;
  bottom: 20px;
  left: 20px;
  padding: 5px 10px;
  border-radius: 2px;
  background: white;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.25);
  font-family: "Montserrat";
  color: #333;
  font-weight: 300;
  font-size: 1.5em;
}

/*! - - - NAV + HEADER - - - */
nav {
  width: 100%;
  float: left;
}

.info_topBar {
  position: absolute;
  right: 0;
  top: 0;
  /* 	float: right; */
  /* 	margin-top: -5px; */
  color: #777;
}
.info_topBar div {
  float: left;
  height: 100%;
  text-align: center;
  color: #777;
}

#logo_subtitle {
  display: none;
  font-family: "Raleway";
}

.logo {
  width: 150px;
  margin: 5px;
}

.logo a {
  width: 100%;
  color: #777;
  font-size: 1.8em;
  font-family: "Montserrat", sans-serif, cursive;
  font-weight: 700;
}
.logo a img {
  width: 100%;
  float: left;
}

.topBar {
  float: left;
  width: 100%;
  background: #fff;
}

.topBar div#namebox {
  float: right;
  font-size: 1em;
  line-height: 0.5em;
  color: #555;
  margin: 5px 10px 0 0;
}

.return-as-administrator-link {
  padding: 2px 7px;
  border-radius: 2px;
  background-color: #21aced !important;
  font-weight: 400;
  color: white !important;
}
.return-as-administrator-link:hover {
  background: black !important;
}

#namebox strong {
  font-weight: 700;
}

#namebox > a {
  float: right;
  padding: 0;
  width: inherit;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-family: "Montserrat", sans-serif, Sans-serif;
  font-size: 0.9em;

  background: transparent;
  color: #999;
}

#namebox > a:hover {
  color: #000;
}

.info_topBar .avatar {
  float: right;
  width: 50px;
  height: 50px;
  overflow: hidden;
  /*border-radius: 100%;*/
  border: solid 1px #ddd;
}
.info_topBar .avatar img {
  width: 100%;
}
.info_topBar .avatar:hover {
  border-color: #3a6f8f !important;
}

.no-branch-alert {
  width: 50%;
  position: fixed;
  top: 25%;
  left: 30%;
  padding: 10px 5px;
  font-size: 1em;
  font-weight: 500;
  z-index: 9999;
}
/* - - - */
.institutionAccessSelect {
  border: solid 1px white;
  cursor: pointer !important;
}
.institutionAccessSelect.active {
  background: #21aced;
}
.institutionAccessSelect label {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer !important;
  color: #777;
}
.institutionAccessSelect.active label {
  color: white !important;
}
.institutionAccessSelect:hover {
  background: #e8f8ff;
}
.institutionAccessSelect:hover label {
  color: #21aced !important;
}
/* - - - - - */

#accountMenu {
  display: inline-block;
}

#accountMenu > li {
  position: relative;
  float: left;
}
#accountMenu > li:hover > #roleMenuWrapper {
  display: block;
}
#accountMenu > li > a {
  padding: 3px 6px;
  font-size: 0.85em;
  color: #777;
  font-family: "Montserrat", sans-serif;
}

#btn_routing {
  position: relative;
}
.info_topBar div#roleMenuWrapper {
  display: none;
  position: absolute;
  z-index: 40000;
  float: none;
  height: auto;
  top: 15px;
  right: 0;
  padding-top: 10px;
  border-radius: 3px;
  /*box-shadow: 0 0 5px rgba(0, 0, 0, .25);*/
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
  text-align: left;
  font-size: 1.15em;
}
#pointer {
  position: absolute;
  top: 7px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: white;
  transform-origin: center center;
  transform: rotateZ(45deg);
}
.roleMenu {
  position: relative;
  float: left;
  width: 285px;
}
.roleMenu > li {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
  border-bottom: solid 1px #ddd;
}
.roleMenu > li:first-child > a {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.roleMenu > li:last-child > a {
  border-bottom: none;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
}

.roleMenu > li > a {
  position: relative;
  float: left;
  width: 100%;
  padding: 8px 16px;
  background: white;
  font-size: 1em;
}
.roleMenu > li > a.active {
  background: #21aced;
  color: white;
}
.roleMenu > li > a:hover {
  background: #5294b3;
  color: white;
}
.roleMenu > li > a .fa-check {
  display: none;
}
.roleMenu > li > a.active .fa-check {
  display: inline-block;
}

.roleMenu > li .roleSubMenu {
  display: none;
  position: absolute;
  width: fit-content;
  min-width: 330px;
  right: 100%;
  background: white;
  border-radius: 3px 0 3px 3px;
  overflow: hidden;
  overflow-y: auto;
}
.roleMenu > li:hover .roleSubMenu {
  display: block;
}
.roleSubMenu > li {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: solid 1px #ddd;
}
.roleSubMenu > li:last-child {
  border-bottom: none;
}

.roleSubMenu > li > a {
  position: relative;
  float: left;
  width: 100%;
  /*padding: 6px 12px 6px 5px;*/
  padding: 8px 16px 8px 8px;
  background: #999;
  color: white;
  text-align: left;
  font-size: 1em;
}
.roleSubMenu > li > a.active {
  background: #21aced;
  color: white;
}
.roleSubMenu > li > a .fa-check {
  display: none;
}
.roleSubMenu > li > a.active .fa-check {
  display: inline-block;
}
.roleSubMenu > li > a:hover {
  background: #004666;
}
.roleSubMenu > li div.imgWrapper {
  float: left;
  width: 22px !important;
  margin-right: 10px;
  background: white;
  overflow: hidden;
  border-radius: 100%;
}
.roleSubMenu > li div.imgWrapper img {
  float: left;
  width: 100% !important;
}
.institutionGroupName {
	display: inline-block;
	font-weight: 500;
}

.roleSubMenu > li.roleMenuTitle,
.institutionSubMenu > li.roleMenuTitle {
    position: relative;
    float: left;
    width: 100%;
    padding: 8px 16px 8px 0;
    background: white;
    border-bottom: solid 1px black;
    font-size: 1em;
}

.roleSubMenu > li.roleMenuTitle div.imgWrapper,
.institutionSubMenu > li.roleMenuTitle div.imgWrapper {
    float: left;
    width: 40px !important;
    margin-right: 5px;
    background: white;
    overflow: hidden;
  }

.roleSubMenu > li.roleMenuTitle div.imgWrapper img,
.institutionSubMenu > li.roleMenuTitle div.imgWrapper img {
  float: left;
  width: 100% !important;
}
/* - - - */

#b_menu_wrapper {
  width: 100%;
  background: #fff;
}

#b_menu {
  display: block;
  padding: 10px;
  border: none;
  transition: all 0.35s ease-in-out 0s;
  cursor: pointer;
}

#b_menu .icon-bar {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background-color: #798c9e;
}

#b_menu .icon-bar + .icon-bar {
  margin-top: 4px;
}

#menunav-wrapper {
  display: none;
  float: left;
  left: 10px;
  width: 100%;
  background: #fff;
  margin-bottom: 10px;
}

#menunav {
  /* 	width: 50%; */
  background: #fff;
}
#menunav > li {
  position: relative;
  float: left;
  width: 100%;
}
#menunav > li > a {
  float: left;
  width: 100%;
  padding: 7px;
  font-size: 1em;
  line-height: 0.95em;
  color: #485a6a;
}

#menunav > li > a > i {
  color: #798c9e;
}

#menunav > li > a > input {
  float: left;
  width: 140px;
  margin-left: 10px;
  padding: 5px;
  border: solid 1px #eee;
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "Raleway";
  font-weight: 400;
  font-size: 0.95 !important;
  color: #485a6a;
}

#menunav > li > a img {
  float: left;
  margin-right: 15px;
}

#menunav > li > a .hover {
  display: none;
}
#menunav > li > a .idle {
  display: block;
}

#menunav > li.active > a .hover {
  display: block;
}
#menunav > li.active > a .idle {
  display: none;
}

#menunav > li.active > a:hover .hover {
  display: none;
}
#menunav > li.active > a:hover .idle {
  display: block;
}

#menunav > li.active,
#menunav > li > a:hover {
  background: #5294b3;
  color: #fff;
}
#menunav > li#calendarOption {
  background: white;
}

#menunav > li > a.mainSearch:hover {
  background: #004666;
  color: #fff;
}
#menunav li a span {
  font-family: "Raleway";
  font-weight: 300;
}
#menunav > li.active a span,
#menunav > li.active a i,
#menunav > li > a:hover span,
#menunav > li > a:hover i {
  color: #fff;
}

#menunav > li > a > i.fa {
  vertical-align: middle;
}

#menunav > li .submenuArrow {
  display: none;
  float: right;
  margin-right: 4px;
  font-size: 1.5em;
  /* 	font-family: 'Dosis'; */
  /* 	font-weight: 200; */
  font-family: "Raleway";
  font-weight: 300;
  color: white;
}
#menunav > li .submenuArrow img {
  width: 5px;
}

.alert {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
  min-width: 21px;
  height: 21px;
  padding: 2px 5px;
  background: #d5212d;
  border-radius: 10px;
  font-size: 0.85em;
  color: #fff;
  text-align: center;
  line-height: 1.7em;
}

.alert.inactive {
  /*
	border: solid 1px #ccc;
	background: #fff;
	color: #999;
*/
  display: none;
}

i.ok {
  display: none;
  float: right;
  margin-top: 2px;
  font-size: 1.35em;
  color: #17ca95;
}
i.error {
  display: none;
  float: right;
  margin-top: 2px;
  font-size: 1.35em;
  color: #f44d4d;
}

.submenuButtons {
  position: absolute;
  right: 0;
}
#menunav > li a.b_submenu {
  float: right;
  margin-right: 5px;
  margin-top: 3px;
  width: 30px !important;
  height: 30px;
  background: #5294b3;
  border-radius: 100%;
  font-size: 0.85em;
  color: #fff !important;
  text-align: center;
}
#menunav > li a.b_submenu > i.fa {
  line-height: 30px !important;
  color: #fff !important;
}

#menunav > li a.b_submenu:hover {
  background: #000;
}

#menunav > li > .subMenu {
  display: none;
  float: left;
  width: 100%;
  left: 100%;
  top: inherit;
  z-index: 1000;
}

.subMenu li {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  text-align: left;
}
.subMenu > li > a {
  position: relative;
  float: left;
  padding: 10px;
  height: inherit;
  width: 100%;
  font-weight: 500;
  text-align: left;
  color: #fff;
}
.subMenu > li > a.subOption {
  padding-left: 15px;
  background: #999;
  color: #fff;
  font-size: 0.95em;
  font-weight: 300;
}

.subMenu > li > a.subOption.trash {
  background: #777;
}

.subMenu > li > a.subOption:hover {
  background: #004666 !important;
}

.subMenu > li.active > a.subOption {
  background: #333;
}

.subMenu > li > a.subOption > i.fa {
  color: #fff !important;
}

.subOption .alert {
  font-size: 0.75em;
  margin-right: -5px;
  line-height: 1.75em;
}

.subMenu > li > a.subOption:hover {
  background: #5294b3;
}

.subMenu > li > a:hover {
  background: #f2f6f9;
}

#menunav > li.active > .subMenu {
  display: block;
  position: relative;
  width: 100%;
  float: left;
  left: auto;
}

#menunav > li > .subMenu > li > .subSubMenu {
  display: none;
  float: left;
  width: 100%;
  left: 100%;
  top: inherit;
  z-index: 1000;
}

.subSubMenu li {
  float: left;
  clear: left;
  width: 100%;
  text-align: left;
}
.subSubMenu > li > a {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  height: inherit;
  padding: 10px;
  background: #555;
  font-weight: 500;
  text-align: left;
  color: #fff !important;
  font-family: "Raleway";
}
.subSubMenu > li > a.subOption {
  position: relative;
  float: left;
  padding-left: 15px;
  background: #999;
  color: #fff;
  font-size: 0.95em;
  font-weight: 300;
}

#menunav > li > .subMenu > li:hover > .subSubMenu {
  display: block;
}

ul#menunav > li > #shiftCalendarWrapper {
  display: none;
}

ul#menunav > li.active > #shiftCalendarWrapper {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  background: #444;
}

.search,
.search-box {
  width: 96 px;
  padding: 7px 15px;
  padding-right: 30px;
  margin-bottom: 5px;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  color: #777;
  font-weight: 400;
  background: url(../img/icon-search.png) no-repeat 96% 50%;
}

.filterText {
  padding: 5px 10px;
  padding-right: 20px;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-family: "Montserrat", sans-serif;
  color: black;
  font-weight: 300;
  background: url(../img/icon-search.png) no-repeat 96% 50%;
}
#searchStudyRadiologist {
  width: 75px;
  padding: 7px 15px;
  padding-right: 30px;
  margin-bottom: 5px;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  color: #777;
  font-weight: 400;
  background: url(../img/icon-search.png) no-repeat 96% 50%;
}

.searchIcon {
  border: solid 1px #ccc;
  border-radius: 2px;
  background: url(../img/icon-search.png) no-repeat 96% 50%;
}
.quickSearch {
  padding: 5px 10px;
  padding-right: 30px;
  padding-bottom: 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  color: #777;
  font-weight: 400;
  background: url(../img/icon-search.png) no-repeat 96% 50%;
}
/*
.filterInput {
  display: inline-block;
  width: 135px;
  padding: 5px 10px;
  border: solid 1px #ccc;
  border-radius: 20px;
  font-family: "Montserrat";
  color: #777;
} */

.headerSection {
  float: left;
  width: 100%;
  border-bottom: 1px solid #5294b3; /* #eef1f5 */
}

.headerSection a {
  padding: 0 15px;
  line-height: 40px;
  font-size: 1em;
}
.headerSection h1 span {
  font-size: 0.8em;
  color: #777;
}

.headerMenu {
  float: left;
  clear: left;
  width: 100%;
}

.headerSubMenu {
  float: left;
  clear: both;
  width: 100%;
  /* 	max-width: 855px; */
  padding: 5px 0;
}
.headerSubMenu ul {
  float: left;
}
.headerSubMenu ul li {
  float: left;
}
.headerSubMenu ul li a {
  float: left;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 2px;
  color: #fff;
  background: #ccc;
}
.headerSubMenu ul li a.active {
  background: #3a6f8f;
}
.headerSubMenu ul li a:hover {
  background: #777;
}

.headerMenu a.create {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  background: #20b2aa;
  border-radius: 2px;
}

.headerMenu a.delete,
.headerMenu a.copy,
.headerMenu a.export_excel {
  display: inline-block;
  padding: 7px 15px;
  line-height: 1.5em !important;
  font-weight: 300;
  color: #777;
  background: transparent;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}
/*
.headerMenu a.export_excel {
    border-color: #999;
    color: #999;
}
*/
.headerMenu a.export_excel i.fa {
  color: #47ba91;
}

.headerMenu a.preview {
  color: #5294b3;
}

.headerMenu a.delete.active:hover {
  background: #a33d4b;
  border-color: #a33d48;
}
.headerMenu a.edit.active {
  color: #5294b3;
  border: solid 1px #5294b3;
}
.headerMenu a.delete.active,
.headerMenu a.remove.active {
  color: #fff;
  background: #cf4444;
  border-color: #cf4444;
}

.headerMenu a.copy.active {
  color: #fff;
  background: #5294b3;
  border-color: #5294b3;
}

/*
.headerMenu .customSelect li:first-child a {
	color: #777;
}
*/

.headerMenu .customSelect a.activeWithMoreOne {
  color: #ccc;
}
.headerMenu .customSelect_Wrapper a.activeWithMoreOne.active {
  background: white;
  color: #5294b3;
  border-color: #ccc;
  font-weight: 500;
}
.headerMenu .customSelect_Wrapper a.activeWithMoreOne.active:hover {
  color: #fff;
  background: #5294b3;
  border-color: #5294b3;
}

.headerMenu a.create:hover {
  background: #1f9088;
}

.bullet {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -2px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #ccc;
}

.legend-row {
  padding: 5px;
  border-bottom: solid 1px #ddd;
}

.logo-telrads {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0;
}
.logo-telrads svg {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.logo-telrads polygon {
  fill: #5294b3;
}
.logo-telrads path {
  fill: #5294b3;
}

/*!.*/
/* ------------------------- */
/*! -- DROPDOWN MENU -- */
.dropDownMenuWrapper {
  position: relative;
  display: inline-block;
}
.dropDownMenuTrigger {
  border: solid 1px #ccc;
  color: #777;
  border-radius: 3px;
}
.dropDownMenu {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 42px;
  left: 0;
  width: 100%;
  box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);
  background: white;
}
.dropDownMenu.alignRight {
  left: auto;
  right: 0;
}
.dropDownMenuWrapper:hover .dropDownMenu {
  display: block;
}

.dropDownMenuWrapper .dropDownMenuActive {
  display: inline-block;
  padding: 7px 16px;
  background: white;
  border: solid 1px #5294b3;
  border-radius: 2px;
  color: #5294b3;
  font-family: "Montserrat";
  font-size: 1em;
}

.dropDownMenu > li {
  position: relative;
  float: left;
  width: 100%;
}
.dropDownMenu > li.title {
  position: relative;
  float: left;
  width: 100%;
  padding: 6px 12px;
  background: white;
  border-bottom: solid 1px black;
  font-weight: 600;
  font-size: 1.25em;
  color: black;
  font-family: "Montserrat";
}
.dropDownMenu > li > a {
  position: relative;
  float: left;
  width: 100%;
  padding: 8px 16px;
  background: white;
  border-bottom: solid 1px #eee;
  font-weight: 300;
  font-size: 1.15em;
  color: #333;
  font-family: "Montserrat";
}

.dropDownMenu > li > a:hover {
  color: #5294b3;
  border-color: #5294b3;
}
.dropDownMenu > li.separator > a {
  border-bottom: solid 1px black;
}

/*!.*/
/* ------------------------- */
/*! -- LIST MENU -- */
.listMenu {
  position: relative;
  float: left;
  width: 100%;
}
.listMenu > li {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: solid 1px #ddd;
}
.listMenu > li:last-child {
  border: none;
}
.listMenu > li > a,
.listMenu > li > label {
  position: relative;
  float: left;
  width: 100%;
  padding: 4px 8px;
  background: white;
}
.listMenu > li.active > a,
.listMenu > li.active > label {
  background: #21aced;
  color: white;
}

/* ------------------------- */

.btn_date {
  position: relative;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 2px;
  border: solid 1px #004666;
  color: #004666;
  font-weight: 600;
  font-size: 1.25em;
}

.btn_date:active,
.btn_date.active {
  background: #5294b3;
  color: white;
}

/*!.*/
/*! --- DONWLOAD MESSAGE --- */
#downloadingMsg {
  display: none;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

#downloadingMsg i.fa {
  color: #5294b3;
}
#downloadingMsg #downloadingMsgContent {
  position: fixed;
  z-index: 10000;
  width: 500px;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -100px;
  padding: 25px 30px;
  background-color: white;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  font-size: 1.25em;
  color: #555;
}
/*!.*/

/*! --- NEW DONWLOAD MESSAGE --- */
.hide-flex {
  display: none !important;
}

#downloadingZipMsg {
  display: flex;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

#downloadingZipMsg i.fa {
  color: #5294b3;
}

#downloadingZipMsg #downloadingZipMsgContent {
  position: fixed;
  z-index: 10000;
  width: 500px;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -100px;
  padding: 25px 30px;
  background-color: white;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  font-size: 1.25em;
  color: #555;
}

#tenMessage {
  display: flex;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

#tenMessage #tenMessageContent {
  position: fixed;
  z-index: 10000;
  width: 500px;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -100px;
  padding: 25px 30px;
  background-color: white;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  font-size: 1.25em;
  color: #555;
  text-align: center;
}
/*!.*/

/*! --- LOADING BANNER --- */
.loadingBanner {
  position: relative;
  float: left;
  width: 100%;
  padding: 60px 0;
  border: solid 1px #ddd;
  border-radius: 3px;
  text-align: center;
  color: #999;
  font-size: 1.5em;
  font-family: "Raleway";
  font-weight: 200;
}
/*!.*/
/*! --- STUDY STATES */
.study-row {
  border-left-style: solid !important;
  border-left-width: 7px !important;
}
.study-row td {
  font-weight: 300;
}
/*!.*/
/*! Administrator */
.administrator .study-row.filldata {
  border-left-color: #ccc !important;
}
.administrator .study-row.assign {
  border-left-color: #d5212d !important;
}

.administrator .study-row.report {
  border-left-color: #ffc165 !important;
}
.administrator .study-row.reported {
  border-left-color: #5294b3 !important;
}
.administrator .study-row.datarequest {
  border-left-color: #777 !important; /* Añadir algún símbolo tal vez*/
}
.administrator .study-row.prereported {
  border-left-color: #21aced !important; /* Añadir algún símbolo tal vez*/
}
.administrator .study-row.signed {
  border-left-color: #7cd19e !important;
}

.administrator .txt-study-state-filldata {
  color: #ccc !important;
}
.administrator i.fa.txt-study-state-assign {
  color: #d5212d !important;
}
.administrator .txt-study-state-assign {
  color: #d5212d !important;
}
.administrator .txt-study-state-report {
  color: #ffc165 !important;
}
.administrator .txt-study-state-reported {
  color: #5294b3 !important;
}
.administrator .txt-study-state-datarequest {
  color: #777 !important;
}
.administrator .txt-study-state-prereported {
  color: #21aced !important;
}
.administrator .txt-study-state-signed {
  color: #7cd19e !important;
}

.administrator .bg-state-filldata {
  background-color: #ccc !important;
  color: #fff !important;
}
.administrator .bg-state-assign {
  background-color: #d5212d !important;
  color: #fff !important;
}
.administrator .bg-state-report {
  background-color: #ffc165 !important;
  color: #fff !important;
}
.administrator .bg-state-reported {
  background-color: #5294b3 !important;
  color: #fff !important;
}
.administrator .bg-state-datarequest {
  background-color: #777 !important;
  color: #fff !important;
}
.administrator .bg-state-prereported {
  background-color: #21aced !important;
  color: #fff !important;
}
.administrator .bg-state-signed {
  background-color: #7cd19e !important;
  color: #fff !important;
}

/*!.*/
/*! Institution */
.institution_admin .study-row.filldata,
.institution_radiographer .study-row.filldata,
.institution_manager .study-row.filldata {
  border-left-color: #d5212d !important;
}
.institution_admin #studiesListItems .study-row.filldata td,
.institution_radiographer #studiesListItems .study-row.filldata td,
.institution_manager #studiesListItems .study-row.filldata td {
  color: #d5212d;
}
.institution_admin .study-row.filleddata,
.institution_radiographer .study-row.filleddata,
.institution_manager .study-row.filleddata {
  border-left-color: #aaa !important;
}
.institution_admin .study-row.reporting,
.institution_radiographer .study-row.reporting,
.institution_manager .study-row.reporting {
  border-left-color: #5294b3 !important;
}
.institution_admin .study-row.datarequest,
.institution_radiographer .study-row.datarequest,
.institution_manager .study-row.datarequest {
  border-left-color: #d5212d !important; /* Añadir algún símbolo tal vez*/
}
.institution_admin .study-row.prereported,
.institution_radiographer .study-row.prereported,
.institution_manager .study-row.prereported {
  border-left-color: #21aced !important; /* Añadir algún símbolo tal vez*/
}
.institution_admin .study-row.signed,
.institution_radiographer .study-row.signed,
.institution_manager .study-row.signed {
  border-left-color: #7cd19e !important;
}

.institution_admin .txt-study-state-filldata,
.institution_radiographer .txt-study-state-filldata,
.institution_manager .txt-study-state-filldata {
  color: #d5212d !important;
}
.institution_admin .txt-study-state-filleddata,
.institution_radiographer .txt-study-state-filleddata,
.institution_manager .txt-study-state-filleddata {
  color: #000 !important;
}
.institution_admin .txt-study-state-reporting,
.institution_radiographer .txt-study-state-reporting,
.institution_manager .txt-study-state-reporting {
  color: #5294b3 !important;
}
.institution_admin .txt-study-state-datarequest,
.institution_radiographer .txt-study-state-datarequest,
.institution_manager .txt-study-state-datarequest {
  color: #d5212d !important; /* Añadir algún símbolo tal vez*/
}
.institution_admin .txt-study-state-prereported,
.institution_radiographer .txt-study-state-prereported,
.institution_manager .txt-study-state-prereported {
  color: #21aced !important; /* Añadir algún símbolo tal vez*/
}
.institution_admin .txt-study-state-signed,
.institution_radiographer .txt-study-state-signed,
.institution_manager .txt-study-state-signed {
  color: #7cd19e !important;
}

.institution_admin .bg-state-filldata,
.institution_radiographer .bg-state-filldata,
.institution_manager .bg-state-filldata {
  background-color: #d5212d !important;
  color: #fff !important;
}
.institution_admin .bg-state-filleddata,
.institution_radiographer .bg-state-filleddata,
.institution_manager .bg-state-filleddata {
  background-color: #aaa !important;
  color: #fff !important;
}
.institution_admin .bg-state-reporting,
.institution_radiographer .bg-state-reporting,
.institution_manager .bg-state-reporting {
  background-color: #5294b3 !important;
  color: #fff !important;
}
.institution_admin .bg-state-datarequest,
.institution_radiographer .bg-state-datarequest,
.institution_manager .bg-state-datarequest {
  background-color: #d5212d !important;
  color: #fff !important;
}
.institution_admin .bg-state-prereported,
.institution_radiographer .bg-state-prereported,
.institution_manager .bg-state-prereported {
  background-color: #21aced !important;
  color: #fff !important;
}
.institution_admin .bg-state-signed,
.institution_radiographer .bg-state-signed,
.institution_manager .bg-state-signed {
  background-color: #7cd19e !important;
  color: #fff !important;
}
/*!.*/
/*! Radiologist */
.radiologist .study-row.report {
  border-left-color: #d5212d !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.radiologist .study-row.reported {
  border-left-color: #5294b3 !important;
}
.radiologist .study-row.reported td {
  background: #f5fdff !important;
}

.radiologist .study-row.datarequest {
  border-left-color: #f99a42 !important;
}
.radiologist .study-row.signed {
  border-left-color: #7cd19e !important;
}

.radiologist .study-row.signed td {
  background: #f9fffb !important;
}

.radiologist .txt-study-state-filldata {
  color: #ccc !important;
}
.radiologist i.fa.txt-study-state-assign {
  color: #ccc !important;
}
.radiologist .txt-study-state-report {
  color: #d5212d !important;
}
.radiologist .txt-study-state-reported {
  color: #5294b3 !important;
}
.radiologist .txt-study-state-datarequest {
  color: #ffc165 !important;
}
.radiologist .txt-study-state-signed {
  color: #7cd19e !important;
}

.radiologist .bg-state-filldata {
  background-color: #ccc !important;
  color: white;
}
.radiologist .bg-state-assign {
  background-color: #ccc !important;
  color: white;
}
.radiologist .bg-state-report {
  background-color: #d5212d !important;
  color: white;
}
.radiologist .bg-state-reported {
  background-color: #5294b3 !important;
  color: white;
}
.radiologist .bg-state-datarequest {
  background-color: #ffc165 !important;
  color: white;
}
.radiologist .bg-state-signed {
  background-color: #7cd19e !important;
  color: white;
}

.actionable {
  cursor: default;
}

/*!.*/
/*! Menú general de appointments */
ul#menunav > li > a#appointmentsOption,
ul#menunav > li > a#appointmentsOption > i.fa {
  background: #47ba91 !important;
  color: white;
}

ul#appointmentsMenu > li {
  position: relative;
  float: left;
  width: 100%;
}

ul#appointmentsMenu > li > a > input {
  float: left;
  width: 140px;
  margin-left: 10px;
  padding: 5px;
  border: solid 1px #eee;
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "Raleway";
  font-weight: 400;
  font-size: 0.95 !important;
  color: #485a6a;
}

ul#appointmentsMenu > li > a img {
  float: left;
  margin-right: 15px;
}

ul#appointmentsMenu > li > a .hover {
  display: none;
}
ul#appointmentsMenu > li > a .idle {
  display: block;
}

ul#appointmentsMenu > li.active > a .hover {
  display: block;
}
ul#appointmentsMenu > li.active > a .idle {
  display: none;
}

ul#appointmentsMenu > li.active > a:hover .hover {
  display: none;
}
ul#appointmentsMenu > li.active > a:hover .idle {
  display: block;
}

ul#appointmentsMenu > li.active,
ul#appointmentsMenu > li > a:hover {
  background: #5294b3;
  color: #fff;
}
ul#appointmentsMenu > li > a.mainSearch:hover {
  background: #004666;
  color: #fff;
}
ul#appointmentsMenu li a span {
  font-family: "Raleway";
  font-weight: 300;
}
ul#appointmentsMenu > li.active a span,
ul#appointmentsMenu > li.active a i,
ul#appointmentsMenu > li > a:hover span,
ul#appointmentsMenu > li > a:hover i {
  color: #fff;
}

ul#appointmentsMenu > li > a > i.fa {
  vertical-align: middle;
}

ul#appointmentsMenu > li > a#btn_next_free_slot {
  padding: 15px 15px;
  background: #7bd19e;
  font-size: 1.25em;
}

.badge {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  padding-top: 1px;
  border: solid 1px white;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  color: white;
  font-family: "Montserrat";
  font-weight: 400;
}
.badge.large {
  display: inline-block;
  width: auto;
  padding: 0 5px;
  height: 22px;
  margin-right: 5px;
  border: solid 1px white;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
  color: white;
  font-family: "Montserrat";
  font-weight: 500;
}

.badge.resident {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e9fcf+0,5294b3+100 */
  background: #0e9fcf; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #0e9fcf 0%,
    #5294b3 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #0e9fcf 0%,
    #5294b3 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #0e9fcf 0%,
    #5294b3 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9fcf', endColorstr='#5294b3',GradientType=0 ); /* IE6-9 */
}

.badge.manager {
  background: #f3a60d;
}
.badge.ultrasound {
  background: #a600b5;
  font-size: 0.8em;
  padding-right: 3px;
}

.badge.previous {
  line-height: 1.8em;
  background: #777;
}

.badge.review {
  background: #ee9a2c;
  color: white !important;
  font-size: 0.95em;
  line-height: 22px;
}

.badge.success {
  background: #414042;
  color: white !important;
  font-size: 0.95em;
  line-height: 22px;
}

.txt_resident,
.list td.txt_resident,
.list tr.txt_resident td,
.list tr.txt_resident td a {
  color: #0e9fcf;
}

tr.resident td {
  background: #e1eff5;
  border-color: white;
}

.study-priority {
  display: inline-block;
}
.study-priority::before {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  line-height: 14px;
  /* 	margin-right: 2px; */
  border-radius: 100%;
  border: solid 2px;
  font-family: "Raleway";
  font-size: 0.85em;
  text-align: center;
  font-weight: 700;
  background: #fff;
}

.study-priority.urgent::before {
  content: "!";
  color: #d5212d;
  border-color: #d5212d;
}

.study-priority.emergency {
  background: transparent;
  color: #d5212d !important;
}
.study-priority.emergency::before {
  font-family: "FontAwesome";
  content: "\f071";
  font-size: 1.2em;
  color: #d5212d;
  border-color: transparent;
  border-width: 0;
  background: transparent;
}

.study-priority.preferential::before {
  content: "!";
  color: #f99a42;
  border-color: #f99a42;
}

.study-priority.normal {
  content: "";
  display: none;
}
.txt-normal,
td.txt-normal,
div.txt-normal,
p.txt-normal,
a.txt-normal,
td.txt-normal *,
div.txt-normal *,
p.txt-normal *,
a.txt-normal * {
  color: #004666 !important;
}
.txt-urgent,
td.txt-urgent,
div.txt-urgent,
p.txt-urgent,
a.txt-urgent,
td.txt-urgent *,
div.txt-urgent *,
p.txt-urgent *,
a.txt-urgent * {
  color: #d5212d !important;
}

.txt-emergency,
td.txt-emergency,
div.txt-emergency,
p.txt-emergency,
a.txt-emergency,
td.txt-emergency *,
div.txt-emergency *,
p.txt-emergency *,
a.txt-emergency * {
  color: #d5212d !important;
}

.active .txt-emergency {
  color: white !important;
}

.txt-preferential,
td.txt-preferential,
div.txt-preferential,
p.txt-preferential,
a.txt-preferential,
td.txt-preferential *,
div.txt-preferential *,
p.txt-preferential *,
a.txt-preferential * {
  color: #f99a42 !important;
}

/* -- Report States --- */
.txt-draft,
.txt-draft td {
  color: #999 !important;
}
.border-draft {
  border-left-width: 4px !important;
  border-left-color: #999 !important;
}

.txt-closed,
.txt-closed td {
  color: #5294b3 !important;
}
.border-closed {
  border-left-width: 4px !important;
  border-left-color: #5294b3 !important;
}
.txt-signed,
.txt-signed td {
  color: #7cd19e !important;
}
.border-signed {
  border-left-width: 4px !important;
  border-left-color: #7cd19e !important;
}

.border-lightblue {
  border-color: var(--telrads-lightblue);
}

/* ---------------------*/

.infoBox td {
  padding: 5px 10px;
  border: solid 1px #ccc;
}

/*--- TAG LIST ---*/
.tagList {
  position: relative;
  float: left;
}
.tagList > li {
  float: left !important;
  width: auto !important;
  padding: 0;
  margin: 1px 1px 0 0 !important;
}
.tagList > li > a {
  float: left;
  padding: 2px 6px !important;
  border-radius: 2px;
  border: solid 1px #5294b3;
  background: #fff;
  font-weight: 400 !important;
  font-size: 0.85em;
  color: #5294b3;
}
.tagList > li > a:hover,
.tagList > li > a.active {
  background: #004666;
  color: #fff;
  border-color: #004666;
}
.quickFilters label {
  cursor: pointer;
}

.quickFilterWrapper {
  border: solid 1px #999;
  color: #777;
}
.quickFilterWrapper:hover {
  background: #777 !important;
  color: white;
}
.quickFilterWrapper.active {
  background: #444 !important;
  color: white;
}

.filterMenu .tagList > li {
  width: 40px !important;
  padding: 0 !important;
  text-align: center;
}
.filterMenu .tagList > li > a {
  width: 100%;
  font-size: 0.85em;
  overflow: hidden;
}
.tag {
  float: left;
  width: auto;
  padding: 10px 20px;
  border: solid 1px #ccc;
  border-radius: 2px;
  background: white;
}

.tag_md {
  display: inline-block;
  width: auto;
  padding: 1px 5px;
  border-radius: 2px;
  background: #777;
  color: white;
  font-weight: 500;
  font-size: 0.85em;
}

/*--- TABS ---*/
.tabs {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: -21px;
}

.tabs > li {
  float: left;
  height: 100%;
}

.tabs > li > a {
  float: left;
  padding: 0 20px;
  font-size: 1.15em;
  height: 60px;
  width: 100%;
  background: #eee;
  border-top: 2px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #5294b3;
  font-weight: 300;
  color: #999;
  line-height: 60px;
  text-align: center;
}

.tabs > li > a:hover {
  color: #fff;
  background: #aaa;
}

.tabs > li > a.active {
  border-top-color: #5294b3;
  border-bottom-color: white;
  background: white;
  color: #5294b3;
  font-weight: 500;
}

/*--- PAGINATION ---*/
.headerList {
  position: relative;
  float: left;
  margin: 10px 0;
  font-size: 1.25em;
}
.listInfo {
  float: left;
  padding: 5px 8px;
  border: solid 1px #ddd;
  border-left: none;
}

.listInfo:first-child {
  border-left: solid 1px #ddd;
}
.listInfo strong {
  color: #5294b3;
}

.pagination_Wrapper {
  float: left;
  clear: left;
  width: 100%;
}

.count {
  float: left;
  font-size: 1.25em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.count strong {
  color: #777;
}

.pagination {
  float: right;
  margin: 10px 0;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
.priority_counter {
    position: absolute;
    right: 5px;
    top: 6px;
    padding: 2px 4px;
    min-width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #d14131;
    color: white;
    font-weight: 500;
    text-align: center;
    line-height: .98rem;
}
.priority_counter.inactive {
    background-color: #ccc;
}
.pagination a.btn_arrow {
  float: left;
  padding: 3px 10px 2px 10px;
}

.pagination a.btn_arrow:hover {
  opacity: 0.5;
}

.pagination .page {
  float: left;
  padding: 0 15px;
  font-size: 1.25em;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
.pagination .page span {
  color: #777;
}
.pagination input.page {
  width: 30px;
  padding: 5px 0;
  text-align: center;
}

.pagination .page.active {
  border: solid 1px #ccc;
  color: #777;
}
.pagination .page:disabled {
  border-color: transparent;
}

option:disabled,
option.disabled {
  color: #ccc;
  cursor: default;
}

.pagination_Wrapper a.btn_all {
  display: inline-block;
  padding: 0 8px;
  margin: 0 15px;
  border: solid 1px #ccc;
  color: #555;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

/*--- REGISTRO JORNADA LABORAL ---*/
.workdayLogTab {
  position: absolute;
  z-index: 1000;
  top: -5px;
  right: 300px;
  padding: 5px 10px;
  padding-top: 10px;
  background: white;
  border-radius: 0 0 3px 3px;
  font-family: "Raleway";
  font-size: 1em;
  font-weight: 500;
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.5);
  transition: all 0.25s ease-in-out 0s;
}
.workdayLogTab:hover {
  padding-top: 20px;
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 1);
}
.workdayLogTab.incomplete:hover {
  background: #ff5a50;
}

.workdayLogTab.complete {
  background: #17ca95;
}
.workdayLogTab.complete:hover {
  background: #11fcb5;
}

/*--- PATIENT CARD ---*/
.patientCard {
  position: relative;
  float: left;
  padding: 15px;
  border: solid 1px #ccc;
  border-radius: 2px;
  margin-bottom: 10px;
}

.patientCard .fieldRow {
  padding: 0 !important;
}

a#btn_unlink_patient {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

a#btn_access_portal {
  position: absolute;
  bottom: 34px;
  right: 10px;
  padding: 4px 6px !important;
}

/*--- CONNECTED USERS ---*/
.connectionIcon {
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #777;
  border: solid 0.5px white;
}

.connected .connectionIcon {
  background: #30d974;
}
.connected td.cellName {
  font-weight: bold;
  color: #333;
}

/*--- BREADCRUMBS ---*/
#breadcrumbs_Wrapper {
  float: left;
  width: 100%;
  padding: 5px;
  background: #fff;
  margin-top: 5px;
  border-top: solid 1px #ddd;
}
#breadcrumbs {
  float: left;
  width: 100%;
}
#breadcrumbs li {
  float: left;
}
#breadcrumbs li a {
  padding: 5px 8px;
}
#breadcrumbs li:last-child a {
  font-weight: 600;
}

/* -- FOOTER --- */
#footer {
  display: none;
  float: left;
  width: 100%;
  clear: both;
  padding: 5px 0;
  text-align: center;
  font-size: 0.7em;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #999;
}
#footer a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #777;
  opacity: 0.5;
}
#footer a img {
  height: 30px;
  margin-left: 10px;
  vertical-align: middle;
}
#footer a:hover {
  opacity: 1;
}
.footerMenu a {
  float: left;
  width: 100%;
  margin: 5px 0 !important;
  padding: 10px 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #fff;
  border-radius: 2px;
  font-size: 1.25em;
  text-align: center;
}

/* -- MODAL --- */
#modalWrapper {
  display: none;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

#modal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-left: 0;
  padding: 20px;
  padding-top: 25px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.35s ease-in-out 0s;
}
#modalContent {
  width: 100%;
  height: 100%;
}

a#modalClose {
  z-index: 21000;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
a#modalClose:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

#modalContent .content,
.content .content {
  margin-left: 0 !important;
}

#modal .row {
  padding: 0 !important;
}

/* -- PRELOADER -- */
#preloaderWrapper {
  position: fixed;
  z-index: 50000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  overflow: hidden;
}
#preloader {
  position: absolute;
  top: 300px;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  box-sizing: border-box;
}
.preloaderIcon {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 4em;
  color: #21aced;
}
.preloaderText {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-family: "Montserrat";
  font-size: 3em;
  color: #777;
}
.apptModal {
  display: none;
}

/* -- HIDER -- */
#hiderWrapper {
  display: none;
  position: fixed;
  z-index: 50000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  overflow: hidden;
}

#hider {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#hiderContent {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  padding: 30px;
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
  color: #555;
}
#hiderContent h1 {
  font-size: 2em;
  color: #5294b3;
  font-family: "Montserrat";
}
#hiderContent p {
  font-size: 1.25em;
  line-height: 1.75em;
}

a#hiderClose {
  display: none;
  z-index: 2;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

a#hiderClose:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/* -- ALIAS -- */
#aliasesList ul li {
  float: left;
  padding: 5px 10px;
  margin: 0 2px 2px 0;
  border: solid 1px #ddd;
  border-radius: 2px;
  font-size: 1.25em;
}
.delete_alias {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.delete_alias:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.delete_alias i.fa {
  color: #d5212d;
  vertical-align: middle;
}

/* -- ACI TAGS -- */
#tagsList ul li {
  float: left;
  padding: 5px 10px;
  margin: 0 2px 2px 0;
  border: solid 1px #ddd;
  border-radius: 2px;
  font-size: 1.25em;
}
.delete_tag {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.delete_tag:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.delete_tag i.fa {
  color: #d5212d;
  vertical-align: middle;
}

/*!.*/
/*! --- IDIOMAS --- */
.es {
  display: block;
}
.cat {
  display: none;
}
.en {
  display: none;
}

.menu_language {
  float: right;
}

a.btn_language {
  display: inline-block;
  padding: 10px;
  font-size: 1.25em;
  color: #999;
}

a.btn_language.active {
  color: #5294b3;
}
a.btn_language:hover {
  color: #000;
}
/*!.*/
/*! --- DATEPICKER --- */

.currentRangeDate {
  float: left;
  padding: 7px 10px 6px 10px;
  margin-right: 5px;
  margin-left: -8px;
  border: solid 1px #000;
  border-radius: 0 2px 2px 0;
}
.currentRangeDate strong {
  font-weight: bold;
}

span.ui-button-text {
  background: #fff;
  line-height: 1.5em !important;
}
.ui-priority-primary span.ui-button-text {
  background: #5294b3;
  color: #fff;
}
.ui-datepicker-month,
.ui-datepicker-year {
  font-family: "Raleway";
  font-weight: 600;
  color: #5294b3;
}

button.comiseo-daterangepicker-vfit {
  border-radius: 2px !important;
  border: solid 1px #ccc !important;
}
.ui-widget-header {
  background: #fff !important;
}
.comiseo-daterangepicker-triggerbutton.ui-button {
  min-width: 11em;
  border-color: #5294b3 !important;
  color: #5294b3 !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  font-family: "Raleway";
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
  background: #fff;
  border-color: #5294b3;
  border-width: 0.5px;
  color: #5294b3;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #f2f3f4;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #d3d3d3;
  /*border-color: transparent;*/
  /*background: #5294b3;*/
  /*color: #fff;*/
}
.ui-state-focus {
  border-color: transparent !important;
  background: #5294b3 !important;
}
.ui-menu .ui-menu-item a {
  color: #5294b3;
  font-weight: 400;
}
.ui-state-focus a {
  color: #fff !important;
}

#countForm .comiseo-daterangepicker-triggerbutton.ui-button {
  min-width: 100% !important;
}

/*!-- COLORES ---*/
:root {
  --telrads-blue: #004666;
  --telrads-medblue: #5294b3;
  --telrads-medblue-old: #0184b0;
  --telrads-lightblue: #21aced;
  --telrads-lightblue-old: #3399ff;
  --telrads-lighterblue: #e8f8ff;
  --telrads-green: #1fbba6;
  --telrads-red: #d14131;
  --telrads-orange: #ee9a2c;
}

/*! - - -  GIT - - - */
.gitTag {
  position: absolute;
  z-index: 20000;
  top: 0;
  right: 19px;
  padding: 1px 5px;
  background: #ff7000;
  color: white;
  font-size: 0.75em;
  font-family: "Montserrat";
  font-weight: 400;
  border-radius: 0 0 2px 2px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 1px 1px 1px #555;
}
.gitTag.master {
  background: red;
}

/*!  - - - TRACKING (TRAZABILIDAD ESTUDIOS/INFORMES)- - - */
td.tracking-info-cell{
    width: 90px;
}
    .tracking-info {
        width: 112px;
        padding: 2px;
    }
        .tracking-info li {
            float: left;
            padding: 0;
        }
        .tracking-info i.fa {
            color: #ddd;
        }

    .tracking-flag-separator {
        width: 8px;
        height: 13px;
        margin-top: 13px;
        border-top: solid 2px #bbb;
    }

    .tracking-flag {
        width: 30px;
        height: 30px;
        border: solid 3px #bbb;
        border-radius: 50%;
        background: white;
    }

    .tracking-flag i.fa {
        margin-top: 3px;
        margin-left: 5px;
    }

/* IMAGES */
    .tracking-flag.images.active {
        border-color: #3392f8;
    }
    .tracking-flag i.fa.tracking-images {
        margin-top: 5px;
        font-size: 1rem;
    }
    .tracking-flag.active i.fa.tracking-images {
        color: #3392f8;
    }

/* REPORTS */

    .tracking-flag.report.active {
        border-color: #20b2aa;
    }
    .tracking-flag i.fa.tracking-report {
        margin-top: 4px;
        margin-left: 6px;
        font-size: 1rem;
    }
    .tracking-flag.report.active i.fa.tracking-report {
        color: #20b2aa;
    }
    .tracking-flag-separator.report.active {
        border-color: #20b2aa;
    }

/* UPLOAD */
    .tracking-flag i.fa.tracking-upload {
        margin-top: 4px;
        font-size: 1.13rem;
    }
    .tracking-flag.upload.active {
        border-color: #ee9a2c;
    }
    .tracking-flag.upload.active i.fa.tracking-upload {
        color: #ee9a2c;
    }
    .tracking-flag-separator.upload.active {
        border-color: #ee9a2c;
    }



@media (min-width: 480px) {
}

#MainBranchSelect {
  width: 100px;
  border: 1px solid #c2cad8;
  padding: 6px 12px;
  font-size: 0.7em;
  font-weight: 300;
  color: #777;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
}


@media (min-width: 768px) {
  #menunav > li .submenuArrow {
    display: block;
  }

  #menunav > li .b_submenu {
    display: none;
  }

  .subMenu {
    display: none;
    position: absolute;
    width: 100%;
    left: 100%;
    top: inherit;
    z-index: 1000;
  }
  #menunav > li:hover > .subMenu {
    display: block;
  }
  .subMenu li {
    float: left;
    clear: left;
    width: 100%;
    text-align: left;
  }
  .subMenu > li > a {
    position: relative;
    float: left;
    padding: 7px;
    height: inherit;
    width: 100%;
    font-weight: 500;
    text-align: left;
    color: #fff;
  }
  .subMenu > li > a.subOption {
    background: #999;
    color: #fff;
    font-weight: 300;
  }
  .subMenu > li > a.subOption > i.fa {
    color: #fff !important;
  }

  .subOption .alert {
    margin-top: 0;
    right: 5px;
  }

  .subMenu > li > a.subOption:hover {
    background: #5294b3;
  }

  .subMenu > li > a:hover {
    background: #f2f6f9;
  }

  #menunav > li.active > .subMenu {
    display: block;
    position: relative;
    width: 100% !important;
    float: left;
    left: auto;
  }

  /*! sub submenu */
  .subSubMenu {
    display: none;
    position: absolute;
    width: 100%;
    left: 100%;
    top: inherit;
    z-index: 1000;
  }
  #menunav > li > .subMenu > li:hover .subSubMenu {
    display: block;
  }
  .subSubMenu li {
    float: left;
    clear: left;
    width: 100%;
    text-align: left;
  }
  .subSubMenu > li > a {
    position: relative;
    float: left;
    padding: 7px;
    height: inherit;
    width: 100%;
    font-weight: 500;
    text-align: left;
    color: #fff;
  }
  .subSubMenu > li > a > span {
    color: #777;
  }
  .subSubMenu > li > a.subOption {
    background: #999;
    color: #fff;
    font-weight: 300;
  }
  .subSubMenu > li > a.subOption > i.fa {
    color: #fff !important;
  }

  .subSubMenu > li > a:hover {
    background: #21aced !important;
  }

  #logo_subtitle {
    display: block;
    /* 		float: left; */
    /* 		margin: 20px 0 0 40px; */
    position: absolute;
    z-index: 1000;
    top: 20px;
    left: 240px;
    /*width: 925px;*/
    background: white;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
  }
  #logo_subtitle span {
    font-weight: 300;
    text-transform: none;
  }

  .logo a img {
    display: block;
  }

  .info_topBar {
    margin-top: 15px;
    margin-right: 10px;
  }

  #namebox > a {
    width: auto;
  }
  .ai_logo {
    display: inline-block;
    padding: 3px 3px 3px 3px;
    /*border: solid 1px #5294b3;*/
    border-radius: 2px;
    background-color: #3392f8;
    /*letter-spacing: -1px;*/
    color: white;
    font-weight: 600;
    line-height: 1em;
    text-align: center;
    font-size: 0.75em;
  }

  /* Related sizes below elements */
  .logo {
    float: left;
    margin: 10px;
    width: 200px;
  }

  .content {
    margin-left: 210px;
  }

  .institution_admin .content,
  .institution_manager .content,
  .institution_radiographer .content {
    margin-left: 260px;
  }

  #menunav-wrapper {
    position: absolute;
    z-index: 2000;
    display: inline-block !important;
    width: 200px;
    height: auto !important;
    margin-bottom: 0;
    background: #fff;
  }

  .institution_admin #menunav-wrapper,
  .institution_manager #menunav-wrapper,
  .institution_radiographer #menunav-wrapper {
    width: 245px;
  }

  #menunav {
    width: 100%;
  }

  /* Related sizes above elements */

  #menunav > li {
    text-align: left;
  }

  #menunav > li > a span {
    display: inline-block;
    margin-left: 10px;
    font-weight: 500;
  }

  /*
	.subMenu > li > a.subOption {
		font-size: 1.1em;
		padding-left: 45px;
	}
	*/
}



@media (min-width: 992px) {
  .headerSection a {
    padding: 10px 15px;
    line-height: 1.5em;
  }
  .headerMenu a.create {
    font-size: 1em;
    line-height: 1em;
  }
  .footerMenu a {
    float: right;
    width: auto;
    margin: 5px !important;
    padding: 6px 10px;
    font-weight: 400;
    font-size: 1em;
  }
  #modal {
    width: 66.66%;
    height: 90%;
    top: 5%;
    margin-left: 16.65%;
  }
}



@media (min-width: 1024px) {
}



@media (min-width: 1200px) {
  /*!--- TABS ---*/
  .tabs {
    position: absolute;
    float: none;
    /* 		width: 490px; */
    width: auto;
    margin: 0;
    right: 0;
    bottom: -1px;
    height: 100%;
  }
  .tabs > li {
    width: auto;
    min-width: 150px;
  }
  .tabs > li > a {
    height: 100%;
    padding: 0 25px;
    font-size: 1.25em;
    line-height: 80px;
    width: auto;
  }

  .tabs {
    position: relative !important;
  }

  #Tabs_Wrapper .headerSection {
    padding: 0 !important;
  }

  #studyTabs li a {
    padding: 0 15px !important;
  }
}

#MsgPanel {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 100%;
  margin-left: -300px;
  max-width: 600px;
  background: #d5212d;
  color: white;
  border: solid 5px black;
}
#MsgPanelWrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.msg_panel {
  margin: 0px;
  padding: 57px 15px 10px 15px;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  color: #555;
}

.content-text {
  padding: 41px 10px 10px 10px;
  font-size: large;
}

.content-text span a {
  color: rgba(0, 0, 0, 1);
}

.json-table {
  float: left;
  width: 100%;
}
.json-table tr > td {
  padding: 2px 2px;
  border: solid 1px #777;
}
.json-table tr td:first-child {
  width: 150px;
  padding: 2px 6px;
  color: #5294b3;
}
.json-table .json-table tr > td {
  padding: 4px 4px;
  border: solid 1px #ddd;
}
.json-table .json-table tr td:first-child {
  width: 150px;
  padding: 2px 6px;
  color: black;
}

.notification_comments{
    /* background: #e23434; */
    /* color: white; */
    /* border-color: #e23434; */
    /* padding: 4px 13px 4px 10px; */
    /* border-radius: 10px; */
    margin-left: 5px !important;
    /* margin-bottom: 10px; */
    margin-top: 0px !important;
}

.loadingBox {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 300px;
    left: 50%;
    margin-left: -12.5%;
    width: 25%;
    padding: 30px 0;
    background: white;
    text-align: center;
    font-size: 1.5rem;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
}

.adeslasTxt {
    font-family: Garamond;
    color: #00A2ED;
}
.adeslasBg {
    font-family: Garamond;
    background-color: #00A2ED;
    color: white;
}
.adeslasBadge {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding: 2px 0;
    text-align: center;
    font-size: 1.15rem;
    line-height: 15px;
}

.hoverInfo {
  display: block;
}
.noHoverInfo {
  display: none;
}

*:has(.hoverInfo):hover > .hoverInfo {
  display: none;
}
*:has(.noHoverInfo):hover > .noHoverInfo {
  display: block;
}