html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(255, 106, 0);
}

hr {
    border-color: rgb(255, 106, 0) !important;
}

@media (max-width: 767px) {
    h1 {
        font-size: x-large;
    }

    h3 {
        font-size: large;
    }

    #app_image {
        padding-left: 15px;
        width: 100px;
    }

    #app_title {
        font-size: large;
        font-weight: 700;
    }
}


@media (min-width: 768px) {
    #app_language {
        padding-left: 20px;
    }

    #app_title {
        font-size: large;
        font-weight: 700;
    }

    .kh-table-bordered {
        width: auto;
    }
}

@media (min-width: 960px) {
    #app_language {
        padding-left: 80px;
    }

    #app_title {
        font-size: large;
        font-weight: 700;
    }
}


@media (min-width: 1200px) {

    #app_language {
        padding-left: 120px;
    }

    #app_title {
        font-size: x-large;
    }
}

@media (min-width: 1440px) {

    #app_language {
        padding-left: 120px;
    }

    #app_title {
        font-size: x-large;
        font-weight: 700;
    }
}

@media only screen and (min-width: 2000px) {
    #app_language {
        padding-left: 120px;
    }

    #app_title {
        font-size: xx-large;
    }
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #d34615;
}


td.language {
    width: 35px;
}
td.content {
    vertical-align:middle;
}

.accordion-button:not(.collapsed) {
    color: rgb(255, 106, 0);
    font-weight:bold;
    background-color: #f1f3f4;
}

.accordion-button:focus {
    box-shadow:none!important;
}


.btn-primary, .btn-primary:active, .btn-primary:visited {
    color: rgb(255, 106, 0);
    background-color: white;
    border-color: rgb(255, 106, 0);
}

    .btn-primary:hover {
        color: white;
        background-color: rgb(255, 106, 0);
        border-color: rgb(255, 106, 0);
    }