/* Fonts */
/* office*/
@font-face {
  font-family: 'Office';
  src: url('../font/office/office.eot'); /* IE9 Compat Modes */
  src: url('../font/office/office.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../font/office/office.woff2') format('woff2'), /* Modern Browsers */
        url('../font/office/office.woff') format('woff'), /* Modern Browsers */
        url('../font/office/office/office.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../font/office/office/office.svg') format('svg'); /* Legacy iOS */  
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Office';
  src: url('../font/office/officei.eot'); /* IE9 Compat Modes */
  src: url('../font/office/officei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../font/office/officei.woff2') format('woff2'), /* Modern Browsers */
        url('../font/office/officei.woff') format('woff'), /* Modern Browsers */
        url('../font/office/officei.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../font/office/officei.svg') format('svg'); /* Legacy iOS */  
    font-weight: normal;
    font-style: italic;
}

@font-face {
  font-family: 'Office';
  src: url('../font/office/officeb.eot'); /* IE9 Compat Modes */
  src: url('../font/office/officeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../font/office/officeb.woff2') format('woff2'), /* Modern Browsers */
        url('../font/office/officeb.woff') format('woff'), /* Modern Browsers */
        url('../font/office/officeb.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../font/office/officeb.svg') format('svg'); /* Legacy iOS */  
    font-weight: 700;
    font-style: normal;
}

@font-face {
  font-family: 'Office';
  src: url('../font/office/officebi.eot'); /* IE9 Compat Modes */
  src: url('../font/office/officebi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../font/office/officebi.woff2') format('woff2'), /* Modern Browsers */
        url('../font/office/officebi.woff') format('woff'), /* Modern Browsers */
        url('../font/office/officebi.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../font/office/officebi.svg') format('svg'); /* Legacy iOS */  
    font-weight: 700;
    font-style: italic;
}


/* /Fonts*/

/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_40310">Text with this font applied</p> */
.fontsforweb_fontid_40310 {
	font-family: 'office' !important;
}

.fontsforweb_fontid_40310 {
	font-family: 'office' !important;
}


:root {
    --ApplicationColor: #E7313F;
    --main-font-size: 1.5em;
}



body {
    font-family: 'Calibri', 'Arial', 'Helvetica';
}

.well{
  font-family: 'Office','Calibri', 'Arial', 'Helvetica';

}

.ApplicationTitle{
  color: white;
  text-decoration: none;
  font-size: 1.5em;
}

.ApplicationTitle:hover{
  color: white;
  text-decoration: none;
  font-weight:bold;
}

#MainHeader {
    background-color: var(--ApplicationColor);
}


.SOV_Body{

}

.SOV
  div{
        font-size: 20px;
}
.SOV
  label{
    font-size: 10px;        
}

.SOV
  h1
{
    margin:0;
  font-size: 60px; 
}

.SOV
  h2 
{
    margin:0;
  font-size: 60px; 
}
.SOV
  h3
{
    margin:0;
  font-size: 60px; 
}
.SOV
  h4
{
    margin:0;
  font-size: 60px; 
}
.SOV
  header
{
    margin:0;
  font-size: 60px; 
}

.SOV_Body {
  padding: 10px;
}

    .SOV_Group {
  border-style: solid;
  border-color: inherit;
  border-width: 1px;
  font-family: Segoe;
  font-size:16px;
  display: inline-block;
  position: relative;
  min-height: 1px;
  padding: 5px;
  margin: 5px;
  vertical-align:top;
  width: auto;
    }

    .SOV_Group
  ul {
        list-style: none;
  margin:0;
  padding:0;
  margin:0;
  min-width: 200px;
    }
    .SOV_Group
  li 
    {
        display:block;
  padding-bottom: 4px;
    }

    .SOV_Group
  label {
        text-transform: uppercase;
  font-size:12px;
  display: block;
  margin-bottom: 0px;
  /* font-weight: lighter; */
    }
    .SOV_Group
  label:after {
        content:"\A";
  white-space: pre; /* or pre-wrap */
    }

    .SOV_Group
  span {
        font-size:1.0em;
    }

    .SOV_Group
  input {
        width: 100%;
    }



.SOV_Group h1, h2, h3 {
    color: #E7313F;
    margin: 0;
    text-decoration: none;
    /*text-decoration: underline;*/
    /* margin-bottom: 5px; */
}

        .SOV_Group h4, h4, h5, h6 {
            margin: 0;
            text-decoration: none;
            /*text-decoration: underline;*/
            /* margin-bottom: 5px; */
        }


    .SOV_Group header
    {
        margin:0;
  font-size: 20px; 
    }
    .SOV_ButtonGroup{
  display: inline-flex;
}



 
/*kendo overrules*/
.row {
    margin-right: 0;
    margin-left: 0;
}
.rowselector
{
  /* background-color: #C1C1C1; */
    padding: 1px 1px 1px 1px;
    display: block;
    margin-left: -1.286em;
    max-height: 18px;
}
.rowselector  img
{
  height: 1.2em;
}

.k-content, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles {
    color: var(--ApplicationColor);
}

.k-panelbar > .k-item > .k-link.k-header {
    color: var(--ApplicationColor);
}

.k-tabstrip .k-item.k-state-active {
    color: var(--ApplicationColor);
}



.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
    color: #333;
    border-color: #c9c9c9;
}

.k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected {
    color: white;
    background-color: var(--ApplicationColor);
    zoom: 0.8;
}




.k-textbox.k-space-right.k-TextboxToolbarSearch,
.k-input.k-textbox.toolbar-search
{
  min-width: 100%;
}

/* image type*/
    .file-icon_48

{
  display: inline-block;
  /*float: left;*/
  width: auto;
  height: 48px;
  margin-left: 10px;
  margin-top: 13.5px;
}
.file-png, {
  background-image: url('../img/file-types/png/png.png');
}

.file-pdf, file-application-pdf{
  background-image: url('../img/file-types/png/pdf.png');
}

.file-xls .file-xlsx {
  background-image: url('../img/file-types/png/xls.png');
}

.file-jpg .file-jpeg {
  background-image: url('../img/file-types/png/jpg.png');
}

.file-doc .file-docx {
  background-image: url('../img/file-types/png/doc.png');
}


.zip-file {
  background-image: url(../content/web/upload/zip.png);}

.default-file {
  background-image: url(../content/web/upload/default.png);}

.k-tabstrip .k-item {
  background-color: white;

}

.k-grid tr th {
  border-left-color: lightgrey;
}

.k-upload-files {
    display:contents;
}

.k-grid small{
  color: red;
  white-space: nowrap;
}

/*temporary*/
#MainHeader {
    /*background-color: gray;*/
}

#ToolbarApplicationHeader {
    background-color: darkblue;
}

/* bootstrap overrules*/
.btn-primary {
    color: var(--ApplicationColor);
    background-color: white;
    border-color: var(--ApplicationColor);
}

    .btn-primary:hover {
        color: white;
        background-color: var(--ApplicationColor);
        border-color: var(--ApplicationColor);
    }
.form-group label {
    color: black;
}