html, body {

}

/* Theme Colors
--------------------------------------------------------- */

/* blue-grey */
.primary-palette {
    color: rgb(96,125,139);
}
.primary-palette-hue1 {
    color: rgb(144,164,174);
}


/* pink */
.accent-palette {
    color: rgb(197, 17, 98);
}
.accent-palette-hue1 {
    color: rgb(255,128,171);
}


/* orange */
.warn-palette {
    color: rgb(255, 152, 0);
}
.warn-palette-hue1 {
    color: rgb(255,183,77);
}

/* Common cross-functional styles
--------------------------------------------------------- */
.right {
    float: right;
}
.left {
    float: left;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/Content/fonts/glyphicons-halflings-regular.eot');
    src: url('/Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon-lg {
    font-size: 1.5em;
    padding-top: 8px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
.glyphicon-plus-sign:before {
    content: "\e081";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.icon-color {
    color: #333;
}
.icon-color:hover {
    color: #3278B3;
}
div.thin-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
div.thin-scrollbar::-webkit-scrollbar-corner,
div.thin-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.8);
}

/* Toolbar area
-------------------------------------------------------- */
.menuBtn {
    background-color: transparent;
    border: none;
    height: 38px;
    margin: 16px;
    width: 36px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkhlYWRlciI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB4PSItNjE4IiB5PSItMjIzMiIgZmlsbD0ibm9uZSIgd2lkdGg9IjE0MDAiIGhlaWdodD0iMzYwMCIvPgogICAgPC9nPgo8L2c+CjxnIGlkPSJMYWJlbCI+CjwvZz4KPGcgaWQ9Ikljb24iPgogICAgPGc+CiAgICAgICAgPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+CiAgICAgICAgPHBhdGggZD0iTTMsMThoMTh2LTJIM1YxOHogTTMsMTNoMTh2LTJIM1YxM3ogTTMsNnYyaDE4VjZIM3oiIHN0eWxlPSJmaWxsOiNmM2YzZjM7Ii8+CiAgICA8L2c+CjwvZz4KPGcgaWQ9IkdyaWQiIGRpc3BsYXk9Im5vbmUiPgogICAgPGcgZGlzcGxheT0iaW5saW5lIj4KICAgIDwvZz4KPC9nPgo8L3N2Zz4=) no-repeat center center;
}
md-toolbar {
    vertical-align: middle;
}
md-toolbar h1 {
    font-size: 1.250em;
    font-weight: 400;
}
md-toolbar h5 {
    margin: 0;
}

md-toolbar h5 a,
md-toolbar h5 a:visited,
md-toolbar h5 a:hover,
md-toolbar h5 a:active,
md-toolbar div.toolbar-link a,
md-toolbar div.toolbar-link a:visited,
md-toolbar div.toolbar-link a:hover,
md-toolbar div.toolbar-link a:active,
md-toolbar div.toolbar-usermenu a.user-link,
md-toolbar div.toolbar-usermenu a.user-link:visited,
md-toolbar div.toolbar-usermenu a.user-link:hover,
md-toolbar div.toolbar-usermenu a.user-link:active {
    color: white;
    text-decoration: none;
}
md-toolbar div.active a {
    text-decoration: none;
}



/* Notification Area
----------------------------------------------------------- */
#notification-container {
    display: none;
}



/* Sidenav area
---------------------------------------------------- */
md-list .md-button {
    color: inherit;
    font-weight: 500;
    text-align: left;
    width: 100%;
}
md-list .md-button.selected {
    color: #03a9f4;
}

/* Primary content area
--------------------------------------------------------- */
#content {
    overflow: hidden;
}
#content md-content {
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 1em;
}
div.leftpane {
    /* max-height: 50%;
    */
    /* overflow: scroll;
    */
    overflow: auto;


}

/* Utils
----------------------------------------------------- */
.content-wrapper {
    position: relative;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Typography support coming in 0.8.0 */
/* Using Data-URI converted from svg until <md-icon> becomes available
https://github.com/google/material-design-icons */

#content .md-button.action {
    background-color: transparent;
    border: none;
    height: 38px;
    margin: 8px auto 16px 0;
    position: absolute;
    top: 10px;
    right: 25px;
    width: 36px;
}
.actionBtn {
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2Ij4NCiAgICA8cGF0aCBkPSJNMCAwaDM2djM2aC0zNnoiIGZpbGw9Im5vbmUiLz4NCiAgICA8cGF0aCBkPSJNNCAyN2gyOHYtM2gtMjh2M3ptMC04aDI4di0zaC0yOHYzem0wLTExdjNoMjh2LTNoLTI4eiIvPg0KPC9zdmc+) no-repeat center center;
}
.input-group-btn {
    font-size: .9em;
}

/* LOADING CONTAINER
-------------------------------------------------------------- */
.loading-container {
    position: relative;
}
.loading-container .loading:before,
.loading-container .loading:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 50px;
    min-width: 50px;
}
.loading-container .loading:before {
    background-color: white;
    opacity: 0.5;
}

/* PATIENT LIST
------------------------------------------------------------- */
div.list-container{

}
div.list-container .btn-container {
    margin-bottom: 5px;
}
table.item-grid {
    width: 100%;
    border: 2px solid #c5c5c5;
    background-color: #f5f5f5;
    overflow-y: auto;
    overflow-x: hidden;
}
table.item-grid td div.active {
    color: #fff;
}
table.item-grid thead, table.item-grid tbody {
    display: block;
}
@media screen and (max-height: 1000px) {
    table.item-grid {
        display: block;
        max-height: 550px;
    }
}
@media screen and (max-height: 950px) {
    table.item-grid {
        max-height: 500px;
    }
}
@media screen and (max-height: 900px) {
    table.item-grid {
        max-height: 450px;
    }
}
@media screen and (max-height: 800px) {
    table.item-grid {
        max-height: 300px;
    }
}
@media screen and (max-height: 700px) {
    table.item-grid {
        max-height: 200px;
    }
}
@media screen and (max-height: 600px) {
    table.item-grid {
        max-height: 175px;
    }
}
table.item-grid tbody {
    height: 100%;
    /*overflow-y: auto;
    overflow-x: hidden;*/
}
table.item-grid tbody tr, table.item-grid tbody td {
    width: 100%;
    display: block;
}
.listview-item {
    padding: 6px 15px 6px 12px;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #fff;
    resize: both;
    background-color: #fff;
    width: 100%;
}
.listview-item:hover {
    background-color: #D9E8FF;
    cursor: pointer;
}
.listview-item-content {
    width: 100%;
    color: #4F4F4F;
}
.listivew-item > .listview-row {
    display: inline-block;
}
span.has-consent,
span.pending-consent,
span.investigator-data {
    float: right;
}
.listview-item-check {
    /* display: inline-block;
    */
    /* height: 100%;
    */
}
.list-row {
    padding: 3px 0;
    width: 100%;
}
.list-row > span {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 40%;
    font-weight: bold;
    resize: none;
}
.list-row span:first-child {
    font-size: 1.1em;
}
.list-row:nth-child(2) {
    font-size: .7em;
}
.subject-status-indicator {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}
.status-pending {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJvSURBVDjLpZPrS5NhGIf9W7YvBYOkhlkoqCklWChv2WyKik7blnNris72bi6dus0DLZ0TDxW1odtopDs4D8MDZuLU0kXq61CijSIIasOvv94VTUfLiB74fXngup7nvrnvJABJ/5PfLnTTdcwOj4RsdYmo5glBWP6iOtzwvIKSWstI0Wgx80SBblpKtE9KQs/We7EaWoT/8wbWP61gMmCH0lMDvokT4j25TiQU/ITFkek9Ow6+7WH2gwsmahCPdwyw75uw9HEO2gUZSkfyI9zBPCJOoJ2SMmg46N61YO/rNoa39Xi41oFuXysMfh36/Fp0b7bAfWAH6RGi0HglWNCbzYgJaFjRv6zGuy+b9It96N3SQvNKiV9HvSaDfFEIxXItnPs23BzJQd6DDEVM0OKsoVwBG/1VMzpXVWhbkUM2K4oJBDYuGmbKIJ0qxsAbHfRLzbjcnUbFBIpx/qH3vQv9b3U03IQ/HfFkERTzfFj8w8jSpR7GBE123uFEYAzaDRIqX/2JAtJbDat/COkd7CNBva2cMvq0MGxp0PRSCPF8BXjWG3FgNHc9XPT71Ojy3sMFdfJRCeKxEsVtKwFHwALZfCUk3tIfNR8XiJwc1LmL4dg141JPKtj3WUdNFJqLGFVPC4OkR4BxajTWsChY64wmCnMxsWPCHcutKBxMVp5mxA1S+aMComToaqTRUQknLTH62kHOVEE+VQnjahscNCy0cMBWsSI0TCQcZc5ALkEYckL5A5noWSBhfm2AecMAjbcRWV0pUTh0HE64TNf0mczcnnQyu/MilaFJCae1nw2fbz1DnVOxyGTlKeZft/Ff8x1BRssfACjTwQAAAABJRU5ErkJggg==') /* ../../Images/status-pending2.png */;
}
.status-consented {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJnSURBVDjLpZPNS9RhEMc/z29t1d1tfSmhCAwjioqoKNYuYkRRFB300MWT3eooeMn6C4TunYoiOgSKkGAUhh0SjJCwsBdtfQMN17Ta2v39nueZ6WBtktGh5jLDMPPhC/Mdo6r8T5T93nCPTUqVDhVOi5BRBRVGRBhQ4drGc5pfO2/WKnCPTbMKN0x9Z4OpzqDxWlCPFnL45VHCd91ZEdprWnRoHcANmhatbu4JtrShiSr8t9dIuIS6IpgKgoqdGBsQztwj/DDUWndee0sAO2hqVZmO7b+bkuAzvpgF+wVxIeqLqxBRTHk9sfL9fBq+kBdh+9Y2/RgAqNARbO9KaRwkzIL7ymBfDiQCH/HkIYjN4z6P4cNJEnu6UuLpAAgARDhrahqRYhZ1BVQsx85UomJRb2lqzqMSojaPW3lOWfUuxHN2LWAv5WnErZSWVCzqItRHP2qL+ggJc0CI9zSUACoU1BXBOx71PmXq7dzqorc/csj05BKDD+ZQsaCKCLFfCjxZbAGIc7R5N+9ezTI7uYD6EBXLTHaZiTfLZBrTmCCB+DJsyETJSCL029zowaC6nkRynqNNDYw9m2L8xSx4S7LSkMlUkUzEKEsfoJCbxkb0l8643GPqRHifarydEvsGnx9HohXUhYj7eUaIJXdi0qeYvn8x7yw7Dl3WxQCgplUXRWj/NnELdBuxdCMmVouKgihBfDMb6k6gieMsvezDRrQfuqyL66w8f8ecFM/15N7OhvimfQQbAhCHCz1f59+yMNyddZZLh6/owB9/AWD2pkmJp1OE096TcRE4y4izDDhL95Grf3mmf4nvrQOLvcb/mlMAAAAASUVORK5CYII=') /* ../../Images/status-consented2.png */;
}
.status-qualified {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAK5SURBVDjLjZBbSNNxHMVXDz3UQ0892AVSs4Q0shQRA5uzCFGL5Rxqc1u5mZpNnWNN533eaDr976blZeFllc7mMLMl6IOGqdOpS4vAPaRbb6FiQjpPm5QahvmFw5cfP87nezgkAKS9JI4+zp5Wey3Ot57AnMZ9rYnn0RAV6HHoz/+eZl74SYq12d2x0OaGnapL9azeF6CBeYxY6PSHrZeDH8OVsOmCsaA9BYva8/u+AKroo5V2cy8Wh1RYMz/D8nsV5id60F/sZ90XgBoew51pydxYmuyAY7YTKxY97AMEihKu6v4J4JK92Ep26CLBIEPFoqwl033HCGHqT7uOj69dhbAbcjFY+wAXOOd7AgQ+R/4CMIPPUJTsMEd1PBk71SjjQV4nQYUiF/lSAbo+tqCkvwi+eec0F/lnD28BZPRLg0+Sb6Gz4B5m2sRo5dNAMCioTQpDk1kM9bgQVaYMlJsy0f6pAen6NAQlB6i2AAq6Z/uXfu2uwrTZZMjGH6HCJEDxaDpyRlMg+pACtoqFOVXU/wurKI6GYkKEfMN9pKvjwK26ibjSUFAl12B7GrENOHi5RqQQpe0qzIeWBW5dDArb2ei2KGG2GSF7lwK6zBcMoffrTfOB4OeJVL5peeAbUPpSh9xGLQSEBvUjqxAo5hFfcn29a7oaXTMEXCPt40DWl4TAVLdVknt4LY3G614xzDogmQE4I0DCABDTDdC1ADEEROT4ocdSj51jmFK6ACBNSfzXxzrk4L+yg9kLMPUbiNdugKZxIFINRModuPLwNB4b76LMyNo0l71lbSew1oTYOkoyEJs3DK4RYL9xJtADDANwx5WifA6xvCjclnqj0pi4edm1XW8nQEr63JwU1FNEzQ6ktej900dBzptyahpk8SRCsk3wvPHCKs9KLEgQehuchiVX7N+73NXfL+Zkqi9OGtlWAAAAAElFTkSuQmCC') /* ../../Images/status-qualified.png */;
}
.status-failed-qualification {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIhSURBVDjLlZPrThNRFIWJicmJz6BWiYbIkYDEG0JbBiitDQgm0PuFXqSAtKXtpE2hNuoPTXwSnwtExd6w0pl2OtPlrphKLSXhx07OZM769qy19wwAGLhM1ddC184+d18QMzoq3lfsD3LZ7Y3XbE5DL6Atzuyilc5Ciyd7IHVfgNcDYTQ2tvDr5crn6uLSvX+Av2Lk36FFpSVENDe3OxDZu8apO5rROJDLo30+Nlvj5RnTlVNAKs1aCVFr7b4BPn6Cls21AWgEQlz2+Dl1h7IdA+i97A/geP65WhbmrnZZ0GIJpr6OqZqYAd5/gJpKox4Mg7pD2YoC2b0/54rJQuJZdm6Izcgma4TW1WZ0h+y8BfbyJMwBmSxkjw+VObNanp5h/adwGhaTXF4NWbLj9gEONyCmUZmd10pGgf1/vwcgOT3tUQE0DdicwIod2EmSbwsKE1P8QoDkcHPJ5YESjgBJkYQpIEZ2KEB51Y6y3ojvY+P8XEDN7uKS0w0ltA7QGCWHCxSWWpwyaCeLy0BkA7UXyyg8fIzDoWHeBaDN4tQdSvAVdU1Aok+nsNTipIEVnkywo/FHatVkBoIhnFisOBoZxcGtQd4B0GYJNZsDSiAEadUBCkstPtN3Avs2Msa+Dt9XfxoFSNYF/Bh9gP0bOqHLAm2WUF1YQskwrVFYPWkf3h1iXwbvqGfFPSGW9Eah8HSS9fuZDnS32f71m8KFY7xs/QZyu6TH2+2+FAAAAABJRU5ErkJggg==') /* ../../Images/status-not-consented-or-qualified.png */;
}
.status-outofrange {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFYSURBVDjLY/z//z8DJYCJgUJAsQEsuCQeHIgP/f/vX/H/f//9lFyWvCLJBff2xPD9+/27kV/O3xxIl5HsBaCmAj5Zb00+SUOGPz9/J19fF2BKtAG3NoVoATXl84oIMPz9tIlBXC9F4O/PX7WXl3iwEjQAaBPTn5+/KkW1ooUYfpxjOLVoKQOPwHeGPz9++QCxH0EDgDa5cQnrxfAKfmP49/M+A8P/fwx/v5xmUHQoZvzz82fzqUmWvDgNuLjQjQ1oS4uAnAHDv2+XgHq/MxgHqzP8+/WMgYPjFoO4boQm0HWFOA0A2p4qpOJtzMX7huH/n7cMDIzMDGfX3QIFKcO/H7cYRNXkgWp+Zx9q0tHCmg7+/PgJ9Ls/0MgHDEx8okCR/wxmSQFwe5g5lRmUXMvFbm1uagQKhGIa8PMXx7nZwd+BCQfo/H9I+D+cZgDR//9LILuAcehnJgBMs6gZ4tipDAAAAABJRU5ErkJggg==') /* ../../images/status-outofrange.png */
}
.status-completed {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH9SURBVDjLlZNBaxNREMcTtTkonvwAHkQP4kHBj2LBngPiqRUPgpdiDYKlLYVKBRUU2psXQwNBCrVtaowbEjasocuGDRt2l112fUs2pFLroT8Pb22MNdAe5vDezP83M2/mpYDUkalxBjV6gG6B5i0P+UbY8IXmXaJpW8Q90M2fqM7M6QCquIAWvMX3Ie6BZvapuhMnB0AKJbrNbusXURdCAYqpsunfOAkgDZyjs3+RmjOD68gqbBvK1ms2vPOjAWpwhbo/zTdPYdf5jmbtIXrQjaUZFpT1A7b0CT546eOAuvMJz4E4hv4e9PpSGMUQdUFEYDug6pA3pijo18k3rw4AmhkQ92Sw1YFaTfYvEnEoIAglpNGAYl2jUFUGgM3GZ/JrUCqB0QLXk7AwgiAR+wF4vvSZbXi3ygCwYY5Tb8jSo64M6MYS4IfgBeAmYtuVlSy9/AuwLjLsKAdslaBchlYr6V0kWX1wEnHHAcuGuSWGx1isrlOucDT/UMj+PR+cJGvHlm/UtuD5wj+A9941KgoUP0KlIkUiktn/iNsdaLWhqcPj+R/DgBX3DCuNOxQKYBhSHAgJMkz4osDs4iG5WcjmYu7mrOOr/MpIM1+/xdzaNm9WD3mxDNNP4OGjfe5PfeXeZI7s5E3Gn46RXRj7/1+QK30WyPBs8XJyHvmZfgPxTEl50XYktwAAAABJRU5ErkJggg==') /* ../../Images/status-ready-for-finalization4.png */;
}
.status-finalized {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLvZPZLkNhFIV75zjvYm7VGFNCqoZUJ+roKUUpjRuqp61Wq0NKDMelGGqOxBSUIBKXWtWGZxAvobr8lWjChRgSF//dv9be+9trCwAI/vIE/26gXmviW5bqnb8yUK028qZjPfoPWEj4Ku5HBspgAz941IXZeze8N1bottSo8BTZviVWrEh546EO03EXpuJOdG63otJbjBKHkEp/Ml6yNYYzpuezWL4s5VMtT8acCMQcb5XL3eJE8VgBlR7BeMGW9Z4yT9y1CeyucuhdTGDxfftaBO7G4L+zg91UocxVmCiy51NpiP3n2treUPujL8xhOjYOzZYsQWANyRYlU4Y9Br6oHd5bDh0bCpSOixJiWx71YY09J5pM/WEbzFcDmHvwwBu2wnikg+lEj4mwBe5bC5h1OUqcwpdC60dxegRmR06TyjCF9G9z+qM2uCJmuMJmaNZaUrCSIi6X+jJIBBYtW5Cge7cd7sgoHDfDaAvKQGAlRZYc6ltJlMxX03UzlaRlBdQrzSCwksLRbOpHUSb7pcsnxCCwngvM2Rm/ugUCi84fycr4l2t8Bb6iqTxSCgNIAAAAAElFTkSuQmCC') /* ../../Images/status-finalized2.png */;
}
.icon-desc {
    position: relative;
    top: .2em;
    font-size: .7em;
    margin: 0 0 0 .1em;
}
.lbl-legend {
    font-weight: bold;
    font-size: .9em;
    position: relative;
    top: -.2em;
}
.icon-legend div {
    display: inline-block;
    /*margin-left: .5em;*/
}
.pager div>a,
.pager div>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}
.pager .next>a,
.pager .next>span {
    float: right;
}
.pager .next>a, .pager .previous>a {
    font-size: 1.5em;
    text-decoration: none;
    color: #333;
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
}
div.pager {
    margin: 1em 0 0 0 ;
}

div.pager-pages{
    margin: .5em 0 auto auto;
    text-align: center;
}

#subjectList .active {
    text-shadow: 0 -1px 0 #3071A9;
    background-image: linear-gradient(to bottom, #428BCA 0, #3278B3 100%);
    background-repeat: repeat-x;
    border-color: #3278B3;
    color: #fff;
}
.k-window .k-state-focused {
    text-shadow: none;
    background-image: none;
    background-repeat: repeat-x;
    border-color: none;
}
#addSubject {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: auto;
    width: inherit;
}
#filterWidget {
    /*margin-bottom: 5px;
    margin-top: 5px;*/
}
.list-filter-header {
    background-color: #e4e4e4;
    padding: .5em 0.8em;
}
.list-filter-header > div {
    margin: .5em 0;
}
.list-filter-header .form-control {
    width: 100%;
}
.list-filter-header input[type=text].form-control {
    padding: 2px 3px;
    height: 1.9em;
}
.list-filter-header md-select {
    border: 1px solid #adadad;
    width: 100%;
    background-color: #fff;
    padding:2px 3px;
    margin: 0;
}
.list-filter-header md-select md-select-label {
    border-bottom: 0 solid #fff;
}
.msg-select-subject {
    font-weight: bold;
}
.list-filter-text {
    width: 55px;
    border-width: 1px;
    border-style: groove;
    margin-left: .2em;
    padding: 0;
    display: inline-block;
    float: none !important;
    text-align: center;
    top: -20px;
    cursor: pointer;
}
.list-filter-header #btnFilter, .list-filter-header #btnClearFilters {
    margin: 0 .3em;
}
.bottom-separator {
    border-bottom: 1px solid #c5c5c5;
}
div.btn-group button.md-fab {
    width: 2.4em;
    height: 2.4em;
    font-size: 0.9em;
}



/* FORM CONTENT
------------------------------------------------------------- */

.form-container {
    width: 100%;
}

.form-tab {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.content-tab {
    width: 100%;
}

@media screen and (max-height: 1000px) {
    .form-tab {
        max-height: 750px;
    }
}
@media screen and (max-height: 950px) {
    .form-tab {
        max-height: 700px;
    }
}
@media screen and (max-height: 900px) {
    .form-tab {
        max-height: 650px;
    }
}
@media screen and (max-height: 800px) {
    .form-tab {
        max-height: 500px;
    }
}
@media screen and (max-height: 700px) {
    .form-tab {
        max-height: 400px;
    }
}
@media screen and (max-height: 600px) {
    .form-tab {
        max-height: 375px;
    }
}

.field-row md-input-container, .field-row >div {
    margin: 1em 2em;
}
.field-row md-select, .field-row input, .field-row textarea {
    width: 100%;
}

fieldset {
    background-color: #F1F1F1;
}

fieldset legend, .field-row label {
    font-weight: bold;
}

fieldset legend {
    font-size: 1.4em;
    color: rgb(144,164,174);
}