/*******************************************************************************
 *  VIDEOTON postázás                                                          *
 *  posta.videoton.hu                                                           *
 *                                                                             *
 *  Fő css file                                                                *
 *  V 1.0                                                                      *
 *  (c) Bíró Sándor                                                            *
 *  2024.06.20.                                                                *
 *******************************************************************************/ 

html {
    overscroll-behavior: none;
}

body {
    padding-top: 70px;  /* navbar miatt */
    background-color: #ffffff;
    font-family: 'Noto Sans';
    overscroll-behavior: none;
}

h6 {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.6;
}

/*--- beviteli mezők----------*/
.inputclass {
    background-color: #FFFFEE !important;
}
.inputclass:hover {
    background-color: #FFFFBB !important;
    border: 1px solid #9F9F9F;
}
.inputclass:active {
    background-color: #FFFF77 !important;
    border: 1px solid #9F9F9F;
}
.inputclass:focus {
    background-color: #FFFF77 !important;
    border: 1px solid #9F9F9F;
}
.inputclass-readonly {
    background-color: #EEEEEE !important;
    outline: none !important;
    outline-style: hidden;
}

.hideinput {
    width:0px; height:0px;
    border: none !important;
    outline: none !important;
    outline-style: hidden;
    box-shadow: none;
    position: absolute;
    top: -4px;
    left: 0;
}

.search_input {
    color:#666666;
    background: #E0E0E0;
    width: 100%;
    height:100%;
    margin:0px;
    padding:4px;
    text-decoration: none;
    border: 1px solid #7a7a7a;
    outline: none;

}
.search_input:focus {
    background: #FFFF00;
  }

/*--- beviteli mezők vége-----*/

/*--- Alert ------------------*/
.alert {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
    display: table;
    width: 100%;
}
.alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative;
}
.alert-white.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.alert-white.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.alert-white .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bdbdbd;
    padding-top: 15px;
}
.alert-white .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #bdbdbd;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}
.alert-white .icon i {
    font-size: 20px;
    color: #fff;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-white.alert-success .icon,
.alert-white.alert-success .icon:after {
    border-color: #54a754;
    background: #60c060;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #98cce6;
    color: #3a87ad;
}
.alert-white.alert-info .icon,
.alert-white.alert-info .icon:after {
    border-color: #3a8ace;
    background: #4d90fd;
}
.alert-white.alert-warning .icon,
.alert-white.alert-warning .icon:after {
    border-color: #d68000;
    background: #fc9700;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #f1daab;
    color: #c09853;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #e0b1b8;
    color: #b94a48;
}
.alert-white.alert-danger .icon,
.alert-white.alert-danger .icon:after {
    border-color: #ca452e;
    background: #da4932;
}
/*--- Alert vége--------------*/

/*--- Menürendszer ----------------*/

.navbar {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #263B71 !important;
}

.nav-link {
    color: #FFFFFF;
}

.nav-link:focus {
    color: #FFFFFF;
}

.nav-link:focus-visible {
    color: #FFFFFF;
}

.nav-link:hover {
    color: #f68f39;
}

.dropdown-menu {
    color: #FFFFFF !important;
}
.dropdown-item {
    color: #253b71;
}
.dropdown-item:hover {
    background-color: #62688f;
    color: white;
}

.logo_image {
    width:116px;
    height: 40px;
}
/*--- Menürendszer vége -----------*/

/*--- Szűrő mezők legördülő -------*/
.filter-pointer {
    cursor: pointer;
}
.filter-pointer:hover {
    background: linear-gradient(to bottom,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
    color:#1201fc;
}
/*--- Szűrő mezők legördülő vége -*/

/*--- Táblázatok dolgai ----------*/
.table-hover tbody tr:hover,
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th{
    cursor: pointer;
}
.table { 
    --bs-table-hover-color: rgb(13, 9, 255); 
    --bs-table-hover-bg: #FFFFEE; 
} 
.table-th-secondary {   /*táblázat fejléc kicsit sötétebb */
    background-color: #cacaca !important;
}
.table-th-info {   /*táblázat fejléc kicsit sötétebb */
    background-color: #b5d8df !important;
}
.table-th-warning {   /*táblázat fejléc kicsit sötétebb */
    background-color: #e2d7b3 !important;
}
.table-th-primary {   /*táblázat fejléc kicsit sötétebb */
    background-color: #b5c7e2 !important;
}
.table-th-success {   /*táblázat fejléc kicsit sötétebb */
    background-color: #8e9994 !important;
}
/*--- Táblázatok dolgai vége -*/

/*--- Pagination -------------*/
.cursor_disabled {
    cursor: not-allowed;
}
/*--- Pagination vége --------*/

/*--- Egyebek ----------------*/
.modal-header { /* mozgatható modalhoz*/
    cursor: move;
}

.map_iframe {
    width:100%;
    height:100%;
    margin: 0px;
    padding: 0px;
}

footer {
    background-color: #090f1c;
    color: white;
}

.btn-24 {
    width:32px;
    height:22px;
    padding: 0px;
}

.btn-32 {
    width:32px;
    height:32px;
}

.w30 {
    margin-left:-6px;
    width: 30px;
}

.w36 {
    width: 36px;
}

.w44 {
    width: 44px;
}
.w55 {
    width: 55px;
}

.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w130 {
    width: 130px;
}

.w140 {
    width: 140px;
}
.w150 {
    width: 150px;
}
.w260 {
    width: 260px;
}

.hw38 {
    height: 38px;
    width: 38px;
}
.h38 {
    height: 38px;
}
.h40 {
    height: 40px;
    line-height: normal;
}

.bg-post {
    background-color: #ddf8dd;
}

.bg-deliver {
    background-color: #fffff0;
}

.display-7 {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-7 {
        font-size: 2rem;
    }
}

.order-arrow {
    font-size: 12px;
    color:#666666;
    position: absolute;
    right:4px;
    top:12px;
}  

/* --- jelszó változtatáshoz-------*/
.valid {
    color: green;
}
.valid:before {
    position: relative;
    left: -35px;
    content: "✔";
}

.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    left: -35px;
    content: "✖";
}