.header_marq {z-index: 999 !important;}
.sidebar .nav > li.sub-menu.active ul li.active a {
    background-color: #191c28 !important;
}
body .sidebar .nav > li > a:focus, body .sidebar .nav > li > .nav-item:focus, body .sidebar .nav > li > a:hover, body .sidebar .nav > li > .nav-item:hover, body nav.sidebar ul > li.sub-menu > ul > li:hover > a, body nav.sidebar ul > li.sub-menu > ul > li > a:focus {color: #fff !important;}
.content-wrapper>.content-heading, .content-wrapper>h3 {background-color: #000720 !important;}
.content-heading form small.text-sm {
    font-size: 14px;
}
#daily_task_list_wrapper, #dataTableMng_wrapper, #dataTableMngs_wrapper {overflow:auto;}
#daily_task_list_wrapper table#daily_task_list, #dataTableMng_wrapper table#dataTableMng, #dataTableMngs_wrapper table {
    min-width: 1400px;
}
.left-login .block-center.wd-xl {
    margin-top: 0 !important;
    margin-bottom: 20px;
}
.add_leadpop .panel-heading, .view_pop .panel-heading {
    border: none !important;
    background-color: #f57f07;
}
.add_leadpop .panel-heading .panel-title, .add_leadpop .modal-title, .view_pop .modal-title {
    color: #fff;
}
.data_fltr {margin-bottom:10px;}
.add_leadpop, .view_pop {
    border: #fff solid 1px !important;
}
.view_pop table {
    border: 1px solid #eee !important;
    min-width: 700px;
}
.view_tbl {overflow:auto;}
.emp_data_inner {padding: 12px 0; text-align:center;}
.emp_data {
    display: flex;
    flex-wrap: wrap; -webkit-align-items: flex-start;
    align-items: flex-start;
}
.active-user {
    border: 1px solid #ff0000 !important;
    border-radius: 5px !important;
    background-color: #ff6700 !important;
    -webkit-box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 -1px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
    color: #fff;
}
.emp_data_inner h4 {
    margin: 10px 0 3px !important;
}
.emp_data_inner p {
    margin-bottom: 5px;
}
.emp_data_inner p:last-child {
    margin-bottom: 0;
}
.emp_data img.img-thumbnail {
    object-fit: cover;
    object-position: top;
}
.fltr_dtafall {margin-bottom: 10px;}
a.data_phone {
    color: #ff6700;
}
.emp_data {
    max-height: 280px;
    overflow: auto;
}


.apply_jobs {z-index:999 !important;}
.log_reg .panel-heading {padding: 25px 10px; border: none; background-color: #000;}
.log_reg .panel-body {padding: 20px 40px;}
.log_reg .panel-body input {
    height: 40px;
    padding: 8px 16px;
}
.log_reg .panel-heading a span {font-size: 20px !important;}
.logo-main {
    position: absolute;
    left: 15px;
    top: 15px; padding:15px;
    z-index: 1;
    background-color: #fff;
    text-align: center;
    border-radius: 0 50% 50% 50%;
}
.logo-main img {
    max-width: 250px;
    height: 250px;
    object-fit: contain;
}
.logr_bg {
    position: relative;filter: blur(2px);
}
.logr_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fd922066;
    height: 100%;
}
.log-vectr {
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    align-items: center; -webkit-align-items: center;
    justify-content: center; -webkit-justify-content: center;
}
.log_reg {
    max-width: 500px;
    width: 100%;z-index: 999;
    position: relative;
    -webkit-box-shadow: 0px 0px 17px 0px rgb(253 146 32 / 30%);
    -moz-box-shadow: 0px 0px 17px 0px rgb(253 146 32 / 30%);
    box-shadow: 0px 0px 17px 0px rgb(253 146 32 / 30%);
    border-radius: 5px;
}
.log-vectr {overflow:hidden;}
.log-vectr .rect {
    position: absolute;
    right: -140px;
    top: 50%;
    z-index: 999;
    transform: translate(0, -50%);
    border-radius: 100%;
    background-color: #ffffff;
    padding: 20px;
    height: 350px;
    width: 350px;
    border: #fd92204a solid 50px;
}
.log-vectr .rect:after {
    content: "";
    border: #fd92204a solid 4px;
    width: 450px;
    height: 450px;
    position: absolute;
    border-radius: 100%;
    right: -90px;
    top: 50%;
    z-index: 999;
    transform: translate(0, -50%);
}
.log-vectr .rect:before {
    content: "";
    border: #fd92204a solid 4px;
    width: 600px;
    height: 600px;
    position: absolute;
    border-radius: 100%;
    right: -160px;
    top: 50%;
    z-index: 999;
    transform: translate(0, -50%);
}
.emp_data_inner img.img-thumbnail {
    width: 100px;
    height: 100px;
}
#report_list .col-md-12 {
    margin-bottom: 20px;
}
input#leads_delete {
    margin-left: 15px;
}
.log_reg button.btn-primary {
    background-color: #000;
}

/* Animate Background*/
.background {
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0px;
    position: absolute;
}
.cube {
  position: absolute;
  top: 80vh;
  left: 45vw;
  width: 10px;
  height: 10px;
  border: solid 1px #D7D4E4;
  transform-origin: top left;
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  animation: cube 12s ease-in forwards infinite;
}
.cube:nth-child(2n) {
  border-color: #fd9220 ;
}
.cube:nth-child(2) {
  animation-delay: 2s;
  left: 25vw;
  top: 10vh;
}
.cube:nth-child(3) {
    animation-delay: 4s;
    left: 10vh;
    top: 20vh;
}
.cube:nth-child(4) {
    animation-delay: 6s;
    left: 47vw;
    top: 20vh;
}
.cube:nth-child(5) {
  animation-delay: 8s;
  left: 10vw;border-color: #fd9220 ;
  top: 85vh;
}
.cube:nth-child(6) {
  animation-delay: 10s;
  left: 50vw;
  top: 10vh;
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes test {
    50% {background-position: right center;}
}
/* Standard syntax */
@keyframes test {
    50% {background-position: right center;}
}

.chart_sec #piechart_3d {margin:auto;}


@media (max-width:767px) {
    .topnavbar .navbar-header {padding-top: 20px;}
    .content-wrapper {padding-top: 30px !important;}
    .nav-wrapper .nav.navbar-nav a.sidebar-toggle {margin-top: 20px;}
    .left-login img {max-height: 150px; width: auto !important;}
    .left-login {width: 100%;}
    .data_fltr {padding: 0 !important;}
    .emp_data {max-height: 200px; overflow: auto;}
    .emp_data .col-md-2 {width: 49%; display: inline-block;}
    #reassign-lead, .fltr_dtafall .col-md-12 {
        display: flex; display: -ms-flex;
        flex-wrap: wrap;
        justify-content: space-between; -webkit-justify-content: space-between;
    }
    #reassign-lead .col-md-2, .fltr_dtafall .col-md-12 .col-md-2 {
        padding: 0;
        width: 49%;
        display: inline-block;
        margin-bottom: 5px;
    }
    .fltr_dtafall {
        padding: 0 !important;
    }
    .fltr_dtafall .col-md-12 {padding: 0;}
    
    .logo-main {position: relative; left: 0; top: 0;}
    .logo-main img {max-width: 200px; border-radius: 0;}
    .log_reg .panel-heading {padding: 15px 10px;}
    .log-vectr {-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    min-height: auto !important;
    padding-bottom: 60px;}
    #reassign-lead {padding: 0; margin-left: -15px; margin-right: -15px;}
    
    
}

@media only screen and (max-width: 479px){
    .content-heading .clock_in_button {margin-top: -30px !important;}
    .log_reg .panel-body {padding: 20px;}
    .log_reg .panel-heading a span {font-size: 16px !important;}

}
@media only screen and (max-width: 320px){
    #reassign-lead .col-md-2 {width: 49%;}
}