﻿.header.is-active {
    margin-top: 0px;
}

.navbar {
    background-color: #5aa572;
    margin-top: 60px;
    position: fixed;
    padding: 0;
    justify-content: unset;
}


.small, small {
  font-size:15px;
}


.navbar .navbar-brand {   
    font-size: 20px;   
}


.navbar-fixed-top + .main-container {
    padding-top: 110px;
}

.nav {
    display: unset;
}

    .nav-list {
        text-align-last: justify;
    }

        .nav-list > li > a > .menu-icon {          
            margin-right: -12px;           
        }


.no-skin .navbar .navbar-toggle {
    background-color: #3c8553;
}
.no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
    background-color: #5aa572;
   
}
.badge {
    border-radius: 10px;
    font-size: 16px;
}


.badge-danger, .badge-important, .badge.badge-danger, .badge.badge-important, .label-danger, .label-important, .label.label-danger, .label.label-important {
    background-color: #585858;
}

h3{
    font-size:20px;
}

h5 {
    font-size: 18px;
    line-height: 1.5;
}

.fa-lightbulb-o {
   color:#db9a3d !important;
}

small {
    color: #6c7385;
}

.fa-leaf {
    color: #306f47;
}

.content {  
    margin: auto;
}


.accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
    background-color: #e1ede3;
 }

    .accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed:hover {
        background-color: #e1ede3;
        color: #243b49;
        text-decoration: none;
    }
    
.accordion-style1.panel-group .panel-heading .accordion-toggle {    
    line-height: 3;   
}
    .accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
        color: #555;
        background-color: #e1ede3;
    }

.accordion-style2.panel-group .panel-heading .accordion-toggle {
    background-color: #e1ede3;
    border: 2px solid #e1ede3;
}
.accordion-style1.panel-group .panel-heading .accordion-toggle {
    color: #555;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.panel-default > .panel-heading {
    background-color: #e1ede3;
}

.tabbable{
    min-height:80px;
}

.faq a {
    color: #007bff;
}


.faqMark {
    color: #5aa572;
    font-size: large;
    font-weight: bolder;
}

.dropdown-menu-right {
    right: 0;
    left: 0;
}

.dropdown-menu > li > a {
    font-size: 16px;
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 4px;
    margin-bottom: 1px;
    margin-top: 1px;
    text-align: center;
}

.app-menu .dropdown-toggle {
    background-color: #edf4eb !important;
    border-color: #a7c9a1;
    color: #6ea465 !important;
    font-size: 17px;
}
.app-menu .dropdown-menu-right > li {
    border-bottom: 1px dashed #ddd;
}
.app-menu .dropdown-menu-right > li > div {
    /*text-align-last: justify;
    padding: 10px 85px;*/
}
.dropdown-success > li.active:hover > a, .dropdown-success > li.active > a, .dropdown-success > li:hover > a, .dropdown-success > li > a:active, .dropdown-success > li > a:focus {
    background: #ffffff;
    color: #6ea47b;
}
/*.faqIcon {
    padding-top: 32px;
}*/


.table.table-bordered > thead > tr > th {
    background-color: #5aa572;
    color: white;
}
tr:nth-child(even) {
    background-color: #ddd;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #5aa572;
}
.table.table-bordered > thead > tr > th:first-child {
    border-left-color: #5aa572;    
}
.table.table-bordered > thead > tr > th:last-child {
    border-right-color: #5aa572;
}

.table-bordered > tbody > tr > td, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > td, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > thead > tr > th {
    border: 1px solid #c3c3c3;
}
.tb {  
    text-align: center;
    margin: auto;
}

@media (min-width: 991px) {
    .form-horizontal .control-label {
        padding-top: 0px;
    }   
    .content {
        width: 80%;       
    }
    #editImg{
        width:3%;
    }
    .panel-body {
        line-height: 3.5;
    }
    .app-menu{
        display:none;
    }
    .desktop-caption {
        display: unset;
    }

    .tb {
        width:80%
    }
    .info {
        padding-left: 37px;
    }

}


@media (max-width: 990px) {
   
    .form-group > label[class*=col-] {
        margin-bottom: 11px;
    }
    .main-content {
        padding-top: 90px;       
    }

    .content {
        width: 100%;
    }
    .tab-content.no-border.padding-24 {
        padding: 12px;
    }
    .tab-content.no-border.padding-24 {
        padding: 12px;
    }
    
    .accordion-style1.panel-group .panel-heading .accordion-toggle {
        line-height: 2;
    }
    #editImg {
        width: 10%;
    }
    .panel-body {
        line-height: 2.5;
    }

    .navbar-container {
        margin: auto;      
    }
    .navbar {
        background-color: #fff;    
        padding:10px 0px;
    }

    .btn {
        /*padding: 12px 115px;*/        
    }
    .dropdown-menu > li > a {     
        padding: 10px 11px;      
    }
    .desktop-caption{
        display:none;
    }
  
}

@media (min-width:768px) {

    .form-horizontal .control-label {
        padding-top: 3px;
    }
    .btn {
        /*padding: 12px 26vh;*/
    }    
}



@media (min-width:360px ) and (max-width:767px) {

    /*.btn {
        padding: 12px 13vh;
    }*/

    .btn {
        width: 100%;
    }

    .navbar-container {
        width: 100%;
        margin: auto;
    }

    .btn-group, .btn-group-vertical {
        display: inline-grid;
    }
    .th{
        width:25%;
    }
  
}
