@font-face{
    font-family:"SourceSansPro-Bold";
    font-style:normal;
    font-weight:700;
    font-display:block;
    src:url(../vendor/fonts/SourceSansPro-Bold.otf);
}
@font-face{
    font-family:"SourceSansPro-Black";
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url(../vendor/fonts/SourceSansPro-Black.otf);
}
@font-face{
    font-family:"SourceSansPro-Regular";
    font-style:normal;
    font-weight:400;
    font-display:block;
    src:url(../vendor/fonts/SourceSansPro-Regular.otf);
}
@font-face{
    font-family:"SourceSansPro-Light";
    font-style:normal;
    font-weight:300;
    font-display:block;
    src:url(../vendor/fonts/SourceSansPro-Light.otf);
}

#mybody {
    font-family: SourceSansPro-Regular !important;  
}

body {
    font-family: SourceSansPro-Regular !important;  
}
.font-weight-bold {
    font-family: SourceSansPro-Bold;
    font-weight: 700 !important;
}
.font-weight-normal {
    font-family: SourceSansPro-Regular;
    font-weight: 400 !important;
}
.font-weight-light {
    font-family: SourceSansPro-Light;
    font-weight: 300 !important;
}

.font_weight-bold {
    font-weight: 700!important;
}

.font_weight-normal {
    font-weight: 400!important;
}

.font_weight-light {
    font-weight: 300!important;
}

:root {
  --fxGreen: #18aeac;
  --fxYellow: #FAA11B;
  --fxDarkGray: #404040;
  --fxLightGray0:#F2F2F2;
  --fxLightGray:#E2E2E2;
  --fxLightGray1:#D8D8D8;
  --fxLightGray2:#D1D1D1;
  --fxLightGray3:#A1A1A1;
  --fxBlack: #0f0f0f;
  --fxWhite-1: #e0e0e0;
  --fxWhite: #f2f2f2;
  --fxWhite1: #f8f8f8;
  --fxWhite2: #ffffff;
  --fxBrown: #a88a4a;
  --fxBrownLight1: #c7a55f;
  --fxBrownLight2: #dec685;
/*
  --fxSuccess: #0f0f0f;
  --fxSuccessBg: #eaf7da;
  --fxSuccessBgHover: #faf7da;
  --fxSuccessBorder: #c1d9a5;

  --fxDanger: #0f0f0f;
  --fxDangerBg: #f2e7dc;
  --fxDangerBgHover: #f7f2ed;
  --fxDangerBorder: #e6d5c5;
  
  --fxPrimary: #0f0f0f;
  --fxPrimaryBg: #f2f2dc;
  --fxPrimaryBgHover: #f7f7e9;
  --fxPrimaryBorder: #c9c9ad;
*/
  --fxSuccess: #f0f0f0;
  --fxSuccessBg: #a88a4a;
  --fxSuccessBgHover: #c7a55f;
  --fxSuccessBorder: #786235;

  --fxDanger: #f0f0f0;
  --fxDangerBg: #a88a4a;
  --fxDangerBgHover: #c7a55f;
  --fxDangerBorder: #786235;

  --fxPrimary: #f0f0f0;
  --fxPrimaryBg: #a88a4a;
  --fxPrimaryBgHover: #c7a55f;
  --fxPrimaryBorder: #786235;

  --fxLight: #a88a4a;
  --fxLightBg: #f7f4eb;
  --fxLightBgHover: #ffffff;
  --fxLightBorder: #dec685;
  
  --fxAlertDanger: #0f0f0f;
  --fxAlertDangerBg: #f2e7dc;
  --fxAlertSuccess: #0f0f0f;
  --fxAlertSuccessBg: #eaf7da;
  --fxAlertWarning: #0f0f0f;
  --fxAlertWarningBg: #fcf9dc;

}

.dropdown-menu {
/*
    position: sticky;
    top: 0;
*/
    z-index: 10011;
}

.image_logo {
    width: 12rem;
}

[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}

label.hibas {
    color: red;
}

input.hibas {
    border: 2px solid red;
}

.kiemelt_betu {
    font-weight: bold;
}

.vizualisrejtes {
    display: none;
    width:1px;
    height:1px;
    position:absolute;
    left:-10000px;
    top:auto;
    overflow: hidden;
}

.invalid_input {
    background-color: pink;
}
.valid_input {
    background-color: lightgreen;
}
.empty_input {
    background-color: white;
}

.egyenleg_data_text {
    font-size: 2rem;
}

.error_data_text {
    font-size: 1.5rem;
}

.mi_cnt_num {
    width:80px;
}

.mi_cnt_sub, .mi_cnt_add {
    width:38px;
}

.mi_cnt_p {
    margin: 2px;
}

.fx_bg_lightbeige {
    background-color: #FFF2E6;
}

.browser_table_max {
    max-height: 80%;
}

a.csokkeno {
    color: #434a4d;
}
a.novekvo {
    color: #313638;
}

.carousel_photo {
  max-width: 10em;
}

.data_ok {
    background-color: #4ebf6d !important;
}
.data_notok {
    background-color: #fad0cd !important;
}

.lista_letilt {
    /*text-decoration: line-through;*/
    background-color: #fad0cd !important;
}

.letilt_input {
    font-size: 150%;
}

.table_insert {
    background-color: #eee8aa !important;
}

.carousel_insert,
.hardver_insert,
.program_insert,
.service_insert,
.option_insert,
.tartalom_insert {
    font-size: 150%;
    color: darkcyan !important;
}

.tetel_delete,
.tartalom_delete {
    font-size: 150%;
    color: red !important;
}

.menu_megnevezes {
    font-size: 150%;
}

/*
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: pink;
}
*/

/*
.xxxblock {
    border: 1px solid red;
    text-align: center;
    vertical-align: middle;
}

.circle {
    background: red;
    border-radius: 30px;
    color: white;
    height: 30px;
    font-weight: bold;
    width: 30px;
    display: table;
    margin: 1px auto;
}
.circle p {
    vertical-align: middle;
    display: table-cell;
    font-size: 20px;
}
*/

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}