/* KOC-specific styling */
body, .breadcrumb {
  background-color: rgb(185,141,228);
}
.navbar.navbar-inverse {
  background-color: rgb(150,87,207);
  margin-bottom: 20px;
}

/*#chatcontainer, .tab-column {
  min-height: 300px;
}
*/

#chatcontainer {
 background-color: rgb(0,219,164);
  border: 1px solid black;
  min-height: 300px;
  padding: 150px 0;
}

#hrefprivacy {
    text-decoration: underline;
    color: #ffffff;   
}

#hrefprivacy:hover {
    text-decoration: underline;
    color: #d3d3d3;   
}

.loginknop {
  background-color: rgb(75,0,130) !important;
}

.btn-default {
    border-color: rgb(75,0,130);
    color: rgb(75,0,130); 
}

.btn-default:hover {
    border-color: rgb(150,87,207);
    color: rgb(150,87,207); 
}

.btn-primary {
  background-color: rgb(150,87,207);
  border-color: rgb(75,0,130);
  font-family: "Century Gothic";
}

.btn-primary:hover {
  background-color: rgb(75,0,130);
  border-color: rgb(150,87,207);
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: rgb(150,87,207);
    border-color: rgb(75,0,130);
}

.btn-primary:focus{
    background-color: rgb(150,87,207);
    border-color: rgb(75,0,130);
}

.btn-primary:active {
    background-color: rgb(150,87,207);
    border-color: rgb(75,0,130);
}

.form-group, #privacystatement {
  font-family: "Century Gothic";
}

.form-group > label {
  font-size: 12px;
}

.crmEntityFormView .tab .tab-column:first-child {
    padding-left: 5px;
    padding-right: 10px;
}

.crmEntityFormView .tab .tab-column {
    padding-left: 20px;
    float: left !important;
    padding-left: 0px;
    padding-right: 0px;
}

.crmEntityFormView .tab-column:first-child fieldset:first-child{
    margin-bottom: 0px;
}

.crmEntityFormView .tab-column:first-child fieldset:nth-child(2) legend{
  color:white;
  font-family:"century gothic";
  font-size: 15px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}

/* .crmEntityFormView .tab-column:nth-child(2) fieldset{
  margin-bottom: -60px;
} */

[data-name="tab_11_section_4"] textarea.form-control {
    height: 135px;
}  

[data-name='tab_11_column_1_section_1']{
  background-color:rgb(185,141,228);
}

.login-heading-section {
  font-size: 22.5px;
  padding-bottom:0px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: normal;
  color:white;
}

.crmEntityFormView .tab-title{
  font-size: 22.5px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: white;
}

Legend{
 font-size: 22.5px;
  font-family: "Impact", Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: white;
}

.help-block{
  color:#666;
}

.nav-tabs a{
  color:black;
}

.nav-tabs a:hover{
  color:black;
}
.breadcrumb{
display:none;
}

.page-header {
display:none;
}

#linkid_koc4degespreknodig{
display:none;
}
#linkid_koc4degespreknodig_label{
display:none;
}
#linkid_koc5degespreknodig{
display:none;
}
#linkid_koc5degespreknodig_label{
display:none;
}

.crmEntityFormView form-control-cell{
    background:white;
}

.crmEntityFormView .cell label {
  color:white;
  font-family:"century gothic";
}

.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control .form-readonly .form-control {
  background-color:rgb(255, 255, 255);
  color: black;
}

/* .crmEntityFormView .form-control[readonly][disabled], .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,  .crmEntityFormView div.control.other-background textarea{*/
.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {
  background-color:rgb(207, 206, 206);
}

.crmEntityFormView legend {
  color: white;
  margin-top:0px;
  background: rgb(0,219,164);
  text-align: center;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

 #linkid_koc_outputvanvertrouwengesprek1{
  height: 73px;
}

#linkid_koc_outputvanvertrouwengesprek2{
  height: 73px;
}

#linkid_koc_outputvanvertrouwengesprek3{
  height: 73px;
}

.text-primary{
 color:rgb(0, 0, 0);
}

div[data-name='tab_11_column_1_section_1'].control{
  width: 300px;
  height: 35px;
  justify-content: center;
  background: rgb(207, 206, 206);
}
.navbar-static-top .navbar-brand {
  font-family: "Anton",sans-serif !important;
  font-weight: normal;
  font-size: 2em;
}

.navbar-static-top.navbar-inverse .navbar-brand b {
  font-weight: normal;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: "Anton",sans-serif !important;
  font-weight: normal;
  font-size: 1.5em;
}

#caseNotComplete {
  text-align: center;
  color: white;
  font-size: 18px;
}

/* our chatapp overrides */
.qchat {
  position: relative !important;
  margin: 0 auto;
}


/* === 

quick hack to get google font in here.... 

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton&display=swap">
font-family: "Anton",sans-serif !important;

*/

/* vietnamese */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Anton Regular'), local('Anton-Regular'), url(https://fonts.gstatic.com/s/anton/v12/1Ptgg87LROyAm3K8-C8QSw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Anton Regular'), local('Anton-Regular'), url(https://fonts.gstatic.com/s/anton/v12/1Ptgg87LROyAm3K9-C8QSw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Anton Regular'), local('Anton-Regular'), url(https://fonts.gstatic.com/s/anton/v12/1Ptgg87LROyAm3Kz-C8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: "Impact";
src: url("/Impact-400.woff");
}

@font-face {
font-family: "century gothic";
src: url("/century-gothic.woff");
}

@media screen and (max-width: 900px){
.crmEntityFormView legend {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: 16px;
    }

.navbar-static-top .navbar-brand {
  font-size: 30px;
    }

  .form-control {
    font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
  }

.crmEntityFormView .cell label {
  color:white;
  font-family:"century gothic";
}

  body {
    font-size: 13px;
  }
.crmEntityFormView .cell {
    padding: 0 14px 10px;
    }
}