[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.logo {
    margin-top: -4px;
}

.logo img {
    width: 106px;
    height: 19px;
    /*width: 105px;*/
    /*height: 20px;*/
    padding: 0;
    margin: 0;

}

/* general */
.clear-space {
    padding: 0;
    margin: 0;
}

.ui-grid-viewport {
    overflow-anchor: none;
}

.label-dark {
    background-color: #d9534f;
}
.label-dark[href]:hover,
.label-dark[href]:focus {
    background-color: #c9302c;
}

/* login */

div.loginpanel {
    background-image: url(../images/v2/loginpanel-top.jpg);
    width: 1000px;
    height: 438px;
    margin-left: auto;
    margin-right:  auto;
    padding-top: 62px;
}

div.loginpanel div.logincenter {
    text-align: center;
}

div.loginpanel form {
    display: inline-block;
    margin-top: 40px;
}

div.loginpanel input:focus {
    border-color: rgba(239, 185, 127, 0.80);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(239, 203, 144, 0.60);
    outline: 0 none;
}

div.loginpanelbottom {
    background-image: url(../images/v2/loginpanel-bot.jpg);
    width: 1000px;
    height:  300px;
    margin-left: auto;
    margin-right:  auto;
    text-align: center;
    padding-top: 50px;
}

div.loginpanelbottom table {
    margin-left: auto;
    margin-right:  auto;
    margin-top: 45px;
}

div.loginpanelbottom table td {
    color: #707173;
}

div.loginpanel div.title {
    background-image: url(../images/v2/research-distribution.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 236px;
    width: 511px;
    margin-left: auto;
    margin-right: auto;
}

div.loginpanel div.title.snp {
    background-image: url(../images/client/spcontrib.png);
    background-size: 50%;
}

div.loginpanel div.title img {
    padding-top: 99px;
}

div.loginpanel div.fields {
    width: 511px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}

div.loginpanel div.row {
    width: 511px;
    height: 30px;
}

div.loginpanel div.row.textentry {
    height: 50px;
}

div.loginpanel div.fields div.row div.col {
    width: 220px;
    float: left;
}

div.loginpanel span, div.loginpanel p {
    color: #707173;
}

div.loginpanel span.signintitle {
    font-size: 19px;
}

div.loginpanel .textentry span {
    display: block;
}


div.loginpanel div.col-end {

}



/* end */

ul.pagination {
    margin-top: 0;
    margin-bottom: 0;
}

.spacer {
    margin-top: 20px;
}

.hand {
    cursor: pointer;
}

input[readonly].hand {
    cursor: pointer !important;
}

.largespacer {
    margin-top: 150px;
}

.gridOptsPadded {
    position: relative;
    left: 15px;
}

.document-list small {
    color: #a9a9a9;
}

.document-filter, .users-filter {
    margin-right: 0.25em;
}
.document-filter div, .document-date-range-filter, .users-filter div {
    display: inline-block;
}
.document-filter .ng-isolate-scope, .users-filter .ng-isolate-scope {
    margin-left: 5px;
}
.document-filter div.helperContainer.ng-scope, .users-filter div.helperContainer.ng-scope {
    display: flex;
}
.document-filter div.helperContainer.ng-scope div:last-child, .users-filter div.helperContainer.ng-scope div:last-child {
    flex-grow: 1;
}

table.document-list {
    table-layout: fixed;
}
table.document-list span.ng-scope {
    word-break: break-word;
}

td.doc-editcol {
    width: 4%;
}

td.doc-datecol {
    width: 8%;
}
td.doc-headlinecol {
    width: 27%;
}
td.doc-productcol {
    width: 7%;
}
td.doc-tagscol {
    width: 20%;
}
td.doc-permscol {
    width: 7%;
}
td.doc-channelcol {
    width: 7%;
}
td.doc-idcol {
    width: 22%;
}
td.doc-action {
    width: 2%;
}

table.document-list td.doc-tags {
    overflow-x: hidden;
}

.label.doc-tag {
    margin-right: 3px;
    padding: .3em .6em .3em;
    display: inline-block;
}

.user-list i.fa-caret-up {
    position: relative;
    bottom: 4px;
}

.user-list .fa-caret-down {
    position: relative;
    top: 4px;
    right: 12.5px;
}

.user-list .fa.active {
    color: cornflowerblue;
    text-shadow: 0 0 4px;
}

td.users-namecol {
    width: 15%;
}
td.users-surnamecol {
    width: 15%;
}
td.users-emailcol {
    width: 23%;
}
td.users-companycol {
    width: 15%;
}
td.users-rolecol {
    width: 8%;
}
td.users-catcol {
    width: 7%;
}
td.users-hbo {
    width: 3%;
}
td.users-nem {
    width: 3%;
}
td.users-npa {
    width: 3%;
}
td.users-med {
    width: 3%;
}
td.users-dis {
    width: 3%;
}
/*td.users-login {*/
/*    width: 10%;*/
/*}*/
td.users-action {
    width: 2%;
}

.user-state .btn {
    height: 38px;
    background-color: #fff;
    background-image: linear-gradient(#fff, #f7f7f7);
}

.flags-row .checkbox label {
    color: black;
}

.flags-row .checkbox input {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.flags-row svg {
    color: #666;
}

tr.subscription-row {
    border-bottom: 1px dashed #ddd;
}

tr.subscription-row.filtered {
    display: none;
}

div#filter-subs-wrap {
    width: 100%;
}

span#searchclear
{
    position: relative;
    left: -60px;
    z-index: 0;
}

div.aligneddate
{
    position: relative;
}

p.aligneddate
{
    position: absolute;
    top: 34px;
}

div.aligneddate ul.dropdown-menu li div:focus, div.aligneddate ul.dropdown-menu li div table:focus {
    outline: none;
}

.dropdown-menu>li>a {
    cursor: pointer;
}

div.filedropzone
{
    margin-bottom: 20px;
    width: 100%;
    /*height: 250px;*/
    border: 5px dashed gray;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #d3d3d3;
    text-align: center;
}

div.filedropzone.large
{
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    border: 5px dashed gray;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #d3d3d3;
    text-align: center;
}


div.filedropzone.dragover
{
    background-color: #d3d3d3;
    border-color: #2fa6ff;
}

div.filedropzone span.glyphicon.large, div.filedropzone span.fa
{
    margin-top: 20px;
    color: gray;
    font-size: 100px;
}

div.filedropzone small {
    font-size: 12px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}
input[readonly] {
    background-color: white !important;
    cursor: text !important;
}
sup.required {
    color: red;
}

div.filedropzone-progress {
    padding: 10px;
}

span.category {
    color: gray;
}

span.category span.fa {
    margin-right: 10px;
}

.tagrow {
    margin-top: 20px;
}

hr.permissions-divider {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    border: none;
    border-top: 1px solid #7a7a7a;
    color: #7a7a7a;
    text-align: center;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
hr.permissions-divider:after {
    content: "or";
    display: inline-block;
    position: relative;
    top: -0.8em;
    font-size: 1em;
    font-style: italic;
    padding: 0 0.25em;
    background: white;
}
span.permissions-divider {
    color: #7a7a7a;
    font-style: italic;
}

div.scrollable {
    overflow-y: auto;
    overflow-x: hidden;
}

.fadeout {
    position: relative;
    bottom: 10px;
    height: 10px;
    background: -webkit-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
}

ul.nav.tag-nav li a {
    padding: 5px 15px;
}

.tagwell {
    padding-top: 10px;
    padding-bottom: 15px;
}

.smallheading {
    font-size: 12px;
    font-weight: 700;
    color: #959595;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.inactiveitem {
    color: #d3d3d3;
}

.btn-offsetdown {
    margin-top: 25px;
}

input.inactivedate {
    cursor: default !important;
    outline: 0!important;
    -webkit-appearance:none!important;
    box-shadow: none!important;
    border-color: #ccc!important;
    background-color: #eeeeee!important;
}

.space-right {
    margin-right: 10px;
}

.bigicon {
    font-size: 64px;
}

.hugeicon {
    font-size: 264px;
}

.nowraplink {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

td.user-namecol {
    width: 30%;
}
td.user-emailcol {
    width: 30%;
}
td.user-rolecol {
    width: 20%;
}
td.user-statuscol {
    width: 20%;
}

textarea#about {
    height: 175px!important;
}

.analytics {
    height: 100%;
}
.analytics.container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.summaryeditor h1 {
    font-weight: bold;
    font-size: 14pt;
    color: rgba(126, 174, 86, 1.000);
}
.summaryeditor h2 {
    font-weight: bold;
    font-size: 12pt;
    color: rgba(57, 71, 29, 1.000);
}
.summaryeditor h3 {
    font-size: 12pt;
    color: black;
}
.sub-subtype {
    padding: 5px;
}
.sub-invalid {
    color: grey;
    font-style: italic;
    text-decoration: line-through;
}
#subChangeFilter a {
    color: #777;
}

#subChangeFilter a:hover {
    color: #333;
}

#subChangeFilter span {
    color: #428bca;
}