body {
    padding-top: 0px;
}
.starter-template {
    padding: 40px 15px;
    text-align: center;
}
.navbar {
    border-radius: 0px;
    padding:0px;
    margin:0px;
    margin-bottom: 50px;
    height:70px;
    font-weight: normal;
    background-color: #FFF;
    border-bottom:1px solid lightgrey;
}
.navbar-brand{
    padding:0px;
    padding-left:10px;
}
.navbar-inverse .navbar-collapse{
    border:0px;
    box-shadow: none;
}
.navbar-nav > li > a{
    color: #6b7a88;
    font-weight: normal;
}
.navbar-inverse .navbar-nav > li > a{
     background-color: #FFF;
     padding:20px;
     color:#000;
 }

@media (max-width: 768px) {
    .navbar-inverse .navbar-nav > li > a{
        background-color: #e79302;
        color:#FFF;
    }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
        color: #FFF;
        /*background-color: #f1c40f;*/
    }
}
.show > .dropdown-toggle.navbar-inverse .navbar-form .btn, .navbar-inverse .navbar-form .btn:not(:disabled):not(.disabled):active, .navbar-inverse .navbar-form .btn:not(:disabled):not(.disabled).active{
    background:#e79302;
    border-color: #e79302;
}
.navbar-inverse .navbar-form .input-group-btn .btn{
    background:#e79302;
    border-color: #e79302;
}
.navbar-inverse .navbar-nav > .show > a, .navbar-inverse .navbar-nav > .show > a:hover, .navbar-inverse .navbar-nav > .show > a:focus{
    color: #e79302;
    /*background-color: #FFF;*/
    background-color: #ebebeb;
    border:0px;
    box-shadow: none;
    font-weight: bold;
}
.navbar-inverse .navbar-nav > li > a:hover{
    font-weight: bold;
}
.navbar-inverse .navbar-nav > .show > .dropdown-menu, .navbar-inverse .navbar-nav > .show > .select2-drop{
    top:48px;
}
.navbar-inverse {
    /*background-color: #FFF;*/
    /*border-bottom:1px solid #6b7a88;*/
}
.navbar-toggler{
    background-color: #e79302;
}
.login-form{
    width:80%;
    margin:0px auto;
    padding:50px;
}
.navbar-inverse .navbar-form .form-control, .navbar-inverse .navbar-form .select2-search input[type="text"], .select2-search .navbar-inverse .navbar-form input[type="text"]{
    background-color:#FFF;
    color:#6b7a88;
}

div.alert-error {
    color:#e74c3c;
    padding:5px;
    font-size:small;
}

.navbar-nav > li > .dropdown-menu, .navbar-nav > li > .select2-drop{
    border-radius: 0px;
    border-bottom:1px solid gray;
}
.navbar-inverse .navbar-nav > li > a{
    /*border-bottom:1px solid #fef9e5;*/


}
/*.navbar-inverse .navbar-nav > .show > .dropdown-menu, .navbar-inverse .navbar-nav > .show > .select2-drop{*/
/*    background-color: #6b7a88;*/
/*}*/
.navbar-inverse .navbar-nav > .show > .dropdown-menu > li > a, .navbar-inverse .navbar-nav > .show > .select2-drop > li > a{

    border-radius: 0px;
}
.form-group.focus .form-control, .form-group.focus .select2-search input[type="text"], .select2-search .form-group.focus input[type="text"], .form-control:focus, .select2-search input[type="text"]:focus {
    /*border-color: #e79302;*/
    border: 1px solid #E79302;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.alert-success{
    font-size:1.2rem;
    font-weight: 300;
    line-height: 3em;
}
/*
 * sticky footer
 */

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
    text-align: center;
    padding-top:20px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
    max-width: 96%;
    padding: 0 15px;
    margin:50px auto;
}
.container .text-muted {
    margin: 20px 0;
}
.siginin {
    margin: 0px auto;
    max-width: 680px;
}
#member  {
    margin-left:15px;
    font-size:0.9em;
    color: #6b7a88;
    padding: 5px;
    margin-top:80px;
}

.green1 {
    font-size:1em;
    font-weight: normal;
    color: #FFF;
    padding: 10px;
    border: 1px solid yellowgreen;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: yellowgreen;
    margin:0px;
}
.green1_line1 {
    border-left: 1px solid yellowgreen;
    border-right: 1px solid yellowgreen;
    border-bottom: 1px solid yellowgreen;
    /*margin-left: 15px;*/
    padding:5px 0px;
    padding-left:10px;
    background-color: #fef9e5;
    font-size:0.9em;
}
.green1_line2 {
    border-right: 1px solid yellowgreen;
    border-bottom: 1px solid yellowgreen;
    /*margin-right: 15px;*/
    padding:5px 0px;
    padding-left:10px;
}


.green2 {
    font-size:1em;
    font-weight: normal;
    color: #FFF;
    padding: 10px;
    border: 1px solid green;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: green;
    margin:0px;
}
.green2_line1 {
    border-left: 1px solid green;
    border-right: 1px solid green;
    border-bottom: 1px solid green;
    /*margin-left: 15px;*/
    padding:5px 0px;
    padding-left:10px;
    background-color: #fef9e5;
    font-size:0.9em;
}
.green2_line2 {
    border-right: 1px solid green;
    border-bottom: 1px solid green;
    /*margin-right: 15px;*/
    padding:5px 0px;
    padding-left:10px;
}
@media (max-width: 1240px) {
    .navbar-inverse .navbar-nav > li > a{
        font-size:13px;
        padding:10px;
    }
}
@media (max-width: 768px) {
    .green2_line1 {
        border-bottom:0px solid green;
    }
    .green2_line2 {
        border-left: 1px solid green;
    }
    .form-control, .select2-search input[type="text"]{
        font-size:13px;
    }
}
.orange {
     font-size:1em;
     font-weight: normal;
     color: #FFF;
     padding: 10px;
     border: 1px solid #e79302;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     background-color: #e79302;
     margin:0px;
 }
.orange_line1 {
    border-left: 1px solid #e79302;
    border-right: 1px solid #e79302;
    border-bottom: 1px solid #e79302;
    /*margin-left: 15px;*/
    padding:5px 0px;
    padding-left:10px;
    background-color: #fef9e5;
    font-size:0.9em;
}
.orange_line2 {
    border-right: 1px solid #e79302;
    border-bottom: 1px solid #e79302;
    /*margin-right: 15px;*/
    padding:5px 0px;
    padding-left:10px;
}
@media (max-width: 768px) {
    .orange_line1 {
        border-bottom:0px solid #e79302;
    }
    .orange_line2 {
        border-left: 1px solid #e79302;
    }
}
.yellow {
    font-size:1em;
    font-weight: normal;
    color: #FFF;
    padding: 10px;
    border: 1px solid #f1c40f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #f1c40f;
    margin:0px;
}
.yellow_line1 {
    border-left: 1px solid #f1c40f;
    border-right: 1px solid #f1c40f;
    border-bottom: 1px solid #f1c40f;
    /*margin-left: 15px;*/
    padding:5px 0px;
    padding-left:10px;
    background-color: #fef9e5;
    font-size:0.9em;
}
.yellow_line2 {
    border-right: 1px solid #f1c40f;
    border-bottom: 1px solid #f1c40f;
    /*margin-right: 15px;*/
    padding:5px 0px;
    padding-left:10px;
}
a.btn-detail {
    color: #FFF;
    text-decoration: underline;
    float:right;
}
a:hover.btn-detail {
    color: #f1c40f;
}

h2 {
    font-size:1.2em;
    padding:5px 0px;
    margin:0px;
    margin-top:20px;
    border-bottom:1px solid #e79302;
}
.form-col {
    font-weight: bold;
    color: #e79302;
    margin-top:5px;
    margin-left:0px;
    padding-left:0px;
    font-size:1em;
}
#page_top{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 25px;
    bottom: 30px;
    background: rgba(255, 163, 25, 0.5);
    border-radius: 50%;
}
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-size:1.4em;
    border-radius: 50%;
}
#page_top a:hover{
    background: rgba(255, 163, 25, 0.9);
    border-radius: 50%;
}
a.edit_btn  {
    color:#FFF;
    font-size:1.2rem;
}
a:hover.edit_btn  {
    color: #e79302;
}
.text-orange {
    color: #e79302;
}
.bg-orange {
    background-color: #e79302;
}