@import url('https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Condensed|Ubuntu+Mono');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

@font-face {
    font-family: 'Gotham Bold';
    src: url('/includables/Gotham Bold.otf'); /* IE9 Compat Modes */
    src: url('/includables/Gotham Bold.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/includables/Gotham Bold.otf')  format('truetype'), /* Safari, Android, iOS */
  }

  @font-face {
    font-family: 'DaxlinePro-Regular';
    src: url('/includables/DaxlinePro-Regular.otf'); /* IE9 Compat Modes */
    src: url('/includables/DaxlinePro-Regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/includables/DaxlinePro-Regular.otf')  format('truetype'), /* Safari, Android, iOS */
  }

  @font-face {
    font-family: 'Geomanist';
    src: url('/includables/Geomanist_font/Geomanist-Regular.otf'); /* IE9 Compat Modes */
    src: url('/includables/Geomanist_font/Geomanist-Medium.otf'); /* IE9 Compat Modes */

  }

*:focus {
    outline: none;
}

body { 
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #eff4f5;
    font-family: 'Ubuntu', sans-serif;
}


.login-background {
    min-height: 100%;
    min-width: 100%;
    /*background: url('[[$p.side_nav_bg.png]]') no-repeat center center fixed;*/
    background: url('[[$p.login_bg.png]]') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

body *{
    color:#456071;
}


h1 {
    margin-bottom: 0 !important;
}
p {
    background-color: transparent;
}

.color-teal {
    color: #37a8ca !important;
}

.color-sea {
    color: #4b6b79 !important;
}

.homenav {
    margin-left: 0px!important;
    margin-right: 0px!important;
    position: -webkit-fixed;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.vhide {
    visibility: hidden;
}

#home-langs {
    text-transform: uppercase;
}

#home-langs .lang {
    text-transform: uppercase;
}


/*FELUGRÓK*/
.modal-footer .btn{
    height: 3rem;
}

.modal-footer .btn img {
    margin-right: 0.5rem;
}

@media (max-width: 375px) {
    .btn-main, .btn-alt {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-height: 4rem !important;
    }
    .btn-breaker {
        display: grid;
        
    }
    .modal-body {
        overflow-x: auto;
    }
    .modal, .modal .btn, .modal .cf-label {
        font-size: 1rem;
    }
    
}

/*ALAP LINKEK*/

a {
    color: #007bff;
}

a:hover {
    text-decoration: none;
}

a.btn-main:hover,a.btn-alt:hover {
    color: #eff4f5 !important;
}

/*SIDE HEADER*/
#site-header {
    height: 8vh;
    /*height: 80px;*/
    min-height: 50px;
    width: 100vw;
    z-index: 2;
    background-color: #eff4f5;
    border-bottom: 10px solid #b4dce8;
    position: fixed;
    top: 0;
    padding: .5rem .8rem;
    font-family: 'Ubuntu', sans-serif;
}

#site-header a {
    color: #000 !important;
}

#header-login {
    font-size: 1.5rem;
}

#site-header a:hover {
    color: #82adba !important;
}

#site-header .navbar-collapse {
    z-index: 4;
    background-color: #eff4f5;
    height: 100%;
}


#site-header .nav-item {
    width: auto !important;
}

#site-header .dropdown-item {
    width: auto !important;
}

/*CONTENT*/
#main-content {
    overflow-y: auto;
    overflow-x: hidden;
    transform: scale(1);
    position: relative;
    top: 8vh;
    height: 92vh;

    /*transition: padding-left 1s;*/
}

#main-content.full-content {
    top: 0;
    /*height: 100vh;*/
    padding-top: 5vh;
}

#wrapper {
    /*min-height:92%;
    height: auto;*/
    /*height: 100%;*/
    margin-bottom: -80px;
    padding-left: 10px;
    padding-right: 10px;
    /*transition: padding-left 1s;*/
}
#wrapper:after {
    content: "";
    display: block;
}

#wrapper.animate {
    transition: padding-left 1s;
}

#wrapper.login {
    padding-left: 70px;
}


@media (min-width: 769px) {
    #wrapper.login {
        padding-left: 220px;
    }

    #wrapper.side-nav-hidden {
        padding-left: 65px !important;
    }
}

#main-content h1{
    color:#456071;
    font-size: 22px;

}

#main-content h2{
    color:#456071;
    font-size: 1.5rem;

}

@media(max-width: 768px) {
    #main-content h1{
        font-size: 1.2em;
    }

	#main-content h2{
        font-size: 1em;
    }
}

#main-content .form-group label{
	color:#456071;
}


/*SIDE NAV*/
#side-nav {
    width: 210px;
    /*height:100vh;*/
    height: 94vh;
    position: fixed;
    top: 8vh;
    /*top: 80px;*/
    z-index: 3;
    margin-top: -10px;
    border-top: 10px solid #82adba;
    background-size: cover;
    background-position: center;
    background-image: url('[[$p.side_nav_bg.png]]');
    background-color: #9be6f6;
    background-size: auto 100vh;
    overflow: auto;
    font-family: 'Ubuntu', sans-serif;

    scrollbar-face-color:#05B7FF;
    scrollbar-arrow-color:#05B7FF;
    scrollbar-track-color:#CBD5D7;
    scrollbar-shadow-color:#05B7FF;
    scrollbar-highlight-color:#05B7FF;
    scrollbar-3dlight-color:#808080;
    scrollbar-darkshadow-Color:#202020;
}
#side-nav .side-nav-wrapper {
    min-height: 100%;
    margin-bottom: -150px;
}

#side-nav .push, .side-nav-logo {
    height: 150px;
    padding: 1rem;
    padding-bottom: 40px;
    transform: translate3d(-10px, 0, 0);

}

.side-nav-logo img {
    height: 100%;
}

@media (max-width: 768px) {
    #side-nav {
        transform: translate3d(-155px, 0, 0);
    }

}

#side-nav.no-login {
    display: none;
}

#side-nav.login {
    display: inline-block;
}

@media (min-width: 768px) {
    #side-nav.side-nav-hidden {
        transform: translate3d(-155px, 0, 0);
    }
}


.block-elem {
    width: 70%;
    font-size: 0.8em;
    padding: 10px 15px 10px 15px;
    margin-right: 10px;
    display: inline-block;
}

.block-elem:hover {
    cursor:pointer;
}

.btn-side-menu {
    width: 20%;
    height: 100%;
    padding: 0px;
    display: inline-block;
    outline: none;
    background-color: transparent;
    color: #eff4f5;
    margin: 0px !important;

    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
}

.btn-side-menu:focus, .btn-side-menu:active, .btn-side-menu:hover{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
}

#toggle-block {
    background-color: #45616e;
    color: #eff4f5;
}

.side-nav-block {
    width: 100%;
    min-height: 40px;
    background-color: transparent;
    color: #45616e;
    border-bottom: 1px solid #0aa4ca;
}

.admin-block {
    background-color: #82adba;
    color: #eff4f5;
}

.admin-block.active, .admin-block.active i {
    color: #000;
}

.admin-block:hover, .admin-block:hover i, .admin-block:active, .admin-block:visited,.admin-block:focus  {
    background-color: #eff4f5;
    color: #000 !important;
}

.side-nav-block img, .side-nav-block:not(.admin-block) i{
    filter: brightness(0) invert(1);
}

.side-nav-block:hover {
    background-color: #eff4f5;
    cursor:pointer;
}

.side-nav-block:hover img, #toggle-block img, #side-nav .active img {
    filter: none;
}

.side-nav-block:not(.admin-block):hover i, .side-nav-block:not(.admin-block).active i{
    filter:none;
    color:#40bfbf;
}

#side-nav .active {
    background-color: #eff4f5;
}

.menu-group {
    position: relative;
}

.menu-group  .menu-group-blocks{
    display: none;
}

.menu-group.open .menu-group-blocks{
    display: block;
}

.menu-group.open .menu-group-header {
    background-color: #82adba;
    
}

.menu-group.open .menu-group-header .block-elem {
    color: #eff4f5!important;
}

.menu-group.open .menu-group-header:hover .block-elem {
    color: #000!important;
}

.menu-group-blocks .block-elem {
    padding: 10px 15px 10px 30px;
}

.menu-group-header img {
    visibility: hidden;
}

.menu-group-header i {
    color:  #fff!important;
}

.menu-group-header:hover i {
    color:  #0aa4ca!important;
}

.menu-group-header {
    font-weight: bold;
}



[data-right]{
	display:none;
}


/*Alert */
.modal-header *,modal-body *{
	color: #456071;
}
.modal-content{
	border-radius:0;
}
.modal-footer{
	border-top:none;
}

/*Button main*/
.btn-main{
	color: #eff4f5;
	background: #496571;
	padding-left:2rem;
	padding-right:2rem;
}
.btn-main:focus,.btn-main:hover{
	background: #455e69;
	box-shadow:none;
}
.btn-main:active:focus{
	background: #496571;
}

@media (max-width: 425px){
    .btn-main,.btn-alt{
        font-size: 1rem;
        min-width: 170px;
    }
}
/*Button sub*/
.btn {
    border-radius: 0px;
    max-height: 2.7rem;
}

.btn img {
    max-height: 2rem;
}

.btn-main i {
    color:  #35a3c6!important;
}

.btn.minus {
    background-color: #35a3c6!important;
}

img.minus {
    filter: brightness(0) invert(1);
}

.btn-alt, .btn-cancel{
	color: #eff4f5;
	background:#35a3c6;
	padding-left:2rem;
    padding-right:2rem;
}
.btn-alt:focus,.btn-alt:hover, .btn-cancel:focus, .btn-cancel:hover{
	background:#2d8ba8;
	box-shadow:none;
}
.btn-alt:active:focus, .btn-cancel:active:focus{
    background:#35a3c6;
}

.buttons-excel {
    
    color: #eff4f5!important;
    background: #496571!important;
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}

.buttons-excel span {
    color: #eff4f5!important;
}


/*ALTALANOS INPUT*/

.form-control {
    border-radius: 0px;
}

.button-end {
    justify-content: flex-end;
}

/*DROPDOWN*/
#user-dropdown, #header-login, #user-dropdown a {
    font-size: 0.9rem;
}

#user-dropdown .dropdown-toggle::after {
    display: none;
}

#user-dropdown .dropdown-toggle .custom-icon {
    margin-left: 5px;
    color: #37a8ca !important;
}

#user-dropdown .dropdown-menu {
    background-color: #eff4f5;
    border-radius: 0;
    padding: 0px;
}

#user-dropdown .dropdown-item:hover, #user-dropdown .dropdown-item:hover i {
    background-color: #82adba;
    color: #eff4f5 !important;
}

#user-dropdown span, #user-dropdown span:hover {
    background-color: #45616e !important;
    color: #eff4f5 !important;
}



/*SELECT*/
.select-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select-wrapper {
    cursor:pointer;
    display:inline-block;
    position:relative;
    color:black;
    font-size: 0.8em;
    width: 100%;
    margin-bottom: 1rem;
}

.cf-select{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
    color: #36a7c9;
    padding:0 10px;
    min-width: 200px;
    line-height: 30px;
    height: 35px;
    border: 1px solid #ced4da;
}

.cf-select span, .cf-options li  {
    font-size: 1rem;
}

.cf-select:after {
    display: none;
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}

.cf-select .custom-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #37a8ca !important;
}


.cf-options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:100999;
    margin:20px 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    border:none;
    max-height: 152px;
    overflow-y: auto;
}
.cf-options li, .dropdown-item {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
    height: 30px;
    line-height: 30px;
    transition: border 0.2s ease-in-out;
}
.cf-options li:hover, .cf-options li.selected, .bootstrap-select .dropdown-item:hover , .bootstrap-select .dropdown-item.selected{
    background-color:#f1f2f4;
    color: #36a7c9;
    border-left: 5px solid #36a7c9;
}

.bootstrap-select .dropdown-menu{
	padding-top:0;
	padding-bottom:0;
}

.bootstrap-select .btn::after{
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color:#37a8ca;
	border:0!important;
	width: initial;
    height: initial;
}
.bootstrap-select .btn ,.data-table select{
	line-height: 1.5em;
	font-size:0.8rem;
	height:calc(1.8125rem + 2px);
	padding-right: 0.25rem!important;
}
.bootstrap-select .btn:not(.disabled):focus, .data-table select:focus{
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
	outline:none!important;
}
.bootstrap-select .btn.disabled {
	background-color: #e9ecef;
    opacity: 1;
}

.bootstrap-select.form {
    height: calc(2.25rem + 2px);
}
.bootstrap-select.form.no-label {
    margin-top: 30px;
}

.bootstrap-select.form .btn {
    border: 1px solid #ced4da;
    height: 34px;
    line-height: 25px;
    padding-right: 10px!important;
}

.select-wrapper.is-invalid~.invalid-feedback {
    display: block;
}

.select-wrapper.is-invalid .cf-select {
    border-color: #dc3545!important;
}

.bootstrap-select.is-invalid button {
    border-color: #dc3545!important;
}

.dtpicker-wrapper.is-invalid input {
    border-color: #dc3545!important;
}

.selectdiv {
	position: relative;
}
.selectdiv div{
	position: absolute;
	display: inline-block;
    padding-top: 0.4rem;
    pointer-events: none;
	top:0;
	right: 0.35rem;
}
.selectdiv div:after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 900;
	color:#37a8ca;
}

[data-id="kerdes_select_input"] + .dropdown-menu.show {
    max-width: 60vw!important;
    min-width: 60vw!important;
}

.lathatosag-holder {
    margin-bottom: 40px!important;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display:inline-block;
  cursor:pointer;
  padding-right: 15px!important;
}


/*CHECKBOX*/
.cf-checkbox {
    display: inline-block;
    width: max-content;
    position: relative;
    margin-bottom: 12px;
    font-size: 1rem;
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	vertical-align: middle;
  }

  .cf-checkbox:hover {
      cursor: pointer;
  }

  .cf-checkbox .cf-label{
	margin-left:0.7rem;
  }
  .cf-checkbox input {
    opacity: 0;
	height: 20px;
    width: 20px;
	float:left;
  }

  .cf-checkbox input:not(:disabled){
      cursor: pointer;
  }

  .cf-checkmark{
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #cddce1;
  }


  .cf-checkbox:hover input ~ .cf-checkmark {
    background-color: #fff;
  }


  .cf-checkbox input:checked ~ .cf-checkmark {
    background-color: #36a7c9;
  }

   .edit-input .cf-checkbox input:checked:disabled ~ .cf-checkmark {
		background-color: #b4dce8;
   }
   .edit-input .cf-checkbox input:disabled ~ .cf-checkmark {
		background-color: #f1f1f1;
  }

  .cf-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }


  .cf-checkbox input:checked ~ .cf-checkmark:after {
    display: block;
  }


  .cf-checkbox .cf-checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .datepicker table tr td.today {
    background-color: transparent!important;
    border: 2px solid #4bb0cf!important;
    background-image: none!important;
  } 

  /*DATEPICKER*/
  .datepicker table tr td.active {
      background-color: #37a8ca !important;
      background-image: none!important;
  }

  .datetimepicker-input {
        height: 33px;
        color: #456071!important;
        font-size: 0.8rem;
  }

    div.input-group.date {
        padding-top: 5px;
    }

    .bootstrap-datetimepicker-widget {
        z-index: 2000;
    }


/*DATA TABLE*/

.table-wrapper {
    width: 100%;
}

.data-table {
    border: none !important;
	border-collapse: collapse!important;
}

.dataTables_wrapper *{
	font-size:0.8rem;
}

.dataTables_wrapper .container-fluid {
    padding: 0px !important;
}

.dataTables_wrapper .container-fluid > div {
    padding-left: 0px;
    padding-right: 0px;
}

.dataTables_scrollHead, .dataTables_scrollBody{
    overflow: visible !important;
}

.data-table thead tr:last-child {
    background-color: #37a8ca !important;
    color: #eff4f5;
}
.data-table tr.tr-head th{
	color:#ffffff;
}

.data-table thead tr th {
    padding-left: 0.5rem;
    vertical-align: middle!important;
}

.data-table thead tr th.even {
    background-color:  
    #599eb3
    ;
    
}

.data-table tr.tr-filter th{
	padding-right: 0.4rem!important;
	padding-left: 0;
}
.data-table th, .data-table td {
    line-height: 1.5em;
    border: none;
}

.data-table tbody td {
    background-color: #ffffff;
    height: 2rem;
    padding: 0.2rem;
    vertical-align: middle!important;
	position:relative;
}

.data-table tbody td.even {
    background-color:  #e0f8ff;
}

.data-table tbody tr {
    border-bottom: 1px solid #ebeff0;
}

.data-table tbody tr table tr:last-child{
    border-bottom: 0;
}

.data-table.table-hover tbody tr[role=row]:hover td {
    background-color: #ebeff0 !important;
    cursor: pointer;
}

.data-table tr[role] td .cog-holder{
	position:absolute;
	top: 50%;
    left: 100%;
    margin-top: -0.56rem;
    margin-left: -0.9rem;
	background:transparent;
}

.data-table tbody tr[role=row] td:hover{
	overflow:hidden;
}
.data-table tbody tr[role=row] td:not(.editing):hover .cog-holder:after{
	font-family: "Font Awesome 5 Free";
	content: "\f304";
	display: inline-block;
	font-weight: 900;
	color:#37a8ca;
	float: right;
	animation-name: fadeInRight;
	animation-fill-mode: forwards;
	animation-duration: 0.3s;
}

.data-table select{
	border: 1px solid #37a8ca;
	padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
}

.data-table tbody tr:hover{
	background-color: #ebeff0 !important;
}

.data-table tr.selected {
	background-color: #ebeff0 !important;
}
.data-table .selected td {
    background-color: #ebeff0 !important;
    color: #37a8ca !important;
}

.page-item.active .page-link {
    background-color: #37a8ca !important;
    outline-color: #37a8ca !important;
}

.column-filter,.bootstrap-select .btn,.data-table select {
    background-color:white;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid #37a8ca ;
}

.table-holder {
    margin-bottom: 30px;
    z-index: 4;
}

.table-holder > .button-holder {
    text-align: end;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

@media (max-width: 425px) {
    .table-holder > .button-holder {
        text-align: center
    }
}

.table-holder > .button-holder img, .table-new-form .btn img {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 0.5rem
}

.data-table tbody td .cf-checkbox{
	margin-bottom: 0px;
}

.data-table tbody tr:not(.shown) td.details-control:after{
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color:#37a8ca;
}

.data-table tbody tr.shown td.details-control:after{
	font-family: "Font Awesome 5 Free";
	content: "\f068";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color:#37a8ca;
}

.data-table tbody tr:not(.shown) td.edit-control:after{
	font-family: "Font Awesome 5 Free";
	content: "\f013";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color:#37a8ca;
}

.data-table tr[role] td.actions-holder {
    position: relative;
}

.data-table tr[role] td.actions-holder span.actions-holder{
    position: absolute;

}

.dataTables_info{
	padding-top:0.3rem!important;
}

.data-table .dropdown-menu {
    border-radius: 0px;
}

.paginate_button a {
    border-radius: 0px !important;
}

.dataTables_processing {
    border-radius: 0px !important;
    z-index: 10;
}

.dataTables_length, .dataTables_info, .dataTables_paginate  {
    margin-top: 1rem !important;
}

.pagination {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}

.paginate_button {
    text-align: center;
}
.details-table tr[role]:not(:last-child){
	border-bottom: 1px solid #ffffff;
}
.details-table tr[role] td:first-child{
	padding-left: 1.8rem;
}
.details-table tr[role] td{
	background:#eff4f5;
}

@media (max-width: 900px) {
        .paginate_button a {
        height: 30px;
        width: 30px;
        font-size: 0.7rem;
        padding: 0px;
        padding-top: 0.5rem;
    }
}

@media (max-width: 767px) {
    .pagination {
        justify-content: center !important;
    }
}

@media (max-width: 500px) {
    .paginate_button a {
        height: 25px;
        width: 25px;
        font-size: 0.7rem;
        padding: 0px;
        padding-top: 0.3rem;
    }
}



.actions-control {
    text-align: center;
    cursor: pointer;
    min-width: 0.8rem;
    max-width: 0.8rem;
    overflow: visible!important;
    direction: rtl;
}

.actions-control .actions-holder {
   background-color: #fff!important;
   border: 1px solid #37a8ca;
   padding-top: 0.3rem;
   padding-bottom: 0.3rem;
   display: none;

}

.data-table tbody tr:hover .actions-control .actions-holder {
    padding-left: 10px;
    padding-right: 10px;
}

.actions-control .actions-holder .fas {
    color: #37a8ca!important;/*#adad85!important;*/
}


tbody.disabled tr[role=row] .actions-control .fas {
    color: #fff!important;/*#adad85!important;*/
    cursor: default;
}

.actions-control .fas {
    font-size: 1rem;
    margin-left: 5px!important;
    margin-right: 5px!important;
}

.actions-control .fa-cog {
    color: #37a8ca!important;
}

.actions-control .fa-trash-alt {
    margin-left: 5px!important;
    margin-right: 5px!important;
}

.actions-control .fa-check {
    color: #008000!important;
    margin-left: 5px!important;
    margin-right: 5px!important;
}

.actions-control .fa-times {
    color: #cc0000!important;
    margin-left: 5px!important;
    margin-right: 5px!important;
}

.actions-control.action:hover i {
    display: none;
}

.actions-control.action:hover .actions-holder{
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-weight: 900;
	animation-name: zoomIn;
	animation-fill-mode: forwards;
    animation-duration: 0.8s;
}

/*SzŰRŐK*/
.szuro-wrapper {
    width: 80vw;
    margin: auto;
    margin-top: 50px;
}

@media (min-width: 769px) {
    .szuro-wrapper {
        width: 60vw;
    }
}

/*Nyelvválasztó*/

#lang-selector-wrapper {
    width: 300px!important;
}

#lang-selector  {
    width: 120px !important;
    margin-bottom: -5px;
}

#lang-selector:focus, #lang-selector button:focus {
    outline-color: transparent!important;
    box-shadow: none!important;
}

#lang-selector .dropdown-toggle::after {
    display: none !important;
}

#lang-selector .dropdown-menu {
    background-color: #eff4f5!important;
}

#lang-selector.bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
    box-shadow: none!important;
}

#lang-selector button, #lang-selector button:hover, #lang-selector button:active, #lang-selector button:focus {
    padding: 10px;
    background-color: transparent!important;
    border: none;
    color: #000;
    font-size: 13px;
    outline-color: transparent!important;
}

#lang-selector .flag, .lang-select .flag  {
    width: 22px;
    height: 15px;
    margin-right: 10px;
    transform: translateY(3px);
}



/*ÁTIRÁNYÍTÁS FOYLAMATBAN blokk*/

.window-fade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #45616e;
    opacity: .5;
}

#loader {
    width: 20vw;
    min-width: 250px;
    height: 90px;
    padding: 10px;
    background-color: #ebeff0;
    opacity: 1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1062;
    border-radius : 0px !important;
}

#loader div {
    font-size: 1.1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#loader div:nth-of-type(2) {
   right: 5%;
}

div.dataTables_wrapper div.dataTables_processing {
    overflow: hidden;
}


/*Hozzárendelő felugró*/
.cf-jog i, .cf-jog.gj-selected, .cf-checkbox.gj-selected .cf_label {
    color: #008000 !important;
}

.cf-jogcsoport.gj-selected {
    background-color: #008000!important;
} 

.gj-orig .cf-checkmark {
    background-color: #008000!important;
}

/*RECAPTCHA*/
.grecaptcha-badge{
    bottom: 35px!important;
	z-index: 1;
}

/*Alacsony kijelző mérett mellett*/
@media (max-height: 620px) {
    #site-header {
        height: 50px;
    }

    #side-nav {
        top: 50px;
    }

    #main-content {
        padding-top: 55px;
    }

    #wrapper{
        height: 84.5vh;
    }

}


/*Grafikonok*/
.chart-wrapper div {
    margin: auto;
}

.chart-overflow {
    overflow: auto;
    width: 100%;
}



/*ANIMÁCIÓK*/

@-webkit-keyframes sideNavOut {
    from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }

    to {

    -webkit-transform: translate3d(-155px, 0, 0);
    transform: translate3d(-155px, 0, 0);
    }
}

@keyframes sideNavOut {
    from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }

    to {

    -webkit-transform: translate3d(-155px, 0, 0);
    transform: translate3d(-155px, 0, 0);
    }
}


.sideNavOut {
-webkit-animation-name: sideNavOut;
animation-name: sideNavOut;
animation-duration: 1s;
}

/*oldalmenü kifelé*/

@-webkit-keyframes sideNavIn {
    from {
        -webkit-transform: translate3d(-155px, 0, 0);
        transform: translate3d(-155px, 0, 0);
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    }

    @keyframes sideNavIn {
    from {
        -webkit-transform: translate3d(-155px, 0, 0);
        transform: translate3d(-155px, 0, 0);
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    }



.sideNavIn {
-webkit-animation-name: sideNavIn;
animation-name: sideNavIn;
}

/*SCROLLBAR*/

::-webkit-scrollbar {
    width: 15px;
    z-index: 5;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #4bb0cf;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 5px;
    }

}

#side-nav::-webkit-scrollbar {
        width: 5px;
        z-index: 5;
}

#side-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#side-nav::-webkit-scrollbar-thumb {
    background: #4bb0cf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#side-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.table-responsive::-webkit-scrollbar {
    height: 10px;
    z-index: 5;
}

.table-responsive::-webkit-scrollbar-track {
background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
background: #4bb0cf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
background: #555;
}

.bootstrap-datetimepicker-widget table td span {
    line-height: 30px!important;
    height: 30px!important;
}

.fa-clock-o:before {
    content: "\f017"; }


.cf-report-visibility {
    display: inline-block!important;
    width: 12vw!important;
    margin-left: 10px!important;
    transform: translateY(5px);
}

.export-btn {
    height: 35px!important;
    margin-top: 5px;
    line-height: 1!important;
}

#lang-selector {
    display: inline-block;
    width: 100px;
    height: 50px;
}

#lang-selector span {
    background-color:transparent !important;
    color: #456071 !important;
}

#lang-selector span:hover {
    background-color:transparent !important;
    color: #456071 !important;
}

#lang-selector a:hover {
    background-color:#eff4f5 !important;
}

.megjelenites-vezerles .cf-checkbox {
    margin-left: 30px;
}
    
/*login header*/
.login-header {
    height: 90px;
    background: #EBEEF0;
}

.login-logo {
    margin-left: 40px;
    margin-top: 25px;

}

.invalid-feedback {
    color: red!important;
}

.modal-footer .btn {
    max-height: 40px!important;
    height: 40px!important;
}

.modal-footer .btn:hover {
    color: #fff!important;
}

.grecaptcha-badge {
    display: none!important;
}

/*kapcsolat form */
#kapcsolat_form .cf-checkbox  .cf-checkmark{
    border-radius: 3px;
}

#kapcsolat_form .cf-checkbox input:checked ~ .cf-checkmark {
    background-color: #FF7664!important;
}

#kapcsolat_form .cf-checkbox .cf-checkmark:after {
    border-width: 0 2px 2px 0!important;
}

#kapcsolat_form .cf-checkbox .cf-label {
    color: #1CB5D7;
}