body { padding-top: 5rem; padding-right: 0 !important; } 
html { overflow-y: scroll; }

@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);}
.starter-template { padding: 1rem 1.5rem; } 
.container{max-width:1500px;}
.jContentFrame {min-height:280px; max-width:1500px; margin:0 auto; padding-top: 60px;}


.color2 { color: #00a0f0  #2c3868     #67d1ff #009fe3 #ee7d00 #007bb0 #006996 #CC0000 #286090 #204d74}

.sorlista {background-color: #eeffef #fff3e6 #ffecec}
/* .reperr h4{color: #fff; 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: #ee7d00; border-color: #ee7d00;} */

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

.lgnspn{ cursor:pointer; color: #007bb0; font-size:14px; }
.lgnspn:hover{color: #d37307 !important; text-decoration:underline;}
.lgnspn2{ cursor:pointer; color: #007bb0;}
.lgnspn2:hover{color: #d37307 !important; text-decoration:underline;}

.haupt{color:#00a0f0; }
.haupt2{color:#204d74; }
.navbar-fcl{background: #00a0f0 !important; box-shadow: 0px 0px 8px 2px #8b8b8b; }
.app_name{color: #fff; padding: 0 1.4rem; text-align: center; font-size: 1.3rem;}
@media(min-width: 768px){
  .app_name{font-size: 1rem;}
}
.app{color: #fff; padding: 0 1.4rem; text-align: center; font-size: 2.5rem; font-family: IBM Plex Sans;}
@media(min-width: 768px) and (max-width: 991.8px){
  .app{padding: 0 0.5rem;}
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bb0 !important;
  background-color: #007bb0 !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #007bb0 !important;
  box-shadow:0 0 0 .2rem rgba(0, 125, 179, 0.25);
}

.form-control:focus{border-color:#ee7d00; box-shadow:0 0 0 .2rem rgba(238, 125, 0, 0.25);}
.custom-select:focus{border-color:#ee7d00; box-shadow:0 0 0 .2rem rgba(238, 125, 0, 0.25);}

.dropdown-item:hover{background-color:#006996; color:#fff}
.dropdown-item:active{background-color:#006996}

.fcl{color: #ee7d00}
.fclfail{color: #cc0000}
.fclneut{color: #006907}
.fclneut2{color: #008009}

.btn-fcl { color: #fff; background-color: #ee7d00; border-color: #ee7d00; }
/* .btn-fcl { color: #fff; background-color: #6F4C62; border-color: #6F4C62; } */
.btn-fcl:hover { color: #fff; background-color: #cc6e02; border-color: #cc6e02;}
/* .btn-fcl:hover { color: #fff; background-color: #ee7d00; border-color: #ee7d00; box-shadow:5px 5px 5px  rgba(0, 0, 0, 0.2) } */
.btn-fcl:disabled {cursor: not-allowed;}
.btn-fcl:active { color: #fff; background-color: #cc6e02; border-color: #cc6e02;  box-shadow:0 0 0 .2rem rgba(204, 110, 2, 0.25) }
.btn-fcl:focus { color: #fff; background-color: #cc6e02; border-color: #cc6e02;  box-shadow:0 0 0 .2rem rgba(204, 110, 2, 0.25) }

.btn-fclfail { color: #fff; background-color: #cc0000; border-color: #CC0000; }
.btn-fclfail:hover { color: #fff; background-color: #9e0404; border-color: #9e0404; }
.btn-fclfail:disabled { cursor: not-allowed;}
.btn-fclfail:active { color: #fff; background-color: #9e0404; border-color: #9e0404;  box-shadow:0 0 0 .2rem rgba(158, 4, 4, 0.25) }
.btn-fclfail:focus { color: #fff; background-color: #9e0404; border-color: #9e0404;  box-shadow:0 0 0 .2rem rgba(158, 4, 4, 0.25) }

.btn-fclcls { color: #fff; background-color: #006907; border-color: #006907; }
.btn-fclcls:hover { color: #fff; background-color: #008009; border-color: #008009; }
.btn-fclcls:disabled { cursor: not-allowed;}
.btn-fclcls:active { color: #fff; background-color: #008009; border-color: #008009;  box-shadow:0 0 0 .2rem rgba(0, 128, 9, 0.25) }
.btn-fclcls:focus { color: #fff; background-color: #008009; border-color: #008009;  box-shadow:0 0 0 .2rem rgba(0, 128, 9, 0.25) }

.btn-fclgry { color: #fff; background-color: #85899b; border-color: #85899b; }
.btn-fclgry:hover { color: #fff; background-color: #656b86; border-color: #656b86; }
.btn-fclgry:disabled { cursor: not-allowed;}
.btn-fclgry:active { color: #fff; background-color: #656b86; border-color: #656b86;  box-shadow:0 0 0 .2rem rgba(101, 107, 134, 0.25) }
.btn-fclgry:focus { color: #fff; background-color: #656b86; border-color: #656b86;  box-shadow:0 0 0 .2rem rgba(101, 107, 134, 0.25) }

/* .alert-info{color:#007bb0; background-color:#dcf5ff; border-color:#dcf5ff;} */
.alert-info{color:#EE7D00; background-color:#FFE7CC; border-color:#FFE7CC; font-weight: 600;}
.jmhead{background-color: #007bb0; color: #ffffff}
.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.9rem; cursor: pointer;}
.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: #fdf4e8 !important; font-weight: bold; border-bottom: 1px solid #009fe3;}

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

.listhead h3{color:#204d74; }
.listhead h4{color:#204d74; }
.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; margin: 0;}
@media (max-width:767.8px) {
  #dashbrdgrpcnt{display: none}
}
@media (min-width:767.8px) {
  #dshbminihead{display: none}
}
#dshbminihead{padding: 0 5px 15px 5px; background-color: #f5f5f5;}

.category{color: #286090; background-color: #f2f2f2; border-radius: 0.25rem;  }
.category > div{
  border: 0 !important;
  border-radius: 0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  padding: 14px;
  margin: auto;
  width:80%;
}
/* .moving-tab{
  position: absolute;
  display: flex;
  align-items: center;
  background-color: rgb(32, 77, 116);
  font-size: 18px;
  top: -4px;
  left: 0px;
  border-radius: 0.25rem;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 600;
  box-shadow: 0 16px 26px -10px rgba(32, 77, 116, 0.16), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(32, 77, 116, 0.2);
} */
.moving-tab{
  position: absolute;
  display: flex;
  align-items: center;
  background-color: #ee7d00;
  /* background-color: #6F4C62; */
  font-size: 18px;
  top: 1px;
  left: 0px;
  border-radius: 0.25rem;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 600;
  box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.16), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
}
.moving-tab > div{
  text-align: center;
  margin: auto;
  width:80%;
}
.alert-fm{
  color: #286090; 
  background:#fffcf9; 
  box-shadow: 0 0.125rem 0.25rem rgba(238, 125, 0, 0.3); 
}
.alert-fm2{
  border-radius: 1rem;
  color: #286090; 
  background:#fffcf9; 
  box-shadow: 0 -0.4rem 0.25rem -0.25rem rgba(238, 125, 0, 0.3), 0 0.4rem 0.25rem -0.25rem rgba(238, 125, 0, 0.3); 
}
.jbtn-deletebuild{opacity: 1;}

.jtoast{
  border:1px solid rgba(32, 77, 116, 0.25);
  box-shadow: 0 .25rem .7rem rgba(32, 77, 116, 0.15);
  border-radius: .35rem;
}
.jtoasthead{
  color: #275f90;
}
.close-fm{ color: #cc0000; opacity: .8;}
.close-fm:hover{ color: #cc0000; opacity: .8;}
.jtoastnew{
  border:1px solid rgba(3238, 125, 0);
  box-shadow: 0 .25rem .7rem rgba(238, 125, 0, 0.35);
  border-radius: .35rem;
}
.jtoastnewhead{
  color: #fff;
  background-color: #ee7d00;
  background-clip: border-box;
}
/* .jtoastnew{
  border:1px solid rgb(32, 77, 116);
  box-shadow: 0 .25rem .7rem rgba(32, 77, 116, 0.35);
  border-radius: .35rem;
}
.jtoastnewhead{
  color: #fff;
  background-color: #204d74;
  background-clip: border-box;
} */


.card { border:0;}
/* .card-header:first-child{  background-color:#007bb0; color:white; border-radius: .25rem .25rem 0 0; font-size: 18px; font-weight: 500; padding: 3px 10px;} */
.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{color: #fff;}
.card-header a:hover{text-decoration: none;}
.card-header_past:first-child{  background-color:#cc0000; color:white; border-radius: .25rem .25rem 0 0; font-size: 18px; font-weight: 500; padding: 3px 10px;}
.card-header_past:first-child H4{ font-size: 16px; }
.card-header_past a{color: #fff;}
.card-header_past a:hover{text-decoration: none;}

/* Listafej - sor - címkék */
.jlcs { color:#007bb0; padding: 5px 5px 5px 0px; }
/* .jrowxlh { background-color: #286090; border-bottom: 1px solid #a5a5a5; margin: 0; } */
.jrowxlh { background-color: #006996; border-bottom: 1px solid #a5a5a5; margin: 0; }
.jtitlexlh {  color: #FFF; padding: 7px 0 6px 0;}
.jrow { color:#204d74 ;border-bottom: 1px solid #a5a5a5; margin: 0; padding: 5px 0; }
.jrow:nth-child(2n) { background-color: #F5F5F5;}
.jrow:hover { background-color: #e7e7e7;}
.jrowred { color:#204d74 ;border-bottom: 1px solid #a5a5a5; margin: 0; padding: 5px 0; background-color: rgb(204, 0, 0, 0.15)}
.jrowred:hover { background-color: rgb(204, 0, 0, 0.20);}
.detailrow{display: flex; border-bottom: 1px dotted #a5a5a5; align-items: center; padding: 7px 5px;}
.detailrow_last{display: flex; border-bottom: 1px dotted transparent; align-items: center; padding: 7px 5px;}

.jcenter{display:flex; align-items: center;}
.jend{display:flex; justify-content: end;}
.fa-image{font-size: 1.2rem;}

.jdtitle { font-weight: bold; font-size: 14px; color: #204d74;}
.jdfoot { font-weight: bold; font-size: 11px; color: #5a6268;}
/* .jtitle { font-weight: bold; font-size: 0.8rem; color: #808080; padding: 0 0.2rem} */
.jtitle { font-weight: bold; font-size: 0.9rem; color: #204d74; padding: 0 0.2rem}
/* .jvalue { font-size: 0.8rem; color: #808080; padding: 0 0.2rem}  */
.jvalue { font-size: 0.9rem; color: #204d74; padding: 0 0.2rem} 
.jvaluefail { font-size: 0.9rem; color: #cc0000; padding: 0 0.2rem} 
.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:auto}
.jpage-arrowgry {background-color:#e8e8e8; border:1px solid #e8e8e8; color:#274249 !important}
.jpage-arrowgry:hover  {background-color:#e8e8e8; border:1px solid #e8e8e8; color:#274249 !important; z-index:auto}
.jpage-midnorm{color: #274249 !important; cursor: pointer;}
.jpage-midnorm:hover{color: #274249 !important; cursor: pointer; background-color:#fcf1e6; z-index:auto}
.jpage-midmark{background-color:#ee7d00; border:1px solid #ee7d00; color:#fff !important}
.jpage-midmark:hover{background-color:#ee7d00; border:1px solid #ee7d00; color:#fff !important; z-index:auto}


.fc-new{background-color:#009fe3 !important; border:1px solid #009fe3; color:#fff; background-clip: border-box}
.fc-open{background-color:#ee7d00 !important; border:1px solid #ee7d00; color:#fff; background-clip: border-box}
.fc-close{background-color:#008009 !important; border:1px solid #008009; color:#fff; background-clip: border-box}
.fc-fail{background-color:#cc0000 !important; border:1px solid #cc0000; color:#fff; background-clip: border-box}

.jcarousel-icon {background-color: #ee7d00; border-color: #ee7d00; }
.cardheader-close {background-color: #008009 !important;}

/* .nav-link:focus { color: #67d1ff !important} */
/* .nav-link:hover { color: #67d1ff !important} */
/* .nav-link:active { color: #67d1ff !important} */
/* .navbar-nav > .active > a {color: #67d1ff !important} */

.datepicker-switch {background-color: #007bb0; color: white;}
.datepicker-switch:hover {background-color: #006996 !important; color: white !important;}
.datepicker table tr td.active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:active{
  background-color: #006996;
  background-image: -moz-linear-gradient(to bottom, #08c, #006996);
  background-image: -ms-linear-gradient(to bottom, #08c, #006996);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#006996));
  background-image: -webkit-linear-gradient(to bottom, #08c, #006996);
  background-image: -o-linear-gradient(to bottom, #08c, #006996);
  background-image: linear-gradient(to bottom, #08c, #006996);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#006996', GradientType=0);
  border-color: #006996 #006996 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.day {padding: 0 10px;}
.datepicker {background-color: #f6f6f6 !important;}
.dow {color: #286090;}
.datepicker.active { background-color: #286090;}
.datepicker td, 
.datepicker th{width: 30px;}





@media (min-width:992px) {
  /* .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:991.9px) {
  .jtblRow { display: none; }
  .jtblHead { display: none; }
  .jlstRow { display: none; }
  .jlstHead { display: none; }
  .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;
}
@media (max-width:768px) {
  .navbar-nav{padding:5px 0;}
}


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