/* Hide Built-in fields in Upload metadata editor */ 
#metadataEditorBlock > div:first-of-type, #metadataEditorBlock > div:nth-of-type(2)
{
  display:none;
}

/* FORMAT LOGIN SSO BUTTON */

#page-form .sso-sign-in-page {
    font-size: 0;
}

#page-form .sso-sign-in-page::after {
    content: "Login KONGSBERG employee";
    font-size: 16px;
}

#page-form .sso-sign-in-page.btn.btn-secondary {
    background: #08A698;
    border-color: #08A698;
    color: #fff;
}


/* FORMAT DEFAULT LOGIN BUTTON */

#page-form-submit {
    font-size: 0;
}

#page-form-submit:after {
    content: "External user login";
    font-size: 16px;
}

#page-form-submit.btn.btn-primary {
    background: #08A698; /* grey #777;*/
    border-color: #08A698;/* grey #777;*/
    color: #fff;
}

.sso-sign-in-page {
margin-top:20px;
}

/* REORDER FORM ELEMENTS */

.login-upper-form {
    order: 2;
}

/* Hide default logo and add login logo as background image */
.logo-wrap {
    display: none;
}

.login-type-page-form.login-lower-form::before {
    content: "";
    display: block;
    height: 290px;
    width: 100%;
    background: url("/fotoweb/resources/logos/login.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Reformat boxes and backgrounds */
.login-type-page-content .login-lower-form {
    margin: 0 15px;
    padding: 20px 0px 29px 0px;
    border-bottom: 1px solid #999;
}

.login-type-page-form {
    background: none;
}

.login-type-page-content {
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
}



/* Common properties: */
.navbar-inner {
    background-color: #014A42; /* header color */
} 

.intranetextra-link {
    color: #aaa !important; /* header icon color */
}
.content-title {
    color: #fff; /* title color */
    font-size: 36px; /* title size */
}

.media-sets {
    background: #fff; /* body background */
    margin: 1% 4% 4%; /* body content alignment */
}

/* Search button: */
.navbar-search .main-search-btn {
    background-color: rgb(8,166,152) !important; /* search button color */
    color: #fff; /* button text color */
    padding: 6px 12px;  /* button padding */
    font-size: 14px;  /* button text size */
    font-weight: normal;  /* button text style */
    text-transform: uppercase;  /* button text in ALL CAPS */
    line-height: 1;  /* button text lineheight */
    text-align: center;  /* button text alignment */
    border: 0;  /* button border */
    border-top-right-radius: 4px;  /* button rounded corner */
    border-bottom-right-radius: 4px; /* button rounded corner */
}

/* Upload button and register button: */
.btn-primary {
    color: #ffffff; /* button text color */
    background-color: #333;  /* upload button color */
    border-color: #fff; /* button border color */
    border-radius: 4px; /* button rounded corner */
    border: 2px solid; /* button border */
    text-transform: uppercase; /* button text in ALL CAPS */
    
} 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #b4b3b3; /* button on hover text color */
    background-color: #000; /* button on hover color */
    border-color: #b4b3b3; /* button on hover border color */
} 
 .navbar-fixed-top .btn-upload {
    padding: 3px 14px;  /* top bar button spacing */
    height: 30px; /* top bar button height */
}  

/* Disabled button: */
.btn-primary:disabled {
   color: #b4b3b3 !important;  /* button text color */
   background-color: #666 !important;  /* button color */
   border-radius: 4px !important;  /* button rounded corner */
   border: 2px solid #7a7a7a !important;  /* button border */
   text-transform: uppercase !important;  /* button text in ALL CAPS */ 
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
   color: #b4b3b3 !important;  /* button text color */
   background-color: #666 !important;  /* button color */
   border-radius: 4px !important;  /* button rounded corner */
   border: 2px solid #7a7a7a !important;  /* button border */
   text-transform: uppercase !important;  /* button text in ALL CAPS */ 
}

/* Archive box styles */
.media-set-elem {
    margin: 14px; /* box margin */
    background: #333 !important; /* box color */

}
.media-set-elem-in .title {
    background-color: rgba(0, 0, 0, 0.7); /* title field background */
    color: #999; /* title color */
    font-size: 16px; /* title size */
    padding: 14px 16px; /* title field padding */
    text-transform: uppercase; /* title in ALL CAPS */
 
}
.media-set-elem-in {
    background-size: 350px 200px;
    height: 200px;  /* box height */
    width: 350px; /* width */
}

} /* Remove this line and the first line to enable this CSS on your site */