/*link kns2.css into page after declaring font-families*/
body {
}

h1, h2, h3, h4, h5, h6 {
    font-family:Montserrat,Arial,sans-serif !important;
    letter-spacing:-1px !important;
}
h1 {
    color:#555555 !important;
}
th {font-weight:normal;}

/*next three lighten the placeholder*/ 
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cccccc !important;
    opacity: 1 !important; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cccccc !important;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #cccccc !important;
}
.orangeDivider {
     height:1px;
     width:100%;
     border-top:solid 1px orange;
     margin-bottom:5px;
}
.handlerPage, .errorPage {
    max-width:750px;
    margin:auto;
    padding:10px;
}
.smallLabel {
    font-size:8pt;
    color:Gray;
}
.tbErrorHighlight {
    border:solid 1px #dc3545;
}

.formBorder {
    padding:10px !important;
    border:solid 1px #dddddd !important;
    border-radius:5px !important;
}

/*Transition*/
.contentArea {
    /*margin-right:auto;
    margin-left:auto;*/
    /*padding:0px 10px 0px 10px;*/
    min-height:750px;
    /*max-width:1000px;*/
}

/*override of bootstrap*/
/*.active {
    color:#2873FF !important;
}*/
.btn-basic:hover {
    background-color:#ccc !important;
}
.kns-nav-link {
    color:white !important;
}

.center-table {
    margin: 0 auto;
}

.btnRound {
    border-radius:30px !important;
}

.btnRound20 {
    border-radius:20px !important;
}
/* Yellow skip button */
/*.btn-primary-skip{color:#fff;background-color:#FCD606;border-color:#F95D01}
.btn-primary-skip:hover{color:#fff;background-color:#FCD606;border-color:#fc8739}
.btn-primary-skip.focus,.btn-primary-skip:focus{box-shadow:0 0 0 .2rem rgba(250,190,4,.5)}
.btn-primary-skip.disabled,.btn-primary-skip:disabled{color:#fff;background-color:#FCD606;border-color:#fbda9f}
.btn-primary-skip:not(:disabled):not(.disabled).active,.btn-primary-skip:not(:disabled):not(.disabled):active,.show>.btn-primary-skip.dropdown-toggle{color:#fff;background-color:#FCD606;border-color:#005cbf}
.btn-primary-skip:not(:disabled):not(.disabled).active:focus,.btn-primary-skip:not(:disabled):not(.disabled):active:focus,.show>.btn-primary-skip.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(200,200,200,.5)}*/

/* Orange primary button */
.btn-primary-kns{color:#fff !important;background-color:#F95D01 !important;border-color:#F95D01 !important}
.btn-primary-kns:hover{color:#fff !important;background-color:#fc8739 !important;border-color:#fc8739 !important}
.btn-primary-kns.focus,.btn-primary-kns:focus{box-shadow:0 0 0 .2rem rgba(250,190,4,.5) !important}
.btn-primary-kns.disabled,.btn-primary-kns:disabled{color:#fff !important;background-color:#fbda9f !important;border-color:#fbda9f !important}
.btn-primary-kns:not(:disabled):not(.disabled).active,.btn-primary-kns:not(:disabled):not(.disabled):active,.show>.btn-primary-kns.dropdown-toggle{color:#fff !important;background-color:#0062cc !important;border-color:#005cbf !important}
.btn-primary-kns:not(:disabled):not(.disabled).active:focus,.btn-primary-kns:not(:disabled):not(.disabled):active:focus,.show>.btn-primary-kns.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(200,200,200,.5) !important}

/* Basic primary button - light gray */
.btn-basic{color:#000 !important;background-color:#ccc !important;border-color:#ccc !important}
.btn-basic:hover{color:#000 !important;background-color:#bbb !important;border-color:#bbb !important}
.btn-basic.focus,.btn-basic:focus{box-shadow:0 0 0 .2rem rgba(222,222,222,.5) !important}
.btn-basic.disabled,.btn-basic:disabled{color:#999 !important;background-color:#ddd !important;border-color:#ddd !important}
/*.btn-basic:not(:disabled):not(.disabled).active,.btn-basic:not(:disabled):not(.disabled):active,.show>.btn-basic.dropdown-toggle{color:#fff !important;background-color:#0062cc !important;border-color:#005cbf !important}
.btn-basic:not(:disabled):not(.disabled).active:focus,.btn-basic:not(:disabled):not(.disabled):active:focus,.show>.btn-basic.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(200,200,200,.5) !important}*/

/*White button Orange outline*/
.btn-outline-primary-kns{color:#F95D01;background-color:white;background-image:none;border-color:#F95D01}
.btn-outline-primary-kns:hover{color:#fff;background-color:#F95D01;border-color:#F95D01}
.btn-outline-primary-kns.focus,.btn-outline-primary-kns:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
.btn-outline-primary-kns.disabled,.btn-outline-primary-kns:disabled{color:#F95D01;background-color:white}
.btn-outline-primary-kns:not(:disabled):not(.disabled).active,.btn-outline-primary-kns:not(:disabled):not(.disabled):active,.show>.btn-outline-primary-kns.dropdown-toggle{color:#fff;background-color:#F95D01;border-color:#F95D01}
.btn-outline-primary-kns:not(:disabled):not(.disabled).active:focus,.btn-outline-primary-kns:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary-kns.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}

/*make radio button list items wrap properly*/
 table.rblWrap input
 {    
      float: left;
      position:relative;
      top:5px;
 }

 table.rblWrap label
 {    
      margin-left: 20px;
      display: block;
 }

 /*place div around asp:CheckBox with class='cbWrap' to fix checkbox wrapping*/
div.cbWrap input
 {    
      float: left;
 }
 div.cbWrap label
 {    
      display:block;
      margin-left:20px;
      position:relative;
      top:-6px;
 }

 /* RED popup container */
.focusPopupRed {
  position: relative;
  display: inline-block;
}

/* RED popup text */
.focusPopupRed .focusPopupRedText {
  visibility: visible;
  width: 250px;
  background-color: #aa0000;
  color: #fff;
  text-align: left;
  padding: 5px;
  border-radius: 6px;

  /* Position the popup text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left:30%;
  margin-left: -60px;
}

/* RED popup arrow */
.focusPopupRed .focusPopupRedText::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #aa0000 transparent transparent transparent;
}


 /* RED popup container */
.focusPopupGray {
  position: relative;
  display: inline-block;
}

/* RED popup text */
.focusPopupGray .focusPopupGrayText {
  visibility: visible;
  width: 250px;
  background-color: #777;
  color: #fff;
  text-align: left;
  padding: 5px;
  border-radius: 6px;

  /* Position the popup text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 30%;
  margin-left: -60px;
}

/* RED popup arrow */
.focusPopupGray .focusPopupGrayText::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #777 transparent transparent transparent;
}

/*menu page item size display*/
@media (min-width:1200px) {
    .itemDisplay_lg {display:block !important;}
    .itemDisplay_md {display:none !important;}
    .itemDisplay_sm {display:none !important;}
}
@media (min-width:992px) and (max-width:1199px) {
    .itemDisplay_lg {display:block !important;}
    .itemDisplay_md {display:none !important;}
    .itemDisplay_sm {display:none !important;}
}
@media (min-width:768px) and (max-width:991px) {
    .itemDisplay_lg {display:none !important;}
    .itemDisplay_md {display:none !important;}
    .itemDisplay_sm {display:block !important;}
}
@media (min-width:576px) and (max-width:767px) {
    .itemDisplay_lg {display:none !important;}
    .itemDisplay_md {display:block !important;}
    .itemDisplay_sm {display:none !important;}
}
@media (max-width:575px) {
    .itemDisplay_lg {display:none !important;}
    .itemDisplay_md {display:none !important;}
    .itemDisplay_sm {display:block !important;}
}

@media (max-height: 600px) {
    .scrollNotifier {
        display: block !important;
    }
}