﻿
@charset "utf-8";
    *, *:  before, *:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active, .btn:active, input[type=submit].active, input[type=reset].active, input[type=button].active, button.active, .btn.active
{
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.0) !important;
}


input[type=submit], input[type=reset], input[type=button], button, .btn{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
   /* border: 1px solid #a5a5a5;*/
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.btn-group-lg>.btn,.btn-lg,.btn-group-lg>.btn{padding: 0px 0px; !important}



.btn i {
  margin-left: 0px !important;
}


#sidebar-wrapper {
    z-index: 1100;
    position: fixed;
    right: 0;
    width: 230px;
   	top:73px;
    /*height: 100%;*/
    margin-right: -243px;
    /*overflow-y: auto;*/
    overflow-y: unset;
    background: #0B2B66;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.sidebar-nav {
   /* position: absolute;*/
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    position: relative;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    font-size: 110%;
    font-weight: 800;
    outline: none;
}
.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #539BCB;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
.sidebar-nav li:first-child a {
    color: #fff;
    background-color:#1A3A75;
    border: 1px solid #ffffff00 !important;
   }
.sidebar-nav li:nth-child(3):before {
 background-color:#539BCB;
      }
.sidebar-nav li:nth-child(4):before {
 background-color:#539BCB;
   }
.sidebar-nav li:nth-child(5):before {
 background-color:#539BCB;
   }
.sidebar-nav li:nth-child(6):before {
 background-color:#539BCB;
   }
.sidebar-nav li:nth-child(7):before {
 background-color:#539BCB;
   }
.sidebar-nav li:nth-child(8):before {
 background-color:#539BCB;
   }
.sidebar-nav li:nth-child(9):before {
 background-color:#539BCB;
   }
.sidebar-nav li:nth-child(10):before {
 background-color:#539BCB;   
}
.sidebar-nav li:hover:before, .sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
.sidebar-nav li a {
    display: block!important;
    color: white!important;
    text-decoration: none!important;
    padding: 5px 15px 5px 22px!important;
    font-family: 'Open Sans' !important;
    font-size:16px !important;
    font-style:normal !important;
}
.sidebar-nav li a:hover {
   padding:10px 15px 10px 40px
}

.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
    height: 50px;
    font-size: 16px;
    font-family:'open sans';
    color:#1A3A75 !important;
    background-color:#1A3A75;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}
#menu-toggle {
    z-index: 1000;
    position: fixed;
    top: 0;
    top:83px;
    right:10px !important;
    border: 1px solid #a5a5a5 !important;
}
#sidebar-wrapper.active {
    right: 259px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.toggle {
    margin: 5px 5px 0 5px;
}
#to-top {
    position: fixed;
    right: 1.5%;
    bottom: .5%;
    z-index: 799;
}
.panel {
    border-radius: 0;
    margin-top: 0;
}

.border-bottom-li li
{
border-bottom: 1px solid rgba(255,255,255, 0.1);
}
.H4-Margin
{
	margin-left:25px !important;
	color:#1A3A75 !important;
	
}
.btn-danger
{
	border:none;
	margin-top:13px !important;

}
burger-menu-main-div
{
	float:right !important;
}


@media screen and (max-width: 992px) 
{
#menu-toggle
{
	display:none !important;
}
}
.burgermenu-icon
{
color: #00843D !important;
border: 10px solid white !important;
background: white !important;
}	
}

