html {
        font-size: 1em !important;
    }
    body {
        font-family: 'Open Sans', sans-serif;
        font-size: 1em !important;
        color: #000;
        height: 100%;
        width: 100%;
        margin: 50px 0 0 0;
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-weight: 700;
        margin-bottom: 25px;
        margin-top: 0;
    }
    h1 {
        font-size: 1.8rem;
        line-height: 1.2;
    }
    h2 {
        font-size: 1.6rem;
    }
    h3 {
        font-size: 1.4rem;
    }
    h4 {
        font-size: 1.2rem;
    }
    h5 {
        font-size: 1rem;
    }
    a {
        -webkit-transition: color 0.5s ease-out, border-bottom 0.5s ease-out;
        -o-transition: color 0.5s ease-out, border-bottom 0.5s ease-out;
        transition: color 0.5s ease-out, border-bottom 0.5s ease-out;
    }
    .btn,
    .form-control,
    button.close {
        -webkit-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
        outline: none;
    }
    .form-control {
        font-weight: 700;
        font-size: 1rem;
    }
    .btn {
        font-weight: 700;
        border-radius: 5px;
        text-transform: uppercase;
        -webkit-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
        font-size: 1rem;
    }
    .btn:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active,
    .btn:active:hover,
    .btn:focus:hover {
        outline: none;
    }
    a:focus,
    a:active {
        outline: none;
        outline: 0;
        outline-offset: 0;
    }
    a {
        color: #004b88;
        font-weight: 700;
        border-bottom: 1px solid transparent;
        padding-bottom: 2px;
        -webkit-transition: color 0.5s ease-out, border-bottom 0.5s ease-out;
        -o-transition: color 0.5s ease-out, border-bottom 0.5s ease-out;
        transition: color 0.5s ease-out, border-bottom 0.5s ease-out;
    }
    a:hover,
    a:focus,
    a:active {
        text-decoration: none;
        border-bottom: 1px solid #004b88;
    }
    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active,
    .btn:active:hover,
    .btn:focus:hover {
        outline: none;
    }
    .btn-red,
    .btn-red:hover,
    .btn-red:focus,
    .btn-red:active,
    .btn-red.active {
        background-color: #c20029;
        border-color: #c20029;
        outline: none;
        color: #fff !important;
    }
    .btn-blue,
    .btn-blue:hover,
    .btn-blue:focus,
    .btn-blue:active,
    .btn-blue.active,
    .btn-blue:active:hover,
    .btn-blue:focus:hover {
        color: #fff;
        background-color: #004b88;
        border-color: #004b88;
        outline: none;
    }
    .btn-default,
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .btn-default:active:hover,
    .btn-default:focus:hover,
    .btn-file,
    .btn-file:hover,
    .btn-file:focus,
    .btn-file:active,
    .btn-file.active,
    .btn-file:active:hover,
    .btn-file:focus:hover {
        border-color: #004b88;
        color: #004b88;
        text-transform: uppercase;
        font-size: 1rem;
        background-color: transparent;
    }
    a:hover {
        text-decoration: none
    }
    a:focus,
    a:active {
        outline: none;
        outline: 0;
        outline-offset: 0;
    }
    a.delete {
        display: inline-block;
        text-align: center;
    }
    a.delete > img {
        display: inline-block;
        margin: 0 auto;
        width: 100%;
    }
    .border {
        border: 1px solid #ccc;
        padding: 20px 30px;
    }
    .border p,
    .border ol,
    .border ul {
        margin-bottom: 20px;
        font-size: 1rem;
    }
    .popover,
    .popover-title,
    a.help,
    .control-label,
    label {
        font-size: 1rem;
    }
    ul ul,
    ol ul {
        list-style-type: disc;
        margin-top: 10px;
        margin-bottom: 10px !important;
    }
    .statusList {
        width: 100%;
        text-align: right;
    }
    .statusList ul li {
        display: inline-block;
        margin-left: 10px;
        font-size: 0.8rem;
    }
    .statusList ul li.active a {
        color: #004b88;
    }
    /*-----------------------
CONTENT
-------------------------*/
    
    span.icon {
        display: block;
    }
    .head {
        margin: 0;
        line-height: 50px;
    }
    form textarea {
        resize: none;
    }
    h3 {
        margin-top: 0;
    }
    .logo {
        width: 120px;
        float: left;
    }
    a.logo:hover {
        text-decoration: none;
        border-bottom: none;
    }
    .logo > img {
        width: 120px;
        margin: 0 0 25px 0;
    }
    ul.menu a.active,
    ul.menu a:hover,
    ul.menu a:active {
        text-decoration: none;
        color: #004b88;
    }
    ul.menu a.active {
        font-weight: 700;
    }
    .btns {
        text-align: right;
        width: 100%;
    }
    .btns .btnsCont {
        width: 40%;
        margin: 0 0 0 auto;
    }
    .btns .btn {
        margin-left: 15px !important;
    }
    .btns .btn-block {
        display: inline-block;
        width: auto;
        margin: 0;
    }
    .btns .btn-default.btn-block {
        width: 30%;
    }
    .btns .btn-blue.btn-block {
        width: 60%;
    }
    a[data-toggle="tooltip"] {
        cursor: pointer;
        color: #00b0e2;
    }
    ul.login a {
        margin-left: 10px;
        text-transform: uppercase;
    }
    ul.login li span + a {
        margin-left: 40px;
    }
    ul.login a > i {
        margin-right: 5px;
    }
    ul.menu a {
        font-size: 1.1rem;
        color: #000;
        font-weight: 200;
    }
    ul.menu li .divider {
        display: inline-block;
        position: relative;
        bottom: -4px;
        height: 22px;
        font-weight: 200;
        border-right: 1px solid #000;
        width: 2px;
    }
    .list-unstyled > li {
        margin-bottom: 10px
    }
    .panel-default {
        border: 1px solid #ddd
    }
    .panel-default > .panel-heading {
        color: #000;
        background-color: #e7e8eb;
        border-color: #c2cddb;
    }
    .label-default {
        background-color: #e7e8eb;
        border-color: #e7e8eb;
        color: #555;
    }
    .btn-primary[disabled],
    .btn-primary[disabled]:hover {
        background-color: transparent;
        border-color: transparent;
    }
    .pagination .open>.dropdown-menu {
        min-width: 55px;
    }
    select.form-control {
        color: #0C0C0C;
    }
    select.form-control:hover {
        cursor: pointer;
    }
    select.form-control:focus {
        border: 1px solid #ddd;
        box-shadow: none;
    }
    select.form-control > option:hover {
        color: #fff;
        background-color: #000;
    }
    .status {
        text-align: right;
    }
    .pushable>.pusher:after {
        background: transparent;
    }
    ul.login li {
        font-size: 1rem;
    }
    ul.login li i {
        margin-right: 10px;
    }
    div.underline {
        display: inline-block;
        width: 100%;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    form .popover {
        width: 276px;
    }
    legend {
        color: #333;
        font-size: 1rem;
        text-transform: uppercase;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #ccc;
        font-weight: 700;
    }
    fieldset {
        margin-top: 30px;
    }
    .control-label,
    label {
        text-transform: uppercase;
        font-weight: 400;
    }
    label > small {
        color: #D82937;
    }
    .checkbox a.help {
        margin-left: 10px;
    }
    .relative legend + a.help {
        position: absolute;
        top: 0;
        right: 0;
    }
    a.help:hover,
    a.help:focus,
    a.help:active {
        text-decoration: none;
        border-bottom: none !important;
    }
    ul.menu {
        text-align: right;
    }
    ul.menu > li {
        display: inline-block;
        margin-left: 10px;
    }
    ul.login {
        text-align: right;
    }
    ul.login > li span {
        display: inline-block;
        margin-left: 10px;
    }
    .checkbox,
    .radio {
        margin-top: 0;
    }
    .border {
        margin-bottom: 20px;
    }
    .alert {
        font-weight: 700;
        font-size: 1.2rem;
    }
    .alert p {
        margin: 0;
    }
    .alert a {
        color: #fff;
        font-weight: 700;
    }
    .alert a:hover {
        border-bottom-color: #fff;
    }
    .alert .close,
    .alert .close:focus,
    .alert .close:hover {
        color: #fff;
        opacity: 1;
        position: relative;
        top: -5px;
        right: 5px;
        font-size: 2rem;
    }
    .alert-danger {
        background-color: #c20029;
        border-color: #c20029;
        color: #fff;
    }
    .alert-warning {
        background-color: #F27126;
        border-color: #F27126;
        color: #fff;
        top: 20%;
    }
    .alert-info {
        color: #fff;
        background-color: #009ee3;
        border-color: #009ee3;
        top: 40%;
    }
    .alert-success {
        color: #fff;
        background-color: #5F853B;
        border-color: #5F853B;
        top: 60%;
    }
    span.error,
    div.error {
        margin-bottom: 20px;
        border-bottom: 1px solid #c20029;
        color: #c20029;
    }
    span.error p,
    span.error a,
    div.error p,
    div.error a {
        color: #c20029;
    }
    span.error a:hover,
    div.error a:hover {
        border-bottom-color: #c20029;
    }
    .has-error .help-block,
    .has-error label {
        color: #c20029;
        font-weight: 700;
    }
    .has-error select.form-control {
        color: #c20029;
    }
    .dotted-border {
        width: 100%;
        height: 205px;
        border: 3px dotted #c2cddb;
        padding: 0;
        background: url(../../images/drag-n-drop-bgr.png) no-repeat center center;
        margin: 0;
    }
    .drag-drop {
        height: 140px;
    }
    .btn-file,
    .btn-file:hover,
    .btn-file:focus,
    .btn-file:active,
    .btn-file.active,
    .btn-file:active:hover,
    .btn-file:focus:hover {
        font-size: 0.8rem;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        outline: none;
        background: #FFF;
        cursor: inherit;
        display: block;
    }
    table.uploads .progressCont {
        width: 100%;
    }
    table.uploads .progress {
        height: 2px;
        width: 95%;
        margin: 0 0 15px 0;
    }
    table.uploads .progressCont span {
        color: #333;
        display: inline-block;
        position: absolute;
        left: 98%;
        top: -10px;
        font-size: 0.8rem;
    }
    table.uploads tbody tr.uploadProgress>td {
        border-top-color: transparent;
    }
    .table>thead>tr>th {
        text-transform: uppercase;
    }
    .table>tbody>tr>td {
        font-size: 0.8rem;
    }
    .table {
        margin: 0;
    }
    .help-text {
        font-size: 0.8rem;
        font-style: italic;
    }
    .checkbox label,
    .radio label {
        font-size: 1rem;
        text-transform: none;
    }
    .leftBorderContainer {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    .leftBorderContainer:last-of-type {
        border-bottom: none;
    }
    .leftBorderContainer h3 {
        padding: 10px 0 10px 20px;
        border-left: 5px solid #fff;
        margin: 0 0 20px 0;
    }
    .leftBorderContainer .colorErkolcsi {
        border-color: #F27126;
    }
    .leftBorderContainer .colorJarmu {
        border-color: #461E56;
    }
    .leftBorderContainer .colorEszemelyi {
        border-color: #5F853B;
    }
    .leftBorderContainer .colorRendelkezes {
        border-color: #1D5C8C;
    }
    .leftBorderContainer .colorSzalasado {
        border-color: #000;
    }
    .leftBorderContainer h3 a {
        margin-right: 5px;
        color: #000;
    }
    .leftBorderContainer h3 a:hover {
        border-bottom: none;
        color: #000;
    }
    .moreContent {}
    .nav-tabs li.r-tabs-tab a {
        border: none;
        font-weight: 400;
    }
    .nav-tabs {
        border-bottom: 1px solid #ccc;
    }
    .r-tabs .r-tabs-panel {}
    .r-tabs .r-tabs-panel p:last-child {
        margin-bottom: 0;
    }
    .nav-tabs li.r-tabs-state-active a,
    .nav-tabs a:hover {
        border-top: 4px solid #004b88 !important;
        background-color: #fff !important;
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
        border-bottom: 1px solid #fff !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
    }
    .r-tabs-accordion-title {}
    .r-tabs .r-tabs-panel {
        padding: 25px;
        border: 1px solid #ccc;
    }
    .r-tabs .r-tabs-tab a {
        font-size: 1rem;
    }
    .r-tabs .r-tabs-nav {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
        top: 1px;
    }
    .nav-tabs {
        border-bottom: none;
    }
    .kerelmekCont .underline h5 {
        text-transform: none;
        margin: 0 0 5px 0;
    }
    .kerelmekCont .innerCont {
        padding: 0 15px;
    }
    .kerelmekCont div.underline {
        margin-bottom: 10px;
        vertical-align: top;
    }
    .kerelmekCont .btn {
        font-size: 0.8rem;
    }
    .r-tabs-panel > .row > .col-lg-4:nth-child(3n) {
        margin-bottom: 40px;
    }
    body.Tabs .border {
        border: none;
    }
    body.Tabs #responsiveTabs {
        margin: 0 -30px;
    }
    body.Tabs p.desc {
        margin: 0 -30px 20px -30px;
    }
    body.Tabs p.desc:last-of-type {
        margin-bottom: 40px;
    }
    /*-----------------------
BACK TO TOP BUTTON
-------------------------*/
    
    .backtotop {
        text-decoration: none;
        color: #000;
        position: fixed;
        bottom: 10px;
        right: 10px;
        display: none;
    }
    /*-----------------------
MEDIA QUERIES
-------------------------*/
    
    @media (max-width: 767px) {
        html {
            font-size: 0.6em !important;
        }
        body {
            font-size: 0.6em !important;
        }
        .btns {
            text-align: center;
        }
        .navbar-brand>img {
            margin: -20px 0 0 -20px;
        }
        .navbar-toggle {
            background: transparent;
        }
        .status {
            text-align: center;
            margin-top: 10px;
        }
        .panelToggle {
            width: 20px;
            height: 40px;
            margin-top: 20px;
            position: relative;
            float: left;
        }
        .panelToggle .navbar-toggle {
            display: block;
            margin: 0 0 0 15px;
            padding: 0;
            background-color: transparent;
            float: none;
            border: none;
        }
        .panelToggle .navbar-toggle .icon-bar {
            border: 1px solid #000;
            width: 20px;
        }
        .logo {
            width: 60px;
            float: none;
        }
        .logo > img {
            width: 60px;
            margin: 10px auto;
        }
        body {
            margin: 0;
        }
        .sidebar .btn-block {
            width: 80%;
            margin: 0 auto 15px auto;
        }
        .mobileMenuFixed {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            height: 60px;
            z-index: 10;
            background: #fff;
        }
        .mobileMenu {
            width: 100%;
            padding: 15px;
            position: fixed;
            top: 50px;
            right: 0;
            bottom: 0;
            z-index: 10;
            border: 0;
            background-color: #fff;
            -webkit-transition: left 1s cubic-bezier(0, 0, 0.7, 0.04);
            -o-transition: left 1s cubic-bezier(0, 0, 0.7, 0.04);
            transition: left 1s cubic-bezier(0, 0, 0.7, 0.04);
            overflow-y: auto;
        }
        .mobileMenu.toggle {
            left: 0;
        }
        ul.menu {
            text-align: left;
            margin: 25px 0 0 0;
            text-transform: uppercase;
            border-color: transparent;
            padding: 0;
            position: relative;
        }
        ul.menu > li {
            display: block;
        }
        .mobileMenu.slideInDown {
            top: 50px;
        }
        ul.menu li .divider {
            display: none;
        }
        ul.menu a {
            font-size: 1rem;
        }
        ul.login {
            text-align: center;
            margin-top: 10px;
        }
        ul.login li {
            width: 80%;
        }
        ul.login a {
            margin: 0;
        }
        .mobileMenu .list-unstyled.menu >li {
            margin-bottom: 15px;
        }
        .panelToggle .x {
            display: none;
        }
        .panelToggle .x i {
            font-size: 1.8rem;
            opacity: 0.4;
            line-height: 0;
            margin: 7px 0 0 0;
            padding: 0;
        }
        ul.login a:last-child {
            margin-left: 0;
        }
        main {
            margin-top: 70px;
        }
        .border {
            padding: 0;
            border: none;
        }
        .statusList {
            width: 100%;
            text-align: left;
        }
        .checkbox label,
        .radio label {
            width: auto;
            max-width: 91%;
        }
        legend {
            margin-bottom: 10px;
        }
        fieldset {
            margin-top: 10px;
        }
        .scroll {
            white-space: nowrap;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            overflow: -moz-scrollbars-none;
        }
        .scroll::-webkit-scrollbar {
            display: none;
        }
        .scroll >ul {
            margin-bottom: 0;
        }
        .checkbox {
            margin-top: 0;
        }
        .form-control {
            padding: 4px;
        }
        .btns .btnsCont {
            width: 100%;
            margin: 0 auto 15px auto;
        }
        .btns .btn-default.btn-block {
            width: 39%;
        }
        .btns .btn-blue.btn-block {
            width: 60%;
        }
        ul.login > li:first-child span {
            display: block;
            margin-left: 0;
            margin: 5px 0 20px 0;
        }
        ul.login li span + a {
            margin-left: 0;
        }
        .btns .btn {
            margin-left: 0 !important;
        }
        .moreContent {
            display: none;
        }
        .leftBorderContainer h3 {
            margin: 0 0 10px 0;
        }
        .leftBorderContainer {
            border-bottom: none;
        }
        .head {
            line-height: 30px;
        }
        .border p,
        .border ol,
        .border ul {
            margin: 0 0 10px 0;
        }
        .border ol,
        .border ul {
            padding: 0 0 0 25px;
        }
        table.uploads .progress {
            width: 90%;
        }
        table.uploads .progressCont span {
            left: 95%;
        }
        fieldset {
            margin-top: 20px;
        }
        .contactIcon {
            position: absolute;
            right: 15px;
            top: 20px;
        }
        .contactIcon i {
            font-size: 2rem !important;
        }
        .r-tabs .r-tabs-accordion-title a {
            padding: 10px;
            border-bottom: 1px solid #ccc;
            display: block;
            width: 100%;
            font-size: 1rem;
        }
        .r-tabs {
            border-top: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-left: 1px solid #ccc;
        }
        .r-tabs-state-active {}
        .r-tabs-accordion-title.r-tabs-state-active a {
            background-color: #004b88;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
        }
        .leftBorderContainer h3 {
            padding: 5px 0 5px 10px;
        }
        .dotted-border {
            width: 100%;
            height: 135px;
            border: 2px dotted #c2cddb;
            background-size: cover;
        }
        .drag-drop {
            height: 85px;
        }
        input[type=checkbox],
        input[type=radio] {
            margin: 0;
        }
        .r-tabs .col-xs-12 {
            margin-bottom: 20px;
        }
        .kerelmekCont .btn {
            width: 49%;
            padding: 4px;
        }
        .r-tabs-panel > .row > .col-lg-4:nth-child(3n) {
            margin-bottom: 20px;
        }
        .r-tabs-panel > .row > .col-lg-4:last-child {
            margin-bottom: 0;
        }
        .r-tabs .r-tabs-panel {
            padding: 10px;
        }
        h1,
        h2,
        h3,
        h4,
        h5 {
            margin-bottom: 15px;
        }
        body.Tabs #responsiveTabs {
            margin: 0;
        }
        body.Tabs p.desc {
            margin: 0 0 20px 0;
        }
        body.Tabs p.desc:last-of-type {
            margin-bottom: 20px;
        }
        .alert>p,
        .alert>ul {
            width: 90%;
            text-align: left;
        }
        .alert p {
            margin: 0;
        }
    }
    @media(min-width:768px) and (max-width: 991px) {
        html {
            font-size: 0.8em !important;
        }
        body {
            font-size: 0.8em !important;
        }
        .logo {
            width: 100px;
        }
        .logo > img {
            width: 80px;
            margin: 0;
        }
        ul.menu a {
            font-size: 0.9rem;
        }
        ul.menu > li {
            margin-left: 5px;
        }
        ul.menu li .divider {
            height: 10px;
            bottom: -2px;
        }
        ul.login {
            margin-bottom: 0;
        }
        .btns .btnsCont {
            width: 55%;
        }
        .border {
            padding: 15px;
        }
        .statusList {
            width: 100%;
        }
        body.Tabs #responsiveTabs {
            margin: 0 -15px;
        }
        body.Tabs p.desc {
            margin: 0 -15px 20px -15px;
        }
        body.Tabs p.desc:last-of-type {
            margin-bottom: 40px;
        }
    }
    @media(min-width:992px) and (max-width: 1199px) {
        html {
            font-size: 0.8em !important;
        }
        body {
            font-size: 0.8em !important;
        }
        ul.menu li .divider {
            height: 15px;
        }
        .logo > img {
            width: 105px;
        }
    }
    @media(min-width:1200px) {}
    /*-----------------------
HELPER CLASSES
-------------------------*/
    
    .relative {
        position: relative;
    }