.login .content {
    /*background: url(../img/bg-white-lock.png) repeat;*/
    background-color: rgb(41, 41, 41);
}

.darklink {
    text-shadow: none;
    color: #5BD16A;
}

.darklink:hover, .darklink:visited {
    color: #F9E918;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child {
    padding: 17px 10px 9px!important;
}


/*
Menu Toggler
*/
.page-header .sidebar-toggler,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > i {
background: none;
font-family: FontAwesome;
display: inline-block;
font-size: 22px;
line-height: 14px;
color: #fff;
position: relative;
top: 4px;
left: 6px;
}

.page-header.navbar .menu-toggler {
background-image:none;
}

.page-header.navbar .menu-toggler > i {
font-size:17px;
}

.page-header.navbar .menu-toggler.responsive-toggler {
background-image:none;
position: relative;
line-height: 14px;
top: 4px;
left: 6px;
}

.page-header.navbar .menu-toggler.responsive-toggler > i {
font-size:17px;
color: #fff;
}

.page-logo {
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

@media (max-width: 480px) {
    #mobilemenubar{
    background-color:#6A6A6A;
}
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    background-color: #6A6A6A;
}
}


/*
Page Title
*/
.page-container-bg-solid .page-bar .page-breadcrumb, .page-content-white .page-bar .page-breadcrumb {
    font-size: 24px;
}

.page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm, .page-content-white .page-bar .page-toolbar .btn.btn-sm {
    margin-top: 5px;
}

.page-content-white .page-content .page-bar {
     border-bottom: 0 !important; 
}

/* Client Tempalte Overides */
#activeCalls {
    background: white !important;
    border: 0 !important;
}

.todo-container .todo-projects-item, .todo-container .todo-tasks-item {
    list-style: none;
    margin-left: 0;
    list-style: none;
    padding: 30px 20px;
}

.todo-container .todo-projects-container>li {
    list-style: none;
    padding: 10px 10px;
}

#cdNarrative {
    white-space: pre-line;
}

.login .content {
    /*background: url(../img/bg-white-lock.png) repeat;*/
    background-color: rgb(41, 41, 41);
}

.darklink {
    text-shadow: none;
    color: #5BD16A;
}

.darklink:hover, .darklink:visited {
    color: #F9E918;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child {
    padding: 17px 10px 9px!important;
    height: 50px;
}

#callLogGrid {
    background: white !important;
    border: 0 !important;
}






/*
Menu Toggler
*/
.page-header .sidebar-toggler,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > i {
background: none;
font-family: FontAwesome;
display: inline-block;
font-size: 22px;
line-height: 14px;
color: #fff;
position: relative;
top: 4px;
left: 6px;
}

.page-header.navbar .menu-toggler {
background-image:none;
}

.page-header.navbar .menu-toggler > i {
font-size:17px;
color: #fff;
}

.page-header.navbar .menu-toggler.responsive-toggler {
background-image:none;
position: relative;
line-height: 14px;
top: 4px;
left: 6px;
}

.page-header.navbar .menu-toggler.responsive-toggler > i {
font-size:17px;
color: #fff;
}


/*
Page Title
*/
.page-container-bg-solid .page-bar .page-breadcrumb, .page-content-white .page-bar .page-breadcrumb {
    font-size: 24px;
}

.page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm, .page-content-white .page-bar .page-toolbar .btn.btn-sm {
    margin-top: 5px;
}

.page-content-white .page-content .page-bar {
     border-bottom: 0 !important; 
}

/* Keno Charts */
.k-chart{
    height:400px;
}

/*
Page Header Horizontal Menu
*/

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

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

.page-header.navbar .hor-menu .navbar-nav > li.active > a {
 background: #00897B !important; /*600*/ 
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
 color: #ececec;
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i:hover {
 color: #3b3b3b;
}

/*
Page Header Color Default
*/

.page-header.navbar {
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
    /*Green*/
    background: linear-gradient(to bottom right, #333333 0%, #3AB52A 100%);
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
 color: #ececec;
 font-size: 16px;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
 background: #32323a; /*600*/
 color: #ececec;
 font-size: 16px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
 background: #32323a; /*600*/
}

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

.page-header.navbar .search-form {
 background: #cd4a7e;
}


/* AREA */
.area-header.navbar {
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
    /*Green*/
    background: linear-gradient(to bottom right, #FFF 0%, #D3D3D3 100%);
    margin-top: 20px;
    margin-bottom: 0px;
}




.area-logo {
    line-height: 46px;
    font-size: 16px;
    color: #000;
    margin-left: 10px;
}

/* MENU */

.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.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #6A6A6A;
    border-top-color: transparent;
    color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #6A6A6A;
}

.page-content-wrapper .page-content {
    border-left: 1px solid rgba(0,0,0,0.14);
}

.page-content {
    background-color: #f9f9f9;
}



/*.page-quick-sidebar-wrapper {
    color: #FFFFFF;
    background: #21282e;
}*/


/* Tabs */
.nav-pills, .nav-tabs {
     margin-bottom: 0px; 
}

.nav-tabs {
     border-bottom: none; 
}

/* DASHBOARD */
.portlet .dashboard-stat:last-child {
    margin-bottom: 8px;
}

/* PDF Embed*/
.embed-responsive-4by3 {
    padding-bottom: 100%;
}

/* Page Bar*/
.page-container-bg-solid .page-bar, .page-content-white .page-bar {
    background-color: transparent; 
    padding: 10px 20px;
}

/* Portlet Title For Tabs*/
.portlet.light.portlet-fit>.portlet-title {
    padding: 17px 20px 0px;
}

/* Google Autocomplete Selection*/
.pac-container {
    z-index: 20000;
}

.page-quick-sidebar-wrapper {
    color: #BFBFBF;
    background: #212121 !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
    background: #212121;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:hover {
    background: #383838;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li {
    border-bottom-color: #383838;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.active>a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li:hover>a {
    border-bottom: 3px solid #5dac58;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a {
    color:#bfbfbf;
    border-bottom: 3px solid rgba(93, 172, 88, 0.45);
}

/* Palette Colors */
.palette-red {
    background: linear-gradient(to bottom right, #EC295B 0%, #D90A6F 100%);
  
}

.palette-yellow {
    background: linear-gradient(to bottom right, #EEBC00 0%, #ED9E00 100%);
  
}

.palette-gold {
    background: linear-gradient(to bottom right, #E7A019 0%, #E27B13 100%);
  
}

.palette-blue {
    background: linear-gradient(to bottom right, #0DAAE2 0%, #1991EA 100%);
  
}

.palette-light-blue {
    background: linear-gradient(to bottom right, #05B3C6 0%, #0A9EC4 100%);
  
}

.palette-green {
    background: linear-gradient(to bottom right, #1DC158 0%, #3AB52A 100%);
  
}

.palette-light-green {
    background: linear-gradient(to bottom right, #6EC81D 0%, #58BA22 100%);
  
}

.palette-pink {
    background: linear-gradient(to bottom right, #E84F99 0%, #D12C9F 100%);
  
}

.palette-fuschia {
    background: linear-gradient(to bottom right, #BF26D2 0%, #A000E6 100%);
  
}

.palette-purple {
    background: linear-gradient(to bottom right, #7255F6, 0%, #5C50EC 100%);
  
}

.palette-gray {
    background: linear-gradient(to bottom right, #707F9E 0%, #50608C 100%);
  
}

.palette-black {
    background: linear-gradient(to bottom right, #133C6A 0%, #003068 100%);
  
}

.palette-orange {
    background: linear-gradient(to bottom right, #F75737 0%, #F22553 100%);
  
}

.palette-blurple {
    background: linear-gradient(to bottom right, #4360E5 0%, #5F48E5 100%);
  
}

.palette-mint {
    background: linear-gradient(to bottom right, #0ACF9C 0%, #13BC9C 100%);
  
}

.flipped-blurple {
  background: linear-gradient(to bottom right, #885AFF 0%, #1749E5 100%);
}

.k-reset k-tabstrip-items {
    background: #ececec !important;
}


//active tab
.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active{
        background-color: gray  !important;
}

.k-tabstrip-items .k-item, .k-tabstrip-items {
        background-color: darkgray  !important;
}

.customer-photo {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: 50px 40px;
    background-position: center center;
    vertical-align: middle;
    line-height: 40px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
}

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}