/*
 * metismenu - v2.5.2
 * A jQuery menu plugin
 * https://github.com/onokumus/metisMenu#readme
 *
 * Made by Osman Nuri Okumuş <onokumus@gmail.com> (https://github.com/onokumus)
 * Under MIT License
 */

.offcanvas-toggle {
    /*background: #f8f8f8;*/
    border: 0px;
    _margin-right: 0px !important;
}

.offcanvas-toggle .icon-bar {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 4px);
    -ms-transform: rotate(45deg) translate(5px, 4px);
    transform: rotate(45deg) translate(5px, 4px);
}

.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
    opacity: 0;
}

.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    -ms-transform: rotate(-45deg) translate(4px, -4px);
    transform: rotate(-45deg) translate(4px, -4px);
}

/* Sub Menu  */

@media (max-width: 992px) {
.navbar-offcanvas-submenu { background-color: #fff !important; z-index: 9999 !important; padding: 0px;}
#offcanvas-subtoggle { margin-right: 0px; margin-top: 0px !important; margin-top: 0px; z-index: 99; position:relative}
.navbar-subtoggle a { background: #004080 !important; display: block; width: 100%;  text-align: center;  color: #fff !important;   border-radius: 0px; text-decoration: none;  cursor: pointer; padding:10px;}
.navbar-subtoggle span { float: left;  margin-left: 0px; }
.navbar-subtoggle .fa { float: none; margin-right: 0px;  margin-top: 0px; }
}


@media (min-width: 992px){
.navbar-toggle {
    display: none;
    }
}

.panel {
    margin-bottom: 20px;
    padding-bottom:10px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 0px;
}

.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:"\e079"}
.metismenu .active>a>.glyphicon.arrow:before{content:"\e114"}.metismenu .fa.arrow:before{content:"\f104"}.metismenu .active>a>.fa.arrow:before{content:"\f107"}.metismenu .ion.arrow:before{content:"\f3d2"}.metismenu .active>a>.ion.arrow:before{content:"\f3d0"}
.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:"\f067"}.metismenu .active>a>.fa.plus-times:before{content:"\f068"}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:"\f067"}.metismenu .active>a>.fa.plus-minus:before{content:"\f068"}
.metismenu .collapse{display:none}.metismenu .collapse.in{display:block}.metismenu .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}


.cat-menu ul.catmenu { padding:0; margin:0px 8px 8px; color:#7a7a7a; }
.cat-menu ul.catmenu li { padding:7px 0px; margin:0; list-style:none; border-bottom:1px solid #ddd;}
.cat-menu ul.catmenu ul { padding:3px 0px; margin:0 0 0 10px;}

.cat-menu  a {  color:#7a7a7a; text-decoration:none; display:block; }
.cat-menu .active>a  {  color:#004080;   }

.cat-menu ul.catmenu li .fa {font-size:9px; border:1px solid #004080; padding:2px 3px; margin-right:2px; color:#004080}


.cat-menu ul.catmenu ul li { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; border-bottom:1px solid #eee; width:100%;}
.cat-menu ul.catmenu ul li:last-child {border:0px; padding-bottom:0px}


/*------  Accordian  --------*/

.panel h2 {font-weight:bold; font-size:20px !important; padding:10px 15px 0px; color:var(--primary-green)}
.panel_trigger      {overflow:hidden; display:block; color:#000; text-transform:none; font-weight:bold;}
.panel_trigger > a    {   background:#fff; color:#000;  text-decoration: none; display: block; position: relative;   outline:none; padding: 5px 40px 0px 5px; -webkit-transition:  color 0.2s ease-in-out; -moz-transition:  color 0.2s ease-in-out; -o-transition:  color 0.2s ease-in-out; -ms-transition:  color 0.2s ease-in-out; transition:  color 0.2s ease-in-out; padding:10px 15px 0px;}
.panel_trigger > a:hover        {color:#004080; background:#fff; padding:10px 15px 0px;}
.panel_trigger.active > a, .panel_trigger:focus > a        {color:#000;  background:#fff; padding:10px 15px 0px; }

.panel_trigger.active > a:after { content:"\f068"; font-family:FontAwesome;  }
.panel_trigger > a:after{ content:"\f067"; font-family:FontAwesome; float:right; font-size:14px;}

.panel_content          {background:#fff; padding:5px;}