/* Versión del archivo v 2.1.2 */

@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("../fonts/roboto/Roboto-Thin.eot");
  src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("../fonts/roboto/Roboto-Light.eot");
  src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("../fonts/roboto/Roboto-Regular.eot");
  src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Medium.eot");
  src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Bold.eot");
  src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url("../fonts/opensans/OpenSans-Light.eot?v=1.1.0");
	src: url("../fonts/opensans/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
	font-weight: 300;
	font-style: normal;
}
@font-face {
 	font-family: 'Open Sans';
 	src: url("../fonts/opensans/OpenSans-Regular.eot?v=1.1.0");
 	src: url("../fonts/opensans/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
 	font-weight: 400;
 	font-style: normal;
}
@font-face {
 	font-family: 'Open Sans';
 	src: url("../fonts/opensans/OpenSans-Semibold.eot?v=1.1.0");
 	src: url("../fonts/opensans/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
 	font-weight: 600;
 	font-style: normal;
}
@font-face {
 	font-family: 'Open Sans';
 	src: url("../fonts/opensans/OpenSans-Bold.eot?v=1.1.0");
 	src: url("../fonts/opensans/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
 	font-weight: 700;
 	font-style: normal;
}
@font-face {
 	font-family: 'Open Sans';
 	src: url("../fonts/opensans/OpenSans-ExtraBold.eot?v=1.1.0");
 	src: url("../fonts/opensans/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
 	font-weight: 800;
 	font-style: normal;
}

/* Suprimidas las etiquetas b,i, h1, h3 */
/** Reset */
html, body, div, span, applet, object, iframe,
 h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, h2, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}

/** HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*
ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	br-spacing: 0;
}

/** Reset input number style */
input[type='number'] {
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/** Remove input background colour for Chrome autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px #FCFCFC inset !important;
	transition: background-color 1000s ease-in-out 0s;
}

/** Allow angular.js to be loaded in body, hiding cloaked elements until templates compile */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

/** General */
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

html, body {
	height: 100%;
}

body{
    font-size: 62.5%; /** Reduces the default font-size from 16px down to 10px.
    It means that 1em is equal to 10px and so calculating the px size is a matter of multiplying by 10 */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #444;
}

.plainContent {
    background: #F5F3F1;
}

.gradientContent {
	background: #376788;
	background: -webkit-linear-gradient(to right, #376788 , #212754);
	background: linear-gradient(to right, #376788 , #212754);
}
.errPage h3,h1{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}
a {
    text-decoration: none;
}
a[ng-click]{
    cursor: pointer;
	cursor: hand;
}
.login a:focus, .login a:hover,
.signup a:focus, .signup a:hover,
.unlock a:focus, .unlock a:hover,
.plainContent a:focus, .plainContent a:hover,
.gradientContent a:focus, .gradientContent a:hover {
	text-decoration: underline;
}
.login a, .login a:focus, .login a:hover,
.signup a, .signup a:focus, .signup a:hover,
.unlock a, .unlock a:focus, .unlock a:hover,
.plainContent a, .plainContent a:focus, .plainContent a:hover,
.gradientContent a, .gradientContent a:focus, .gradientContent a:hover {
	color: #3A6EA7;
}

h1 {
	font-size: 3.2em;
	font-weight: 300;
}

:focus {
	outline: none;
}
::-moz-focus-inner {
	border: 0;
	outline: none;
}

::-moz-selection {
	background: #3A6EA7;
	color: #FFF;
}
::selection {
	background: #3A6EA7;
	color: #FFF;
}

md-input-container, md-sidenav, md-toolbar, md-table-container thead,
md-table-pagination, .breadcrumbs, .pagination {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

md-input-container {
    font-size: 1.5em;
    margin: 10px 0;
}

md-input-container input {
    font-family: 'Open Sans', Arial, sans-serif;
}

md-input-container .md-errors-spacer {
    min-height: 20px;
}

md-input-container:not(.md-input-invalid).md-input-focused label {
    color: #617A96;
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-select:not([disabled]):focus ._md-select-value {
    border-color: #617A96;
}

md-input-container.select label:not(._md-container-ignore).md-required:after {
    content: none;
}

md-select-menu {
	margin-top: 40px;
}

md-select-menu md-content._md {
    padding: 0;
}

md-select-menu md-content md-option {
    height: 44px;
}

md-select-menu md-content md-option.ng-scope.md-ink-ripple[selected] {
    color: #3A6EA7;
}

md-select-menu md-content md-option ._md-text {
    font-size: 1.5em;
}

.submit {
	padding: 10px 0;
}

.submit button, .submit .btnCan, .submit a.btnCan {
    width: 100%;
    margin: 0;
}

.submit p {
    min-height: 36px;
	font-size: 1.3em;
    margin-left: 10px;
    display: table;
    text-align: right;
    float: right;
}

.submit p a {
    display: table-cell;
    vertical-align: middle;
}

.btnMain, .btnStats, .btnEdit, .btnHistr, .btnDel, .btnUndo, .btnCan, a.btnCan {
    max-width: 160px;
    min-width: 50px;
    height: 36px;
    font-family: 'Roboto', Arial, sans-serif;
	margin:10px !important;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .04em;
    -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
}

.btnMain, .btnCan, a.btnCan {
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.14), 0 2px 6px 0 rgba(0,0,0,.10);
}

.btnStats, .btnEdit, .btnDel, .btnHistr {
    border: 1px solid transparent;
}

.btnMain:not([disabled]):hover, .btnCan:not([disabled]):hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15), 0 3px 12px 0 rgba(0,0,0,.12);
}

.btnMain, .btnMain:not([disabled]):focus, .btnMain[disabled] {
    color: rgba(255,255,255,.9);
    background-color: #364A64;
}

.btnMain:not([disabled]):hover {
    background-color: #4A5C73;
}
.btnStats[disabled]{
    color:#AAAAAA !important;
}

.btnStats, .btnStats:not([disabled]):focus, .btnStats[disabled] {
    background-color: rgba(0,0,0,.06);
    color: #2D6291;
}

.btnStats:not([disabled]):hover {
    background-color: transparent;
    border-color: #42719C;
}
.btnHistr, .btnHistr:not([disabled]):focus, .btnHistr[disabled] {
    background-color: rgba(0,0,0,.06);
    color: #009900;
}

.btnHistr:not([disabled]):hover {
    background-color: transparent;
    border-color: #009900;
}

.btnEdit, .btnEdit:not([disabled]):focus, .btnEdit[disabled] {
    background-color: rgba(0,0,0,.06);
    color: #E58600;
}

.btnEdit:not([disabled]):hover {
    background-color: transparent;
    border-color: #E79219;
}

.btnDel, .btnDel:not([disabled]):focus, .btnDel[disabled] {
    background-color: rgba(0,0,0,.06);
    color: #C62828;
}

.btnDel:not([disabled]):hover {
    background-color: transparent;
    border-color: #CB3D3D;
}

.btnUndo, .btnUndo:not([disabled]):focus, .btnUndo[disabled] {
    background-color: #C62828;
    border: 1px solid #CB3D3D;
    color: #FFF;
}

.btnUndo:not([disabled]):hover {
    background-color: #FFF;
    color: #C62828;
}

.btnCan, .btnCan:not([disabled]):focus,
.btnCan[disabled], .btnCan:not([disabled]):hover,
a.btnCan, a.btnCan:not([disabled]):focus,
a.btnCan[disabled], a.btnCan:not([disabled]):hover {
    color: rgba(0,0,0,.4);
    text-decoration: none;
}

.btnCan, .btnCan:not([disabled]):focus, .btnCan[disabled],
a.btnCan, a.btnCan:not([disabled]):focus, a.btnCan[disabled] {
    background-color: #DADADA;
}

.btnCan:not([disabled]):hover, a.btnCan:not([disabled]):hover {
    background-color: #E1E1E1;
}

a.btnBack {
    margin: 20px 0 0;
}
.preload{
    min-height: 50vh;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 2px;
    z-index: 9;
}
#stdFile .preloader {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    box-shadow: inset 0 0 3px rgba(0,0,0,.1);
    border-radius: 2px;
    z-index: 9;
}

.preloader md-progress-circular {
    top: 50%;
    margin-top: -20px;
}

.preloader md-progress-circular path {
    stroke: rgba(48,50,64,.8);
}
.preload md-progress-circular path {
    stroke: rgba(48,50,64,.8);
}
md-progress-circular path {
    stroke: rgba(48,50,64,.8);
}
#stdFile .submit button {
    margin: 0 5px;
}
#listTests p{
    margin-left: 15px;
    margin-top: 15px;
    font-weight: bold;
    color: #6d6d6d;
    font-size: 1.8em;

}
/** Public contents */
.login, .signup, .changePass, .unlock {
	height: 100%;
	background: #376788;
	background: -webkit-linear-gradient(to right, #376788 , #212754);
	background: linear-gradient(to right, #376788 , #212754);
}

.login .wrapper, .signup .wrapper, .changePass .wrapper, .unlock .wrapper {
	max-width: 420px;
	position: relative;
	top: 150px;
	margin: 0 auto;
	box-sizing: content-box;
    padding: 10px;
    background-color: rgba(0,0,0,.1);
    border: 1px solid rgba(255,255,255,.03);
    border-radius: 5px;
}

.login .logo, .signup .logo, .changePass .logo, .unlock h1 {
	padding: 15px 20px;
    margin-bottom: 10px;
    background: rgba(255,255,255,.1);
    background: -webkit-linear-gradient(to right, rgba(255,255,255,.1), rgba(255,255,255,.05));
	background: linear-gradient(to right, rgba(255,255,255,.1), rgba(255,255,255,.05));
    border-radius: 2px;
}

.login h1, .signup h1, .changePass h1 {
    height: 51px;
    background: url('../img/logo.png') no-repeat left center;
    text-indent: -99999px;
}
/*
.logo-toolbar h1 {
    height: 21px;
    background: url('../img/logo.png') no-repeat center center;
    background-size: contain;
    text-indent: -99999px;
}
*/
.logo-toolbar > img{
  height: 20px;
  max-height: 20px;
  margin: 0px 0px 0px 10px;
}
.unlock h1 {
	color: #FFF;
}
.login .formCore, .signup .formCore,
.changePass .formCore, .unlock .formCore {
	padding: 20px;
	background: #F5F3F1;
	border: 1px solid #EEE;
	border-radius: 2px;
}

.signup .note, .changePass .note {
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: center;
    background: rgba(255,255,255,.1);
    background: -webkit-linear-gradient(to right, rgba(255,255,255,.1), rgba(255,255,255,.05));
	background: linear-gradient(to right, rgba(255,255,255,.1), rgba(255,255,255,.05));
    border-radius: 2px;
    margin-top: 10px;
    padding: 15px 20px;
}

.signup .note p, .changePass .note p {
    display: inline;
    color: rgba(255,255,255,.9);
}

.signup .note span {
    color: #2ECCFA;
}

/** Header */
.toolbarWrapper {
    position: fixed;
}

md-toolbar.mainHeader {
    min-width: 100%;
    min-height: 45px;
	font-size: 1.3em;
	position: fixed;
	z-index: 999;
}

md-toolbar.mainHeader div.mobileMenu .md-button {
	color: rgba(255,255,255,.9);
}

md-toolbar.mainHeader div.dsName {
    font-size: 0.9em;
    font-weight: 600;
    color: rgba(255,255,255,.9);
	padding-left: 15px;
    cursor: default;
}

md-toolbar.md-menu-toolbar.mainHeader {
    background: #2D313B;
	background: -webkit-linear-gradient(to bottom, #2A2F39 , #2F333C);
	background: linear-gradient(to bottom, #2A2F39 , #2F333C);
}

md-menu-bar {
    padding: 0;
}

md-menu-bar md-menu {
	min-width: 100%;
}

md-menu-bar md-menu > button {
    height: 46px;
    min-width: 100%;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.2em;
    letter-spacing: .02em;
    color: rgba(255,255,255,.9);
    margin-top: 4px;
    padding: 0 20px;
    -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
}

md-menu-bar md-menu > button .fa-user {
    margin-right: 5px;
}

md-menu-bar md-menu > button .fa-caret-down {
    font-size: 1.1em;
    margin-left: 6px;
    color: rgba(255,255,255,.7);
}

md-menu-bar md-menu > button:hover {
    background-color: #4C5965;
}

md-menu-bar.md-default-theme md-menu._md-open > button,
md-menu-bar md-menu._md-open > button,
md-menu-bar.md-default-theme md-menu > button:focus,
md-menu-bar md-menu > button:focus {
    outline: none;
    background-color: #4C5965;
}

md-menu-content._md-menu-bar-menu.md-dense {
    padding: 0;
}

md-menu-content.md-dense md-menu-item,
md-menu-content._md-menu-bar-menu.md-dense .md-button {
    min-height: 44px;
}

md-menu-item > .md-button {
    font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.3em;
    line-height: 44px;
}

md-menu-item > .md-button i {
    color: #555;
    line-height: 44px;
    margin-right: 6px;
}

md-menu-item > .md-button span {
    font-family: 'Roboto', Arial, sans-serif;
    color: #444;
    margin-left: 4px;
}

/** Sidebar */
.sidenavWrapper {
    position: fixed;
}

md-sidenav {
	background: #37404a;
	background: -webkit-linear-gradient(to bottom, #37404a , #292335);
	background: linear-gradient(to bottom, #37404a , #292335);
	z-index: 99;
	position:fixed;
}

@media (max-width: 959px) {
    md-sidenav {
        width: 256px;
        max-width: 256px;
    }
}
@media (max-width: 456px) {
    md-sidenav {
        width: 256px;
        min-width: 256px;
        max-width: 256px;
    }
}

md-sidenav .logo {
    padding: 0 15px;
	padding-top:50px;
}

md-sidenav .logo h1 {
    height: 94px;
    background: url('../img/logo.png') no-repeat center center;
    background-size: contain;
    text-indent: -99999px;
}

md-sidenav .logo h1 a {
	height: inherit;
	display: block;
}

md-sidenav .userData {
	text-align: center;
	padding-top: 20px;
	background: #353C47;
	background: -webkit-linear-gradient(to bottom, #353C47 , #313441);
	background: linear-gradient(to bottom, #353C47 , #313441);
}

md-sidenav .userData img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: solid 5px #49535B;
}

md-sidenav .sidenavContent {
    font-family: 'Roboto', Arial, sans-serif;
}

md-sidenav .sidenavContent .sidenavSection {
    overflow: hidden;
	background-color: #37404A;
	border-bottom: solid 1px #555;
}

md-sidenav .sidenavContent .sidenavSection:first-of-type {
	border-top: solid 1px #555;
}


md-sidenav .sidenavContent .sidenavSection .accordionHeader {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: .03em;
    color: rgba(255,255,255,.9);
    text-align: left;
    padding: 0 15px;
    margin: 0;
    border-radius: 0;
}

md-sidenav .sidenavContent .sidenavSection .md-button:not([disabled]):hover,
md-sidenav .sidenavContent .sidenavSection .md-button:not([disabled]):focus,
md-sidenav .sidenavContent .sidenavSection .accordionBody .md-button:not([disabled]):hover,
md-sidenav .sidenavContent .sidenavSection .accordionBody .md-button:not([disabled]):focus  {
	background-color: #3A6EA7;
}

md-sidenav .sidenavContent .sidenavSection .accordionBody {
    height: 0;
    display: none;
}

md-sidenav .sidenavContent .sidenavSection .accordionBody.active {
    display: block;
}

md-sidenav .sidenavContent .sidenavSection .accordionBody .submenuItem {
    height: 44px;
}

md-sidenav .sidenavContent .sidenavSection .accordionBody .md-button {
    width: 100%;
    height: inherit;
    line-height: 44px;
    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: capitalize;
    text-align: left;
    color: rgba(255,255,255,.9);
    background-color: #37404A;
    padding: 0 15px 0 40px;
    margin: 0;
    border-radius: 0;
}

md-sidenav .sidenavContent .sidenavSection .accordionHeader .md-button:not([disabled]):hover,
md-sidenav .sidenavContent .sidenavSection .accordionHeader .md-button:not([disabled]):focus,
md-sidenav .sidenavContent .sidenavSection .accordionBody .md-button:not([disabled]):hover,
md-sidenav .sidenavContent .sidenavSection .accordionBody .md-button:not([disabled]):focus  {
	background-color: #4C5965;
}

md-sidenav .sidenavContent .sidenavSection i {
	font-size: 1.1em;
}

md-sidenav .sidenavContent .sidenavSection .accordionHeader i {
    width: 1.1em;
    margin-right: 6px;
    color: rgba(255,255,255,.9);
}

md-sidenav .sidenavContent .sidenavSection .accordionBody i {
    margin-right: 3px;
    color: rgba(255,255,255,.7);
}

.actParent {
	background-color: #3A6EA7;
}

.actChild {
	color: rgba(255,255,255,.9) !important;
}

.actChild > i {
	color: rgba(255,255,255,.7) !important;
}

/** Breadcrumbs y Search */
.subheader {
    margin: 60px 15px 20px;
}

.crumb {
    font-family: 'Roboto', Arial, sans-serif;
    color: #364A64 !important;
    font-size: 1.2em;
    font-weight: 700;
	letter-spacing: .02em;
	display: inline;
}

.gradientContent .crumb{
	color: #FFFFFF !important;
}

.crumb:before {
    content: '\F105';
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 1.1em;
    margin: 0 6px 0 4px;
    -webkit-font-smoothing: antialiased;
}

.crumb:first-child:before {
	display: none;
}

.search {
    padding: 20px 15px 5px 5px;
    margin: 0;
}

.search md-input-container .md-input,
.search md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    height: 20px;
    padding-bottom: 3px;
}

.search md-input-container div.md-errors-spacer {
    display: none;
}

.search md-input-container .fa-search {
    width: 20px;
    height: 20px;
    line-height: 17px;
    color: #656B6E;
    padding: 0;
    margin: 0;
}

/** Private contents */
.formWrapper, .tableWrapper{
	padding: 0 10px 10px;
}

.formWrapper .formCore, .tableWrapper .tableCore{
	background: #FFF;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 2px;
}

.formWrapper .formCore{
	padding: 15px 10px;
    position: relative;
}

.formWrapper .formCore md-input-container {
    padding: 0 5px;
}

.formWrapper .formCore md-input-container label:not(._md-container-ignore) {
    left: 5px;
    padding: 0;
}
.testWrapper{
    padding: 15px 10px;
    margin: 0px 6px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 2px;
}
.preview-test{
    background-color: #efefef;
    padding: 16px 14px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none !important;
    font-family: 'Roboto';
}
.preview-question h3{
    font-weight: bold;
    font-size: 2.5em;
}
.img-preview-question{
    -webkit-box-shadow: 7px 9px 20px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 9px 20px -6px rgba(0,0,0,0.75);
    box-shadow: 7px 9px 20px -6px rgba(0,0,0,0.75);
    max-height: 170px !important;
    cursor: pointer;
}
.md-button.teststep.showtests{
    background-color: #353b46;
}
.md-button.teststep.showtests:hover{
    background-color: #59697a !important;
}
.md-button.teststep.showtestsM{
    background-color: #797b7f;
}
.md-button.teststep.showtestsM:hover{
    background-color: #59697a !important;
}
.md-button.teststep.selected{
    border:solid 1px #353b46;
    background-color: #FFF;
    color:#353b46;;
}
.ansdefault{
     background-color: #353b46;
}
.anscorrect{
    background-color: #33CC00;
}
.ansfake{
    background-color: #CC3300;
}
.questtxt{
    min-height: 60px;
}
.questtxt h3{
    font-weight: 600;
    font-family: helvetica;
    font-size: 2em;
    color: #353b46;
}
.result-text{
    font-size: 2.2em;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}
.wrong{
    color: #af0404;
}
.right{
    color: #1e6502;
}
.boxanswers span{
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    color:#FFF;
    font-size: 15px;
    line-height: 40px;
    font-weight: 600;
    margin-right: 12px;
    border-radius: 50% 50%;
    text-align: center;
    -webkit-box-shadow: 3px 3px 18px 1px rgba(0,0,0,0.74);
    -moz-box-shadow: 3px 3px 18px 1px rgba(0,0,0,0.74);
    box-shadow: 3px 3px 14px 1px rgba(0,0,0,0.74);
}
.boxanswers div{
    margin: 10px 0px;
}
.boxanswers p{
    font-family: 'Roboto';
    font-size:1.6em;
    color:#353b46;
    font-weight: 600;
}




.testWrapper md-checkbox{
    font-size: 1.3em;
}

.testWrapper h2{
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 600;
    color: #353b46;
}

.testWrapper .titlelic{
    background-color:#353b46;
    font-weight: 600;
    font-size: 2em;
    color:#FFF;
    padding:0px 15px;
    box-sizing: border-box;
}
#listTests .fa-exclamation{
    font-size: 1.7em;
    text-align: center;
    color:#353b46;
}
md-checkbox.md-checked ._md-icon {
    background-color: #363e49;
}

md-checkbox ._md-container,
md-checkbox ._md-icon {
    width: 16px;  /** ORIGINAL width: 20px; */
    height: 16px; /** ORIGINAL height: 20px; */
}

md-checkbox.md-checked ._md-icon:after {
    left: 5.67px;    /** ORIGINAL left: 6.67px; */
    top: 1.22px;     /** ORIGINAL top: 2.22px; */
    width: 5.67px;   /** ORIGINAL width: 6.67px; */
    height: 12.33px; /** ORIGINAL height: 13.33px; */
}

.formWrapper .formCore .checkboxList {
    padding: 0 5px;
}

.formWrapper .formCore .formSegment,
.formWrapper .formCore .checkboxListTitle {
    font-size: 2em;
    font-weight: 600;
    color: #9E9E9E;
    margin-bottom: 16px;
}

.formWrapper .formCore .checkbox ._md-label {
    font-size: 1.3em;
}

.generalLicenses, .professionalLicenses, .otherLicenses {
    margin-bottom: 16px;
}

.generalLicenses {
    border-bottom: 1px dotted rgba(0,0,0,.25);
}
/*
.generalLicenses, .professionalLicenses {
    border-bottom: 1px dotted rgba(0,0,0,.25);
}
*/

.infoEnrollment {
    padding: 0 16px 16px 0;
}

.infoEnrollment .extdLicMsg {
    font-size: 1.4em;
    color: #364A64;
    display: block;
    margin: 0 5px 16px;
    padding: 6px 12px;
    border: 2px solid rgba(0,0,0,.3);
    border-radius: 2px;
}

.infoEnrollment .extdLicMsg p {
    line-height: 1.46em;
}

.infoEnrollment .extdLicMsg .oldLicExpiration {
    color: #C62828;
}

.deleteLic {
    padding: 10px 0;
}

.deleteLic .btnDel, .deleteLic .btnUndo {
    margin: 5px;
}

.md-file-input-container {
    padding: 10px 5px;
}

.lf-ng-md-file-input-caption {
    font-size: 1.5em;
}

.lf-ng-md-file-input .lf-ng-md-file-input-container .lf-ng-md-file-input-caption .lf-ng-md-file-input-caption-text-default {
    color: #333;
}

.lf-ng-md-file-input-caption md-icon,
.lf-ng-md-file-input-button md-icon {
    height: 20px;
    min-height: 20px;
    width: 20px;
    min-width: 20px;
}

.lf-ng-md-file-input-button {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .04em;
}

.lf-ng-md-file-input-button-brower span,
.lf-ng-md-file-input-button-remove span {
    position: relative;
    top: 1px;
}

.lf-ng-md-file-input-button-brower span {
    padding-left: 5px;
}

.lf-ng-md-file-input-button-remove span {
    color: #333;
}

.lf-ng-md-file-input-container .md-button.md-default-theme.md-primary.md-raised,
.lf-ng-md-file-input-container .md-button.md-primary.md-raised,
.lf-ng-md-file-input-container .md-button.md-default-theme.md-primary.md-fab,
.lf-ng-md-file-input-container .md-button.md-primary.md-fab {
    background-color: #364A64;
}

.lf-ng-md-file-input-container .md-button.md-primary.md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-brower.md-ink-ripple:hover {
    background-color: #4A5C73;
}

.md-file-input-error {
    font-size: 1.2em;
    color: #C62828;
}

md-input-container.md-default-theme.md-input-invalid label,
md-input-container.md-input-invalid label,
md-input-container.md-default-theme label.md-required:after,
md-input-container label.md-required:after,
md-input-container.md-default-theme.md-input-invalid .md-input-message-animation,
md-input-container.md-input-invalid .md-input-message-animation,
md-input-container.md-default-theme.md-input-invalid .md-char-counter,
md-input-container.md-input-invalid .md-char-counter {
    color: #C62828;
}

md-input-container.md-default-theme.md-input-invalid .md-input,
md-input-container.md-input-invalid .md-input {
    border-color: #C62828;
}

md-select.md-default-theme.ng-invalid.ng-dirty ._md-select-value,
md-select.ng-invalid.ng-dirty ._md-select-value {
    color: #C62828 !important;
    border-color: #C62828 !important;
}

#addDs4 input[disabled], #addDs4 md-select[disabled],
#addStd1 input[disabled], #addStd2 input[disabled], #addStd3 input[disabled],
#addStd1 md-select[disabled], #addStd2 md-select[disabled], #addStd3 md-select[disabled],
#addStd1 md-checkbox[disabled], #addStd2 md-checkbox[disabled], #addStd3 md-checkbox[disabled],
#stdFile .infoEnrollment input[disabled] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
}

.listNull .fa-exclamation-circle {
    font-size: 1.1em;
    color: rgba(0,0,0,.4);
}

/** Paginación de formularios */
.pageWrapper {
	display: table;
	margin: 20px auto 10px;
}

.pagination li {
    display: inline-block;
    border-radius: 2px;
    margin: 0 1px;
	padding: 0;
}

.pagination li .md-button {
    min-height: 28px;
    min-width: 28px;
    line-height: 28px;
    font-size: 1.3em;
    color: #444;
    margin: 0;
    padding: 0;
}

.pagination li i {
    color: #4D4D4D;
    vertical-align: middle;
}

.pagination li .fa-chevron-left {
    text-indent: -2px;
}

.pagination li .fa-chevron-right {
    text-indent: 2px;
}

.pagination li:hover {
	background-color: #EDEDED;
}

.pagination li .md-button:hover {
	color: #444;
	text-decoration: none;
}

.pagination li.active {
	background-color: #9FC9E6;
}

.pagination li.active .md-button {
	color: rgba(255,255,255,.9);
}

.pagination li.active:hover {
	background-color: #2162A9;
}

.pagination li.disabled:hover,
.pagination li.disabled .md-button:hover {
	background: transparent;
    cursor: default;
}

.pagination li.disabled .md-button i,
.pagination li.disabled .md-button {
	color: #C5CBCE;
}

/** Dashboard */
md-card.dashboardCard md-card-title {
    padding: 16px;
}

md-card.dashboardCard md-card-title .fa {
    width: 56px;
    height: 56px;
    font-size: 2.8em;
    color: #FFF;
    line-height: 56px;
    text-align: center;
    margin-right: 16px;
}

md-card.dashboardCard md-card-title .fa-user-o {
    background-color: #F0C671;
}

md-card.dashboardCard md-card-title .fa-address-card-o {
    background-color: #93DDCE;
}
md-card.dashboardCard md-card-title .fa-car {
    background-color: #6666FF;
}
md-card.dashboardCard md-card-title .fa-book {
    background-color: #B4045F;
}
md-card.dashboardCard md-card-title md-card-title-text .md-headline {
    font-size: 2.4em;
    color: #444;
}
md-card.dashboardCard md-card-title md-card-title-text .md-subhead {
    font-size: 1.5em;
    color: #9E9E9E;
}

/** Ficha de alumno / alumna */
#stdFile input[disabled] {
    height: 26px;
    color: #444;
    background-color: rgba(0,0,0,.06);
    border: none;
    border-radius: 2px;
    margin-top: 4px;
    padding: 0 5px;
}

.stdInfo md-tab-content{
	min-height: 480px;
	max-height: 480px;
	overflow-y: scroll;
	margin-top: 20px;
	margin-bottom: 20px;
}

#stdFile md-input-container:not(.md-input-has-value) label:not(._md-container-ignore) {
    padding: 0 5px;
}

/** Error handler */
.errPage, .activation {
	font-family: 'Roboto', Arial, sans-serif;
	padding: 40px 50px;
}

.errPage h3, .activation h3 {
	font-size: 2.4em;
	color: #3C70A4;
	margin-top: 10px;
}

.errPage i, .activation i {
	margin-right: 5px;
}

.errWrapper {
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: center;
    opacity: 0;
    -webkit-transform: scale(.7,0);
       -moz-transform: scale(.7,0);
        -ms-transform: scale(.7,0);
            transform: scale(.7,0);
    -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
}

.errWrapper i {
	font-size: 1.1em;
	margin-right: 4px;
	line-height: 1.5em;
	display: none;
}

.activeErr {
	color: #A41919;
	background-color: #FFD7DB;
	border: 1px solid #ECCDD0;
	border-radius: 2px;
    padding: 10px;
    margin-bottom: 20px;
}

.activeErr i {
	display: inline-block;
}

.activeErr {
	opacity: 1;
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
			transform: scale(1,1);
}

#dsLicenseMsg div, #stdLicenseMsg div {
    font-size: 1.2em;
    color: #C62828;
    padding: 0 5px 25px;
}

/* Condiciones */
.conditionsCore{
	margin: 0 auto 0 auto;
	width:80%;
	position: relative;
    top: 50px;
	background: #FFF;
	padding:10px;
	font-size: 1.3em;
    text-align: justify;
}

.conditions div{
    margin:5px;
}

.conditions header {
    font-weight: bold;
    font-size: 1.4em;
    margin: 30px 10px 0px 10px;
}

.conditions span.title {
    font-weight: bold;
    font-size: 1.7em;
}

.conditions span.point{
    font-weight: bold;
}

.conditions p {
    margin: 5px 10px 5px 10px;
}


.conditions .subIndice {
    margin-top: 50px !important;
}

.conditions div.conditionPoint {
	font-weight: bold;
	text-align: right;
}

.acceptConditions {
	font-weight: bold;
	margin-top: 30px;
}

/* Enlaces a condiciones */
div.allRights {
	height: 40px;
	width: 100%;
	color: #FFF;
    padding: 10px 0 5px;
}

div.allRights a {
	color: #2ECCFA;
	margin-left: 10px;
}

/*Content manager Style */


.questionManagerContainer{
    margin-top:50px;
}

.addQuestionInput{
    width:100%;
    font-size:1.1em;
}

.questionData{
    height: 600px;
}

.questionData .addQuestionInput{
    color: #FFFFFF;
    font-size:1.3em;
}

.questionData md-tabs .md-tab.md-active{
    background: #1C538B !important;
    color: #FFFFFF !important;
}

.questionData md-tabs .md-tab{
    color: #1C538B !important;
}

.questionData md-tabs{
    height: 600px;
}

.questionData md-tabs-content-wrapper{
    height: 600px;
    color: #FFFFFF;
}

.questionData md-tab-content{
    overflow: visible !important;
    height: 600px;
    background: #1C538B;
    color: #FFFFFF;
    padding:10px;
}
.questionData md-chip-template{
    cursor: pointer;
}

.questionTitle{
    background: none;
    font-size: 1.8em;
    font-weight: bold;
}
.defaultSubheader{
    background: none;
    color: #FFFFFF;
}

.questionData md-input-container .md-input, .questionData md-input-container label {
    color: #FFFFFF !important;
    border-color: #FFFFFF;
}

.questionData md-tab-content md-chips md-chips-wrap{
    box-shadow: 0 1px rgba(255,255,255,1); !important;

}

.questionData md-tab-content md-chips .md-chips ._md-chip-input-container input {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

.questionData md-tab-content md-chips.md-default-theme md-chip, md-chips md-chip {
    background: rgb(224,224,224);
    color: #1C538B;
}

.categoryContainer{
    background: #FFFFFF;
}

.categorySubheader{
    text-align: center;
    color: #1C538B;
    text-decoration: underline;
    font-size: 1.7em;
    font-weight: bold;
}

.categoryList{
    overflow-y: scroll;
    height: 450px;
}

.categoryLine{
    color: #1C538B;
    font-size: 1.3em;
}

.testLocation{
    width: 70% !important;
    color: #FFFFFF !important;
}

.defaultBtnGestor:not(disabled){
    font-size: 1.1em;
    color: #1C538B !important;
    background: #F2F2F2 !important;
    border: solid 1px #1C538B !important;
}

.defaultSubheader .defaultBtnGestor:not(disabled){
    font-size: 0.8em !important;
}

.defaultBtnGestor:not(disabled):hover{
    color: #FFFFFF !important;
    background: #1C538B !important;
    border: solid 1px #FFFFFF!important;
}

.dbSaveBtn:not(disabled){
    font-size: 0.9em;
    color: #FFFFFF !important;
    background: #38610B !important;
}

.dbSaveBtn:not(disabled):hover{
    background: #86B404 !important;
}

.jsonSaveBtn:not(disabled){
    font-size: 0.9em;
    color: #FFFFFF !important;
    background: #0B4C5F !important;
}

.jsonSaveBtn:not(disabled):hover{
    background: #0489B1 !important;
}

.undoBtn:not(disabled){
    font-size: 0.9em;
    color: #FFFFFF !important;
    background: #DF3A01 !important;
}

.undoBtn:not(disabled):hover{
    background: #FF8000 !important;
}

md-dialog.searchImg{
    min-height: 100%;
}

md-toolbar.imgSearchMenu{
    height:300px !important;
    font-size: 1em;
    padding: 10px;
}

.imgSearchResults md-grid-list {
    margin: auto 10px auto 10px;
}

.imgSearchResults md-grid-list md-grid-tile{
    cursor: pointer;
}

.mngDialogDefaultBtn, .mngDialogDefaultBtn:not(disabled), .mngDialogDefaultBtn .md-focused{
    background: #2D313B !important;
    color: #FFFFFF !important;
    max-height: 36px;
}

.mngDialogDefaultBtn:not(disabled):hover{
    background: #596073 !important;
}

.mngDialogDefaultBtnActive:not(disabled){
    background: #596073 !important;
}

span.categoryCrumb{
    font-size: 1.2em;
    color: #2D313B;
    margin:5px;
    cursor: pointer;
}

.imgCategoriesContainer{
    max-height: 20px;
}

div.imgCategory{
    margin-left: 10px;
    margin-right: 10px;
    text-align:left;
    position:relative;
    max-height: 20px;
    /*white-space: pre*/
    width: 100px !important;
}

div.imgCategory span{
    font-size: 1.2em;
    color: #2D313B;
    cursor: pointer;
    max-height: 20px;
}

div.closeDialog{
    font-size: 1.5em;
    color: #2D313B;
    margin-left: 10px;
    margin-right: 10px;
}

.searchQuestion md-dialog-content{
    padding-top: 20px;
}

.searchQuestion md-dialog-content div{
    width:95%;
}
div.warningMng{
    background-color: #DF7401;
    color: #FFFFFF;
    font-size: 1.8em;
    border-radius: 3px;
}

div.errorMng{
    background-color: #B40404;
    color: #FFFFFF;
    font-size: 1.8em;
    border-radius: 3px;
}

div.warningMng i, div.errorMng i{
    font-size: 2.3em;
}

span.loadMsg{
    font-size: 1.8em;
}

td.shortCell{
    width:20px;
}

md-toolbar div.questionSearch{
    background: #2D313B;
    color: #FFFFFF;
    font-size: 2em;
    height:65px !important;
}

md-input-container.operatorSelect{
    width: 21% !important;
}
md-input-container.miniTextFilter{
    width:15% !important;
    min-width:15% !important;
}
md-input-container.shortTextFilter{
    width:40% !important;
    min-width:40% !important;
}

md-input-container.longTextFilter{
    width:70% !important;
    min-width:70% !important;
}

md-input-container.longTextFilter textarea, md-input-container.operatorSelect md-select{
    width:100% !important;
    min-width:100% !important;
}

.resultTooltip div{
	background-color: rgba(45,49,59,1);
    font-size: 1.5em;
}



.fadeIn.ng-enter {
    transition: 0.8s linear all;
    opacity: 0;
}

.fadeIn-init .fade-element-in.ng-enter {
    opacity: 1;
}

.fadeIn.ng-enter.ng-enter-active {
    opacity: 1;
}

.fadeIn.ng-leave {
    transition: 0.2s linear all;
    opacity: 1;
}
.fadeIn.ng-leave.ng-leave-active {
    opacity: 0;
}

.slideDown.ng-enter {
    transition: 3s linear all;
    height: 0;
}

.slideDown-init .fade-element-in.ng-enter {
    height: 300px;
}

.slideDown.ng-enter.ng-enter-active {
    height: 300px;
}

.slideDown.ng-leave {
    transition: 0.4s linear all;
    height: 300px;
}

.slideDown.ng-leave.ng-leave-active {
    height: 0;
}
.TopicSecondMenu{
    max-height: none !important;
    min-height: 100%;
}


.testSecondMenu {
	background: #FFF;
	margin: 0 4% 0 4%;
	border-radius: 3px;
	max-height: none !important;
	min-height:100%;
}

.testSecondMenu i {
	margin: 10px 10px 10px 0;
	font-size: 2.5em;
	text-align: right;
}

.testSecondMenu h1 {
	text-align: center;
	text-transform: uppercase;
}

.testSecondMenu i:hover {
	cursor: pointer;
	color: #333E49;
}


.testMenu {
	color: #FFF;
	padding: 0 2% 0 2%;
	max-height: none !important;
}


.testMenu div.testTypeBtn{
	margin-left: 1%;
	display: inline-block;
}

.btnconfrm[disabled]{
    background-color:#444444 !important;
    color:#aaaaaa !important;
}
.btnconfrm{
    background-color:#2b456c;
    color:#FFF;
}
.md-button.teststep{
    min-width: 50px;
    background-color: #353b46;
    color:#FFF;
    border-radius: 0px !important;
    font-weight: 600;
    text-transform: none;
    text-transform: uppercase;
}
.md-button.teststep:focus{
    background-color: #353b46 !important;
    color:#FFF;
    font-weight: 600;
}
.md-button.teststep:hover{
    background-color: #59697a !important;
}
.md-button.teststep[disabled]{
    background-color: #797b7f !important;
}
.containt{
    background-color: #FFF;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px #f5f3f1 inset;
    color:#333743;
    font-size: 1.4em;
    font-weight: 600;
    min-height: 40vh;
}

md-tabs .md-tab.md-active{
	color: #1C538B;
}

md-tabs md-ink-bar{
	color: #1C538B;
	background: #1C538B;
}

.helpImage, .helpVideo {
	text-align:center;
}

.helpTitle div h5{
	font-size: 1.5em !important;
}

.helpTitle div h5{
	font-size: 0.5em !important;
}

.helpTitle div i:hover{
	cursor: pointer;
	text-shadow: 1px 1px 6px #FFFFFF;
}

.helpText {
    font-family: 'Roboto';
	white-space: pre-line;
	text-align:left;
	color: #5d5d5d;
	padding-top: 10px;
	padding-left: 10px;
	max-width:600px;
	font-size:1.3em;
	color: #1C538B;
}

.helpText h1, .helpText h2, .helpText h3, .helpText h4, .helpText h5, .helpText b{
	font-weight: bold;
}

.helpText h1{
	font-size: 2.1em;
	text-align: center;
	text-decoration: underline;
}
.helpText h1.articleTitle{
    font-size: 3.1em;
    color: #6E6E6E !important;
    font-weight:normal !important;
    margin-bottom:30px;
    text-decoration: none !important;
}

.articleText{
    margin-top:20px;
    margin-bottom:20px;
    min-height: 850px;
}


.lawArticles{
    margin-top:20px;
    margin-bottom:20px;
    min-height: 850px;
}

.lawArticleCode{
    font-size: 1.8em;
    color: #6E6E6E !important;
    margin-left:80px;
}

.lawReg{
    font-size: 2.3em;
    color: #6E6E6E !important;
    margin-left:60px;
}

.helpText h2{
	font-size: 1.9em;
}

.helpText h3{
	font-size: 1.7em;
}

.helpText h4{
	font-size: 1.5em;
}

.helpText h5{
	font-size: 1.3em;
}

/*ayuda para tests*/
.help {
    margin: 1vw !important;
    font-size: 2.5em !important;
}

.help fieldset {
    border: 2px solid #1C538B;
    padding: 2vw;
}
.help fieldset legend {
    color: #1C538B;
}

.helpText {
    margin: 2vw !important;
}

.helpText div {
    margin-bottom: 1vw !important;
}

.helpText legend {
    font-size: 0.6em !important;
    color: #1C538B !important;
}

.subHelp {
    margin-top: 1vw;
    border-top: 1px solid #1C538B !important;
}
.subHelp img {
    margin-left:2vw;
}

/* Stats Style */
.stdStats {
	  color: #104390;
    font-family: 'Roboto', Helvetica;
    margin: 4px 6px;
    padding: 12px 0px;
}

.emptyStats {
	padding: 20px 20px 40px;
}
#stdFile .stats-wrapper{
  margin: 15px 0px 0px 0px;
}

.stats-wrapper .general-stats{
  width: 100%;
  display: table;
  margin: 10px 0px;
}

.stats-wrapper h1{
  font-size: 2.6em;
  font-family: 'Roboto', Helvetica;
  font-weight: 500;
  text-transform: uppercase;
  text-shadow: text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
  text-align: center;
  margin : 8px 0px 0px 0px;
}
.global-chart-wrapper{
  width: 300px;
  display: inline-block;
  position: relative;
  padding: 10px 0px 8px 0px;
}
.global-questions-charts, .global-tests-charts{
  height: 100px;
  width: 100px;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -50px;
}
.global-chart-wrapper p {
  font-size: 1.4em;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0px 0px 0px;
}
.global-chart-wrapper span{
  position:absolute;
  font-size: 1.8em;
  top: 34%;
  font-weight: bold;
  left: 0;
  right: 0;
  text-shadow: #474747 3px 5px 20px;
}
/*
.chart-incorrect{
  color: #8a001a;
}
*/
.general-stats{
  text-align: center;
}
.radial-chart{
  margin: 15px 0px 0px 0px;
  width: 400px;
  display: inline-block;
  position: relative;
}
.radial-chart, .number-general p{
  font-family: 'Roboto', Helvetica;
  font-weight: 500;
  margin: 5px 0px 5px 0px;
}
.number-general h2{
  font-size: 1.8em;
}
.radial-chart p{
  font-size: 1.6em;
}
.radial-chart h2{
  font-size: 1.8em;
  margin: 8px 0px 8px 0px;
}


/** Bloque de estadísticas generales */
/*
.globalStatsWrapper {
	margin: 20px 20px 40px;
}

.globalStatsHeader {
    width: 100%;
    display: table;
    background-color: #e3e3e3;
    -webkit-box-shadow: 4px 5px 9px 2px rgba(0,0,0,0.73);
    -moz-box-shadow: 4px 5px 9px 2px rgba(0,0,0,0.73);
    box-shadow: 4px 5px 9px 2px rgba(0,0,0,0.73);
}

.globalStatsHeader .statsDescription {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.globalStatsHeader h1 {
	font-size: 2.3em;
	font-weight: 600;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

.globalStatsHeader h1 .statsHeaderAccent {
	text-transform: capitalize;
	color: #444;
	padding-left: 5px;
}

.globalStatsHeader .totalQuestions,
.globalStatsHeader .totalTests {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}

.globalStatsHeader .totalQuestions p,
.globalStatsHeader .totalTests p,
.globalStatsHeader .statsProgressChart p {
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-align: center;
}

.globalStatsHeader .totalQuestions p:first-of-type,
.globalStatsHeader .totalTests p:first-of-type {
	font-size: 2.3em;
}

.globalStatsHeader .statsProgressWrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 20px;
}

.globalStatsHeader .statsProgressChart {
    background-color: #FFF;
    color: #104390;
    border-radius: 3px;
    padding: 5px 10px;
    float: right;

}

.globalStatsHeader .statsProgressChart p {
    margin-top: -20px;
}

.globalStatsSection {
	padding-bottom: 60px;
	text-align: center;
}
*/
.globalChartWrapper {
	width: 300px;
	display: inline-block;
	position: relative;
}

.globalChartWrapper h3, .globalChartWrapper p {
    font-family: 'Roboto';
	font-weight: bold;
	text-align: center;
}

.globalChartWrapper h3 {
	font-size: 2em;
	margin: 20px 0;
}
/*
.globalChartWrapper p {
	font-size: 1.5em;
}

.globalChartWrapper p:first-of-type {
	font-size: 2.1em;
	margin: 20px 0 5px 0;
}

.globalChartWrapper p:last-of-type {
	text-transform: lowercase;
	letter-spacing: 0.04em;
}
*/
.globalQuestionsChart, .globalTestsChart {
	height: 100px;
	width: 100px;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -50px;
}
/*
.categoryStatsHeader {
    line-height: 3.2em;
	border-radius: 3px;
	padding: 20px 30px;
	margin: 20px 20px 40px;
    background-color: #e3e3e3;
    -webkit-box-shadow: 6px 7px 13px 2px rgba(0,0,0,0.73);
    -moz-box-shadow: 6px 7px 13px 2px rgba(0,0,0,0.73);
    box-shadow: 6px 7px 13px 2px rgba(0,0,0,0.73);
}

.categoryStatsHeader h1 {
	font-size: 2.3em;
	font-weight: 600;
	text-transform: uppercase;
}

.categoryStatsHeader h1 .statsHeaderAccent {
	text-transform: capitalize;
	color: #444 !important;
	padding-left: 5px;
}

.categoryStatsHeader .statsHeaderSubtitle {
    font-size: 1.8em;
    color: #444;
}

.categoryStatsSection {
	width: 100%;
	display: inline-block;
	position: relative;
	padding-bottom: 60px;
	text-align: center;
}

.categoryChartWrapper {
    font-weight: bold;
    font-family: 'Roboto';
	width: 200px;
	display: inline-block;
	position: relative;
	padding-top: 20px;
}

.categoryPercentage {
    font-size: 1.8em;
    margin-top: 5px;
}

.categoryChartWrapper h3 {
	font-size: 2.1em;
    font-family: 'Roboto';
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}

.categoryChart {
	height: 140px;
	width: 140px;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -70px;
}

.dailyStatsHeader {
	padding: 20px;
}

.dailyStatsHeader h1 {
	font-size: 2.3em;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 20px 30px;
    background-color: #e3e3e3;
    -webkit-box-shadow: 6px 7px 13px 2px rgba(0,0,0,0.73);
    -moz-box-shadow: 6px 7px 13px 2px rgba(0,0,0,0.73);
    box-shadow: 6px 7px 13px 2px rgba(0,0,0,0.73);
}
.dailyStatsHeader h1 .statsHeaderAccent {
	text-transform: capitalize;
	color: #444;
	padding-left: 5px;
}
.dailyStatsSection {
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: center;
}
.dailyChartWrapper {
	padding: 0 40px;
}
*/
/** mdPickers */
mdp-date-picker {
    position: relative;
}
mdp-date-picker .md-button.md-icon-button {
    margin-top: 8px;
}

mdp-date-picker .md-button.md-icon-button md-icon,
.datepickerDown {
    color: rgba(0,0,0,.4);
}
mdp-date-picker md-input-container {
    width: 100%;
    position: relative;
}
.datepickerDown {
    font-size: 1.09em;
    width: 28px;
    height: 28px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 4px;
    cursor: pointer;
	cursor: hand;
}

mdp-date-picker .md-button.md-icon-button md-icon:hover,
.datepickerDown:hover {
    color: #333;
}

.mdp-datepicker md-dialog-actions button {
    text-transform: capitalize;
}

md-toolbar.mdp-datepicker-date-wrapper.md-hue-1:not(.md-menu-toolbar) {
    background-color: #3C70A4;
}

.mdp-datepicker-select-year .md-button.md-primary.current,
.mdp-datepicker .md-button.md-primary {
    color: #3A6EA7;
}

.mdp-datepicker-year, .mdp-datepicker-date {
    font-size: 1em;
}

.mdp-datepicker-year i, .mdp-datepicker-date i {
    font-size: .8em;
    margin-right: 6px;
}

md-input-container:not(.md-input-invalid).md-input-focused label span {
    color: #C62828;
}

/** md-data-table */
table.md-table td.md-cell {
    min-width: 55px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.md-table th.md-column md-icon {
    height: 15px;
    min-height: 15px;
    width: 15px;
    min-width: 15px;
    font-size: 15px !important;
    line-height: 15px !important;
    margin: -3px 0 0 6px;
}

table.md-table td.md-cell, .md-table-pagination {
    border-top: 1px #E5E3E1 solid;
}

md-toolbar.md-table-toolbar .md-toolbar-tools,
table.md-table.md-row-select td.md-cell:nth-child(2),
table.md-table.md-row-select th.md-column:nth-child(2),
table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child,
.md-table-pagination {
    padding: 0 15px;
}

table.md-table.md-row-select td.md-cell:first-child,
table.md-table.md-row-select th.md-column:first-child {
    padding-left: 15px;
}

table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2),
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2),
table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
    padding-right: 15px;
}

.md-table-pagination md-select:not([disabled]):focus ._md-select-value,
.md-table-pagination md-select md-select-value {
    padding: 0;
    min-width: 0;
    min-height: 24px;
    border-bottom: 0 !important;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.md-table-pagination md-select md-select-value span._md-select-icon {
    height: 24px;
    margin: 0;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.md-table-pagination md-select md-select-value span._md-select-icon:after {
    top: initial;
    -webkit-transform: scaleY(0.5) scaleX(1);
            transform: scaleY(0.5) scaleX(1);
}

.md-table-pagination md-select md-select-value span {
    display: block;
    height: auto;
    -webkit-transform: none !important;
            transform: none !important;
}

.md-table-pagination md-select md-select-value span div._md-text {
    display: inherit;
    height: inherit;
    -webkit-transform: inherit;
            transform: inherit;
}

table.md-table tbody.md-body > tr.md-row:not([disabled]):hover {
  background-color: #EEE;
}

md-table-container thead th:not(.md-sort),
md-table-pagination .label.ng-binding {
    cursor: default;
}

table.md-table .studentImg {
    display: inline-block;
    padding: 6px 0 1px;
}

table.md-table .studentImg img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
table.md-table .dslogo img{
    width: 55px;
    height: 42px;
    border-radius: 2px;
    vertical-align: middle;
}

/** md-dialog */
.md-dialog-container {
    z-index: 9999;
}
md-dialog md-dialog-content > div:not(.help-preview) > p, md-dialog md-dialog-content > p{
    font-family: 'Roboto';
    color: #A41919 !important;
    font-size: 1.3em;
	line-height: 1.5em;
	text-align: center;
    letter-spacing: .01em;
	height:100%;
}
md-dialog md-dialog-content p i {
	font-size: 1.1em;
	margin-right: 5px;
	line-height: 1.6em;
}

md-dialog md-dialog-actions .md-button.md-primary
span.ng-binding.ng-scope {
    color: #333;
    text-transform: capitalize;
}

md-dialog md-dialog-content label{
    color: #444;
    font-family: 'Roboto';
    font-size: 14px;
}

/** Language picker */
.login md-select.langPicker,
.signup md-select.langPicker,
.changePass md-select.langPicker,
.unlock md-select.langPicker,
.errPage md-select.langPicker,
.activation md-select.langPicker {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.3em;
    letter-spacing: .01em;
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 20px;
}

.login md-select.langPicker,
.signup md-select.langPicker,
.changePass md-select.langPicker,
.unlock md-select.langPicker {
    color: rgba(255,255,255,.9);
}

.errPage md-select.langPicker,
.activation md-select.langPicker {
    color: #333;
}

md-toolbar.mainHeader md-select.langPicker {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1em;
    letter-spacing: .01em;
    margin: 0;
    padding: 11px 15px;
    display: inline-block;
}

md-select-menu md-content md-option.langOpt ._md-text {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.3em;
    letter-spacing: .01em;
    color: #444;
}

md-select-menu.md-default-theme md-content md-option[selected] ._md-text,
md-select-menu md-content md-option[selected] ._md-text {
    color: #3A6EA7; /** Angular Material default theme selected color (Sobrescrito) */
}

md-toolbar.mainHeader md-select.langPicker:hover {
    background-color: #4C5965;
}

.login md-select.langPicker ._md-select-value,
.signup md-select.langPicker ._md-select-value,
.changePass md-select.langPicker ._md-select-value,
.unlock md-select.langPicker ._md-select-value {
    border-bottom-color: rgba(255,255,255,.9);
}

.errPage md-select.langPicker ._md-select-value,
.activation md-select.langPicker ._md-select-value {
    border-bottom-color: #333;
}

.login md-select.langPicker:not([disabled]):focus ._md-select-value,
.signup md-select.langPicker:not([disabled]):focus ._md-select-value,
.changePass md-select.langPicker:not([disabled]):focus ._md-select-value,
.unlock md-select.langPicker:not([disabled]):focus ._md-select-value {
    color: rgba(255,255,255,.9);
}

.errPage md-select.langPicker:not([disabled]):focus ._md-select-value,
.activation md-select.langPicker:not([disabled]):focus ._md-select-value {
    color: #333;
}

md-toolbar.mainHeader md-select.langPicker ._md-select-value {
    margin-top: -6px;
    border-bottom-color: rgba(255,255,255,.7);
}

md-toolbar.mainHeader md-select.langPicker:not([disabled]):focus ._md-select-value {
    border-bottom-color: rgba(255,255,255,.7);
}

md-select.langPicker ._md-select-value span._md-select-icon {
    width: .9em;
    font-size: .9em;
}

md-toolbar.mainHeader md-select.langPicker ._md-select-value span div._md-text {
    margin-right: 2px;
    color: rgba(255,255,255,.9);
}

md-toolbar.mainHeader md-select.langPicker ._md-select-value span._md-select-icon {
    color: rgba(255,255,255,.7);
}
md-tab-content{
    border:solid 1px #efefef;
}

#stdFile .md-tab{
    background-color: #363e49;
    font-weight: 600;
    color: #FFF !important;
    border: solid 1px #363e49;
}

#stdFile md-ink-bar,.md-right, .md-left{
    background-color: #FFF !important;
    height: 3px;
    border-bottom: solid 1px #363e49;
}


md-switch.md-checked ._md-thumb {
    background-color: #363e49;
}
md-switch.md-checked ._md-bar {
    background-color: #575f69 !important;
}
.mdp-datepicker md-toolbar{
    background-color: #363e49 !important;
}
.mdp-datepicker .md-accent{
    background-color: #363e49 !important;
}
.mdp-datepicker md-dialog-actions .md-button{
    background-color: #363e49 !important;
    color: #FFF !important;
}
md-toolbar .md-toolbar-tools{
    background-color: #363e49;
}
.lf-ng-md-file-input-container .lf-ng-md-file-input-button {
    background-color: #363e49 !important;
    color: #FFF !important;
}
.lf-ng-md-file-input-button-remove span{
    color: #FFF !important;
}
.lf-ng-md-file-input-button-remove .lf-icon{
    color: #FFF !important;
}
.MagPagtn{
    font-size: 12px;
    height: 12px;
    background-color: #f5f3f1;
}
.notific{
    color: #f5f3f1;
    font-size: 20px;
    margin:0px 0px;
    height: 100%;
    min-width: 50px;
    border-radius: 0px !important;
}
label.numNtfc{
    background-color: #990000;
    color: #FFF;
    left: 0px;
    position: absolute;
    height: 17px;
    width: 17px;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    border-radius: 4px;
}
.customMark{
    width: 160px;
    font-size: 12px;
    background-color: #FFF;
    opacity: 0.5;
    border-radius: 5px;
    font-family: Helvetica;
}
.customMark:hover{
    opacity: 1;
}
.btnMangsm{
    width: 25%;
    font-size: 12px;
    margin: 7px 5px 0px 0px;
}

.labData{
    font-size: 1.4em;
    color: #009900;
    margin-right: 6px;
}
.labAlert{
    color: #990000;
    font-size: 1.4em;
    margin: 4px 2px;
}

.MagPagtn{
    font-size: 12px;
    background-color: #f5f3f1;
}
.MagnBtn{
    background-color: #363e49;
    width: 14.5%;
    color: #FFF;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    font-weight: 'Roboto';
    border-radius: 0px !important;
    text-transform: none;
    padding: 5px 5px;
    height: 80px;
    min-width: 5%;
    margin: 7px 5px 0px 0px;
}
.MagnBtn:hover{
    background-color: #4e5d72 !important;
}
.md-button.MagnBtn[disabled]{
    background-color: #797b7f !important;
}
.MagnBtn img{
    height: 65%;
    max-height: 50px;
}
.MagnBtn i{
    font-size: 2em;
}
.MagnBtn p{
    font-size: 0.8em;
    text-transform: uppercase;
}
.imgProc{
    width: 45px;
    height: 35px;
    border:solid 1px #aaa;
}
.labImp{
    color: #363e49;
    margin-right: 6px;
    font-size: 1.4em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none !important;
    font-weight: bold;
}
#subtotalsContent{
    min-height: 110px !important;
}
.subtotals label{
    font-size: 11px;
    color: #363e49;
    font-family: Arial;
    font-weight: bold;
}
.labImp:hover{
    color: #647388;
}
md-progress-linear ._md-bar2{
    background-color: rgba(48,50,64,.8);
}
md-progress-linear ._md-bar1{
    background-color: rgba(48,50,64,.8);
}
.loadDiv{
    min-height: 400px;
    font-size: 1.3em;
    color: #363e49;
    box-shadow: 3px 3px 3p 3px #efefef inset;

}
.contFamls{
    border:solid 1px #AAA;
    overflow-y: scroll;
    font-size: 1.5em;
    min-height: 200px;
}
.contFamls p{
    color: #363e49 !important;
}
.familyList{
    border:solid 1px #AAA;
    height: 250px;
    overflow-y: scroll;
}
.resultSearch{
    border: solid 1px #AAA;
    max-height: 350px !important;
    min-height: 350px !important;
    overflow-y: scroll;
}

.incrBtn{
    color: #363e49;
    font-size: 17px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#tableProcAlb td{
    font-size:1.1em;
}

.panelLeft button{
    text-transform: uppercase;
    font-size: 10px;

    width: 45px;
    margin-left: 2px;
    margin-bottom:2px;
    font-weight: 500;
    height: 25px;
}
.plnosel{
    border: solid 1px #AAA;
    background-color: #FFF;
    color:#757575;
}
.plselect{
    border: solid 1px #363e49;
    background-color: #363e49;
    color:#FFF;
}

.resultsproc{
    border-bottom: solid 1px #efefef;
    padding-bottom: 5px;
}
.albtoFact{
    height: 300px;
    overflow-y: scroll;
    border:solid 1px #AAA;
}

/*Pendiente de eliminar */
.searchContaint{
    border: solid 1px #AAA;
    height: 40px;
    margin-bottom: 10px;
}
.searchContaint input{
    height: 35px;
    width: 100%;
    padding-bottom: 0px;
    border:none;
    color:#AAA;
    font-size: 1.4em;
    font-family: Helvetica;
}
.titAlb{
    margin-left: 5px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 1.4em;
    color: #363e49;
    font-family: Helvetica;
}
md-dialog{
    border-radius: 0px !important;
}
.md-toolbar-tools{
    height: 35px !important;
    font-size: 16px;
    font-family: Helvetica;
}
md-toolbar{
    height: 15px !important;
    background-color: #FFF !important;
}

md-dialog{
    border:solid 2px #363e49 !important;
    color:#AAA;
}
.direcMark{
    border: solid 1px #AAA;
    border-radius: 3px;
    padding-right: 3px;
    height: 30px;
}
.direcMark input{
    background-color: none;
    color: #AAA;
}
.direcMark input[disabled]{
    background-color: #FFF;
}
._md-select-menu-container {
           z-index: 99999 !important;
}
.helpView{
    border-radius: 4px;
    border:solid 2px #363e49;
    background-color: #efefef;
    color: #363e49;
    font-size: 13px;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
    box-sizing: border-box;
    font-family: Helvetica;
    margin-bottom: 10px;
}
md-radio-button.md-checked ._md-on{
    background-color: #363e49;
}
md-radio-button.md-checked ._md-off{
    border-color: #363e49;
}
input.inptNum{
    font-family: inherit;
    width: 100%;
    font-size: 14px;
    background-color: #FFF;
    height: 36px;
    padding-left: 6px;
    border: solid 1px #AAA;
}
input.inptNum[disabled]{
    color: #AAA;
}
.resultsproc .fa-star{
    background-color: #363e49;
    color: #FFF;
    font-size: 15px;
    padding: 2px 4px;
}

/* ----------- Center ------------- */

.listelemnts{
    background-color: #363e49;
    max-height: 450px;
    min-height: 450px;
    overflow-y: scroll;

}
.resultElemnts{
    width: 100%;
    min-height: 70px;
    border-radius: 3px;
    background: #FFF;
    cursor: pointer;
    margin-bottom: 5px;
}
.resultElemnts label{
    cursor: pointer;
}
.resultElemnts:hover{
    background-color: #efefef;
}
.calendarCont h2{
    font-family: Helvetica;
    color: #363e49;
    font-size: 2em;
    font-weight: bold;
}

#contCal{
    margin: 10px;
}
#rowCal{
    color: #363e49;
    font-size: 90px;
    cursor: pointer;
}
.labelEvnt{
    padding: 3px 3px;
    width: 80%;
    margin-bottom: 3px;
    min-height: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 0px 16px 20px 0px;
    -moz-border-radius: 0px 16px 20px 0px;
    -webkit-border-radius: 0px 16px 20px 0px;
}

.numDay{
    font-weight: bold;
    font-family: 'Roboto';
    color: #104390;
}
.numEvents{
    background-color: #FFF;
    text-align: center;
    color: #104390;
    float: right;
    border-radius: 5px;
    border: solid 1px #104390;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
}
.labelEvntStd{
    font-weight: bold;
    font-size: 1.2em;
    margin: 3px 4px;
    display: inline-block;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 3px 5px;
    cursor: pointer;
    font-family: 'Roboto';
}
.lClassStd{
    background-color: #104390;
    -webkit-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    color:#FFF;
    font-size: 1.2em;
}
.lClassStd:hover{
    opacity: 0.9;
}
.lConvStd{
    background-color: #FA5858;
    -webkit-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    color:#000;
}
.lConvStd:hover{
    opacity: 0.9;
}
.numEvents:hover{
    opacity: 0.9;
}
.numTotEvents{
    background-color:#104390;
    -webkit-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    color:#FFF;
    font-size: 1.2em;
    font-family: 'Roboto';
    font-weight: bold;
    text-align: center;
}
.paymt1 td{
    color: #7b0000 !important;
}
.paymt2 td{
    color: #03630a !important;
}
/* Calendario mensual responsive */
@media (min-width: 1950px){
    .dayCal{
       height: 200px;
       width: 200px;
    }
    .labelEvent{
        padding: 10px 10px;
        width: 50%;
        font-size: 22px;
    }
    .numDay{
      font-size: 26px;
      margin-top: 12px;
      margin-left: 7px;
      margin-bottom: 10px;
    }
    .numEvents{
        height: 30px;
        width: 60px;
        font-size: 14px;
        font-weight: bold;
        margin-right: 5px;
        margin-top: 5px;
        color:#363e49;
    }
    .numTotEvents{
        display: none;
    }
}
@media (max-width: 1950px){
    .dayCal{
       height: 150px;
       width: 150px;
    }
    .labelEvent{
        padding: 6px 6px;
        width: 60%;
        font-size: 17px;
    }
    .numDay{
      font-size: 20px;
      margin-top: 5px;
      margin-left: 7px;
      margin-bottom: 10px;
    }
    .numEvents{
        height: 20px;
        width: 40px;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        margin-right: 5px;
        margin-top: 5px;
    }
    .numTotEvents{
        display: none;
    }
}
@media (max-width: 1080px){
    .dayCal{
       height: 120px;
       width: 120px;
    }
    .labelEvent{
        padding: 4px 4px;
        width: 80%;
        font-size: 14px;
    }
    .numDay{
      font-size: 16px;
      margin-top: 4px;
      margin-left: 5px;
      margin-bottom: 7px;
    }
    .numTotEvents{
        display: none;
    }

}
@media (max-width: 720px){
    .dayCal{
       height: 70px;
       width: 70px;
    }
    .labelEvent{
        display: none;
    }
    .numDay{
      font-size: 14px;
      margin-top: 3px;
      margin-left: 4px;
      margin-bottom: 5px;
    }
    .lClassMnth{
        display: none;
    }
    .lConvMnth{
        display: none;
    }
    .numEvents{
        display: none;
    }
    .numTotEvents{
        display: block;
        margin: 0 auto;
        height: 15px;
    }
    .teststep{
        font-size: 10px;
    }
}
@media (max-width: 480px){
    .radial-chart{
      width: 100% !important;
    }
    .dayCal{
       height: 50px;
       width: 50px;
    }
    .labelEvent{
        display:none;
    }
    .numDay{
      font-size: 11px;
      margin-top: 3px;
      margin-left: 3px;
      margin-bottom: 4px;
    }
    .lClassMnth{
        display: none;
    }
    .lConvMnth{
        display: none;
    }
    .numEvents{
        display: none;
    }
    .numTotEvents{
        display: block;
        margin: 0 auto;
        height: 15px;
    }
    .teststep{
        font-size: 9px;
    }
}
.dayActive{
    background-color: #FFF;
    border:solid 1px #104390;
}
.dayActive:hover{
    cursor: pointer;
}
.dayActive{
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0.2s;
}
.dayActiveToday{
    background-color: #FFF;
    font-weight: bold;
    border:solid 1px #363e49;
}
.dayInactive{
    background-color: #CED8F6;
    border:solid 1px #104390;
}
.titlelic md-select ._md.select-icon{
    color:#FFF !important;
}
.hourDay{
    min-height: 100px;
    max-height: 100px;
}
.textHour{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.calendarCont{
    background-color: #FFF;
    margin: 5px 5px;
}
.labelEvDay{
    width: 20%;
    font-size: 16px;
    margin: 4px 4px;
    display: inline-block;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 3px 5px;
    cursor: pointer;
}
.lClassMnth{
    background-color: #104390;
    -webkit-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    color:#FFF;
    font-size: 1.2em;
    font-family: 'Roboto';
    font-weight: bold
}
.lClassMnth:hover{
    opacity: 0.9;
}
.lConvMnth{
    background-color: #FA5858;
    -webkit-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 15px 32px -10px rgba(0,0,0,0.75);
    color:#000;
    font-size: 1.2em;
    font-family: 'Roboto';
    font-weight: bold
}
.lConvMnth:hover{
    opacity: 0.9;
}
.headWeek{
    padding-left: 7px;
    height: 45px;
    background: -webkit-linear-gradient(to bottom, #37404a , #292335);
    background: linear-gradient(to bottom, #37404a , #292335);
    color: #FFF;
    border: solid 1px #37404a;
    font-size: 14px;
    font-weight: 500;
}
.indWeek{
    background-color: #FFF;
    height: 45px;
    color: #37404a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.hourW{
    min-height: 60px;
    max-height: 60px;
    border-right: solid 1px #AAA;
    border-top: solid 1px #AAA;
    color: #37404a;
    background-color: #FFF;
    width: 100%;
    font-weight: bold;
    font-size: 8px;
    border-bottom: solid 1px #efefef;
}

.tabletimeW{
    min-height: 5px;
    max-height: 5px;
    color: #37404a;
    background-color: #FFF;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}
.firstBlock{
    border-top: solid 1px #AAA;
}
.containtText{
    font-size:11px;
    font-weight: 500;
    font-family:'Roboto';
    color: #FFF;
    position: absolute;
    margin-left: 2px;
}
.endBlock{
    border-bottom: solid 1px #efefef;
    cursor: pointer;
}
.block-empty{
    border-right: solid 1px #efefef;
}
.block-empty:hover{
    cursor: pointer;
    background-color: #AAA !important;
    transition:background-color 0.4s ease-in 0s;
}
.time-line{
    min-height: 5px;
    max-height: 5px;
    font-size: 4px;
    width: 100%;
    border-right:solid 1px #AAA;
}
.event-week{
    cursor: pointer;
}
.time-line label{
    background-color: #FFF;
    color:#000;
    font-weight: bold;
    font-size: 10px;
    border-radius: 3px;
    padding: 0px 3px;
    margin-left: 2px;
    border: solid 1px #000;
}
.time-line label:hover{
    cursor: pointer;
}
.markHour{
    background: url('../img/gestion/mins.png') no-repeat;
    background-position: 100%;
    background-color: #FFF;
    font-size: 10px;
}
.week-board{
    border: solid 2px #efefef;
    background-color: #FFF;
}
.imgElement img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.cardEmpty{
    height: 60px;
    width: 90%;
}
.imgCard img{
    height: 50px;
    width: 50px;
    border-radius: 50% 50%;
    margin-right: 8px;
}
.elementCard{
    width: 90%;
    padding-left: 5px;
    padding-top: 2px;
    box-sizing: border-box;
    max-height: 70px;
    min-height: 60px;
    background-color: #FFF;
}
.btnForms{
    background: -webkit-linear-gradient(to bottom, #37404a , #292335);
    background: linear-gradient(to bottom, #37404a , #292335);
    font-size: 12px;
    font-weight: bold;
    color:#FFF;
    line-height: 14px;
    border-radius: 0px;
    width: 100%;
    min-height: 95px;
}
.weekRight{
    border: solid 1px #363e49;
    padding:5px 5px;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-top:5px;
    width: 90%;
}
.weekRight .md-button{
    width: 100%;
}
.txtarea{
    height: 100px;
    background-color: #FFF;
    width: 100%;
    color: #363e49;
    font-size: 15px;
    font-family: inherit;
    overflow: hidden;
    resize: none;
    padding: 7px 6px;
}
[role="dialog"]{
    -webkit-transition: none !important;
    transition: none !important;
}
.paymentsCont{
    border:solid 2px #aaa;
    overflow-y: scroll;
    width: 100%;
    min-height: 200px;
    max-height: 200px;
    border-radius: 3px;
}
.paymentsCont div{
    padding: 5px 12px;
    box-sizing: border-box;
}
.paymentsCont div label{
    font-size: 2.1em;
    font-family: 'Roboto';
    color :#444;
}
.slctCnt{
    margin: 0px 4px 0px 0px;
}
.slctCnt select{
    margin: 0px 0px;
    height: 35px;
    width: 100%;
    font-family: 'Roboto', Helvetica;
    font-size: 14px;
    margin-bottom: 4px;
    box-sizing: border-box;
    color: #363e49;
    font-weight: 500;
}
.slctCnt input{
    height: 35px;
    padding: 0px 4px;
    font-size: 14px;
    margin-bottom: 4px;
    box-sizing: border-box;
    width: 100%;
    color: #000;
}
.slctCnt input[disabled]{
    margin: 0px 4px;
    background-color: #FFF;
    border:solid 1px #AAA;
    color: #AAA;
}
.slctCnt label{
    margin-left: 4px;
    margin-bottom: 1px;
    color: #000;
    font-family: 'Roboto', Helvetica;
    font-size: 1.3em;
}

.view-panel{
    padding: 0px 2px;
    margin-bottom: 4px;
}
.view-panel .teststep{
    width: 100%;
    margin: 0;
}
.info-panel h2{
    font-size: 1.4em;
    font-family: 'Roboto';
}

/* Comun */
.smallSign{
    width: 60px;
    height: 35px !important;
    min-height: 35px !important;
}

.slctCnt select[disabled]{
    color: #AAA;
}

.boxEvents{
    border:solid 1px #AAA;
    background: -webkit-linear-gradient(to bottom, #37404a , #292335);
    background: linear-gradient(to bottom, #37404a , #292335);
    padding-top: 14px;
    max-height: 600px;
    min-height: 600px;
    overflow-y: scroll;
}
.eventCard{
    border-radius: 5px;
    min-height: 150px;
    width: 100%;
    background-color: #FFF;
    border:solid 1px #AAA;
    margin-bottom: 12px;
    padding: 10px 12px;
}
.longText{
    font-family: arial;
    font-weight: bold;
    font-size: 35px;
    color: #AAA;
}
.tittmts{
    font-family: 'Roboto';
    font-size: 2em;
    font-weight: bold;
    color: #363e49;
}
.labForm{
    font-family: 'Roboto', Helvetica;
    font-size: 1.4em;
    color: #000;
    margin-right: 6px;
}
#tableStyle th{
    background-color: #363e49;
    color: #FFF;
    font-size: 1.2em;
    font-family: 'Roboto';
    border:solid 1px #AAA;
    text-align: center;
    text-transform: uppercase;
}
#tableStyle td{
    border:solid 1px #FFF;
    background-color: #efefef;
    text-align: center;
    font-family: 'Roboto';
    font-size: 1.4em;
}
#tableStyle thead tr{
    height: 40px;
}
#tableStyle tbody tr:nth-child(even) td{
  background-color: #dcdcdc;
}
.subcrd{
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Roboto', Helvetica;
    color: #363e49;
}
input.cajNm{
    text-align: right;
    font-family: 'Roboto';
    width: 130px;
    font-size: 2em;
    color: #444;
    border: solid 1px #000;
    background-color: #FFF;
    height: 40px;
    background-position: left center;
    padding: 0px 7px;
    margin: 4px 5px;
}
.inPrice{
    height: 37px;
    color: #444;
    font-size: 2em;
    font-weight: bold;
    padding-left: 7px;
}
md-dialog-actions{
    border-top: solid 1px #AAA;
}

/* textAngular */
.ta-editor{
    margin: 30px 0px;
    padding-right: 0px 10px;
}
.ta-editor div{
    padding-left: 10px;
}
.ta-text{
    border:solid 2px #363e49;
    max-height: 450px;
    min-height: 450px;
    overflow-y: scroll;
    border-radius: 0px;
}
.emptylist{
    min-height: 250px;
    font-size: 13px;
    color: #AAA;
    font-style: italic;
    font-family: Helvetica;
}
/* Ayudas */
.main-help{
    font-size: 14px;
    color: #363e49;
}
.main-help strong{
    font-weight: bold;
}
.help-content{
    border: solid 1px #AAA;
    padding: 10px 18px;
    margin: 18px 15%;
    box-sizing: border-box;
    font-family: 'Roboto';
    -webkit-box-shadow: 10px 10px 5px -6px #AAA;
    -moz-box-shadow: 10px 10px 5px -6px #AAA;
    box-shadow: 10px 10px 5px -6px #AAA;
}
.main-help img{
    -webkit-box-shadow: 10px 10px 5px -6px #444;
    -moz-box-shadow: 10px 10px 5px -6px #444;
    box-shadow: 10px 10px 5px -6px #444;
}

md-tabs [role="tabpanel"] {
    transition: none;
}
md-tabs md-ink-bar {
  transition: none;
}
md-dialog md-toolbar{
    min-height: 38px !important;
}
.signature-content{
    min-height: 150px !important;
    background-color: #efefef;
}
.signature-content fieldset{
    border:solid 1px #444;
    background-color: #FFF;
}
.signature-content fieldset legend{
    width: auto;
    margin: 0px 4px;
}
.signature-content img{
    width: 250px;
    height: 140px;
}

md-input-container.md-default-theme .md-input, md-input-container .md-input {
    color: #000 !important;
}

.cookiesponsgo{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border: 1px solid #0000;
}
.cookiesponsgo td, .cookiesponsgo th, .cookiesponsgo tr{
    border: 1px solid #cccccc;
    text-align: left;
    padding: 10px;
}

.cookiesponsgo th{
    background-color: #e6e6e6;
    font-weight: bold;
}

.cookiespongo_sub{
    background-color: #f2f2f2;
}

#cookieConsent {
    text-align: center;
    background-color: #fff;
    border-top: 4px solid rgb(68, 68, 68);
    min-height: 26px;
    font-size: 10pt;
    color: #000;
    line-height: 20px;
    padding: 8px 0 8px 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #3A6EA7;
}

#cookieConsent p {
    margin-right: 30px;
}

#cookieConsent a.cookieConsentOK {
    cursor: pointer;
    background-color: #222;
    color: #fff;
    padding: 5px 10px 6px;
    border-radius: 5px;
    margin: 0 0px 0 0px;
}