.no-margin{
	margin:0px;
}

.margin-5{
	margin:5px;
}

.margin-10{
	margin:10px;
}

.margin-15{
	margin:15px;
}

.margin-20{
	margin:20px;
}

.margin-25{
	margin:25px;
}

.margin-30{
	margin:30px;
}

.margin-35{
	margin:35px;
}

.margin-40{
	margin:40px;
}

.margin-45{
	margin:45px;
}

.margin-50{
	margin:50px;
}

.no-margin-top{
	margin-top:0px;
}

.margin-top-5{
	margin-top:5px;
}

.margin-top-10{
	margin-top:10px;
}

.margin-top-15{
	margin-top:15px;
}

.margin-top-20{
	margin-top:20px;
}

.margin-top-25{
	margin-top:25px;
}

.margin-top-30{
	margin-top:30px;
}

.margin-top-35{
	margin-top:35px;
}

.margin-top-40{
	margin-top:40px;
}

.margin-top-45{
	margin-top:45px;
}

.margin-top-50{
	margin-top:50px;
}

.no-margin-bottom{
	margin-bottom:0px;
}

.margin-bottom-5{
	margin-bottom:5px;
}

.margin-bottom-10{
	margin-bottom:10px;
}

.margin-bottom-15{
	margin-bottom:15px;
}

.margin-bottom-20{
	margin-bottom:20px;
}

.margin-bottom-25{
	margin-bottom:25px;
}

.margin-bottom-30{
	margin-bottom:30px;
}

.margin-bottom-35{
	margin-bottom:35px;
}

.margin-bottom-40{
	margin-bottom:40px;
}

.margin-bottom-45{
	margin-bottom:45px;
}

.margin-bottom-50{
	margin-bottom:50px;
}

.no-margin-left{
	margin-left:0px;
}

.margin-left-5{
	margin-left:5px;
}

.margin-left-10{
	margin-left:10px;
}

.margin-left-15{
	margin-left:15px;
}

.margin-left-20{
	margin-left:20px;
}

.margin-left-25{
	margin-left:25px;
}

.margin-left-30{
	margin-left:30px;
}

.margin-left-35{
	margin-left:35px;
}

.margin-left-40{
	margin-left:40px;
}

.margin-left-45{
	margin-left:45px;
}

.margin-left-50{
	margin-left:50px;
}

.no-margin-right{
	margin-right:0px;
}

.margin-right-5{
	margin-right:5px;
}

.margin-right-10{
	margin-right:10px;
}

.margin-right-15{
	margin-right:15px;
}

.margin-right-20{
	margin-right:20px;
}

.margin-right-25{
	margin-right:25px;
}

.margin-right-30{
	margin-right:30px;
}

.margin-right-35{
	margin-right:35px;
}

.margin-right-40{
	margin-right:40px;
}

.margin-right-45{
	margin-right:45px;
}

.margin-right-50{
	margin-right:50px;
}

.padding-left-15{
	padding-left: 15px;
}

.padding-right-15{
	padding-right: 15px;
}

.bold{
	font-weight: 600 !important;
}

.v-centered {
  position: relative;
  transform: translate(0px, -50%);
  top: 50%;
}

.text-univera-primary{
	color: #56ba4c;
}

a.text-univera-primary:hover{
	color: #606060;
	text-decoration: none;
}

.bg-univera-primary{
	background: #56ba4c;
}

.btn-success .bg-univera-primary{
	background: #56ba4c;
}

.pagination.pagination-univera > li.active > a, .pagination > li.active > a:hover {
    background-color: #56ba4c;
    border-color: #56ba4c;
}


/***Navigation Styles***/
.navbar .navbar-inner.nav-univera{
    background: #fff;
	color: #424242;
}

.navbar .navbar-inner.nav-univera .sidebar-collapse .collapse-icon {
    color: #414141;
}

.navbar .navbar-inner.nav-univera .navbar-header .navbar-account .account-area .login-area section h2 span{
	color: #414141 !important;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open .login-area section h2 span{
	color: #fff !important;
}


/*** filters in well ***/

.filters-area{
	margin-left: -19px; 
	margin-right: -19px; 
	margin-top:-12px;
}

.nav-tabs.univera-defaulttabs{
	background-color: #56ba4c;
}

.nav-tabs.univera-defaulttabs > li > a {
	color: #fff;
}

.nav-tabs.univera-defaulttabs > li.active > a {
    border-color: #56ba4c !important;
    color: #56ba4c !important;
}

.custbg-lightyellow{
	background: #fff9ee;
}

extarea, input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	 background-color: #fff !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #d9d9d9 !important;
    border-color: #d1d1d1;
    color: #414141;
}

.breadcrumb > li + li::before {
    color: #fff !important;
}

.font-15{
	font-size: 15px;
}




/**** Navigation *****/


/*****ens-default********/
.page-sidebar.univera-default::before {
    content: "";
    position: fixed;
    display: block;
    bottom: 0;
    top: 40px;
    left: 5px;
    background-color: #fff !important;
    border-right:1px solid #e5e5e5 !important;
    /* -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2); */
    box-shadow: none;
    z-index: 1;
}
/*.page-sidebar.univera-default{
    z-index:10001;
}
*/
.page-sidebar .sidebar-menu.univera-defaultsidebar > li > a {
    border-top: none !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar > li:last-child > a {
    border-bottom:none !important;
}
.page-sidebar .sidebar-menu.univera-defaultsidebar a {
    display: block;
    height: 40px;
    line-height: 36px;
    margin: 0;
    padding: 0 16px 0 7px;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    font-size: 13px;
    text-decoration: none;
    z-index: 123;
    color: #666 !important;
    background: transparent !important;
}

/* .page-sidebar .sidebar-menu.ens-defaultsidebar a i.menu-icon {
    color: #4374e0;
} */

.page-sidebar .sidebar-menu.univera-defaultsidebar li> .submenu {
    display: none !important;
    position: absolute;
    top: 0px !important;
    left: 220px !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li.open > .submenu {
    display: block !important;
    position: absolute;
    top: 0px !important;
    left: 220px !important;
    background: #fff !important;
    color: #4374e0 !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding:10px 5px 10px 0px;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li.open > a{
    color:  rgba(102, 102, 102, 0.8) !important;
    background: #ebe9e9 !important;
    transition: 0.3s;
}

.page-sidebar.menu-compact .sidebar-menu.univera-defaultsidebar li > .submenu {
    position: absolute;
    display: none;
    top: 0px !important;
    left: 42px !important;
    background: #fff !important;
    color: #56ba4c !important;
    padding:10px 5px 10px 0px;
}

.page-sidebar.menu-compact .sidebar-menu.univera-defaultsidebar > li > .submenu {
    width: auto !important;
    padding-top: 45px;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar > li > .submenu li.submenu-list{
    display: table-cell;    
    border-left:1px solid #e5e5e5;
    min-width: 230px;
    padding-right:10px;
}


.page-sidebar .sidebar-menu.univera-defaultsidebar > li > .submenu li.submenu-list ul{
   margin-left: -25px;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar > li > .submenu li.submenu-list li > a {
    background: #fff !important;
    color: #737373 !important;
    display: table;
    width: 100%;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar .submenu > li.submenu-list li > a {
    padding: 5px 10px!important;
    height:auto !important;
    line-height: 20px;
}


.page-sidebar .sidebar-menu.univera-defaultsidebar .submenu > li.submenu-list li > a:hover {
    background-color: #ccdcff !important;
    color: rgba(67, 116, 224, 0.8) !important;
    border-left: none;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar .submenu > li.submenu-list ul li a.active{
    background: #56ba4c !important;
    color:#fff !important;
}

/* .page-sidebar .sidebar-menu.ens-primarysidebar .submenu > li.submenu-list > li.active > a:before {
    background-color: #e2e2e2 !important;
} */

.page-sidebar .sidebar-menu.univera-defaultsidebar > li > .submenu > li.submenu-list li > a:before {
    content: "\f105" !important;
    display:table-cell !important;
    font-family: 'fontAwesome';
    padding-right:10px;
    width: 20px;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li > .submenu > li.submenu-list li::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: none !important;
}

.page-sidebar.menu-compact .sidebar-menu.univera-defaultsidebar>li>.submenu li:hover { 
    background-color: none; 
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li:hover:before { 
    display: none; 
    left: 0
 }

/*****submenu ends*****/

.page-sidebar .sidebar-menu.univera-defaultsidebar > li > .submenu li a {
    background: #fff !important;
    color: #737373 !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar > li > .submenu::before {
    border-left: none;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar .submenu > li > a {
    padding-left: 20px !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar .submenu > li > a:hover {
    background-color: #ebe9e9 !important;
    color: #000 !important;
    border-left: none;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar .submenu > li.active > a:before {
    background-color: #e2e2e2 !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar > li > .submenu > li > a::before {
    content: "";
    display:none !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li > .submenu > li::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: none !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar a:hover {
    color:  rgba(0, 0, 0, 0.8) !important;
    background: #f5f5f5 !important;
    transition: 0.5s;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li.logo-area{
    background: #fff !important;
}


.page-sidebar .sidebar-menu.univera-defaultsidebar li.logo-area a:hover{
    background: #fff !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li.logo-area:hover::before{
    background: #fff !important;
}

.page-sidebar.menu-compact .sidebar-menu.univera-defaultsidebar li.logo-area{
    display: none;
}

.page-sidebar.menu-compact.univera-default{
    margin-top:0px !important; 
    z-index: 100;
}


/* .page-sidebar .sidebar-menu.ens-primarysidebar a:hover:before {
    background-color: #638eec !important;
} */

.page-sidebar .sidebar-menu.univera-defaultsidebar a .menu-expand {
    color: #666 !important;   
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li.active a .menu-expand, .page-sidebar .sidebar-menu.ens-defaultsidebar li.active.open > a .menu-expand {
	color: #fff !important;
}  

.page-sidebar .sidebar-menu.univera-defaultsidebar li.open > a .menu-expand {
	color: rgba(102, 102, 102, 0.8) !important;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #56ba4c !important; /***#f4b400***/
}


.page-sidebar .sidebar-menu.univera-defaultsidebar li.active > a {
    display: block;
    content: "";
    color: #fff !important;
    background-color: #56ba4c !important; /***#f4b400***/
    border-top-right-radius:20px;
    border-bottom-right-radius: 20px;
    margin-right: 10px;
}

.page-sidebar.menu-compact .sidebar-menu.univera-defaultsidebar li.active > a {
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    margin-right: 0px;
}

.page-sidebar .sidebar-menu.univera-defaultsidebar li.active > a::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0;
    height: 0;
    /* border-top: 19px solid transparent;
    border-left: 10px solid #5387f9;
    border-bottom: 19px solid transparent; */
}









/******* Navbar primary*******/

.navbar .navbar-inner.uninavbar-primaryheader {
    background: #56ba4c;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header{
    background: #fff;
    padding-left: 10px;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-brand {
    color: #56ba4c;
    font-size: 24px;
    -webkit-text-shadow: none;
    text-shadow: none;
    padding: 2px 0 2px 0;
    font-weight: 200;
    height: 45px;
    width:220px;
}


/* .navbar .navbar-inner.ensnavbar-header .sidebar-collapse {
    text-align: center;
    padding: 0;
    position: absolute;
    left: 225px;
    top: 0;
    z-index: 2;
    width: 45px;
    height: 45px;
    background: #4374e0;

} */

.navbar .navbar-inner.uninavbar-primaryheader .sidebar-collapse {
    text-align: center;
    padding: 0;
    position: absolute;
    left: 223px;
    top: 0;
    z-index: 2;
    width: 45px;
    height: 45px;
    background: #56ba4c;

}

.navbar .sidebar-collapse .collapse-icon {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    padding: 11px 5px;
    line-height: 22px;
    position: relative;
    -webkit-transition: background-color .218s ease;
    -moz-transition: background-color .218s ease;
    -o-transition: background-color .218s ease;
    transition: background-color .218s ease;
    -webkit-transition: -webkit-box-shadow .218s ease;
    -moz-transition: -moz-box-shadow .218s ease;
    -o-transition: box-shadow .218s ease;
    transition: box-shadow .218s ease;
    -webkit-transition: color .318s ease;
    -moz-transition: color .318s ease;
    -o-transition: color .318s ease;
    transition: color .318s ease;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .account-area > li > a .icon {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    -webkit-transition: line-height .3s ease;
    -moz-transition: line-height .3s ease;
    -o-transition: line-height .3s ease;
    transition: line-height .3s ease;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .account-area > li > a .badge {
    position: absolute;
    top: 6px;
    left: 4px;
    padding: 2px;
    cursor: pointer;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    width: 18px;
    height: 18px;
    color: #fff;
    box-shadow: 1px 1px 0 #0073aa;
    -webkit-transition: top .3s ease;
    -moz-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .account-area .login-area section h2 span {
    display: block;
    color: #fff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-decoration: none;
    line-height: 25px;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .account-area > li.open > a {
    background-color: #37a72c !important;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .setting a .icon {
    display: block;
    color: #fff;
    font-size: 22px;
    line-height: 45px;
    text-align: center;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account.setting-open .setting {
    background-color: #fff;
    
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account.setting-open .setting a .icon{
    color: #4374e0;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account.setting-open .setting a::before {
    content: '';
    display: inline-block;
    right: 0;
    position: absolute;
    width: 50px;
    background-color: #4374e0;
    border: 0;
    top: 0;
    height: 3px;
}


.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .setting-container input[type="checkbox"]:checked + .text::before {
    border-color: #0073aa;
    color: #fb6e52;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .setting-container input[type="checkbox"]:checked + .text {
    color: #fff;
}

.navbar .navbar-inner .uninavbar-primaryheader .navbar-account .setting-container input[type="checkbox"] + .text {
    color: #fff !important;
    margin-right: 8px;
    font-weight: 300;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li a {
    padding: 10px 2px !important;
}

.navbar .navbar-inner.uninavbar-primaryheader .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-time {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    font-weight: 400;
    color: #4374e0;
}