/*!
 * Adminbag v1.3 (http://adminbag-v1.3.bittyfox.com/)
 * Copyright AdminBag Company © 2017 
 * 
 */
 body {background-color: #fff;font-family: sans-serif;}
.uppercase {
    text-transform: uppercase !important;
}

.page-header.navbar {
    background-color: #2b3643;
    border-bottom: 1px solid #2b3643;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}

.page-header.navbar .menu-toggler {
    background-image: url("../images/sidebar_toggler_icon_darkblue.png");
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #b4bcc8;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background: none;
    color: #b4bcc8;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #b4bcc8;
}

 
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #364150;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .input-group, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group {
    background-color: #364150;
}


.page-content {
    background-color: #f3f3f4;
    margin-top: 0;
    padding: 0;
}

.page-sidebar.collapse {
    display: block;
    max-height: none !important;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
}



.page-sidebar .sidebar-search .input-group, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group {
    border-bottom: 1px solid #435060;
}

.page-sidebar .sidebar-search .input-group .form-control, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control {
    background-color: #364150;
    color: #4e5c6f;
}

.form-control {
    outline: 0 none !important;
}
.btn, .form-control {
    box-shadow: none !important;
}


.page-sidebar-menu-light .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-menu-light .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-menu-light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-menu-light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    background: none;
    border-top-color: transparent;
    color: #fff;
}


.page-sidebar-menu-light .page-sidebar .page-sidebar-menu > li.open , .page-sidebar-menu-light .page-sidebar .page-sidebar-menu > li.active , .page-sidebar-menu-light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active , .page-sidebar-menu-light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active  {
    background: #293846 none repeat scroll 0 0;
    border-left: 4px solid #19aa8d;
}


.page-sidebar-menu-light .page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-menu-light .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-menu-light .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-menu-light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-menu-light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-menu-light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    background: none !important;
     color: #fff; 
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    background: #3e4b5c none repeat scroll 0 0 !important;
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
    background: #2c3542 none repeat scroll 0 0;
    color: #b4bcc8;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #b4bcc8;
}

.page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
    color: #708096;
}

.page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    background: #29aba4 none repeat scroll 0 0;
    border-top-color: transparent;
    color: #fff;
}


 
.page-sidebar-menu-light .page-sidebar:hover .page-sidebar-menu > li.active > a {
    background: #2c3542;   
}

/*
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"] {
    color: #6b788b;
}*/

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    color: #b4bcc8;
}
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open::before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow::before, .page-sidebar .page-sidebar-menu li > a > .arrow.open::before, .page-sidebar .page-sidebar-menu li > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow::before{
	 color: #606c7d;
}

.page-sidebar .sidebar-search .input-group .input-group-btn .btn, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn{
    background-color: #364150;
    color: #4e5c6f;
}

.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow::before, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow::before, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
    color: #fff;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #29aba4;
    border-color: #29aba4;
    color: #ffffff;
    z-index: 2;
}

.footer {
    background: #2b3643 none repeat scroll 0 0;
    border-top: 1px solid #e7eaec;
  }

.footer a {
    color: #aeb5c2;
}


.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    background: #29aba4  none repeat scroll 0 0 ;
    color: #fff;
}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
    border-top: 6px solid #29aba4 ;
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #b4bcc8;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #c6cfda;
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #c6cfda;
}




.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
    background: #29aba4 none repeat scroll 0 0;
    color: #fff;
}

.page-header.navbar .hor-menu.hor-menu-light  .navbar-nav > li.active .selected, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current .selected {
    border-top: 6px solid #29aba4;
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #b4bcc8;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
    color: #b4bcc8;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
    color: #000;
}


.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 5px 5px rgba(63, 79, 98, 0.2);
}


.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu { 
    background: #3f4f62 none repeat scroll 0 0;
    box-shadow: 5px 5px rgba(63, 79, 98, 0.2); 
}


.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #3d4957;
    color: #b4bcc8;
}

a {
    color: #2c683f;
    text-decoration: none;
}

a:hover, a:focus {
    color: #fd5366;
    text-decoration: none;
}

.library-menu span {
    background-color: #b4bcc8;   
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #29aba4;
}

.pace .pace-progress{
    background: #29aba4;
}


.dashboard-viewby-wrapper{
    float:left;
    width:100%;
    height:45px;
    /* min-width:500px; */
        font-weight: lighter;
    
    border-bottom: 1px solid #e4e4e4;
}
.dashboard-viewby-wrapper ul.dashboard-viewby-ddl{
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
}
.dashboard-viewby-wrapper ul.dashboard-viewby-ddl li{
    float:left;
    margin:0px;
    padding:0px;
    font-size:24px;
    margin-right:36px;
    cursor:pointer;
    padding:5px 0 4px 0;
}
.dashboard-viewby-wrapper ul.dashboard-viewby-ddl a{
    color:black;
    text-decoration:none; 
} 
.dashboard-viewby-wrapper ul.dashboard-viewby-ddl a:hover{
    color:#fd5366; 
}
.dashboard-viewby-wrapper ul.dashboard-viewby-ddl li:hover{
    color:#396CAC;
    border-bottom:2px solid #005736;
}
.dashboard-viewby-wrapper ul.dashboard-viewby-ddl li.active a{
    color:#155438; 
}
.dashboard-viewby-wrapper ul.dashboard-viewby-ddl li.active{
    color:#396CAC!important;
    border-bottom:2px solid #155438;
}
.dashboard-viewby-wrapper .dropdown-menu .dashboard-viewby-list li a .IconCorrect{
    margin: 5px 5px 0px -20px;
}

.CateApps {
    font-size: 15px;
    margin-bottom: 20px;
     margin-top: 20px;
    color: #000;
}

/******** Header BG IMG ********/
.header-apps-img {
    background-image: url("../../assets/images/header-sprite.png");
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
}

.header-create-img {
    background-image: url("../../assets/images/header-sprite.png");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin: 6px 4px 0 0;
}

.apps-AdministratorSetting {
    background: url("../../assets/images/AdministratorSetting-48x48.png") no-repeat;
}

.apps-Administrator {
    background: url("../../assets/images/Administrator-48x48.png") no-repeat;
}

.apps-Approve-Setup {
    background: url("../../assets/images/Approve-Setup-48x48.png") no-repeat;
}

.apps-General-Setup {
    background: url("../../assets/images/General-Setup-48x48.png") no-repeat;
}

.apps-Product-Setup {
    background: url("../../assets/images/Product-Setup-48x48.png") no-repeat;
}

.apps-Sale-Setup {
    background: url("../../assets/images/Sale-Setup-48x48.png") no-repeat;
}

.header-apps-img.apps-lead {
    background-position: -56px -55px;
}

.header-apps-img.apps-contact {
    background-position: -268px -2px;
}

.header-apps-img.apps-account {
    background-position: -3px -2px;
}

.header-apps-img.apps-opportunity {
    background-position: -109px -55px;
}

.header-apps-img.apps-quotation {
    background-position: -215px -55px;
}

.header-apps-img.apps-order {
    background-position: -162px -55px;
}

.header-apps-img.apps-invoice {
    background-position: -3px -55px;
}

.header-apps-img.apps-activity {
    background-position: -56px -2px;
}

.header-apps-img.apps-approve {
    background-position: -109px -2px;
}

.header-apps-img.apps-chatter {
    background-position: -321px -2px;
}

.header-apps-img.apps-sharing {
    background-position: -3px -108px;
}

.header-apps-img.apps-assign {
    background-position: -162px -2px;
}

.header-apps-img.apps-report {
    background-position: -268px -55px;
}

.header-apps-img.apps-calendar {
    background-position: -215px -2px;
}

.header-apps-img.apps-pricelist {
    background-position: -56px -108px;
}

.header-apps-img.apps-campaign {
    background-position: -109px -108px;
}

.header-apps-img.apps-solution {
    background-position: -321px -108px;
}

.header-apps-img.apps-contract {
    background-position: -215px -108px;
}

.header-apps-img.apps-case {
    background-position: -162px -108px;
}

.header-apps-img.apps-customerfeedback {
    background-position: -268px -108px;
}

.ImgApps {
    width: 44px;
    height: 65px;
    float: left;
    margin-right: 15px;
    cursor: pointer;

}

.AppsName a {
    font-size: 14px;
    height: 23px;
    line-height: 24px;
    color: #000000;

}

.AppsName a:hover {
    color: #00542c;
    text-decoration: none;
}

/*.ContainerApps{
    margin: 0 5.78% 0 5.78%;
}
*/


.breadcrumb>li+li:before {
    padding: 0 0px 0 2px;
}


.header-img-apps {
    background: url(../../assets/images/header-sprite.png) no-repeat -8px -219px;
    width: 14px;
    height: 13px;
    margin: 2px 0 0 0px;
}


div.page-content{
    /*margin: 0 3.78% 0 3.78% !important;*/
    margin: 0 1.78% 0 1.78% !important;
}


li.dropdown_app > a:hover{
   color: #fff !important;
}

.header-img-carlenda{
     background: url('https://image.flaticon.com/icons/svg/148/148982.svg');    
     width: 13px;
    height: 13px;
    margin: 2px 0 0 0px;
}


.navbar-nav>li>a {
    padding: 14px 9px;
}


div[class^='page-content main_app']{
       background: #fff !important;
    padding-top: 0px !important;
    margin-top: 36px !important;
    margin-bottom: 30px !important;
}


@media (max-width: 768px){
    ul[class^='nav navbar-nav pull-left']{
        display: contents !important;
    }
}


@media (max-width: 530px){
    ul[class^='nav navbar-nav pull-left']{
        display: block !important;
    }
    div[class^='page-content main_app']{
           margin-top: 14px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    padding-top: 0px !important;
    }
}