/**
 * @file
 * Subtheme specific CSS.
 */

 @import url("https://use.fontawesome.com/releases/v5.13.1/css/all.css");



header {
	margin-bottom: 1.5rem;
}

body {
	font-family: Roboto, Sans-serif !important;
	font-weight: 400 !important;
}

h1 {
    font-size: 1.8rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.2rem !important;
    margin-top: 6px !important;
}

h4, .h4 {
    font-size :1.1rem;
}


h5  {
    font-size:1.1rem;
}



a.blue {
    color:#005bdf;
}

a.blue:hover {
    color:#007bff;
}


a.red {
    color:#df5b00;
}

a.red:hover {
    color:#ff7b00;
}


a.green {
    color:#c77f0e;
}

a.green:hover {
    color:#8dcb57;
}
span.green {
     color:#c77f0e;
}

span.red {
    color:#df5b00;
}

span.bold {
    font-weight: bold;
}



.red {
    color:#df5b00;
}

.progress {
    width: 100%;
    height: 400px;
}

.progress__label {
    width: auto;
    margin-top: 11px;
    font-size: 18px;
    line-height: 18px;
}
.progress__track {
    min-width: 250px;
    max-width: 100%;
    height: 30px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
}

.progress__percentage,
.progress__description {
    overflow: hidden;
    margin-top: 11px;
    color: #555;
    font-size: 18px;
    height:21px;
    line-height: 18px;
    margin-left: 8px;
}

.progress__bar {
    height: 28px;

}
.view tr td,
.view tr th {

    border: 1px solid #aaa;
}

#block-informationvidregistreringavenhetsansvarig {
    padding: 8px 20px 0px 15px;
    background: #eee;
    border:1px solid #ccc;
    margin:25px 0px;


}

a.tabledrag-handle .handle {
    width: 22px;
    height: 22px;
}
.view  tr.selected td {
    background: #ffe;
}

.path-anstallda-utan-enhet legend{
    width: auto;
}

.path-anstallda-utan-enhet legend span {
    padding-left: 10px;
    padding-right: 10px;
}

.path-anstallda-utan-enhet .value {
    font-weight: bold;
}

.path-anstallda-utan-enhet label {
    margin-bottom: 0px;
}

.path-anstallda-utan-enhet .rs-col-30,
.path-anstallda-utan-enhet .rs-col-50 {
    display: inline-block;
    padding-left: 0px;
}

.path-anstallda-utan-enhet .get-new-unit {
    margin-top: 10px;
}

.path-certifiera .form-check.radio {
    display: inline-block;
}

.path-certifiera legend {
    font-size: 1rem;
}


.rs-required label::after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(/themes/contrib/bootstrap_barrio/images/required.svg);
    background-repeat: no-repeat;
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    margin: 0 0.3em;
}

/* rs base */

.rs-row {
    width: 100%;
}

.rs-col-16 {
    margin: 0px;
    padding: 5px 15px;
}


.rs-col-20 {
    width: 20%;
    padding: 0px 10px;
}

.rs-col-25 {
    width: 20%;
    padding: 0px 10px;
}

.rs-col-30 {
    width: 32.9%;
    padding: 0px 10px;
}

.rs-col-33 {
    width: 30%;
    padding: 0px 10px;
}

.rs-col-40 {
    width: 40%;
    padding: 0px 10px;
}

.rs-col-50 {
    width: 50%;
    padding: 0px 10px;
}

.rs-col-55 {
    width: 50%;
    padding: 0px 10px;
}

.rs-col-60 {
    width: 60%;
    padding: 0px 10px;
}

.rs-col-70 {
    width: 70%;
    padding: 0px 10px;
}

.views-row {
    width: 100%;
}



.label, .value {
    display: block;
    padding-right: 10px;
}

.label {
    padding-right: 10px;
}

#block-minasidorstjarnmarktaenheter h2 {
  font-size: 1.8rem;
}


/******************************
NAV NAVBAR
***********************************/


#main-wrapper .block-menu.navigation {
    border-bottom: 2px solid #ed9309;
    margin-bottom: 15px;
}

#block-rapportsystem-main-menu li.nav-item {
    margin-left: 10px;
}

.menu--reportmenu li.nav-item {
    margin-left: 0px !important;

}

.menu--reportmenu .nav-link {
    font-family: Open Sans, sans-serif;
    padding-left: 0px;
    padding-right: 22px;
}


.nav-link {
	font-family: Open Sans, sans-serif;
}

#navbar-top.navbar {
	justify-content: flex-end;
	padding-top: 0px;
	padding-bottom: 0px;
}
.region-secondary-menu,
 .navbar.bg-primary {
	max-width: 1140px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;

}

.region-secondary-menu {
    justify-content: flex-end;
}

.navbar-dark .nav-link {
	color: rgba(255, 255, 255, 1);
}

.view-content.row {
	padding: 0px 15px;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #cdee97;
}

/* ---  */


.sidebar_first {
    display: none;
}

.page-view-frontpage legend {
    font-size: 1.2rem;
    width: auto;
}

.page-node-12 .section .content article,
.path-frontpage .section {
    width: 60%;
}

.page-view-frontpage legend span {
    padding: 5px 9px;

}




/*************************************************
USER
************************************************/
/* Inloggningsformulär */

.page-view-frontpage .list-group-item {
	border:unset;
	border-radius: unset;
}

.page-view-frontpage .list-group-item:first-child {
    display: none;
}

.page-view-frontpage .block-user-login-block h2 {
	font-size: 1.4rem;
}

#edit-group-personliga-uppgifter summary{
	color:#c77f0e;
	font-size :1.1rem;

}

#edit-group-personliga-uppgifter summary:hover {
	color:#ed9309;
}

#edit-group-personliga-uppgifter[open=""] {
	border: 1px solid #ccc;
	padding: 8px;
}

/* Visa konto/profil User/x/edit */

body.path-user .field--label-above .field__item {
    border-radius: unset;
}

body.path-user .form-check,
body.path-user fieldset,
body.path-user .form-group .form-inline fieldset {
    margin-bottom: 1.1rem;

}
body.path-user .details-wrapper fieldset:last-child {
    margin-bottom: 5px;
}

/* Buttons */

.btn {
	border-radius: unset !important;
}

button.btn-primary a{
    color:#fff;
}



[role="button"] {
    margin-bottom: 10px;
}

#toolbar-administration a[role="button"] {
    margin-bottom: 0px;
}

.user-register-form .form-textarea {
    height: 4rem;
}

.page-user-register .field--name-field-instructor-units {
    margin-bottom: 25px;
}


/*************************************************************
ERROR MESSAGES
***********************************************************/
.excel-message {
    display: block;
    border: 2px solid #F77;
    margin-top: 8px;
    padding: 12px 14px 0px 14px;
}

#error-message {
    padding: 15px;
    margin-bottom: 15px;
    padding-bottom: 0px;
    background: #ffe;
    border:3px solid #ed9309;
}

.error-message-field {
    padding: 15px;
    margin-bottom: 15px;
    padding-bottom: 0px;
    background: #ffe;
    border:3px solid #ed9309;
}

.error-message-field.rs-col-50 {
    padding: 15px !important;

}

span.error {
    font-weight: bolder;
    color: darkred;
}

.bigger {
    font-size: 1.2rem;
}


/**************************************************************
  SELECT UNIT BLOCK
***************************************************************/

.block-select-unit-block h2 {
    font-size: 1.3rem;
}


.block-select-unit-block {
    padding: 15px;
    margin-bottom: 15px;
    background: #ffe;
    border:3px solid #ed9309;
}

.block-select-unit-block .submit {
    margin-top: 15px;
}


/* End Select Unit Block */



/*********************************
FORMS GENERAL
*******************************************/
div.views-form {
    width: 100%;
}


.form-control {
	border-radius: unset !important;
}

.form-text {
    margin-top: unset !important;
}

/* End */


/****************************************
VYER VIEWS GENERAL
*******************************************/

form.views-exposed-form {
    margin-bottom: 20px;
}

div#vbo-action-form-wrapper {
    margin-bottom: 20px !important;
}

fieldset.form-item-action.form-group {
    margin-bottom: 20px;
}


/* End */


.breadcrumb {
	background-color: transparent;
	border-top: 1px solid #ed9309;
	border-radius: unset;
}

/* Footer */

.site-footer {
	font-family: Roboto, Sans-serif;
	padding: 0px;
}

.site-footer__bottom {
	border: unset;
}
.site-footer__bottom .block {
	margin-left: auto;
	margin-right: auto;
}

.site-footer__bottom .block p{
	margin-bottom: 0px;
}

.site-footer .content {
    color: rgba(255, 255, 255, 0.9);
}

.custom-control-input {
	opacity: 1 !important;
	z-index: unset !important;

}

input[type="checkbox"] {
	color: #ced4da !important;
	border-bottom-color: #ced4da !important;
	border-top-color: #ced4da !important;
	border-left-color: #ced4da !important;
	border-right-color: #ced4da !important;

}

input:checked {
	/* filter: invert(100%) hue-rotate(50deg) brightness(1.1); */
	filter:  hue-rotate(240deg) brightness(1.1);

}

/***************************************************************************
Modal
***************************************************************************/


.modal-content {
    width: 800px !important;
}

.modal-dialog {
    max-width: 800px !important;
}

.modal .label,
.modal .value {
    display: inline-block;
}

/***************************************************************************
TABBAR FLIKAR GENERIC
***************************************************************************/

.nav.nav-tabs.primary {
    margin-bottom: 20px;
}



/***************************************************************************
REPORT FORM
***************************************************************************/

#manual-report-form .report-baseinfo.row {
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid rgb(204, 204, 204);
    margin-bottom: 20px;
}

#manual-report-form .col-sm-4 {
    padding-left: 0px;
}

#manual-report-form .report-baseinstruction.row {
    margin-bottom: 15px;

}

#manual-report-form legend {
    font-size: 1.2rem;
    width: auto;
}

#manual-report-form .rs-container {
    margin-top: 20px;
}

#manual-report-form label {
    font-size: 0.85rem;
    margin-bottom: 0px;
}

#manual-report-form button.form-submit {
    width: 100%;
}


#edit-report {
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.form-group {
    margin-bottom: 5px;
}
textarea.form-control,
.form-control {
    height: calc(1.2em + .55rem + 2px);
    padding: .275rem .55rem;
    font-weight: normal;
    font-size: 0.9rem
}


#manual-report-form fieldset.form-item-report-manager {
    width: calc(38% - 14px);
    margin-right: 10px;
    float: left;

}

#manual-report-form fieldset.form-item-report-nof-employees  {
    width: 10%;
    margin-right: 20px;
    float: left;
}

#manual-report-form fieldset.form-item-report-dev-area  {
    width: calc(90% - 20px);
    display: inline-block;
}

.non-empty {
    background-color: #eeffee;
}

div#add-employees > fieldset:first-child,
div#edit-add-employees > fieldset:first-child,
div#new-employees  > fieldset:first-child,
div#edit-new-employees  > fieldset:first-child,
div#edit-existing-employees> fieldset:first-child,
div#existing-employees> fieldset:first-child {
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 25px;

}


#add-employees .add-employee,
#edit-add-employees .add-employee,
#new-employees .new-employee,
#newEmployees .new-employee,
#edit-existing-employees .employee,
#existing-employees .employee {

    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    background-color: #eeeeee;
}

#new-employees .add-employee:nth-last-child(2) ,
#edit-new-employees .add-employee:nth-last-child(2)  {
    border: 1px solid #beb;
    background-color: #eaf1ea;
}

[class*="form-item-add-employee-name"],
[class*="form-item-new-employee-name"],
fieldset[class*="employee-name"] {
    width: calc(50% - 9px);
    display: inline-block;
    margin-right: 28%;

}
[class*="form-item-add-middle-name"],
[class*="form-item-new-middle-name"],
fieldset[class*="-middle-name"] {
    width: 30%;
    display: inline-block;
    margin-right: 10px;

}

#manual-report-form button.button-remove {
    width: 22%;
    margin-top: 0px;
    height: 32px;
    padding: 2px 0px 0px 0px !important;
    margin: 0px;
    margin-bottom: 2px;
    float: right;
}

#manual-report-form .pre-save {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}


#manual-report-form fieldset[class*="employee-id"] {
    width: 36%;
}


#manual-report-form input.button-remove.form-control {
    width: calc(20% - 14px);
    display: inline-block;
    margin-left: 4%;
}

#manual-report-form fieldset[class*="form-item-add-step-1"],
#manual-report-form fieldset[class*="form-item-add-step-2"],
#manual-report-form fieldset[class*="form-item-add-step-3"],
#manual-report-form fieldset[class*="form-item-add-step-4"],
#manual-report-form fieldset[class*="form-item-new-step-1"],
#manual-report-form fieldset[class*="form-item-new-step-2"],
#manual-report-form fieldset[class*="form-item-new-step-3"],
#manual-report-form fieldset[class*="form-item-new-step-4"],
#manual-report-form fieldset[class*="step-1"],
#manual-report-form fieldset[class*="step-2"],
#manual-report-form fieldset[class*="step-3"],
#manual-report-form fieldset[class*="step-4"]  {
    width: calc(25% - 16px);
    display: inline-block;
    margin-right: 10px;

}

#manual-report-form fieldset[class*="form-item-add-step-1"] {
    clear: both;
}

#manual-report-form fieldset[class*="form-item-add-step-4"],
#manual-report-form fieldset[class*="step-4"]{
    margin-right: 0px;
}

#manual-report-form fieldset[class*="form-item-add-abc"],
#manual-report-form fieldset[class*="form-item-add-age-right"],
#manual-report-form fieldset[class*="form-item-add-nollvision"],
#manual-report-form fieldset[class*="form-item-new-abc"],
#manual-report-form fieldset[class*="form-item-new-age-right"],
#manual-report-form fieldset[class*="form-item-new-nollvision"],
#manual-report-form fieldset[class*="abc"],
#manual-report-form fieldset[class*="age-right"],
#manual-report-form fieldset[class*="nollvision"],
#manual-report-form fieldset[class*="form-item-add-nollvision"]  {
    width: calc(33% - 1.3%);
    display: inline-block;
    margin-right: 10px;

}

#manual-report-form fieldset[class*="form-item-add-employees-employee-abc"],
#manual-report-form fieldset[class*="form-item-add-employees-employee-age-right"],
#manual-report-form fieldset[class*="form-item-add-employees-employeenollvision"] {
    width: calc(33% - 1.4%);
}

#manual-report-form fieldset[class*="form-item-add-nollvision"],
#manual-report-form fieldset[class*="form-item-new-nollvision"],
#manual-report-form fieldset[class*="nollvision"] {
    margin-right: 0px;
}

#manual-report-form fieldset[class*="form-item-add-early-signs"],
#manual-report-form fieldset[class*="form-item-add-workpolicy"],
#manual-report-form fieldset[class*="form-item-add-early-signs-3st"],
#manual-report-form fieldset[class*="form-item-new-early-signs"],
#manual-report-form fieldset[class*="form-item-new-workpolicy"],
#manual-report-form fieldset[class*="form-item-new-early-signs-3st"],
#manual-report-form fieldset[class*="early-signs"],
#manual-report-form fieldset[class*="workpolicy"],
#manual-report-form fieldset[class*="early-signs-3st"]

 {
    width: calc(33% - 1.3%);
    display: inline-block;
    margin-right: 10px;
}

#manual-report-form fieldset[class*="form-item-add-employees-employee-early-signs"],
#manual-report-form fieldset[class*="form-item-add-employees-employee-workpolicy"],
#manual-report-form fieldset[class*="form-item-add-employees-employee-early-signs-3st"] {
    width: calc(33% - 1.4%);
}

#manual-report-form fieldset[class*="form-item-add-early-signs-3st"],
#manual-report-form fieldset[class*="form-item-new-early-signs-3st"],
#manual-report-form fieldset[class*="early-signs-3st"] {
     margin-right: 0px;
}


.submit-remove-new-employee {
    margin-bottom: 15px;
}


input.remove {
    text-decoration: line-through;
    background-color: #ddd;
}
.new-employee.remove fieldset,
.employee.remove fieldset  {
    display: none;
}


.new-employee.remove fieldset[class*="employee-name"],
.new-employee.remove fieldset[class*="actions"],
.new-employee.remove fieldset[class*="middle-name"],
.employee.remove fieldset[class*="employee-name"],
.employee.remove fieldset[class*="actions"],
.employee.remove fieldset[class*="middle-name"] {
    display: inline-block;
}


/*
.employee.remove fieldset[class*="form-item-step-1"],
.employee.remove fieldset[class*="form-item-step-2"],
.employee.remove fieldset[class*="form-item-step-3"],
.employee.remove fieldset[class*="form-item-step-4"],
.employee.remove fieldset[class*="form-item-step-4"],
.employee.remove fieldset[class*="abc"],
.employee.remove fieldset[class*="abc-plus"],
.employee.remove fieldset[class*="nollvision"],
.employee.remove fieldset[class*="checklist"],
.employee.remove fieldset[class*="workpolicy"],  {
     display: none;
}
*/



button.approve-button, button.edit-button,button.excel-button {
    margin-top:2px;
    margin-bottom:20px;
}


/***********************************************************
EXCEL REPORT FORM
*************************************************************/

.rs-moved-description {
    padding: 15px;
    background: #ddd;
    margin-bottom: 10px;
}

.rs-moved-description .label {
    margin-bottom: 6px;
}


.rs-moved-description .name,
.rs-moved-description .middle-name,
.rs-moved-description .unit-name {
    display: inline;
    margin-right: 20px;
}


.upload-excel-form .form-control {
    height: unset;
}

.upload-excel-form button {
    margin-top: 15px;
}

.select_unit_block .form-group {
    margin-bottom: 0px;
}
/**************************************************************
TABLES DEFAULTS
***************************************************************/

.rs-table {
    width: 100%;
    border-bottom: 3px solid #999;
    margin-bottom: 2rem;
    display: inline-block;

}



.rs-table .rs-row {
    float: left;
    width: 100%;
    font-size: 0px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

.rs-table .rs-row:last-child {
    border-bottom: 1px solid #fff;
}


.rs-table .table-header {
    background-color: #999;
    color:#fff;
}

.rs-table .label,
.rs-table .value  {
	font-size: 13px;
    line-height: 13px;
    padding: 5px 6px 3px 6px;

}

.rs-table .label {
    background-color: #999;
    color: #fff;
}

.rs-table .desktop .label {
    background-color: #999;
    color: #fff;
    height:38px;
}

.rs-table .value {
    color: #333;
}

.rs-table .rs-col {
    float: left;
    border-right: 1px solid #fff;
}

.rs-table .rs-col:last-child {
    border-right: unset;
}

.rs-table .rs-row:nth-child(odd) {
    background-color: #d5d5d5;
}


.rs-table .rs-row:nth-child(even) {
    background-color: #f4f4f4;
}

.desktop.rs-row {
    background-color: #999 !important;
}

/**************************************************************
SELECT INSTRUCTORS  AD INSTRUCTORS --view-report.html.twig
***************************************************************/


/* SELECT INSTRUCTOR */

.path-enhet .form-textarea {
    height: 4rem;
}

.path-enheter .rs-col .form-group,
.path-mina-instruktorer .rs-col .form-group {
   margin-bottom: 0px;
}


.instructors-list {
    padding: 8px 0px;
}

.path-enheter label,
.path-mina-instruktorer label {
	margin: 0px;
}


.rs-table .rs-col {
	min-height: calc(1em + 14px);
}

.rs-table.has-button .rs-col.value {
    min-height: calc(1em + 31px);
    padding-top: 13px;
}

.rs-table.has-button .rs-col.value.submit {
    padding-top: 7px;
    text-align: center;
}


.path-enheter .rs-col,
.path-mina-instruktorer .rs-col {
	width: 25%;
}

.path-enheter .managers .rs-col,
.path-enheter .instructors .rs-col {
    width: 25%;
}



.path-enheter .managers .phone,
.path-enheter .instructors .phone {
    border-right: 1px solid #fff;
}


.path-enheter .rs-col.description,
.path-mina-instruktorer .rs-col.description {
	border-left: 1px solid #fff;
}

.path-enheter .rs-table {
    border-bottom: 0px;
}

.path-enheter .rs-table .label,
.path-enheter .rs-table .value,
.path-mina-instruktorer .rs-table .label,
.path-mina-instruktorer .rs-table .value  {
	font-size: 0.9rem;
    line-height: 1.0rem;
    padding: 7px 7px 6px 7px;

}

.path-enheter .form-group
.path-mina-instruktorer .form-group {
	margin-bottom: 0px;
}

.path-enheter .submit-button button,
.path-mina-instruktorer .submit-button button {
	margin-top: 20px;
	margin-bottom: 40px;
}




.path-enheter .path-enheter,
.path-mina-instruktorer .custom-control {
	min-height: 1em;
    padding-right: 1.5rem;
}

.path-enheter .custom-control-input,
.path-mina-instruktorert .custom-control-input {
	height: 1em;
	width: 1em;
}

.add-instructor.action {
    float: right;
    margin-top: 15px;
}

/**************************************************************
REPORT VIEW --view-report.html.twig
***************************************************************/

.obs {
    color: #e44;
    font-weight: bold;
}

#report-view h2.header {
    font-size: 1.2rem;
    margin-top: 0.6rem;
    border-bottom: 1px solid #999;

}

#report-view h3 {
    font-size: 0.9rem;
}



#report-view .report .table-header {
    background-color: #fff;
    color:#000;

}

#report-view .report .value {
    background-color: #fff;
    color:#000;
    font-weight: bold;

}

#report-view .rs-table {
    margin-top: 15px;
}



#report-view .report.rs-table .rs-col {
    width: 18%;
}

#report-view .report.rs-table .rs-col.date {
    width: 12%;
    width: 9%;
}

#report-view .report.rs-table .rs-col.unit-id {
    width: 22%;

}

#report-view .report.rs-table .rs-col.nof-employees {
    width: 8%;
}

#report-view .report.rs-table .rs-col.dev-area {
    width: 25%;
}

#report-view .report.rs-table .rs-col:last-child{
    padding-right: 0px;
}

#report-view .employees .value {
    min-height: calc(0.8rem + 16px);
}

#report-view .employees.rs-table .rs-col.name {
    width: 14%;
}

#report-view .employees.rs-table .rs-col {
    width: 8.6%;
}




#report-view .report.rs-table .label,
#report-view .report.rs-table .value {
    padding-left: 0px
}


#report-view div.rs-col {
    display: inline-block;

}


/**************************************************************
ADMIN GRANSKA ENHETER AdminReviewUnit
***************************************************************/

.path-granska-enheter .unit {
    margin-bottom: 10px;
    border-color: #ccc;
}

.path-granska-enheter .unit-base.review {
    margin: 0px;
    width: 100%;
    border: unset;
    padding:5px 10px 7px 10px;
}

.path-granska-enheter .unit-base.review .rs-col-33 {
    display: inline-block;
}

.path-granska-enheter .unit-base.review .rs-row {
    margin-bottom: 3px;
}

.path-granska-enheter .unit-base.review .rs-row.row5 {
    margin-bottom: 0px;
}

.path-granska-enheter .unit-base.review .rs-col-33 .label,
.path-granska-enheter .unit-base.review .rs-col-33 label{
    margin-bottom: unset;
    font-weight: normal;
    font-size: 13px;
}

.path-granska-enheter .unit-base.review .rs-col-33 input[type=number] {
    padding: 0px;
}

.path-granska-enheter .unit-base.review .rs-col-33.admin-approve label{
    font-size: 16px;
}

.path-granska-enheter .unit-base.review .review-details button.btn.btn-primary.show-info {
    font-size: 14px;
    padding: 2px 8px !important;
}
.path-granska-enheter .submit button.submit,
.path-granska-enheter .unit-base.review .submit {
    width: 100%;
}


/**************************************
VIEW NYA ENHETER INACTIVE UNITS
*****************************************/

.page-view-enheter-admin #edit-header,
.page-view-enheter-admin #edit-actions--2 {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* End */


/**************************************
UPPFÖLJNING FOLLOW-UP FORMULÄR WEBFORMS
*****************************************/

div.form-item-locked,
div.form-item-sticky,
fieldset.form-item-uid {
    display: none;
}

#block-rapportsystem-content .webform-submission-data fieldset  {
    margin-top: 10px !important;
}

#block-rapportsystem-content .webform-submission-data fieldset.webform-element-type-select  {
    margin-top: 20px !important;
}

#block-rapportsystem-content .webform-submission .webform-submission-information {
    margin-bottom: 20px;
}

#block-rapportsystem-content .webform-submission .webform-submission-information[open=""] {
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
}



div.webform-submission-data label {
    font-weight: bold;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 6px;

}




#block-rapportsystem-content .webform-submission-data #uppfoljning_dv--reporter_name.webform-element {
    margin-bottom: 18px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #999;

}

#block-rapportsystem-content .webform-submission [role="button"] {
   font-size: 18px;
   color: #c77f0e;
   margin-top: 22px;
}

#block-rapportsystem-content .webform-submission .form-item-reporter-id {
    margin-bottom: 20px;
    padding-bottom: 6px;
    border-bottom: 2px solid #ddd;
}

#block-rapportsystem-content .webform-submission-form .fieldset-legend,
#block-rapportsystem-content .webform-submission-form fieldset label {
    font-size: 1.06rem;
    margin-bottom: 3px;
}

#block-rapportsystem-content .webform-submission-form div > fieldset {
    margin-top:18px;
}

.one-row label {
    display: inline-block;
    width: 160px !important;
}

.one-row label::after {
    content:": ";
}

/* End */

/**********************************************************
UNIT ENHET SINGULAR UNIT
***************************************************************/
#base-unit {
    margin-top: 15px;
}


.unit-form .rs-col-50 {
    margin-top: 14px;
    padding-left: 0px;
    padding-right: 0px;

}

.unit-form .type legend {
    font-size: 16px;
}

.unit-form .label-adress {
    font-size: 1.5rem;
}

.path-enhet .unit {
    border:unset;
    margin-bottom: 10px;
}

.path-enhet .unit h2 {
    margin-top:20px;
}


.path-enhet .unit .managers .row{
    margin-top: 20px;
}

.path-enhet .unit .label,
.path-enhet .unit .value {
    display: inline-block;
}

.path-enhet .unit .label {
    width: 260px;
}

.path-enhet .agreement {
    margin-bottom: 20px;
}


/**********************************************************
UNITS ENHETER MULTIPLE UNITS
***************************************************************/

.rs-message {
    width: 100%;
    background: #ffe;
    border:5px solid #ed9309;
    padding:15px 20px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 15px;
}

.rs-message::before {
    margin-right: 11px;
    font-family: "Font Awesome 5 Free";
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 16px;
    display: inline;
    content:"\f05a";
    color: #ed9309;
    position: relative;
    top:2px;

}

.rs-message .subrows {
    margin-left: 44px;
}

.path-enheter #units legend {
    border-bottom:3px solid #ccc;

}

.units {
    /* border-bottom: 5px solid #666; */
    margin-bottom: 15px;

}

.unit-base,
.managers.rs-table,
.new-manager.rs-table,
.instructors.rs-table,
.add-instructors.rs-table  {
    margin: 1%;
    padding: 1.5%;
    width: 98%;
    background: #eaeaea;
    border: 1px solid #ddd;
}

.search-instructors.rs-table  {
    margin: unset;
    padding: unset;
    width: 100%;
    border: unset;
    margin-bottom: 1rem;
}

.search-instructors.rs-table fieldset {
    display: inline;
    width: 36.5%;
    margin-right: 15px;
}

.search-instructors.rs-table button.btn.btn-primary.submit-search-instructor {
    vertical-align: top;
    margin-top: 1.3rem !important;
    font-size: 0.9rem;
    padding: .175rem .6rem .165rem .6rem !important;
    margin-left: 28px;
}





.unit {
    border: 1px solid #ed9309;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.unit .form-group {
    margin-bottom: 0px;
    width: auto;

}

.unit.open {
    border: 2px solid #ed9309;

}

/* UNITS BASE */
.unit-base .rs-col-33 {
    width: 33%;
    display: inline-grid;
    padding:0px;

}

.unit-base .label {
    font-weight: bold;
}

.unit-base .rs-col-50 {

    width: 50%;
    display: inline-grid;

}

.unit-base .rs-row {
    padding: 0px 0px;
}

.unit-base .rs-row.row1,
.unit-base .rs-row.row2,
.unit-base .rs-row.row3,
.unit-base .rs-row.row4 {
    margin-bottom: 12px;

}

.unit-base .rs-row.row5 {
    text-align: right;

}

.unit-base.review .rs-row.row5 {
    text-align: left;

}

.unit-base .rs-row.row5 .form-group{
    line-height: 0px;
}

.unit-base .details,
.unit-base .edit-unit {
    display: inline-block;
    margin-left: 20px;
}

.unit-base.review .details,
.unit-base.review .edit-unit {
    display: inline-block;
    margin-left: 5px;
}

.unit-base .rs-col-33.certified-date,
.unit-base .rs-col-33.dev-area {
    width: 34%;
}

.unit-base .rs-col-55.excel-report {
    width: 35%;
}

.modal h5 {
    font-size: 1.25rem;
}

.modal p {
    font-size: 1rem;
}

.modal-dialog {
    text-align: left;
    line-height: initial;
}

.modal-dialog .label,
.modal-dialog .value {
    padding-bottom: 6px;
}


/* UNITS ADD MANAGER */

.new-manager .manager-mail {
    width: 70%;
    display: inline-block;
}


 .new-manager .add-new-manager {
    width: 30%;

    text-align: right;
    float: right;
    margin-top: 25px;
}

.leave-instructor-unit {
    float: right;
    margin-left:20px;
}


.instructor-unit-managers .rs-row.row3 {
    margin-bottom: 0px;
    margin-top: 5px;
}

.instructor-unit-managers .rs-col-33 {
    display: inline-block;
}

.instructor-unit-managers {
    margin-bottom: 30px;
}

.unit-title {
    margin-left: 1%;
    margin-top: 15px;


}

.unit-title h3 {
    font-size: 1.5rem !important;
    color: #c77f0e;
}

.grey input {
    background: #eee;
}

/**************************************************************
BUTTONS
***************************************************************/
button.copy-information {
    width: 50%;
    text-align: left;
}

button.copy-information.unchecked::before {
    width: 100%;
    font-family: "Font Awesome 5 Free";
    padding: 4px 12px 0px 0px;
    margin: 0px ;
    font-weight: 600;
    font-size: 1.3rem;
    color: #fff;
    position: relative;
    content: "\f0c8";
    line-height: 16px;
    float: left;
    display: inline;
    width: auto;
}

button.copy-information.checked::before {
    width: 100%;
    font-family: "Font Awesome 5 Free";
    padding: 4px 12px 0px 0px;
    margin: 0px ;
    font-weight: 600;
    font-size: 1.3rem;
    color: #fff;
    position: relative;
    line-height: 16px;
    float: left;
    display: inline;
    width: auto;
    content: "\f14a";

}

button.link,
.btn {
    border-width: 3px !important;
}

button.link {
    border-style: solid !important;
}


button.link,
.btn-primary {
    background-color: #ed9309;
    border-color: #ed9309;
    background-color: #477dbb;
    border-color: #477dbb;
    color: #fff;
    padding: .25rem .75rem !important;

}

.in-list button.btn-primary.btn{
    font-size: 0.9rem;
    padding: .175rem .6rem .165rem .6rem !important;;

}
button.link:hover,
button.btn-primary:hover {
    border-color: #ed9309;
    background-color: #8dcb57;
    border-color: #477dbb;
    background-color: #679ddb;
    color: #fff;
}

a.btn-primary.show-info,
button.btn-primary.show-info {
    background-color: #477dbb;
    border-color: #477dbb;
}

button.btn-primary.more-info.in-text {
    background-color: #477dbb;
    border-color: #477dbb;
}

a.btn-primary.show-info:hover,
button.btn-primary.show-info:hover {
    background-color: #679ddb;
}


/*
button.btn-primary.show-info:hover {
    background-color: #174d8b;
    border-color: #679ddb;
}
*/

button.submit-unit.show-info {
    background-color: #fff;
    color: #c77f0e;
    font-weight: 600;
    border-color: #ed9309;
    padding: .375rem .75rem !important;
}

button.submit-unit.show-info:hover {
    background-color: #8dcb57;
    color: #fff;
    font-weight: 600;
    border-color: #ed9309;
}

button.submit-unit.show-info:hover::after {
    color:#fff;
}

button.submit-unit.show-info,
button.submit-add-instructor.show-info {

    padding: .375rem 0.75rem .375rem 0.75rem;
}

button.more-info.in-text {
    padding: .175rem 0.75rem .175rem 0.75rem !important;
    float: right;
    font-size: 15px;
}

button.more-info.in-text.instructions {
    float: unset;
}

button.submit-unit.show-info {
    width: 100%;
    text-align: left;
    font-size: 1.1rem;
}

button.more-info.in-text::after,
button.submit-unit.show-info::after,
button.submit-add-instructor.show-info::after {
    width: 100%;
    font-family: "Font Awesome 5 Free";
    padding: 5px 0px 0px 10px;
    margin: 0px 0px 0px;
    font-weight: 600;
    font-size: 1.3rem;
    color: #fff;
    position: relative;
    content: "";
    line-height: 16px;
    float: right;
    display: inline;
    width: auto;
}

.views-exposed-form button {
    font-size: 14px;
    padding: .06rem .75rem !important;
}


button.more-info.in-text::after {
    content: "\f05a";
}

button.submit-unit.show-info::after {
    text-align: right;
    color: #c77f0e;
}

button.submit-unit.show-info.closed::after,
button.submit-add-instructor.show-info.closed::after {
    content: "\f0da";
    content: "\f0d7";
}


button.submit-unit.show-info.open::after,
button.submit-add-instructor.show-info.open::after {
    content: "\f0d8";

}

button.submit-unit.show-info.open {
    border-top-width: 2px !important;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 3px !important;
}

/* End Buttins*/

/***************************************
MIXED STUFF
***************************************/

.form-no-label label {
    display: none;
}

.user-form .form-no-label label {
    display: inline-block;
}

body.path-user fieldset.form-item-current-pass {
    margin-bottom: 1.2rem;
    padding-bottom: 0.8rem;
    background-color: #ddd;
    padding: 1rem;
}

body.path-user .form-control {
    width: 65%;
}

body.path-user .password-parent,
body.path-user .confirm-parent {
    width: 65%;
    max-width: 65%;
}



body.path-user #edit-pass .form-control {
    width: 100%;
}

.form-item-current-pass label {
    font-style: italic;
}

.password-strength__title, .password-strength__text, .password-confirm-message {
    display: inline;
    font-size: 1rem;

    font-weight: normal;
}
.page-user-login #edit-pass--description {
    display: none;
}

.block-user-login-block {
    width: 50%;
}

.block-user-login-block .content .item-list{
    position: relative;
    top: -37px;
    margin-left: 112px;
}


.views-field-views-bulk-operations-bulk-form  {
    text-align: center !important;
}

.views-field-views-bulk-operations-bulk-form .form-check-input {
    margin-left:unset;
    position: static;
}

.views-field-views-bulk-operations-bulk-form div {
    padding: 0px;
}


.hide {
    display: none;
}

.mobile {
    display: none !important;
}

.view-admin-invoices td {
    vertical-align: top;
}

.page-view-admin-certify .views-exposed-form .form-check {
    display: inline;
}

.page-view-admin-certify .views-exposed-form legend {
    font-size: 1rem;
}

.page-view-admin-certify .views-exposed-form .form-row>fieldset {
    padding-left: 0px;
    padding-right: 15px;
}

.view-admin-invoices caption {
    font-size: 1.1rem;
    display: table-header-group;

}


th.select-all.views-field-views-bulk-operations-bulk-form .form-checkbox{
    display: none;
}

/*************************************************
MESSAGE
***********************************************/

.notice {
    border: #ed9309 2px solid;
    padding: 9px 14px;
    background-color:#bdfbbd;
    font-size: 1.1rem;

}

.bad {
    border-color: #bb7d7d;
    background-color:#fbaaaa;

}

.alert-success {
    border-left: #ed9309 15px solid !important;
    border-color: #ed9309 !important;
}

.alert-danger {

    border-left: #bb0000 15px solid !important;
    border-color: #bb0000 !important;
}


/*************************************************
ADMIN UNITS - ENHETER
***********************************************/


body.page-view-admin-units tr th {
    background-color:#ed9309;
    text-transform: uppercase;
}

body.page-view-admin-units th.views-field-name,
body.page-view-admin-units td.views-field-name {
    width: 30%;
}


/*************************************************
MEDIA
***********************************************/

@media screen and (max-width: 992px) {

    .path-frontpage .section {
        width: 100%;
    }
    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    body.path-user .form-control {
    width: 100%;
    }

    body.path-user #edit-pass .form-control {
        width: 100%;
    }

    body.path-user .password-parent,
    body.path-user .confirm-parent {
        width: 100%;
        max-width: 100%;
    }


}


/* COLORS

Primary Orange (korrekt färg kant)
#ed9309 byts till ed9309
Darker Orange
#c77f0e
Even darker
#a26910


Yellow
#ffdd00

Button Yellow hover #ffdd00



Primary green  #ed9309
Darker green for text #c77f0e
#ed9309
#5d9b27

Button Green hover #8dcb57

Button Blue #007bff
Button Blue Hover #0062cc

Background plates - Light grey #eaeaea
---"--- Border lght grey #ddd

Message box background  light yellow "ffe

Nice gray #e9ecef
*/