/*@font-face {

    font-family: "Avenir LT Std";
    src: url("/web-files/AvenirLTStd-Black.otf");
    src: url("/web-files/AvenirLTStd-Medium.otf");


}*/

@font-face {
    font-family: 'AvenirLT-Black';
    src: url('./AvenirLTStd-Black.otf');
}

@font-face {
    font-family: 'AvenirLT-Heavy';
    src: url('./AvenirLTStd-Heavy.otf');
}



@font-face {
    font-family: 'AvenirLT-Light';
    src: url('./AvenirLTStd-Book.otf');
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('./avenirltstd-black-webfont.woff') format('woff'),  
     url('./AvenirLTStd-Book.otf'), url('./AvenirLTStd-Roman.otf');
    
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvenirLT-Roman';
    src: url('./AvenirLTStd-Roman.otf');
}

body {
    font-family: "AvenirLT-Roman";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.progress.top {
    --bs-progress-font-size: 1em;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 20px 0;
}


.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    background-color: #6C3078 !important;
}


.pagination>li>a,
.pagination>li>span {
    padding: 8px 12px;
}

a,
.a {
    font-family:  "AvenirLT-Roman"!important;
    font-weight: 400;
    color: #3379BF;
      
}

.pagination {
    --bs-pagination-hover-color: #6C3078 !important;
    --bs-pagination-hover-bg: #e9ecef;
}

h3.form-subgrid-heading {
    /*font-family: "Avenir LT Std" !important; */
    font-family:   "AvenirLT-Roman"!important;
}

#EntityFormView {
    /*max-width: 90%; */
   /* margin-left: 4%; */
}

.entity-grid .view-grid>.table>thead {
    background-color: #777DA7;
}

.entity-grid .view-grid>.table>thead a,
.a {
    background-color: #777DA7;
    color: #ffffff;
}


.crmEntityFormView,
.entitylist {
    border: 0px solid #f2f2f2 !important;
}

.columnBlockLayout .crmEntityFormView {
    margin: 24px 100px;
    padding: 20px;
    background-color: #FAFAFA;
    border-radius: 8px;
}

.crmEntityFormView .actions {
    margin: 20px 0;
    padding: 0px;
}



ol.progress.top {
    margin: 0px 260px;
    width: auto;
}

ol.progress.list-group.top {
    font-size: 14px;
}

.card-body,
.list-group-item {
    background-color: transparent;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 0px;
}

html[dir=ltr] ol.progress.top li span.number {
    padding-right: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #D2D6DD;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px;
}

.list-group-item.active {
    color: black;
    font-weight: 700;
    background-color: transparent;
    border-color: transparent;
}

.list-group-item.active span.number {
    text-decoration: underline;
    background-color: #3379BF !important;
}

.card-body,
.list-group-item-success span.number {
    background-color: #3379BF !important;
}


/* Connectors */
.progress-connector {
    flex: 1;
    height: 2px;
    background-color: #ccc;
    /* Inactive state color */
}

.progress-connector.active {
    background-color: #3379BF;
    /* Active state color */
}

.modal-dialog .crmEntityFormView {
    margin: 20px -10px;
    padding: 10px;
}

.modal-body {
    margin: 10px 0px;
}

.hideOption {
    display: none;
}

.navbar-dark .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
    border: 0px dashed transparent !important;
    outline: 0px dashed #ffffff !important;
}

.navbar-dark .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent !important;
}

h2,
.h2,
.section-landing .row>div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
    font-family: Avenir LT Std !important;
}

h3,
.h3,
.section-landing .row>div .section-landing-sub-heading,
.page_section h3,
.color-inverse h3,
h3 p {
    /*font-family: Avenir LT Std !important;*/
    font-family: "AvenirLT-Roman"!important;
}

h4,
.h4,
.section-landing .row>div .section-landing-sub-heading,
.page_section h4,
.color-inverse h4,
h4 p {
    font-family: Avenir LT Std !important;
}

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
    /*font-family: Avenir LT Std !important;*/
    font-family: "AvenirLT-Roman"!important;
}


.crmEntityFormView label {
    font-weight: normal !important;
    background-color: transparent!important;
}

.crmEntityFormView .cell {
    padding: 0 16px 16px;
}

/*.entitylist a,
.a {
    font-size: 16px !important;
}*/

.entity-grid .view-grid a,
.a {
    font-size: 16px !important;
    color: #3379BF;
}

/*a, .a {
   font-family: "Avenir LT Std" !important;
}*/

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
    font-weight: 750 !important;
}

th a,
.a {
    font-weight: 400 !important;
}

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
    font-size: 16px !important;
}


.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.form-control {
    border-radius: 4px !important;
    color: #6B778C!important;
}

.msos-container {

    font: normal 16px / 1.5 AvenirLT-Roman !important;
}

.form-control:focus {
    border-color: #c5cbd5 !important;
}

input.form-control {
    border: 1px solid #9EA6B5 !important;
    
}

input.form-control:read-only {
    background-color: #D2D6DD !important;
}

.crmEntityFormView .actions {
    border-top: 0px solid #e5e5e5 !important;
}

.crmEntityFormView textarea.form-control.readonly,
.crmEntityFormView textarea.form-control[readonly][disabled],
.form-readonly textarea.form-control {
    background-color: #D2D6DD !important;
}

/***Sign in page ***/
#content-container.signinpage {
    background-image: url("sigin page background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 23%;
    margin-top: -18px;
}

#content-container.signinpage #content .nav.nav-tabs {
    display: none !important;
}

.nav-tabs > li > a, .a {
    font-family: "Avenir LT Std"!important;
}

/* Sign In form */
#content-container.signinpage .page-content.row .row {
    background: #ffffff;
    border-radius: .25rem !important;
    margin-top: 18%;
    margin-bottom: 100px;
    margin-left: 25%;
    padding-left: 2.14rem !important;
    padding-right: 2.14rem !important;
    padding-top: 2.85rem !important;
    padding-bottom: 2.85rem !important;
    /*flex-direction: column; */
    justify-content: space-between;
}

@media (min-width: 992px) {
    #content-container.signinpage .page-content.row .row {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 992px) {
    #content-container.signinpage .page-content {
        flex-direction: column-reverse;
    }

    #content-container.signinpage .page-content.row .row {
        background: #fff;
        margin-left: 0%;
    }
}

#content-container.signinpage .page-content.row .row .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#content-container.signinpage .page-content.row .row .col-md-6:first-child {
    margin-bottom: 40px;
}

#content-container.signinpage .page-content.row .row .col-md-6 .form-group .label,
#content-container.signinpage .page-content.row .row .col-md-6 .form-group .col-sm-8 {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
}

#content-container.signinpage .page-content.row .row .col-md-6 .form-group .form-control {
    padding: 1em;
}

#content-container.signinpage .page-content #submit-signin-local {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    display: block;
    width: 100%;
}

#content-container.signinpage .page-content.row .row .col-md-6 form fieldset {
    position: relative;
}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn[name='provider'] {
    margin: 5px auto !important;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
    border-radius: .3rem;
    flex: 0 0 auto;
}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn[title*="Facebook"] {
    border-color: #4c70ba;
    background: #4c70ba url('[...]/facebook.png') no-repeat 5% center;
    background-size: auto 40%;
}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn[title*="Google"] {
    border-color: #4285F4;
    background: #4285F4 url('[...]/google.png') no-repeat 5% center;
    background-size: auto 40%;
}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn[title*="LinkedIn"] {
    border-color: #0077B5;
    background: #0077B5 url('[...]/linkedin.png') no-repeat 5% center;
    background-size: auto 40%;
}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn[title*="Azure AD-kontoen"] {
    border-color: #00a4ef;
    background: #00a4ef url('[...]/signinwithmicrosoft.jpg') no-repeat 5% center;
    background-size: 100% auto;
    color: transparent !important;
}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn:hover {
    background-color: rgb(77, 50, 115);

}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn[title*="Skill-interne"] {
    border-color: transparent;
    background-color: transparent;
    background: tranparent;
    color: #333;
    position: absolute;
    bottom: -64px;
    left: 0;
}

#content-container.signinpage .page-content.row .row .col-md-6 button.btn[title*="Skill-interne"]:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: #efb225;
}


.list-th {
    color: #ffffff;
}


.msos-viewmode-text {

    font-family: "AvenirLT-Roman"!important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}


#PowerAppsOneGrid {
    min-height: 510px;
}


.hideSection {
    display: none;
}


.pcf-grid {
    font-family: "AvenirLT-Roman"!important;
    font-size: 16px !important;
    line-height: 24px !important;
}

.ms-Stack .ms-StackItem .ms-TooltipHost {
    font-family: "AvenirLT-Roman"!important;
    font-size: 16px !important;

    line-height: 24px !important;
}

.ms-Label {
    font-family:"AvenirLT-Roman"!important;
    font-size: 16px !important;

    line-height: 24px !important;
}

.crmEntityFormView .tab-title {
    display: none;
}

.entity-grid .view-grid {
    min-height: 210px;
}


.root-264 .ag-theme-balham .ag-cell:not(ag-cell-focus):not(.ag-cell-range-selected) {
    padding: 0px !important;
    border-right: 1px solid rgb(218, 218, 218) !important;
    border-bottom: 1px solid rgb(218, 218, 218) !important;
    border-left: 1px solid rgb(218, 218, 218) !important;
}

.root-181 .ag-theme-balham .ag-cell:not(ag-cell-focus):not(.ag-cell-range-selected) {
    padding: 0px !important;
    border-right: 1px solid rgb(218, 218, 218) !important;
    border-bottom: 1px solid rgb(218, 218, 218) !important;
    border-left: 1px solid rgb(218, 218, 218) !important;
}

.ag-theme-balham .ag-header {
    background-color: #777DA7!important;
}

.ag-theme-balham .pcf-grid-header {
    background-color: #777DA7!important;
}

.ag-theme-balham .ag-filter-toolpanel-header, .ag-theme-balham .ag-filter-toolpanel-search, .ag-theme-balham .ag-header-row, .ag-theme-balham .ag-multi-filter-group-title-bar, .ag-theme-balham .ag-status-bar {
    background-color: #777DA7!important;
}

.root-181 .ag-theme-balham .pcf-grid-header:not(.status-cell):hover {
    background-color: #777DA7!important;
}

.root-181 .ag-theme-balham .pcf-grid-header {
    background-color: #777DA7!important;
}

.root-264 .ag-theme-balham .pcf-grid-header:not(.status-cell):hover {
    background-color: #777DA7!important;
}

.root-264 .ag-theme-balham .pcf-grid-header {
    background-color: #777DA7!important;
}


.ag-header-cell .pcf-grid-header .editable-cell label {
    color: #fff !important;
}

.ag-theme-balham .pcf-grid-header .ms-Label {
    color: #fff !important;
}

.custom-form label {
    font-weight: 400 !important;
}

.custom-form .control {
    color: #6B778C !important;
}

.rootPanel-188,
.rootPanel-122 {
    display: none !important;
}



.pcf-grid .ag-theme-balham .ag-cell {
    background-color: #a30404 !important;
}

.custom-header {
    font-size: 32px;
    line-height: 40px;
    font-weight: 750;
}

input.form-control:read-only {
    border: 0px solid #949494 !important;
}



/** GRID ACTIONS **/
.view-grid .dropdown.action>.btn {
    display: none;
}

.view-grid .dropdown.action .dropdown-menu {
    display: block;
    position: static !important;
    position: initial !important;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    max-width: 95px;
    min-width: 95px;
    width: 95px;
    left: auto !important;
    top: auto !important;
}

.view-grid .dropdown.action .dropdown-menu li {
    display: inline-block;
    text-align: center;
}

.view-grid .dropdown.action .dropdown-menu li a {
    font-size: 0;
    padding: 0px 12px 0px 0px;
    margin: 0;
    cursor: pointer!important;
}

.view-grid .dropdown.action .dropdown-menu li a>span {
    font-size: 18px;
}

.view-grid .dropdown.action .dropdown-menu li a:hover {
    color: #008C95;
    background: transparent;
}


.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
    padding-left: 12px;
}

.form-control:disabled {
    background-color: #D2D6DD !important;
}


input-append,
.input-group.datetimepicker {
    max-width: 350px;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    align-content: center;
    font-weight: 400;
}

.btn-primary {
    font-weight: 700 !important;
    font-size: 14px !important;
    font-family: "Avenir LT Std" !important;
    padding: 12px 24px!important;
    align-items: center;
    display: flex;
    height: 46px;
    border-radius: 8px!important;
}

.button2,
.btn-secondary,
.btn-default {
    font-weight: 700 !important;
    font-size: 14px !important;
    font-family: "Avenir LT Std" !important;
    /* padding: 12px 24px;
    align-items: center;
    display: flex;
    height: 46px;
    border-radius: 8px; */
}

h5,
.h5 {
    font-family: "Avenir LT Std" !important; 
}


.query {
    min-height: 38px;
}

button[aria-label="Search Results"] {
    border-radius: 4px !important;
}

/*input.query {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
} 

.dropdown-menu > li > a {
    color: #6B778C!important;
}*/

.pi {
    color: #6B778C!important; 
}


.view-grid>table tr td:first-child,
th:first-child {
    border-left: 1px solid var(--bs-table-border-color);
}

.view-grid>table tr td:last-child,
th:last-child {
    border-right: 1px solid var(--bs-table-border-color);
}


::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #6B778C!important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #6B778C!important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #6B778C!important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6B778C!important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #6B778C!important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #6B778C!important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #6B778C;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #6B778C;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #6B778C;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #6B778C;
}

input::placeholder {
    /* Most modern browsers support this now. */
    color: #6B778C!important;
}


#PreviousButton, #btnSaveAndExit, #CancelButton, .btn-custom {
    height: 46px;
    border-radius: 8px!important;
    padding: 12px 24px!important;
}

.breadcrumb {
    padding: 0px!important;
}

.breadcrumb-item .pi {
    color: #3379BF!important;
}


.breadcrumb-item h3, h4, h5 {
    color: #6B778C !important;
}

.breadcrumb-item.active {
    color: #6B778C !important;
    font-weight: 400!important;
}

.breadcrumb > li a {
    color: #6B778C !important;
    padding: 0px!important;
    font-family: "Avenir LT Std" !important;
}

.custom-form-header {
    border-bottom: 1px solid var(--Border, #D2D6DD);
    padding-bottom: 20px;
    margin-bottom: 16px;
}

.alert-danger {
background-color: #FEEFEF;
}

.alert-danger, .validation-summary a {
    color: #D4254E !important;
}

.alert-warning {
    --bs-alert-color: #5666BC!important;
    --bs-alert-bg: #F4FBFC!important;
    --bs-alert-border-color: #F4FBFC!important;
}


.crmEntityFormView .validation-summary h2 {
    color: #D4254E !important;
}

footer {
    font-family: "AvenirLT-Roman"!important;
}

@media (min-width: 1400px) {
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: 1620px!important;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1620px !important;
    }
}

.custom-grid-grey {
    background-color: #9EA6B5 !important;
}

.navbar-nav .pi{
    color: #FFFFFF !important;
    font-size: 16px;
    margin-right: 2px;
}


.input-group-btn .btn {
    font-size: 16px!important;
}