@font-face { font-family: Proxima; src: url(ProximaNova-Regular.otf);}
@font-face { font-family: Proxima; font-weight:bold; src: url(Proxima-Nova-Bold.otf);}
@font-face { font-family: Proxima; font-weight:300; src: url(Proxima-Nova-Thin.otf);}

body { padding-top: 5rem; } 
html { overflow-y: scroll; }
.container{ max-width:1400px; }

.jContentFrame {min-height:280px; max-width:1400px; margin:0 auto; padding-top: 50px;}

.jcard-wb {border: 0; margin: 0 auto 20px;}
.jcard-wb h4 {color: #00a0f0; margin-bottom: 1px;font-size: 1.5rem;}
.jcard-wb .card-header{ background-color: white; padding: 5px; font-size: 20px; font-weight: 500;}
.jcard-wb .btn-primary{ background-color: #00a0f0; border-color: #00a0f0;}

.jsubmenu{ position:fixed; top:86.8px; left:0px; border-bottom: 1px solid rgb(138, 138, 138); z-index:98; background-color:#fff; box-shadow: 0px 0px 8px 2px #8b8b8b; } 
.jmodal-header{background: #00a0f0; color: #fff;}

.jdtable.jhead {background-color: #00a0f0; color:#fff; border-radius: 3px 3px 0 0; }
.jdtable .col {padding: 5px 3px; font-size: 0.9rem;}
.jdtable .jcolr {text-align: right;}
.jdtable.jrow:nth-child(odd){ background-color: #f2f2f2;} 

.jmhead {background-color: #00a0f0; color: #ffffff}
.btn-primary{ background-color: #00a0f0; border-color: #00a0f0;}
.btn-primary:hover{ background-color: #0f92d4; border-color: #0f92d4;}
.btn-primary.focus, .btn-primary:focus { background-color: #0f92d4; border-color: #0f92d4;}
.btn-primary.active, .btn-primary:active { background-color: #0f92d4; border-color: #0f92d4;}
.modal-footer {padding: 0.3rem; }


.j_user_menu{ position:fixed; top:67.8px; left:0px; 
  border-bottom: 1px solid rgb(138, 138, 138); z-index:98; background-color:#fff;
  box-shadow: 0px 0px 8px 2px #8b8b8b;
} 
.j_mnu_itemtd{ color:#006da4; font-size:14px;cursor:pointer; border:0; padding: 0.5rem 1rem }

.listhead{margin:0; padding:0;}
.listhead h3{color:#00a0f0; }
.listhead h4{color:#00a0f0; border-bottom: 2px solid #d9dee8; margin-bottom: 3px; }

.card { border:0;}
.card-header:first-child{ background-color:#00a0f0; color:white; border-radius: .25rem .25rem 0 0; font-size: 18px; font-weight: 500; padding: 3px 10px;}
.card-header:first-child H4{ font-size: 16px; }
.card-header a:hover{ text-decoration: none; }
.jcard_error { margin: 2px 5px; }

.jlcs { color:#007bb0; padding: 5px 5px 5px 0px; }
.jrowxlh { background-color: #006da4; border-bottom: 1px solid #a5a5a5; margin: 0; }
.jtitlexlh { font-size: 0.9rem; color: #FFF; padding: 7px 0 6px 0;}
.jrow { color:#286090 ;border-bottom: 1px solid #a5a5a5; margin: 0; padding: 5px 0 4px 0; }
.jrow:nth-child(odd) { background-color: #F5F5F5;}
.jrow TD { padding-right:0px; padding-left:0px; }
.jrowarch { color:#856404 ;background-color: #fff3cd; border-bottom: 1px solid #856404; margin: 0; padding: 5px 0 4px 0; }
.jrowd { color:#856404 ;background-color: #fff3cd; cursor: pointer; border-bottom: 1px solid #856404; margin: 0; padding: 5px 0 4px 0; }
.jtitle { font-weight: bold; font-size: 0.8rem; color: #204d74; padding: 0 0.2rem}
.jvalue { font-size: 0.8rem; color: #204d74; padding: 0 0.2rem}
.jdtitle { font-weight: bold; font-size: 14px; color: #274249;}

.jrowp { background-color: #F5F5F5; color:#286090; border-bottom: 1px solid #286090; margin: 0; padding: 6px 0 5px 0; }    
.jrown { background-color: #d4edda; color:#155724; border-bottom: 1px solid #155724; margin: 0; padding: 6px 0 5px 0; }    
.jrowf { background-color: #fff3cd; color:#5e4600; border-bottom: 1px solid #5e4600; margin: 0; padding: 6px 0 5px 0; } 

.jtblHead {width:100%; font-size: 0.8rem;background-color: #007bb0;}
.jtblHead div{float:left;}
.jtblColumns div{color:#fff; padding:4px 0;background-color: #007bb0;}
.jtblHeadM {width:100%; font-size: 0.8rem;background-color: #007bb0; }
.uListcirle{ color:#007bb0}

.jtblRow {width:100%; float:left; font-size: 0.8rem; cursor: pointer; color:#666666;}
.jtblRow div{float:left; border-top:1px solid #ccc; min-height: 1px; padding:4px 0;}
.jtblRow:nth-child(odd) { background-color: #f2f2f2;}
.selected { background-color: beige !important; font-weight: bold; border-bottom: 1px solid rgb(0, 160, 240);}

.jtblRowM {width:100%; float:left; font-size: 0.7rem; padding-right: 5px; padding-bottom:5px; cursor: pointer;}
.jtblRowM table {width:100%;}
.jtblRowM .label {font-weight: bold;}
.jtblRowM:nth-child(odd) { background-color: #f2f2f2;}

.jpage-arrowcol {background-color: #286090; border:1px solid #286090; color: #fff !important; cursor: pointer;}
.jpage-arrowcol:hover{background-color: #286090; border:1px solid #286090; color: #fff !important; cursor: pointer; z-index: 0;}
.jpage-arrowgry {background-color:#e8e8e8; border:1px solid #e8e8e8; color:#274249}
.jpage-midnorm{color: #274249; cursor: pointer;}
.jpage-midmark{background-color:#00a0f0; border:1px solid #00a0f0; color:#fff !important}
.jpage-midmark:hover{background-color:#00a0f0; border:1px solid #00a0f0; color:#fff !important;  z-index: 0;}


.jorderhead {cursor:pointer;}
.jsort {margin-left:5px; display: none !important;}
.jord {font-weight:bold;}
.jord .jsort{display: inline-block !important;}

.jsubpage{margin:10px 0 0 0; padding:9px 0 0 0; text-align:center; cursor:pointer;}
.jsubpage.selected{padding-top: 0px !important;}
.jsubpage h3{color:#00a0f0; }
.jsubpage h4{color:#aaaaaa; margin-bottom: 0px; font-size: 1.4rem;}
.jsubpage.selected h4{color:#00a0f0 !important; border-bottom: 2px solid #00a0f0;font-size: 1.8rem;}



.dashbrdgrp h6{color:#afafaf; cursor: pointer; white-space: nowrap;}
.dashbrdgrpmark h6{color:#006996; cursor: pointer; white-space: nowrap; font-size: 1.15rem; font-weight: 600; }
.dashbrdgrpmark {text-decoration: underline #006996; text-decoration-thickness: 3px; text-underline-offset: 6px;}
.jdtitledash { font-weight: bold; font-size: 16px; color: #006996;}
@media (max-width:575px) { #juserdash{display: none} }
@media (min-width:576px) { #juserdashm{display: none} }

.category{color: #286090; background-color: #f2f2f2; border-radius: 0.25rem;  }
.category > div{ border: 0 !important; border-radius: 0; font-size: 18px; font-weight: 500;
  text-align: center; cursor: pointer; padding: 0; margin: 10px 0;
}

.moving-tab{ position: absolute; text-align: center; padding: 14px 0; font-size: 18px; background-color: #286090;
  top: -4px; left: 0px; border-radius: 0.25rem; color: #FFFFFF; cursor: pointer; font-weight: 600;
}

.wf-menu{ position:fixed; top:87.8px; left:0px; 
  border-bottom: 1px solid rgb(138, 138, 138); z-index:98; background-color:#fff;
  box-shadow: 0px 0px 8px 2px #8b8b8b;
} 
.wf-menu-item{ color:#006da4; font-size:14px;cursor:pointer; border:0; padding: 0.5rem 1rem }



.card { border:0;}
.card-header:first-child{ background-color:#00a0f0; color:white; border-radius: .25rem .25rem 0 0; font-size: 18px; font-weight: 500; padding: 3px 10px;}
.card-header:first-child H4{ font-size: 16px; }
.card-header a:hover{ text-decoration: none; }
.jcard_error { margin: 2px 5px; }

.jtask-card-header:first-child{ background-color:#00a0f0; border-radius: .25rem; padding: 8px 10px;}
.jtask-card-header:first-child H4{ font-size: 16px; margin-bottom:0px; }
.jtask-card-header a{color:white !important;}
.jtask-card-header a:hover{ text-decoration: none; }
.jtask-card-header td{white-space: nowrap; font-size: 12px; font-weight: 700; padding-right: 5px;}
.jtask-card-header .far{margin-left: 5px; font-size:18px;}

.jtask-card-body-hline {margin-top: -10px;}
.jtask-card-header.jtaskstatus-P{background: #0b6f90;}
.jtask-card-header.jtaskstatus-K{background: #008906;}
.jtask-card-header.jtaskstatus-C{background: #696969;}

.jtask-card-body {padding:5px;}
.jtask-card-body .jdtitle{font-weight: bold; font-size: 14px; color: #006da4; padding: 0 10px 0 0;}
.jtask-card-body .jdvalue{font-size: 14px; color: #616161; padding: 0 10px 0 0;}
.jtask-card-body .jdrow{margin: 0; padding: 3px 0;}
.jtask-card-body .container{padding: 0;}

.jtask-card-body .jdthrow { font-size: 14px; margin: 0; padding: 4px 0; background-color: #007ebd; color:white;border-radius: .25rem;}
.jtask-card-body .jdthcol { margin: 0; padding: 0 5px;}
.jtask-card-body .jdtbcol { margin: 0; padding: 0 5px;}
.jtask-card-body .jdtbrow { font-size: 14px; margin: 0; padding: 4px 0; color: #616161; border-bottom: 1px solid #ccc; }
.jtask-card-body .jcolblock {padding: 0;}

.jbtna {  background: #0b6f90;  color: #fff; }

@media (max-width:768px) { 
  .jContentFrame{padding-top:70px !important}
  .jtask-card-body .mobile-hidden {display:none;}
  .jtask-card-body .mobile-visible {display:block;}
  .jUserRow { display: none; }
  .jGroupRow { display: none; }
}
  
@media (min-width:768px) { 
  .jtask-card-body .mobile-hidden {display:flex;}
  .jtask-card-body .mobile-visible {display:none;}
  .modal{padding-right:0px !important;}
  .modal-open{padding-right:0px !important;}
  .jUserRowM { display: none; }
  .jGroupRowM { display: none; }
}
.jtext-primary{color: #007ebd !important;}

/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

.starter-template .jcol{ padding: 0; }

.reperr h4{color: #00a0f0; margin-bottom: 1px;font-size: 1.5rem;}
.reperr .card{border: 0; margin: 0 auto 30px;}
.reperr .card-header{ background-color: white; padding: 5px; font-size: 20px; font-weight: 500;}
.reperr .btn-primary{ background-color: #00a0f0; border-color: #00a0f0;}

@media (min-width:576px) {
  /* .modal-dialog { max-width: 1140px; margin:1.75rem auto } */
  .jtblRowM { display: none; }
  .jtblHeadM { display: none; }
  .jlstRowM { display: none; }
  .jlstHeadM { display: none; }
  #jmdLoadListFrame{padding-left:17px;}
}

@media (max-width:576px) {
  .jtblRow { display: none; }
  .jtblHead { display: none; }
  .jlstRow { display: none; }
  .jlstHead { display: none; }
  .jContentFrame {padding-top: 0px;}
  .jcol {
    padding-left:2px;
    padding-right:2px;
  }
  #jmdLoadListFrame{padding-left:0px;}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 1rem);
}
.modal-header{
  padding: 0.5rem 0.5rem;
  border-bottom: none;
}
.btn-thy{background: #00a0f0; color: #fff; border-color: #00a0f0;}
.btn-thy:hover{background: #0f92d4; color: #fff; border-color: #0f92d4;}
.btn-thy:active{background: #0f92d4; color: #fff; border-color: #0f92d4;}
.btn-thy:focus{background: #0f92d4; color: #fff; border-color: #0f92d4;}


.jCardHead:first-child{ background-color:#00a0f0; border-radius: .25rem; padding: 8px 10px;}
.jCardHead:first-child H4{ font-size: 16px; margin-bottom:0px; }
.jCardHead a{color:white !important;}
.jCardHead a:hover{ text-decoration: none; }
.jCardHead td{white-space: nowrap; font-size: 12px; font-weight: 700; padding-right: 5px;}
.jCardHead .far{margin-left: 5px; font-size:18px;}



.jCardBody {padding:5px;}
.jCardBody .jdtitle{font-weight: bold; font-size: 14px; color: #006da4; padding: 0 10px 0 0;}
.jCardBody .jdvalue{font-size: 14px; color: #616161; padding: 0 10px 0 0;}
.jCardBody .jdrow{margin: 0; padding: 3px 0;}
.jCardBody .container{padding: 0;}

.jCardBody .jdthrow { font-size: 14px; margin: 0; padding: 4px 0; background-color: #007ebd; color:white;border-radius: .25rem;}
.jCardBody .jdthcol { margin: 0; padding: 0 5px;}
.jCardBody .jdtbcol { margin: 0; padding: 0 5px;}
.jCardBody .jdtbrow { font-size: 14px; margin: 0; padding: 4px 0; color: #616161; border-bottom: 1px solid #ccc; }
.jCardBody .jcolblock {padding: 0;}

@media (max-width:768px) { 
  .jCardBody .mobile-hidden {display:none;}
  .jCardBody .mobile-visible {display:block;}
}
@media (min-width:768px) { 
  .jCardBody .mobile-hidden {display:flex;}
  .jCardBody .mobile-visible {display:none;}
}






.alert-danger.jdanger{
  position: fixed;
  width: 80%;
  z-index: 1001;
  margin: 0 auto;
  left: 10%;
  top: 8rem;
  box-shadow: 0px 0px 10px 2px #8b8b8b;
  display: none;
}
.btn-w100{width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem;}
.btn-fcl {color: #fff; background: linear-gradient(140deg, #00a0f5 30%, #007fd1); border: 0; }
.btn-fcl:hover {color: #fff; animation: btn_fcl_hov 0.5s linear;}
.btn-fcl:disabled {cursor: not-allowed; opacity: 1; }
.btn-fcl:active {color: #fff; background-color: #007fd1; border-color: rgb(0, 127, 209);  box-shadow:0 0 0 .2rem rgba(0, 127, 209, 0.25) }
.btn-fcl:focus {color: #fff; background-color: #007fd1; border-color:#007fd1;  box-shadow:0 0 0 .2rem rgba(0, 127, 209, 0.25) }
@keyframes btn_fcl_hov{
  0% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 0%, #007fd1);}
  10% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 10%, #007fd1);}
  20% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 20%, #007fd1);}
  30% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 30%, #007fd1);}
  40% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 40%, #007fd1);}
  50% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 50%, #007fd1);}
  60% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 60%, #007fd1);}
  70% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 70%, #007fd1);}
  80% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 80%, #007fd1);}
  90% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 90%, #007fd1);}
  100% {background: linear-gradient(140deg, #00a0f5, #1AAFFF 100%, #007fd1);}
}
.gdprclass{ cursor:pointer; color: #0068b7; font-size:14px; font-weight: bold;}
.gdprclass:hover{color: #0068b7 !important; text-decoration:underline;}

.jfar{padding-left: 0.5rem; font-size:1.1rem; color: #007fd1}
/* .jfar:hover{scale: 1.1; } */
.jfar.jread{color: inherit}
.popover-header { color: #fff; background-color: #00a0f5; font-weight: bold;}