/*
Template Name: DASHGUM FREE - Bootstrap 3.2 Admin Theme
Template Version: 1.0
Author: Carlos Alvarez
Website: http://blacktie.co
Premium: http://www.gridgum.com
*/
/* Import fonts */
/*@import url(http://fonts.googleapis.com/css?family=Ruda:400,700,900);*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400&display=swap'); /*    font-family: 'Roboto Condensed', sans-serif;*/
@font-face {
  font-family: 'AdobeHeitiStd-Regular-Alphabetic';
  src: url('../fonts/AdobeHeitiStd-Regular-Alphabetic.eot');
  src: url('../fonts/AdobeHeitiStd-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AdobeHeitiStd-Regular-Alphabetic.svg#AdobeHeitiStd-Regular-Alphabetic') format('svg'),
       url('../fonts/AdobeHeitiStd-Regular-Alphabetic.ttf') format('truetype'),
       url('../fonts/AdobeHeitiStd-Regular-Alphabetic.woff') format('woff'),
       url('../fonts/AdobeHeitiStd-Regular-Alphabetic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
/* BASIC THEME CONFIGURATION */
body {
    color: #797979;
    background: #f6f6f6;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size:13px;
}
ul li {
    list-style: none;
}
a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
::selection {
    background: #68dff0;
    color: #fff;
}
::-moz-selection {
    background: #68dff0;
    color: #fff;
}
#container {
    width: 100%;
    height: 100%;
}
/* Bootstrap Modifications */
.modal-header {
    background: #404040;
}
.modal-header .modal-title{ color:#fff; margin-left:0; }
.modal-header small.created-date{ margin-left:0; }
.modal-header .close{ color:#fff; opacity:.85; }
.modal-header .close:hover{ opacity:1; }
.modal-title {
    color: white;
}
.btn-round {
    border-radius: 20px;
    -webkit-border-radius: 20px;
}
.accordion-heading .accordion-toggle {
    display: block;
    cursor: pointer;
    border-top: 1px solid #F5F5F5;
    padding: 5px 0px;
    line-height: 28.75px;
    text-transform: uppercase;
    color: #1a1a1a;
    background-color: #ffffff;
    outline: none !important;
    text-decoration: none;
}   
/*Theme Backgrounds*/
.bg-theme.red_msg { background-color:#b2071c }
.bg-theme {
    background-color: #68dff0;
}
.bg-theme02 {
    background-color: #ac92ec;
}
.bg-theme03 {
  background-color: #48cfad;
}
.bg-theme04 {
  background-color: #ed5565;
}
/*Theme Buttons*/
.btn-theme {
  color: #fff;
  background-color: #68dff0;
  border-color: #48bcb4;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #48bcb4;
  border-color: #48bcb4;
}
.btn-theme02 {
  color: #fff;
  background-color: #ac92ec;
  border-color: #967adc;
}
.btn-theme02:hover,
.btn-theme02:focus,
.btn-theme02:active,
.btn-theme02.active,
.open .dropdown-toggle.btn-theme02 {
  color: #fff;
  background-color: #967adc;
  border-color: #967adc;
}
.btn-theme03 {
  color: #fff;
  background-color: #48cfad;
  border-color: #37bc9b;
}
.btn-theme03:hover,
.btn-theme03:focus,
.btn-theme03:active,
.btn-theme03.active,
.open .dropdown-toggle.btn-theme03 {
  color: #fff;
  background-color: #37bc9b;
  border-color: #37bc9b;
}
.btn-theme04 {
  color: #fff;
  background-color: #ed5565;
  border-color: #da4453;
}
.btn-theme04:hover,
.btn-theme04:focus,
.btn-theme04:active,
.btn-theme04.active,
.open .dropdown-toggle.btn-theme04 {
  color: #fff;
  background-color: #da4453;
  border-color: #da4453;
}
.btn-clear-g {
    color: #48bcb4;
    background: transparent;
    border-color: #48bcb4;
}
.btn-clear-g:hover {
    color: white;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #797979;
}
/*Helpers*/
.centered {
    text-align: center;
}
.goleft {
    text-align: left;
}
.goright {
    text-align: right;
}
.mt {
    margin-top: 25px;
}
.mb {
    margin-bottom: 25px;
}
.ml {
    margin-left: 5px;
    }
.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 !important;
}
/*Exclusive Theme Colors Configuration*/
.label-theme {
    background-color: #68dff0;
}
.bg-theme {
    background-color: #68dff0;
}
ul.top-menu > li > .logout {
    color: #f2f2f2;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #64c3c2 !important;
    padding: 5px 15px;
    margin-right: 15px;
    background: #68dff0;
    margin-top: 15px;
}
/*sidebar navigation*/
#sidebar {
    width: 210px;
    height: 100%;
    position: fixed;
    background: #424a5d;
}
#sidebar h5 {
    color: #f2f2f2;
    font-weight: 700;
}
#sidebar ul li {
    position: relative;
}
#sidebar .sub-menu > .sub li  {
    padding-left: 32px;
}
#sidebar .sub-menu > .sub li:last-child {
    padding-bottom: 10px;
}
/*LEFT NAVIGATION ICON*/
.dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background: url("../img/nav-expand.png") no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
    top:15px;
}
.active .dcjq-icon {
    background: url("../img/nav-expand.png") no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/*---*/
.nav-collapse.collapse {
    display: inline;
}
ul.sidebar-menu , ul.sidebar-menu li ul.sub{
    margin: -2px 0 0;
    padding: 0;
}
ul.sidebar-menu {
    margin-top: 75px;
}
#sidebar > ul > li > ul.sub {
    display: none;
}
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
    display: block;
}
ul.sidebar-menu li ul.sub li{
    background: #424a5d;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
ul.sidebar-menu li ul.sub li:last-child{
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}
ul.sidebar-menu li ul.sub li a {
    font-size: 12px;
    padding: 6px 0;
    line-height: 35px;
    height: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #aeb2b7;
}
ul.sidebar-menu li ul.sub li a:hover {
    color: white;
    background: transparent;
}
ul.sidebar-menu li ul.sub li.active a {
    color: #68dff0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}
ul.sidebar-menu li{
    /*line-height: 20px !important;*/
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
}
ul.sidebar-menu li.sub-menu{
    line-height: 15px;
}
ul.sidebar-menu li a span{
    display: inline-block;
}
ul.sidebar-menu li a{
    color: #aeb2b7;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 10px;
    font-size: 12px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: #68dff0;
    color: #fff;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.sidebar-menu li a i {
    font-size: 15px;
    padding-right: 6px;
}
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
    color: #fff;
}
ul.sidebar-menu li a.active i {
    color: #fff;
}
.mail-info, .mail-info:hover {
    margin: -3px 6px 0 0;
    font-size: 11px;
}
/* MAIN CONTENT CONFIGURATION */
#main-content {
    margin-left: 210px;
}
.header, .footer {
    min-height: 60px;
    padding: 0 15px;
}
.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
}
.black-bg {
    background: #ffd777;
    border-bottom: 1px solid #c9aa5f;
}
.wrapper {
    display: inline-block;
    margin-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;
    width: 100%;
}
a.logo {
    font-size: 20px;
    color: #ffffff;
    float: left;
    margin-top: 15px;
    text-transform: uppercase;
}
a.logo b {
    font-weight: 900;
}
a.logo:hover, a.logo:focus {
    text-decoration: none;
    outline: none;
}
a.logo span {
    color: #68dff0;
}
/*notification*/
#top_menu .nav > li, ul.top-menu > li {
    float: left;
}
.notify-row {
    float: left;
    margin-top: 15px;
    margin-left: 92px;
}
.notify-row .notification span.label {
    display: inline-block;
    height: 18px;
    width: 20px;
    padding: 5px;
}
ul.top-menu > li > a {
    color: #666666;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border:1px solid #666666 !important;
    padding: 2px 6px;
    margin-right: 15px;
}
ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
    border:1px solid #b6b6b6 !important;
    background-color: transparent !important;
    border-color: #b6b6b6 !important;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #b6b6b6 !important;
}
.notify-row .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}
.dropdown-menu.extended {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 42px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .dropdown-menu.extended  {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
    };
    }
.dropdown-menu.extended li p {
    background-color: #F1F2F7;
    color: #666666;
    margin: 0;
    padding: 10px;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
.dropdown-menu.extended li p.green {
    background-color: #68dff0;
    color: #fff;
}
.dropdown-menu.extended li p.yellow {
    background-color: #fcb322;
    color: #fff;
}
.dropdown-menu.extended li a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    list-style: none;
}
.dropdown-menu.extended li a {
    padding: 15px 10px !important;
    width: 100%;
    display: inline-block;
}
.dropdown-menu.extended li a:hover {
    background-color: #F7F8F9 !important;
    color: #2E2E2E;
}
.dropdown-menu.tasks-bar .task-info .desc {
    font-size: 13px;
    font-weight: normal;
}
.dropdown-menu.tasks-bar .task-info .percent {
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
    margin-top: -4px;
}
.dropdown-menu.extended .progress {
    margin-bottom: 0 !important;
    height: 10px;
}
.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}
.dropdown-menu.inbox li a .subject {
    display: block;
}
.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: 600;
}
.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 5px;
}
.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}
.top-nav  {
    margin-top: 7px;
}
.top-nav ul.top-menu > li .dropdown-menu.logout {
    width: 268px !important;
}
.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}
.dropdown-menu.extended.logout > li {
    float: left;
    text-align: center;
    width: 33.3%;
}
.dropdown-menu.extended.logout > li:last-child {
    float: left;
    text-align: center;
    width: 100%;
    background: #a9d96c;
    border-radius: 0 0 3px 3px;
}
.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
    color: #fff;
    border-bottom: none !important;
    text-transform: uppercase;
}
.dropdown-menu.extended.logout > li:last-child > a:hover > i{
    color: #fff;
}
.dropdown-menu.extended.logout > li > a {
    color: #a4abbb;
    border-bottom: none !important;
}
.full-width .dropdown-menu.extended.logout > li > a:hover {
    background: none !important;
    color: #50c8ea !important;
}
.dropdown-menu.extended.logout > li > a:hover {
    background: none !important;
}
.dropdown-menu.extended.logout > li > a:hover i {
    color: #50c8ea;
}
.dropdown-menu.extended.logout > li > a i {
    font-size: 17px;
}
.dropdown-menu.extended.logout > li > a > i {
    display: block;
}
.top-nav ul.top-menu > li > a {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px;
    background: none;
    margin-right: 0;
}
.top-nav ul.top-menu > li {
    margin-left: 10px;
}
.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
    border:1px solid #F1F2F7;
    background: #F1F2F7;
}
.top-nav .dropdown-menu.extended.logout {
    top: 50px;
}
.top-nav .nav .caret {
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}
.top-nav ul.top-menu > li > a:hover .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}
.log-arrow-up {
    background: url("../img/arrow-up.png") no-repeat;
    width: 20px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: -10px;
}
/*----*/
.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: 7px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}
.notify-arrow-yellow {
    border-color: transparent transparent #FCB322;
    border-bottom-color: #FCB322 !important;
    border-top-color: #FCB322 !important;
}
.notify-arrow-green {
    border-color: transparent transparent #68dff0;
    border-bottom-color: #68dff0 !important;
    border-top-color: #68dff0 !important;
}
/*--sidebar toggle---*/
.sidebar-toggle-box {
    float: left;
    padding-right: 15px;
    margin-top: 20px;
}
.sidebar-toggle-box .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
}
.sidebar-closed > #sidebar > ul {
    display: none;
}
.sidebar-closed #main-content {
    margin-left: 0px;
}
.sidebar-closed #sidebar {
    margin-left: -180px;
}
/* Dash Side */
.ds {
    background: #ffffff;
    padding-top: 20px;
}
.ds h4 {
    font-size: 14px;
    font-weight: 700;
}
.ds h3 {
    color: #ffffff;
    font-size: 16px;
    padding: 0 10px;
    line-height: 60px;
    height: 60px;
    margin: 0;
    background: #ff865c;
    text-align: center;
}
.ds i {
    font-size: 12px;
    line-height: 16px;
}
.ds .desc {
    border-bottom: 1px solid #eaeaea;
    display: inline-block;
    padding: 15px 0;
    width: 100%;
}
.ds .desc:hover {
    background: #f2f2f2;
}
.ds .thumb {
    width: 30px;
    margin: 0 10px 0 20px;
    display: block;
    float: left;
}
.ds .details {
    width: 170px;
    float: left;
}
.ds > .desc p {
    font-size: 11px;
}
.ds p > muted {
    font-size: 9px;
    text-transform: uppercase;
    font-style: italic;
    color: #666666
}
.ds a {
    color: #68dff0;
}
/* LINE ICONS CONFIGURATION */
.mtbox {
    margin-top: 80px;
    margin-bottom: 40px;
}
.box1 {
    padding: 15px;
    text-align: center;
    color: #989898;
    border-bottom: 1px solid #989898;
}
.box1 span {
    font-size: 50px;
}
.box1 h3 {
    text-align: center;
}
.box0:hover .box1 {
    border-bottom: 1px solid #ffffff;
}
.box0 p {
    text-align: center;
    font-size: 12px;
    color: #f2f2f2;
}
.box0:hover p {
    color: #ff865c;
}
.box0:hover {
    background: #ffffff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
/* MAIN CHART CONFIGURATION */
.main-chart {
    padding-top: 20px;
}
.mleft {
}
.border-head h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;  
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    font-weight: 700;
    color: #989898;
}
.custom-bar-chart {
    height: 290px;
    margin-top: 20px;
    margin-left: 20px;
    position: relative;
    border-bottom: 1px solid #c9cdd7;
}
.custom-bar-chart .bar {
    height: 100%;
    position: relative;
    width: 6%;
    margin: 0px 4%;
    float: left;
    text-align: center;
    z-index: 10;
}
.custom-bar-chart .bar .title {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
.custom-bar-chart .bar .value {
    position: absolute;
    bottom: 0;
    background: #ff865c;
    color: #68dff0;
    width: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.custom-bar-chart .bar .value:hover {
    background: #2f2f2f;
    color: #fff;
}
.y-axis {
    color: #555555;
    position: absolute;
    text-align: left;
    width: 100%;
    font-size: 11px;
}
.y-axis li {
    border-top: 1px dashed #dbdce0;
    display: block;
    height: 58px;
    width: 100%;
}
.y-axis li:last-child {
    border-top: none;
}
.y-axis li span {
    display: block;
    margin: -10px 0 0 -60px;
    padding: 0 10px;
    width: 40px;
}
/*Donut Chart Main Page Conf*/
.donut-main {
    display: block;
    text-align: center;
}
.donut-main h4 {
    font-weight: 700;
    font-size: 16px;
}
/* *************************************************************************************
PANELS CONFIGURATIONS
*************************************************************************************** */
/*Panel Size*/
.pn {
    height: auto;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
.pn:hover {
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
    
}
/*Grey Panel*/
.grey-panel {
    text-align: center;
    background: #dfdfe1;
}
.grey-panel .grey-header {
    background: #ccd1d9;
    padding: 3px;
    margin-bottom: 15px;
}
.grey-panel h5 {
    font-weight: 200;
    margin-top: 10px;
}
.grey-panel p {
    margin-left: 5px;
}
/* Specific Conf for Donut Charts*/
.donut-chart p {
    margin-top: 5px;
    font-weight: 700;
    margin-left: 15px;
}
.donut-chart h2 {
    font-weight: 900;
    color: #FF6B6B;
    font-size: 38px;
}
/* Dark Blue*/
.darkblue-panel {
    text-align: center;
    background: #444c57;
}
.darkblue-panel .darkblue-header {
    background: transparent;
    padding: 3px;
    margin-bottom: 15px;
}
.darkblue-panel h1 {
    color: #f2f2f2;
}
.darkblue-panel h5 {
    font-weight: 200;
    margin-top: 10px;
    color: white;
}
.darkblue-panel footer {
    color: white;
}
.darkblue-panel footer h5 {
    margin-left:10px;
    margin-right: 10px;
    font-weight: 700;
}
/*Green Panel*/
.green-panel {
    text-align: center;
    background: #68dff0;
}
.green-panel .green-header {
    background: #43b1a9;
    padding: 3px;
    margin-bottom: 15px;
}
.green-panel h5 {
    color: white;
    font-weight: 200;
    margin-top: 10px;
}
.green-panel h3 {
    color: white;
    font-weight: 100;
}
.green-panel p {
    color: white;
}
/*White Panel */
.white-panel {
    text-align: center;
    background: #ffffff;
    color: #ccd1d9;
}
.white-panel p {
    margin-top: 5px;
    font-weight: 700;
    margin-left: 15px;
}
.white-panel .white-header {
    background: #f4f4f4;
    padding: 3px;
    margin-bottom: 15px;
    color: #c6c6c6;
}
.white-panel .small {
    font-size: 10px;
    color: #ccd1d9;
}
.white-panel i {
    color: #68dff0;
    padding-right: 4px;
    font-size: 14px;
}
/*STOCK CARD Panel*/
.card {
  background: white;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  height: 250px;
}
.stock .stock-chart {
  background: #00c5de;
}
.stock .stock-chart #chart {
    height: 10.7em;
    background: url(http://i.imgbox.com/abmuNQx2) center bottom no-repeat;
}   
.stock .current-price {
  background: #1d2122;
  padding: 10px;
}
.stock .current-price .info abbr {
    display: block;
    color: #f8f8f8;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 0.18em;
}
.stock .current-price .changes {
    text-align: right;
}
.stock .changes .up {
    color: #4fd98b
}
.stock .current-price .changes .value {
      font-size: 1.8em;
      font-weight: 700;
}
.stock .summary {
    color: #2f2f2f;
    display: block;
    background: #f2f2f2;
    padding: 10px;
    text-align: center;
}
.stock .summary strong {
    font-weight: 900;
    font-size: 14px;
}
/*Content Panel*/
.content-panel {
    background: #ffffff;
    box-shadow: 0 1px 6px rgba(57,73,76,0.35);
    padding: 15px;
}
.content-panel h4 {
    margin-left: 10px;
}
/*WEATHER PANELS*/
/* Weather 1 */
.weather {
    background: url(../img/weather.jpg) no-repeat center top;
    text-align: center;
    background-position: center center;
}
.weather i {
    color: white;
    margin-top: 45px;
}
.weather h2 {
    color: white;
    font-weight: 900;
}
.weather h4 {
    color: white;
    font-weight: 900;
    letter-spacing: 1px;
}
/* Weather 2 */
.weather-2 {
    background: #e9f0f4;
}
.weather-2 .weather-2-header {
    background: #54bae6;
    padding-top: 5px;
    margin-bottom: 5px;
}
.weather-2 .weather-2-header p {
    color: white;
    margin-left: 5px;
    margin-right: 5px;
}
.weather-2 .weather-2-header p small {
    font-size: 10px;
}
.weather-2 .data {
    margin-right: 10px;
    margin-left: 10px;
    color: #272b34;
}
.weather-2 .data h5 {
    margin-top: 0px;
    font-weight: lighter;
}
.weather-2 .data h1{
    margin-top: 2px;
}
/* Weather 3 */
.weather-3 {
    background: #ffcf00;
}
.weather-3 i {
    color: white;
    margin-top: 30px;
    font-size: 70px;
}
.weather-3 h1 {
    margin-top: 10px;
    color: white;
    font-weight: 900;
}
.weather-3 .info {
    background: #f2f2f2;
}
.weather-3 .info i {
    font-size: 15px;
    color: #c2c2c2;
    margin-bottom: 0px;
    margin-top: 10px;
}
.weather-3 .info h3 {
    font-weight: 900;
    margin-bottom: 0px;
}
.weather-3 .info p {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 16px;
    color: #c2c2c2;
    font-size: 15px;
    font-weight: 700;
}
/*Twitter Panel*/
.twitter-panel {
    background: #4fc1e9;
    text-align: center;
}
.twitter-panel i {
    color: white;
    margin-top: 40px;
}
.twitter-panel p {
    color: #f5f5f5;
    margin: 10px;
}
.twitter-panel .user {
    color: white;
    font-weight: 900;
}
/* Instagram Panel*/
.instagram-panel {
    background: url(../img/instagram.jpg) no-repeat center top;
    text-align: center;
    background-position: center center;
}
.instagram-panel i {
    color: white;
    margin-top: 35px;
}
.instagram-panel p {
    margin: 5px;
    color: white;
}
/* Product Panel */
.product-panel {
    background: #dadad2;
    text-align: center;
    padding-top: 50px;
    height: 100%;
}
/* Product Panel 2*/
.product-panel-2 {
    background: #dadad2;
    text-align: center;
}
.product-panel-2 .badge {
    position: absolute;
    top: 20px;
    left: 35px;
}
.badge-hot {
    background: #ed5565;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
}
/* Soptify Panel */
#spotify {
    background: url(../img/lorde.jpg) no-repeat center top;
    margin-top: -15px;
    background-attachment: relative;
    background-position: center center;
    min-height: 220px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#spotify .btn-clear-g {
    top: 15%;
    right: 10px;
    position: absolute;
    margin-top: 5px;
}
#spotify .sp-title {
    bottom: 15%;
    left: 25px;
    position: absolute;
    color: #efefef;
}
#spotify .sp-title h3 {
    font-weight: 900;
}
#spotify .play{
    bottom: 18%;
    right: 25px;
    position: absolute;
    color: #efefef;
    font-size: 20px
}
.followers {
    margin-left: 5px;
    margin-top: 5px;
}
/* BLOG PANEL */
#blog-bg {
    background: url(../img/blog-bg.jpg) no-repeat center top;
    margin-top: -15px;
    background-attachment: relative;
    background-position: center center;
    min-height: 150px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#blog-bg .badge {
    position: absolute;
    top: 20px;
    left: 35px;
}
.badge-popular {
    background: #3498db;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
}
.blog-title {
    background: rgba(0,0,0,0.5);
    bottom: 100px;
    padding: 6px;
    color: white;
    font-weight: 700;
    position: absolute;
    display: block;
    width: 120px;
}
.blog-text {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 15px;
    font-size: 12px;
}
/* Calendar Configuration */
#calendar {
    color: white;
    padding: 0px !important;
}
.calendar-month-header {
    background: #43b1a9;
}
/* TODO PANEL */
.steps{
  display: block;
}
.steps input[type=checkbox] {
  display: none;
}
.steps input[type=submit]{
  background: #f1783c;
  border: none;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
  height: 55px;
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background 0.5s ease
}
.steps input[type=submit]:hover{
  background: #8fde9c;
}
.steps label{
  background: #393D40;
  height: 65px;
  line-height: 65px;
  width: 100%;
  display: block;
  border-bottom: 1px solid #44494e;
  color: #889199;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 1px;
  text-indent: 52px;
  cursor: pointer;
  transition: all 0.7s ease;
  margin: 0px;
}
.steps label:before{
  content:"";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  margin: 26px 0px 0px 18px;
  border-radius: 100%;
  transition: border 0.7s ease
}
.steps label:hover{
  background: #2B2E30;
  color: #46b7e5
}
.steps label:hover:before{
  border: 1px solid #46b7e5;
}
#op1:checked ~ label[for=op1]:before,
#op2:checked ~ label[for=op2]:before,
#op3:checked ~ label[for=op3]:before{
  border: 2px solid #96c93c;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpinHLMhgEHKADia0xQThIQs6JJ9gPxZhYQAcS6QHwDiI8hSYJAC0gBPxDLAvFcIJ6JJJkDxFNBVtgBcQ8Qa6BLghgwN4A4a9ElQYAFSj8C4mwg3o8sCQIAAQYA78QTYqnPZuEAAAAASUVORK5CYII=') no-repeat center center;
}
/* PROFILE PANELS */
/* Profile 01*/
#profile-01 {
    background: url(../img/profile-01.jpg) no-repeat center top;
    margin-top: -15px;
    background-attachment: relative;
    background-position: center center;
    min-height: 150px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#profile-01 h3 {
    color: white;
    padding-top: 50px;
    margin: 0px;
    text-align: center;
}
#profile-01 h6 {
    color: white;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 900;
}
.profile-01 {
    background: #68dff0;
    height: 50px;
}
.profile-01:hover {
    background: #2f2f2f;
  -webkit-transition: background-color 0.6s;
  -moz-transition: background-color 0.6s;
  -o-transition: background-color 0.6s;
  transition: background-color 0.6s;
  cursor: pointer;
}
.profile-01 p {
    color: white;
    padding-top: 15px;
    font-weight: 400;
    font-size: 15px;
}
/* Profile 02*/
#profile-02 {
    background: url(../img/profile-02.jpg) no-repeat center top;
    margin-top: -15px;
    background-attachment: relative;
    background-position: center center;
    min-height: 200px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#profile-02 .user {
    padding-top: 40px;
    text-align: center;
}
#profile-02 h4 {
    color: white;
    margin:0px;
    padding-top: 8px;
}
.pr2-social a {
    color: #cdcdcd;
}
.pr2-social a:hover {
    color: #68dff0;
}
.pr2-social i {
    margin-top: 15px;
    margin-right: 12px;
    font-size: 20px;
}
/*spark line*/
.chart {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.chart .heading {
    text-align: left;
}
.chart .heading span {
    display: block;
}
.panel.green-chart .chart-tittle {
    font-size: 16px;
    padding: 15px;
    display: inline-block;
    font-weight:normal;
    background: #99c262;
    width: 100%;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
#barchart {
    margin-bottom: -15px;
    display: inline-block;
}
.panel.green-chart .chart-tittle .value {
    float: right;
    color: #c0f080;
}
.panel.green-chart {
    background: #a9d96c;
    color: #fff;
}
.panel.terques-chart {
    background: transparent;
    color: #797979;
}
.panel.terques-chart .chart-tittle .value {
    float: right;
    color: #fff;
}
.panel.terques-chart .chart-tittle .value a {
    color: #2f2f2f;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active {
    color: #68dff0;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle {
    font-size: 16px;
    padding: 15px;
    display: inline-block;
    font-weight:normal;
    background: #39b7ac;
    width: 100%;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
.inline-block {
    display: inline-block;
}
/* showcase background */
.showback {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 2px #aab2bd;
}
/* Calendar Events - Calendar.html*/
.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 7px !important;
    margin-right: 7px !important;
    padding: 10px;
}
.drop-after {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ccc;
}
.fc-state-default, .fc-state-default .fc-button-inner {
    background: #f2f2f2;
}
.fc-state-active .fc-button-inner {
    background: #FFFFFF;
}
/* Gallery Configuration */
.photo-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #68dff0;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.project .overlay {
  position: absolute;
  text-align: center;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
 
}
.project:hover .photo-wrapper {
  background-color: #68dff0;
    background-image:url(../img/zoom.png);
    background-repeat:no-repeat;
    background-position:center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
}
.project:hover .photo {
  opacity: 10;
  filter: alpha(opacity=4000);
  opacity: 0.1;
  filter: alpha(opacity=40);
}
.project:hover .overlay {
  opacity: 100;
  filter: alpha(opacity=10000);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* EZ Checklist */
.ez-checkbox {
    margin-right: 5px;
}
.ez-checkbox, .ez-radio {
    height: 20px;
    width: 20px;
}
.brand-highlight {
background: #fffbcc !important;
}
/* FORMS CONFIGURATION */
.form-panel {
    background: #ffffff;
    margin: 10px;
    padding: 10px;
    box-shadow: 0px 3px 2px #aab2bd;
    text-align: left;
}
label {
    font-weight: 400;
}
.form-horizontal.style-form .form-group {
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.round-form {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}
@media (min-width: 768px) {
        .form-horizontal .control-label {
        text-align: left;
    }
}
#focusedInput {
    border: 1px solid #ed5565;
    box-shadow: none;
}
.add-on {
    float: right;
    margin-top: -37px;
    padding: 3px;
    text-align: center;
}
.add-on .btn {
    height: 34px;
}
/* TOGGLE CONFIGURATION */
.has-switch {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    line-height: 1.231;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 80px;
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
    mask: url('../img/mask.png') 0 0 no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.has-switch.deactivate {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
    cursor: default !important;
}
.has-switch > div {
    width: 162%;
    position: relative;
    top: 0;
}
.has-switch > div.switch-animate {
    -webkit-transition: left 0.25s ease-out;
    -moz-transition: left 0.25s ease-out;
    -o-transition: left 0.25s ease-out;
    transition: left 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.has-switch > div.switch-off {
    left: -63%;
}
.has-switch > div.switch-off label {
    background-color: #7f8c9a;
    border-color: #bdc3c7;
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
}
.has-switch > div.switch-on {
    left: 0%;
}
.has-switch > div.switch-on label {
    background-color: #41cac0;
}
.has-switch input[type=checkbox] {
    display: none;
}
.has-switch span {
    cursor: pointer;
    font-size: 14.994px;
    font-weight: 700;
    float: left;
    height: 29px;
    line-height: 19px;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 50%;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -o-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.has-switch span.switch-left {
    border-radius: 30px 0 0 30px;
    background-color: #2A3542;
    color: #41cac0;
    border-left: 1px solid transparent;
}
.has-switch span.switch-right {
    border-radius: 0 30px 30px 0;
    background-color: #bdc3c7;
    color: #ffffff;
    text-indent: 7px;
}
.has-switch span.switch-right [class*="fui-"] {
    text-indent: 0;
}
.has-switch label {
    border: 4px solid #2A3542;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float: left;
    height: 29px;
    margin: 0 -21px 0 -14px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 29px;
    z-index: 100;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -o-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.switch-square {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
    mask: url('../img/mask.png') 0 0 no-repeat;
}
.switch-square > div.switch-off label {
    border-color: #7f8c9a;
    border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left {
    border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left [class*="fui-"] {
    text-indent: -10px;
}
.switch-square span.switch-right {
    border-radius: 0 6px 6px 0;
}
.switch-square span.switch-right [class*="fui-"] {
    text-indent: 5px;
}
.switch-square label {
    border-radius: 0 6px 6px 0;
    border-color: #41cac0;
}
/*LOGIN CONFIGURATION PAGE*/
.form-login {
    max-width: 330px;
    margin: 100px auto 0;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.form-login h2.form-login-heading {
    margin: 0;
    padding: 25px 20px;
    text-align: center;
    background: #68dff0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
}
.login-wrap {
    padding: 20px;
}
.login-wrap .registration {
    text-align: center;
}
.login-wrap .form-control{ width: 100%;}
.login-social-link {
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
}
/*LOCK SCREEN CONF*/
#showtime {
    width: 100%;
    color: #fff;
    font-size: 90px;
    margin-bottom: 30px;
    margin-top: 250px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
}
.lock-screen {
    text-align: center;
}
.lock-screen a {
    color: white;
}
.lock-screen a:hover {
    color: #48cfad
}
.lock-screen i {
    font-size: 60px;
}
.lock-screen .modal-content {
    position: relative;
    background-color: #f2f2f2;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
}
.btn-facebook {
  color: #fff;
  background-color: #5193ea;
  border-color: #2775e2;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2775e2;
  border-color: #2775e2;
}
.btn-twitter {
  color: #fff;
  background-color: #44ccfe;
  border-color: #2bb4e8;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2bb4e8;
  border-color: #2bb4e8;
}
/*badge*/
.badge.bg-primary {
    background: #8075c4;
}
.badge.bg-success {
    background: #a9d86e;
}
.badge.bg-warning {
    background: #FCB322;
}
.badge.bg-important {
    background: #ff6c60;
}
.badge.bg-info {
    background: #41cac0;
}
.badge.bg-inverse {
    background: #2A3542;
}
/*easy pie chart*/
.easy-pie-chart {
    display: inline-block;
    padding: 30px 0;
}
.chart-info, .chart-info .increase, .chart-info .decrease {
    display: inline-block;
}
.chart-info {
    width: 100%;
    margin-bottom:5px;
}
.chart-position {
    margin-top: 70px;
}
.chart-info span {
    margin: 0 3px;
}
.chart-info .increase {
    background: #ff6c60;
    width: 10px;
    height: 10px;
}
.chart-info .decrease {
    background: #f2f2f2;
    width: 10px;
    height: 10px;
}
.panel-footer.revenue-foot {
    background-color: #e6e7ec;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    border: none;
    padding: 0;
    width: 100%;
    display: inline-block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .panel-footer.revenue-foot {
        margin-bottom: -4px;
    };
    }
.panel-footer.revenue-foot ul  {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-flex;
}
.panel-footer.revenue-foot ul li {
    float: left;
    width: 33.33%;
}
.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
    -webkit-border-radius: 0px 0px 0px 4px;
    border-radius: 0px 0px 0px 4px;
}
.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
    -webkit-border-radius: 0px 0px 4px 0px;
    border-radius: 0px 0px 4px 0px;
    border-right: none;
}
.panel-footer.revenue-foot ul li a{
    display: inline-block;
    width: 100%;
    padding: 14px 15px;
    text-align: center;
    border-right: 1px solid #d5d8df;
    color: #797979;
}
.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
    background: #fff;
    position: relative;
}
.panel-footer.revenue-foot ul li a i {
    color: #c6cad5;
    display: block;
    font-size: 16px;
}
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
    color: #ff6c60;
    display: block;
    font-size: 16px;
}
/*flot chart*/
.flot-chart .chart, .flot-chart .pie, .flot-chart .bars {
    height: 300px;
}
/*todolist*/
#sortable {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}
#sortable li {
    padding-left: 3em;
    font-size: 12px;
}
#sortable li i {
    position: absolute;
    left:6px;
    padding:4px 10px 0 10px;
    cursor: pointer;
}
#sortable li input[type=checkbox]{
    margin-top: 0;
}
.ui-sortable > li {
    padding: 15px 0 15px 35px !important ;
    position: relative;
    background: #f5f6f8;
    margin-bottom: 2px;
    border-bottom   : none !important;
}
.ui-sortable li.list-primary {
    border-left: 3px solid #41CAC0;
}
.ui-sortable li.list-success {
    border-left: 3px solid #78CD51;
}
.ui-sortable li.list-danger {
    border-left: 3px solid #FF6C60;
}
.ui-sortable li.list-warning {
    border-left: 3px solid #F1C500;
}
.ui-sortable li.list-info {
    border-left: 3px solid #58C9F3;
}
.ui-sortable li.list-inverse {
    border-left: 3px solid #BEC3C7;
}
/*footer*/
.site-footer {
    background: #68dff0;
    color: #fff;
    padding: 10px 0;
}
.go-top {
    margin-right: 1%;
    float: right;
    background: rgba(255,255,255,.5);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.go-top i {
    color: #2A3542;
}
.site-min-height {
    min-height: 900px;
}
/* added on 28-02-2015 */
.addMoreCustom {margin: 0 0 15px;}
#vehicle_orignal .small_field_custom, #service_orignal .small_field_custom{ width:100%;}
.small_field_custom{width: 22%; display:inline-block; margin:0 15px 10px 0;}
.form-control{ width: 25%;}
label.error {color: #000;font-size: 12px; text-align:center;}
.add_more_element_box{ float:left; width:22%; padding:0 15px 0 0;}
#add_more_vehicle .small_field_custom, #add_more_service .small_field_custom{ width:100%;}
.extra_field_wrapper{ padding:0 0 15px 0; float:left; width:100%;}
.assign_drop_custom{ display:inline-block; margin:0 15px 0 0;}
.red_asterisk{ color:#f00;}
.white_class
{
    color: #F7F8F9 !important;
}
.normal_hide{
    display:none;
}
.datehour_drop_custom{ width:18%; display:inline-block; margin:0 15px 0 0;}
.dateminute_drop_custom{ width:18%; display:inline-block; margin:0 15px 0 0;}
.clients_drop_inquiry_custom{ width:18%; display:inline-block; margin:0 15px 0 0;}
.small_fields_custom{ width:18%; display:inline-block; margin:0 15px 0 0;}
.inquiry_service_area_custom{height:34px !important; }
/*********************************** customer page ****************************************/
.common_search_custom form { padding: 0 0 10px;text-align: center;}
.customer_vehicle_labels div{ width:13%; float:left; padding:0 15px 10px 0; box-sizing:border-box; text-transform:uppercase; font-weight:bold;}
#add_more_customer_vehicle .add_more_element_box,
.ajax_customer_vehicle_boxes .add_more_element_box{ width:13%;}
.vh_vin_add_more .form-control{ width:100%;}
.vh_truck_add_more .vh_type_of_cabs { margin:10px 0; overflow:hidden;}
.vh_bed_size_drop,
#AjaxCustomerAddCustom select.form-control.vh_bed_size_drop
{ margin:0 0 10px;}
.vh_truck_add_more .form-control{ width:100%;}
#customer_vh_orignal .add_more_element_box{ width: 23.5%;}
#customer_vh_orignal .add_more_element_box input, #customer_vh_orignal .add_more_element_box textarea{ width:100%;}
#add_more_customer_vehicle input.small_field_custom, #add_more_customer_vehicle textarea{ width:100%;}
.customer_more_phone_custom #user_phone{ float:left;margin:0 10px 15px 0;}
.customer_more_phone_custom .addMoreCustom{ float:left;}
.customer_more_phone_custom input.form-control{ margin:0 10px 0 0; float:left;}
.customer_more_phone_custom .remove_extra_field{ float:left;}
.customer_more_mobile_custom #user_mobile{ float:left;margin:0 10px 15px 0;}
.customer_more_mobile_custom .addMoreCustom{ float:left;}
.customer_more_mobile_custom input.form-control{margin:0 10px 0 0; float:left;}
.customer_more_mobile_custom .remove_extra_field{ float:left;}
.add_more_vh_link {display: inline-block; padding:0; font-size:13px;width: auto; float:left; clear:left;}
.add_more_vh_link span {display: block;padding: 4px 10px;}
.pagination a{ background:#565e71; color: #fff; display: inline-block; padding: 5px 10px;}
.pagination a:hover, .pagination strong{ background:#ffd777; color: #fff;padding:5px 10px;display: inline-block;}
/*********************************** inquiry page ****************************************/
.inquiry_service_labels div{ width:22%; float:left; padding:0 15px 10px 0; box-sizing:border-box; text-transform:uppercase; font-weight:bold;}
.inquiry_service_labels .texable_label_form{ width:6%;}
#service_orignal .checkbox_more_element_box, #add_more_service .checkbox_more_element_box, #add_more_vehicle .checkbox_more_element_box{ float:left; margin:0 15px 0 0; width: 6%;}
.inquiry_parts_labels div{ width:12%; float:left; padding:0 15px 10px 0; box-sizing:border-box; text-transform:uppercase; font-weight:bold;}
.inquiry_parts_labels div:first-child{ width:25%;}
/*.inquiry_service_custom .staff_assign_outer_custom{ display: none;}*/
.inquiry_parts_labels .texable_label_form{ width:6%;}
.inquiry_parts_custom .add_more_element_box{ width: 12%;}
.inquiry_parts_custom .add_more_element_box:first-child{ width:25%;}
.ShowAjaxAddedCustomer{ float: left; margin: 0 15px 0 0;}
.ShowAjaxAddedCustomer .clients_drop_inquiry_custom{ width: 100%;}
.ShowAjaxAddedCustomer .customer_auto_complete{ width: 100%;}
.rightBtn{ float:right;}
.common_two_field{ float:left; width:100%;}
.common_two_field .form-group{ float:left; width:50%;}
.common_two_field .form-group textarea.form-control{ width:66%;}
.common_two_field .form-group .form-control{ width:47%;}
.red_customer_notes{ background:#f2001d; color:#FFFFFF;}
.sortable_drag_box{ margin: 0 auto; width:30%}
.sortable_drag_box ul.sortable_count{ float:left; padding:0 5px 0 0; width:10%; text-align:center;}
.sortable_drag_box ul.sortable_count li{ padding:8px 0;margin: 0 0 5px; width: auto;  border:1px solid #d3d3d3 ;min-height: 37px;}
.sortable_drag_box ul.sortable{ float:left; width:90%;}
.sortable_drag_box ul.sortable li{  border:1px solid #d3d3d3 !important; padding:8px 10px !important; height:auto !important; min-height:37px;}
.sortable_drag_box ul.sortable li.ui-sortable-handle{ cursor:pointer;}
.sortable_drag_box ul.sortable li.unsortable{ background:#e3e3e3; color:#797979;}
.sortable_drag_box ul.sortable li.ui-state-highlight{ background:#ffd777;}
.customer_ajax_detail{background:#f9f9f9;float: left;padding: 10px; width:100%;}
.customer_ajax_detail span{ padding:0 40px 10px 0;display: inline-block;float: left;}
.customer_ajax_detail span:nth-child(3n+1){ clear:left;}
.customer_ajax_detail a{ clear:left; display:block;}
.customer_ajax_detail a span{ padding:5px 10px;}
.customer_ajax_detail span b{ padding:0 8px 0 0;}
.js_customer_actions .add_customer_job_estimate{ background:#f9f9f9; clear:left;}
.js_customer_actions .add_customer_job_estimate .wrapper{ margin-top:0;}
.js_customer_actions .add_customer_job_estimate #js_add_customer_div{ margin-top:15px;}
.js_customer_actions .add_customer_job_estimate h3{ font-size:16px; margin:0;}
.js_customer_actions .add_customer_job_estimate .form-panel{background:#f9f9f9; float:left;box-shadow:none; width:100%; margin:0; padding:0;}
#js_add_customer_div .row{}
#js_add_customer_div .js_add_customer_last_row{ border-bottom:none;}
.js_customer_actions .add_customer_job_estimate .form-group{ border-bottom:none; margin:0; padding:0 10px 5px;}
.js_customer_actions .add_customer_job_estimate .form-control{ width:82%; float:left; display:inline-block;}
.js_customer_actions .add_customer_job_estimate .addMoreCustom{ margin-left:5px;}
.js_customer_actions .add_customer_job_estimate .btn-danger{ margin-left:5px;}
.custom_error_red {border: 1px solid #ff0000;}
.js_customer_actions .js_add_customer_vehicle_row{ padding:0 0 0 25px;}
#add_more_service .add_more_textarea{ width:35%;}
.nicEdit-main ul li{ list-style:disc;}
/*.inquiry_parts_custom .staff_assign_outer_custom{ display:none;}*/
/*********************************** Add Customer popup ****************************************/
#AjaxCustomerAddCustom .mb{ font-size: 16px;}
#AjaxCustomerAddCustom .wrapper, .ajx_wrapper{ margin-top:0;}
#AjaxCustomerAddCustom .form-panel, .ajx_panel{box-shadow:none; margin:0px; padding:0px;}
#AjaxCustomerAddCustom input.form-control, #AjaxCustomerAddCustom textarea.form-control, #AjaxCustomerAddCustom select.form-control{width:90%; float:left; margin:0 10px 0 0;}
#AjaxCustomerAddCustom #add_more_customer_vehicle textarea.form-control{ width: 100%;}
#AjaxCustomerAddCustom .inquiry_parts_custom .addMoreCustom{ float:none;}
#AjaxCustomerAddCustom .add_more_element_box{ width:13%;}
#AjaxCustomerAddCustom .add_more_element_box:last-child{ padding-right:0;}
#AjaxCustomerAddCustom  .add_more_element_box input.form-control, #AjaxCustomerAddCustom  .add_more_element_box testarea.form-control{ width:100%;}
.common_add_more_first{float: left;padding: 0 0 12px;width: 100%;}
#AjaxCustomerAddCustom .customer_vehicle_labels div{ width:13%;}
#AjaxCustomerAddCustom .customer_vehicle_labels div:last-child{ padding-right:0;}
#AjaxCustomerAddCustom #customer_vh_orignal textarea.form-control{ width:86%; margin: 0;}
#add_more_phone, #add_more_mobile{ margin-top:15px; float:left; width:100%;}
/*********************************** job page ****************************************/
.form-panel .job_no_heading, .order_list_main_content .job_no_heading{text-align: center;}
.inquiry_service_labels.jobs_service_label div, .inquiry_parts_labels.jobs_parts_label div{ width:18%;}
.inquiry_service_labels.jobs_service_label .texable_label_form, .job_service_custom #add_more_service .checkbox_more_element_box, .inquiry_parts_labels.jobs_parts_label .texable_label_form, #add_more_vehicle .checkbox_more_element_box{ width:6%; margin: 0;}
.job_service_custom .add_more_element_box{ width: 18%;}
.job_parts_custom .inquiry_parts_labels div{ width:12%;}
.job_parts_custom .inquiry_parts_labels div:first-child{ width:25%;}
.job_parts_custom .add_more_element_box{ width:12%;}
.multiple_staff_responsive{ width:25%;}
.multiple_staff_responsive .ms-choice{ height:34px; line-height:34px;}
.notifications{ max-height:710px; overflow-y:scroll;}
.AjaxJobDetailView{ overflow:hidden;}
.AjaxJobDetailView .work_detail_fisrt{ float:left; width:60%;}
.AjaxJobDetailView .work_detail_second{ float:left; width:40%;}
.job_listing_page .mb:nth-child(3n+1) {clear: left;}
/*********************************** staff popup ****************************************/
#AjaxStaffTimeCustom .form-control, #AjaxStaffTimeUpdate .form-control{ width: 100%;}
#AjaxStaffTimeCustom .datehour_drop_custom, #AjaxStaffTimeCustom .dateminute_drop_custom, #AjaxStaffTimeUpdate .datehour_drop_custom, #AjaxStaffTimeUpdate .dateminute_drop_custom{ width: 18%;}
.received_order_box{
    background-color:#FFC;
}
.shortage_inventory_row{
    background-color:#ff865c !important;
}
.element_name_anc{
    cursor: default;
}
.cusrsor_none
{
    cursor: default;
}
.worklog_area{
    width: 461px; height: 150px !important;
}
.quantity_added_row{
    background-color:#D6FFAD;
}
.part_added_row{
    background-color:#FFF0D1;
}
.part_edited_row{
    background-color:#F5FFFF;
}
.part_deleted_row{
    background-color:#D63333;
}
.job_complete_bar_custom{
    width: 80%; margin: 0 auto;
}
.table-striped > tbody > tr.shortage_inventory_row:nth-child(2n+1) > td, .table-striped > tbody > tr.shortage_inventory_row:nth-child(2n+1) > th{ background-color:#ff865c ;}
.ajax_customer_vehicle_boxes {  clear: left;}.customer_vehicle_checkbox_custom{ float: left;}.customer_vehicle_checkbox_custom input { margin-right: 10px; margin-top: 9px;}
 /***************************** Calender ************************/
.fullcander_custom_time_tr_td{ text-align:center;}
.fullcander_custom_time_span { border-right: 1px solid #000;font-size: 12px;margin-right: 2px; padding-right: 2px;}
.fullcander_custom_time_span:first-child { padding-left:0px;}
.fullcander_custom_time_span:last-child { border: medium none; margin-right: 0; padding-right: 0;}
.assigned_job_c{background-color: #f0ad4e !important; border:1px solid #f0ad4e !important}
.working_job_c{background-color: #5cb85c !important; border:1px solid #5cb85c !important}
.completed_job_c{background-color: #5bc0de !important; border:1px solid #5bc0de !important}
/*.fc-event-container .customEvent{
    margin-top:-24px;
    opacity: 0.8;
    height: 100px; } */
.customEvent{
    cursor: pointer;
    height: 100px; !important;
    margin-top: -22px !important;
    opacity: 0.8;
    text-align: center;
    height:90px;
     }
.fc-content {
    padding-top: 35px;
}   
.js_single_day .fc-content { padding:5px 0 0 5px; }
.mb.assign_role_module:first-child {
    margin-top: 15px;
}
.mb.assign_role_module {
    color: #000;
    margin-bottom: 0;
    margin-top: 30px;
    text-transform: uppercase;
}
.role_checkboxes {
    width: 30%;
}
.ui-autocomplete-loading {
    background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
    }
    
/*********************************** inventory page ****************************************/
.inventory_search_form{ text-align:center; float:left; width:100%;}
.inventory_search_form .add_more_element_box{float: none;width: auto;}
.quantityhistory_list_page_custom{ text-align:center;}
/*********************************** Dashboard page ****************************************/
.total_box{ margin-top:0;}
.dateTimeContainer .dateContainer{width:25%;padding-right: 5px;float: left;}
#AjaxCustomerAddCustom .dateTimeContainer .dateContainer{display: inline-block;float: left; width:40%;}
#AjaxCustomerAddCustom .dateTimeContainer .dc_hr,
#AjaxCustomerAddCustom .dateTimeContainer .dc_min,
.dateTimeContainer .dc_hr,
.dateTimeContainer .dc_min
{display: inline-block;float: none; width:18%;}
.writeCursor[readonly]{cursor: text;width: 100%;}
.save_ajax_form_loader {position: absolute;}
.save_loader_class { margin: 0 12px;width: 34px;}
.dateTimeContainer .error{}
.black-bg,
.site-footer{ background:#f2001d; }
ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus{ background:#f2001d; }
.ds h3{ background:#000; }
.form-login h2.form-login-heading{ background:#f2001d; }
.am_load_more_txt{ text-align:center;}
.am_load_more_txt span{ color:#ff865c; cursor:pointer;}
.job_loader_home{ text-align:center;}
.job_loader_home .save_loader_class{ width:23px; cursor:pointer;}
/*====================Massage board====================*/
#ajaxResponseDiv{ width: 100%; float: left; margin: 0 0 20px; }
#ajaxResponseDiv .ms_top_line{ margin: 0 0 10px; float: left; width: 100%; }
#ajaxResponseDiv .ms_top_line .job_no{ float: left; }
#ajaxResponseDiv .ms_top_line .Technician{ float: right; }
#ajaxResponseDiv form#ms_send_form{ width: 100%; float: left; margin: 0 0 20px; }
#ajaxResponseDiv form#ms_send_form textarea{ width: 100%; float: left; margin: 0; padding: 10px; height: 110px; }
#ajaxResponseDiv form#ms_send_form label.error{ width: 100%; clear: both; padding: 2px 0; }
#ajaxResponseDiv form#ms_send_form button{ line-height: normal; padding: 12px 20px 10px; margin: 10px 0 0; clear: both; display: block; float: left; }
#ajaxResponseDiv .ms_desc{ margin: 0 0 15px; width: 100%; float: left; background: #e6e6e6; border-bottom: 1px solid #ccc; border-left: 1px solid #dbdbdb; border-radius: 6px; border-right: 1px solid #dbdbdb; overflow: hidden; padding: 15px; }
#ajaxResponseDiv .ms_msg_wrap{ width: 100%; clear: both; }
#ajaxResponseDiv .js_load_more_msg{ width: 100%; clear: both; }
#ajaxResponseDiv .ms_desc .details{ width: 100%; margin: 0 0 15px; }
#ajaxResponseDiv .ms_desc .details span{ margin: 0 20px 0 0; }
#ajaxResponseDiv .ms_desc .details span:last-child{ margin-right: 0; }
#ajaxResponseDiv .ms_desc .details span span{ margin: 0 5px 0 0; padding: 5px; line-height: normal; }
#ajaxResponseDiv .ms_desc .details span.date{ font-weight: 300; font-size: .9em; opacity: .7; float: right; }
#ajaxResponseDiv .submit_wrap_chat{ position:relative; clear: both; }
#ajaxResponseDiv .submit_wrap_chat .save_ajax_form_loader { height: 42px; left: 0; line-height: 42px; position: absolute; text-align: center; top: 10px; width: 74px; }
#ajaxResponseDiv .ms_desc + .js_load_more_msg{ text-align: center; }
#js_message_content li a{ padding: 10px !important; display: block; }
#js_message_content li a span{ color: #000; }
#js_message_content li a span.subject .from{ float: right; }
#js_message_content li.ms_unread,
#js_message_content li.ms_unread a,
#js_message_content li.ms_unread a:hover{ background:#ffffcc !important; }
#js_noti_content {
    height: 400px;
    overflow-y: scroll;
}
#js_noti_content li a > span{ padding: 0 0 5px; display:block; }
#js_noti_content li.ms_unread,
#js_noti_content li.ms_unread a,
#js_noti_content li.ms_unread a:hover{ background:#ffffcc !important; color:black; }
#js_noti_content li a > span.time{ text-align: right; font-style: italic; font-size: 11px; display:block; padding:0; }
#js_message_content li a > span{ padding: 0 0 5px; display:block; }
#js_message_content li a > span:last-child{ padding: 0; }
#js_message_content li a > span.time{ text-align: right; font-style: italic; font-size: 11px; }
.all_message_div ul{ padding: 0; }
.all_message_div ul li { padding: 0; border-bottom:1px solid #dddddd; width: 100%; overflow: hidden; }
.all_message_div ul li p a{ padding: 10px;  }
.all_message_div #js_message_content li a{ float: left; display: block; width: 100%; box-sizing: border-box; font-size: 0; padding: 15px 10px;}
.all_message_div #js_message_content li a > span{ display:inline-block; margin: 0; font-size: 14px; padding: 0 5px !important; }
.all_message_div #js_message_content li a > span.subject{ width: 30%; }
.all_message_div #js_message_content li a > span.message{ width: 50%; }
.all_message_div #js_message_content li a > span.time{ width: 20%;font-size: 14px; }
.all_message_div #js_message_content li a > span.subject span.from{ float:none !important; padding-left:8px; }
.all_message_div #js_message_content{ width: 100%;  }
.all_message_div ul li.ms_no_msg p{ background: #f2dede; border:  1px solid #ebccd1; color: #a94442; border-radius: 4px; margin: 20px; padding: 15px; }
/*.dropdown-toggle .js_unread_msg{ left: 0; top: 0; right: 0; bottom: 0; padding: 0; }
.dropdown-toggle .js_unread_msg .unread_loader_home { background: none; }*/
.dropdown-toggle .js_unread_msg .unread_loader_home img,
.dropdown-toggle .js_unread_noti .unread_loader_home img{ width: 9px; height:auto; margin: 0; }
#header_inbox_bar .js_header_msg .unread_loader_home{ clear: both; text-align: center; margin-top: 10px; }
.cursor_pointer{ cursor: pointer; }
.js_home_calendar{ padding: 20px 0 0; }
.js_home_calendar .js_today_container .calendar_single_day,
.js_home_calendar .js_tomorrow_container .calendar_single_day{ max-width: 100%; width: 100%; min-height: 95px; border-radius: 5px; }
.dashboard_page .total_box { margin-bottom: 10px; }
.dashboard_page .total_box .col-md-2 a .box1{ padding: 5px; }
.dashboard_page .total_box table{ margin-bottom: 10px; }
.dashboard_page .content-panel{ padding: 5px 0 0; }
.dashboard_page #no-more-tables table{ margin-bottom: 0; }
.js_calendar_page.js_single_day .heading2{ clear: both; margin: 60px auto 20px; max-width: 900px; }
.js_calendar_page.js_single_day .fc-center{ display: none; }
@media(max-width:1080px){
.all_message_div #js_message_content li a > span.subject { width: 100%; font-size: 14px; padding: 0 0 5px !important; }
.all_message_div #js_message_content li a > span.message,
.all_message_div #js_message_content li a > span.time{ width: 50%; font-size: 14px; padding: 0 0 5px !important; }   
}
@media(max-width:640px){
    #ajaxResponseDiv .ms_desc{ padding:10px; }
}
@media(max-width:639px){
.header.black-bg .message_inbox_custom{ display: block; float: right; margin-right: 0; margin-left: 0; }
#header_inbox_bar .dropdown-menu{ right: 0; left: auto; }
#header_inbox_bar .notify-arrow{ right: 21px; left: auto;  }
}
.label.label-orange{ background: orange; }
#js_noti_content:empty{ display: none; }
#js_noti_content{ padding: 10px; height: auto; max-height: 400px; overflow-y: auto; padding: 10px;  }
.job_pop_side_value { display: inline-block; vertical-align: top; padding:0 0 0 3px; }
.table-bordered > thead > tr > th.anc_date_field_custom a{ display: block; color: #797979; text-decoration: underline; box-sizing: border-box; padding-right:20px;  }
.table-bordered > thead > tr > th.anc_date_field_custom.anc_date_field_asc_custom a{ background:url(images/icon-arrow-down.png) no-repeat right center; }
.table-bordered > thead > tr > th.anc_date_field_custom.anc_date_field_desc_custom a{ background:url(images/icon-arrow-up.png) no-repeat right center; }
.table-bordered > thead > tr > th.sr_part_no{ min-width: 110px; box-sizing: border-box; }
.vh_truck_add_more .vh_bed_size.bed_new_class,
.vh_truck_add_more .vh_type_of_cabs.cabs_new_class{ clear: both; width: 100%; padding: 15px 0 0; margin: 0; float: left; }
.vh_truck_add_more .vh_bed_size,
.vh_truck_add_more .vh_type_of_cabs{ float: left; width: 100%; clear: left; padding: 10px 0 0; margin: 0; }
.deposit_fields .form-group{ margin: 0 ; padding: 0 15px 0 0; width: 33%; float: left; }
.deposit_fields .form-group .col-sm-6,
.deposit_fields .form-group .col-sm-8{ padding-right: 0; padding-left: 0; width: 66.6667%; }
.deposit_fields .form-group label { padding-left: 0; white-space: nowrap; text-align: right; }
.deposit_fields .form-group:first-child label { text-align: left; }
.deposit_fields .form-group input.form-control,
.deposit_fields .form-group select.form-control { width: 100%; margin: 0; }
.job_section_wrapper .form-panel .form-group .dateContainer input.dc_dt{ max-width: 197px; width: 100%;  }
input.form-control.loader_field_input{ float: left; }
.form-control.loader_field_input + .error{ clear: both; width: 100%;  }
input.datefield, .datefield1{ background:url(images/calendar.svg) no-repeat right 5px center / auto 20px; }
.radio-btn-wrap label{ float:left; padding:0; margin-right:10px; }
.radio-btn-wrap label.green-btn span{ background:green; }
.radio-btn-wrap label.red-btn span{ background:red; }
.radio-btn-wrap label span{ display:block; padding:10px 15px; color:#fff; font-size:13px; border-radius: 2px; opacity: .5; transition: all ease-in-out .3s; }
.radio-btn-wrap label span:hover,
.radio-btn-wrap label input:checked + span { box-shadow:0 0 5px rgba(0,0,0,.7); opacity: 1; }
.radio-btn-wrap label input{ opacity: 0; visibility: hidden; }
/*.table-striped > tbody > tr.update-light-yellow > td{ background-color:#fff1ce; }
.table-striped > tbody > tr.update-light-green > td{ background-color:#d9ead4; }
.table-striped > tbody > tr.update-dark-red > td{ background-color:#e8999a; }
.table-striped > tbody > tr.update-light-red > td{ background-color:#f3cccd; }*/
#main-content{ min-height:600px;}
.modal-header small{ margin-left:10px; color:#fff; }
#container{ position:relative; min-height:100vh; box-sizing:border-box; padding-bottom:60px; padding-top:85px; }
a.logo img{ height:35px; width:auto; }
.black-bg{ background:#fff; -webkit-box-shadow: 0 1px 6px rgba(57,73,76,0.35); box-shadow: 0 1px 6px rgba(57,73,76,0.35); top:0; }
.site-footer{background-color: #222; color:#fff; position:absolute; left:0; bottom:0; width:100%; }
#top_menu .nav > li, ul.top-menu > li:last-child a{ margin-right:0; }
ul.top-menu > li > a,
ul.top-menu > li > a:active,
ul.top-menu > li > a:focus,
ul.top-menu > li > a:hover{ border:0 none !important; text-decoration:none; border-radius:0 none; color: #616161; display: block;font-size: 14px; padding:19px 10px; }
ul.top-menu > li > a:hover,
ul.top-menu > li > a.active_class{ color:#00a8ff !important; }
table .s-no{ width:36px; }
table .action{ width:150px; }
ul.top-menu > li > a.add-task{ background:#d9534f; color:#fff; padding:5px 10px; margin-top:13px; }
ul.top-menu > li > a.add-task:hover,
ul.top-menu > li > a.add-task.active_class,
ul.top-menu > li > a.add-task:active,
ul.top-menu > li > a.add-task:focus{ background:#c9302c !important; color:#fff !important; }
.table-bordered > tr > th,
.table-bordered > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td{ border:0 none !important; }
.table-bordered { border-left:0 none; border-right:0 none; }
/*============================*/
body{ color: #000; background: #fff; }
table .form-inline select.form-control{  padding:5px 5px 5px 0; height:auto; margin:0; width:100%; max-width:200px; -webkit-appearance: none; appearance: none; background: url(../img/arrow-icon.png) no-repeat right center / 13px auto; box-shadow: none; text-align: left; border:0 none; position:relative; left:-4px; color:#333; font-size:13px; cursor:pointer; }
table .form-inline .form-group{ width:100%; }
td.action a.btn{ background:none !important; border:0 none; }
td.action a.btn .fa:before { color:#000; font-size:16px; }
header.header { padding-left:10px; padding-right:10px; box-sizing: border-box; }
.table-striped > tbody > tr.update-light-yellow > td span.label { background-color:#fff1ce; color:#333; }
.table-striped > tbody > tr.update-light-green > td span.label{ background-color:#d9ead4; color:#333; }
.table-striped > tbody > tr.update-dark-red > td span.label{ background-color:#e8999a; color:#333; }
.table-striped > tbody > tr.update-light-red > td span.label{ background-color:#f3cccd; color:#333; }
.table-striped > tbody > tr > td span.label{ background-color:#fff; color:#333; font-weight:normal; }
footer.site-footer{ display:none; }
table .action {width: 95px; }
#container{ padding-top:72px; }
#main-content .wrapper,
#main-content .wrapper .row,
#main-content .wrapper .row .col-lg-12,
#main-content .wrapper .row .col-lg-12 .content-panel { margin:0; padding:0; }
#main-content .wrapper .row .col-lg-12 .content-panel{ box-shadow:none; }
#main-content .wrapper .row .col-lg-12 .content-panel .table-bordered{ border:0 none; }
#main-content .wrapper .row .col-lg-12 .content-panel #no-more-tables .common_search_custom{ display:none; }
#no-more-tables{ background: url(../img/table-bg.png) repeat 0 1px; }
#no-more-tables table th, #no-more-tables table td{ height:33px !important; box-sizing:border-box; padding:0px 5px !important; vertical-align:middle !important; }
#no-more-tables table td .over-flow-text{ width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
#no-more-tables table td .over-flow-text:empty{ display:none; }
#no-more-tables table th,
#no-more-tables table td { white-space:nowrap; }
#no-more-tables table td .modal-body{ white-space:normal; }
#no-more-tables table td.big{ width:300px; }
#no-more-tables table td.medium{ width:200px; }
#no-more-tables table td.small{ width:100px; }
.alert{ text-align:center; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel{ width: 748px; margin: 60px auto 0; float: none; padding: 40px; box-shadow: none; border:1px solid rgba(0,0,0,.3); border-radius:0; overflow:hidden; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel h3{ margin:0 0 15px; text-align:center; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .mb{ text-align:left; margin:0 0 10px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel form{ margin:0 -5px; display:block; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group{ margin:0 0 10px; padding:0 5px; border:0 none; width:100%; float:left; clear:both; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group:nth-child(2n+1){ clear:left; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group label{ width:100%; margin:0 0 3px; padding:0; line-height:normal; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 { width:100%; margin:0; padding:0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 select,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 textarea{ width:100%; border-radius:3px; margin:0; padding:5px; height:auto; padding:8px; color: #333;font-family: 'Roboto Condensed', sans-serif; /*'Roboto', sans-serif*/ 
font-size: 13px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 select{ height: 33px;  }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input[type="radio"],
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input[type="checkbox"]{ height:auto; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.submit-btn-wrap {  width:100%; clear:both; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.submit-btn-wrap .col-sm-10{ text-align:center; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.submit-btn-wrap .col-sm-10 button{ background: #00a8ff; padding: 10px 30px; border: 0 none; font-size: 15px; color: #fff; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group button,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group button{}
.modal-dialog #ajaxResponseDiv{ padding-bottom:0; margin-bottom:0; }
.modal-dialog #AjaxCustomerAddCustom .wrapper{ padding-bottom:0; }
img.attach-img{ width:150px; height:auto; max-width:100%; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group label{ width:175px; float:left; font-weight:500; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10{ width:auto; float:none; margin-left:185px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10 .checkbox{ padding:0; margin:0; } 
table th button.dropdown-toggle:focus,
table th button.dropdown-toggle:active:focus,
table th button.dropdown-toggle.active:focus,
table th button.dropdown-toggle{ background: url(../img/arrow-icon.png) no-repeat right center / 13px auto !important; width:auto; padding-left: 0; padding-right: 17px; text-align: left; border: 0 none; font-size: 13px; font-weight:normal; outline: 0 none; box-shadow:none; }
table th button.dropdown-toggle .caret{ display:none; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10 .checkbox.button-box .btn {background: #000; color: #fff; font-size: 13px;  margin: 0 0 0 1px; padding: 5px 10px; line-height: normal; font-weight: normal !important; text-transform: uppercase; border-radius: 0; border: 2px solid #000; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10 .checkbox.button-box .btn:hover,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10 .checkbox.button-box .btn.active,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10 .checkbox.button-box .btn.btn-reverse{ background: #fff; color: #000; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10 .checkbox.button-box .btn.btn-reverse:hover,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10 .checkbox.button-box .btn.btn-reverse.active{ background: #000; color: #fff; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group.margin-top{ margin-top: 15px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group.margin-top .control-label{ margin-top: 6px; }
@media(min-width:1199px){
#main-content .wrapper{ margin-left:auto; margin-right:auto; margin-top:0; clear:both; display:block; max-width:80%; }
}
#main-content .wrapper{ width:100%; max-width:100%; }
#no-more-tables table {  max-width:calc(100% - 20px)/*80%*/; margin:0 auto; }
#no-more-tables table .label { font-size:inherit; padding:0; }
@media(max-width:1199px){
header.header{ padding-left:15px; padding-right:15px; }
#no-more-tables table{ max-width:calc(100% - 30px); }
}
/*====for responsive menu only====*/
header.header .responsive-btn{ position: absolute; width: 30px; height: 30px; right: 15px; top: 14px; z-index: 99; display:none; }
header.header .responsive-btn a{ display:block; width:100%; height:30px; background:url(../img/burger-icon.png) no-repeat center center; }
@media(max-width:990px){
header.header .responsive-btn{ display:block; }
header.header div.top-menu { position: absolute; width: 220px; top: calc(100% + 1px); right: 15px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.5); margin: 0; padding: 0; display:none; }
header.header div.top-menu ul{ margin:0; padding:0; }
header.header div.top-menu ul li{ width: 100%; border-bottom: 1px solid rgba(0,0,0,.2); }
header.header div.top-menu ul li a{ margin:0; padding:10px 15px; border-radius:0; }
#main-content .wrapper .row .col-lg-12 .content-panel #no-more-tables .common_search_custom{ padding:10px 0; display:block; }
#main-content .wrapper .row .col-lg-12 .content-panel #no-more-tables .common_search_custom form{ padding:0; }
#main-content .wrapper .row .col-lg-12 .content-panel #no-more-tables .common_search_custom .form-group select { border-radius:0; margin:0; min-width:250px;  }
}
@media(max-width:767px){
#main-content .wrapper .row .col-lg-12 .content-panel #no-more-tables .common_search_custom .form-group{ margin:0 10px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel{ width:calc(100% - 30px); }
}
@media(max-width:639px){
#main-content{ min-height:1px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel{ margin-top:20px; padding:10px; border:0 none; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group{ width:100%; }
}
@media(max-width:599px){
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group label{ width:100%; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10{ margin-left:0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group.margin-top{ margin-top:3px; }
}
.recurring_type_box{ padding:10px 0; }
table.recurring_type{ border:0 solid #ccc; }
table.recurring_type tr{ border-bottom:1px solid #ccc; }
table.recurring_type tr.noborder{ border-bottom:1px solid #fff; }
table.recurring_type > tbody > tr > td{ vertical-align:middle; padding:5px 0; }
table.recurring_type > tbody > tr > td[colspan="2"]{ height:32.5px; }
@media(max-width:599px){
table.recurring_type > tbody > tr > td[colspan="2"]{ height:auto; }
}
table.recurring_type > tbody > tr > td input[type="radio"]{ float:left; margin:0 !important;  }
table.recurring_type > tbody > tr > td label{ display:block; margin:0 !important ; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .is_reccuring_options label{ width:auto; display:inline-block; float:none; margin-right:15px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .is_reccuring_options label input[type="radio"]{width: auto; float: left; position: static; margin: 0 5px 0 0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.is-recurring-wrap{ padding:0;}
.is-recurring-wrap .col-sm-12 { padding:0;  }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.submit-btn-wrap .col-sm-10 button.custom_orange_btn{ background:orange; }
.home-page{ width:100%; clear:both; margin-top:-20px; }
.home-page img{ width:100%; height:auto; }
.permission-wrap .form-horizontal.style-form > h4{ margin:0 0 15px; }
.permission-wrap .form-horizontal.style-form label.form-group{ margin:0; width:auto; border-bottom:0; padding:0 15px 0 0; }
.permission-wrap .form-horizontal.style-form h5.assign_role_module{ font-size:15px; margin:0 0 5px; text-transform:none; }
.permission-wrap .form-horizontal.style-form h5.assign_role_module i{ display:none; }
/*New design*/
input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"], select, textarea{ border:1px solid #000; }
input[type="text"], input[type="password"], select, textarea{ padding:6px 10px; }
.inner-table input[type="text"], .inner-table input[type="password"], .inner-table select, .inner-table textarea{ padding:3px 3px; }
input[type="text"].error, input[type="password"].error, select.error, textarea.error{ /*border-color: red;*/ }
label.error{ color: #000; font-size: 12px; }
.radio-wrap label{ display: inline-block; width: auto !important; margin: 0 15px 0 0 !important; }
.radio-wrap label input{ width: 16px !important;  }
table.recurring_type.inner-table td input[type="radio"]{ margin: -1px 5px 0 0; }
header.header{ border-bottom: 3px solid #000; box-shadow: none;  }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group{ margin-bottom: 15px;  }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.submit-btn-wrap{ padding-top: 8px; margin-bottom: 3px; }
#main-content > .wrapper > .row.mt .col-lg-12 h2.form-login-heading + .form-panel{ margin-top: 0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel{ width: 512px; padding: 15px; border-radius: 0; border: 0 none; box-shadow: 0 0 8px rgba(0,0,0,.15); }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 select,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 textarea{ border-radius: 0; border:1px solid #000; border-radius: 0; padding: 6px 10px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group label{ color:#000; font-size:15px; font-weight: 500;  }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input[type="file"]{ height: auto; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input.error,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 select.error,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 textarea.error{ border-color: black;  }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group label.error{ color: black; font-size: 12px; text-align:center; }
.new-top-menu{ float: right; }
.new-top-menu *{transition: all ease-in-out .3s;  }
.new-top-menu li{ position:relative; float: left; margin:15px 5px;  }
.new-top-menu ul li a{ display: block; color: #000; font-size: 14px; padding:5px 15px; border:2px solid #000; border-radius: 0; line-height: 1.42857143; }
.new-top-menu ul li span{ display: block; color: #000; font-size: 14px; padding:5px 0; border:2px solid #fff; border-radius: 0; line-height: 1.42857143; }
@media(max-width:990px){
.new-top-menu ul li span{ padding:7px 10px;}
}
.new-top-menu ul li a:hover,
.new-top-menu ul li a.active_class{ background: #000; color: #fff; }
.new-top-menu ul li.dropdown > a{ padding: 0; border-color: #fff; font-size: 32px; line-height: 1; background: none; color: #000; }
.new-top-menu ul li ul{ position:absolute; padding:0; width:170px; right:0; top:99.99%; background:rgba(255,255,255,.9);  box-shadow:0 0 3px rgba(0,0,0,.5); visibility:hidden; opacity:0;  }
.new-top-menu ul li:hover ul{ visibility: visible; opacity: 1;  }
.new-top-menu ul li ul li{ border-bottom: 1px solid rgba(0,0,0,.2); width: 100%; margin: 0; }
.new-top-menu ul li ul li a{ padding:6px 10px; border: 0 none;  }
.new-top-menu ul li.create-task-disable a{color:#bebebe; border:2px solid #bebebe; cursor:not-allowed; background-color:transparent;pointer-events:none; }
.new-top-menu ul li.create-task-disable a:hover{ background-color:#e8e8e8; }
.new-top-menu ul li.bal-high a,
.new-top-menu ul li.bal-low a,
.new-top-menu ul li.add-credit a{  }
.new-top-menu ul li.bal-low a,
.new-top-menu ul li.bal-low span{ color:red !important; }
.new-top-menu ul li.add-credit a{ color:#7da84e !important; }
@media(min-width:991px){
.new-top-menu ul li.bal-high a,
.new-top-menu ul li.bal-low a,
.new-top-menu ul li.add-credit a{ padding-left:0; padding-right:0; border-color:#fff; background-color:#fff; color:#000; }
}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .dateTimeContainer{ padding-left: 0; padding-right: 0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.submit-btn-wrap .col-sm-10 button{ background: #000; display: block; font-style: 15px; text-transform: uppercase; width: 100%; border-radius: 0; padding:4px 10px; border:2px solid #000; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.submit-btn-wrap .col-sm-10 button:hover{ background: #fff; color: #000; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab .form-group{ width: 45%; float: left; clear: none; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab .form-group + .form-group { margin-left: 10%;  }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group label small{ font-size: 11px; color:#7f7f7f; display: block; padding:2px 0; font-weight: normal; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab.new-half-tab .form-group{width:calc(50% - 5px)}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab.new-half-tab .form-group + .form-group {margin-left:10px}
@media(max-width:599px){
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab.new-half-tab .form-group{width:100%}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab.new-half-tab .form-group + .form-group {margin-left:0}
}
label.checkbox-wrap input[type="checkbox"]{ float: left; margin: 2px 5px 0 0; }
label.checkbox-wrap .check-box-wrap{ margin-left: 20px; font-size: 13px; font-weight: normal; }
.inner-table td select { width: 47%; margin: 0 1%; -webkit-appearance: none; appearance: none; background:url(../img/arrow-icon.png) no-repeat right 4px center / 10px auto; padding:1px 20px 1px 1px; border-radius: 0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 select{-webkit-appearance: none; appearance: none; background:url(../img/arrow-icon.png) no-repeat right 4px center / 10px auto; padding-right: 20px; padding-top: 7px; padding-bottom: 7px; line-height: normal;}
.permission-wrap .content-panel{ width: 512px; margin: 0 auto; }
.permission-wrap .form-horizontal.style-form label.form-group{ width: 25%; float:left; }
.form-horizontal.style-form .form-group.update-btn-wrap{ text-align: center; margin-bottom: 5px; padding-bottom: 0; border-bottom: 0;  }
@media(max-width:990px){
.new-top-menu{ position:absolute; padding:0; width:170px; right:6px; top:99.99%; background:rgba(255,255,255,.9); box-shadow:0 0 3px rgba(0,0,0,.5); visibility:hidden; opacity:0; transition:all ease-in-out .3s; display:none; overflow:auto; max-height:calc(100vh - 55px); scroll-behavior:smooth; scrollbar-width:thin; }
.new-top-menu.active-menu{ visibility: visible; opacity: 1; display:block; }
.new-top-menu li{ border-bottom: 1px solid rgba(0,0,0,.2); width: 100%; margin: 0;  }
.new-top-menu ul li a{ border:0 none; }
.new-top-menu ul li ul{ visibility: visible; opacity: 1; }
.new-top-menu ul li.dropdown > a{ display: none; }
    .new-top-menu ul li a,
    .new-top-menu ul li ul li a{ padding: 5px 10px; }
}
@media(max-width:767px){
}
@media(max-width:599px){
.permission-wrap .content-panel,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel{ width: 100%; max-width: 100%; box-shadow: none; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab .form-group,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab .form-group + .form-group{ width: 100%; margin-left:0;  }
table.inner-table tr,
table.inner-table td{ display: block; }
table.inner-table td label{ margin: 0 !important; }
table.inner-table td + td{ padding-top: 0; }
table.inner-table thead{ display: none; }
}
.btn-theme{ background: #000; color: #fff; border-radius: 0; border: 2px solid #000 !important; padding: 8px 20px; text-transform: uppercase; }
.btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open .dropdown-toggle.btn-theme{ background: #fff; color: #000; }
.form-panel #task-form + .alert-success { background:rgba(128, 128, 128,.35); color:#000; border:0 none; padding:6px 30px 6px 10px; border-radius:0; }
.form-panel #task-form + .alert-success .close{ /*color:#fff; opacity:1; box-shadow:none;*/ }
.msg-all { background:rgba(128, 128, 128,.35); color:#000; border:0 none; padding:6px 30px 6px 10px; border-radius:0; }
.assign-previleges-chk label.role_checkboxes.form-group{ line-height: 32px; cursor: pointer; }
.assign-previleges-chk label.role_checkboxes.form-group{ width:auto; display:inline-block;  margin: 0 10px 0 0; padding: 0; }
.assign-previleges-chk label.role_checkboxes.form-group input[type="checkbox"],
td #role-form input[type="checkbox"]{ position: relative; top: 1px;}
td #role-form input[type="checkbox"]{ margin-left: 5px; }
.assign-task-div form{ width: 100%; }
td.assign-task-td .assign-task-div form select{ padding: 2px 3px; line-height: normal; display: inline-block; margin: 0 2px 0 0;}
td.assign-task-td .assign-task-div form button{ padding: 1px 8px; line-height: normal; display: inline-block; }
td.assign-task-td .assign-task-div form span{ padding: 0 3px; display: inline-block; line-height: 27px; }
.assign-previleges-chk label.role_checkboxes.form-group i:before{ color:rgba(128, 128, 128,.5); }
.assign-previleges-chk label.role_checkboxes.form-group input[type="checkbox"]{ visibility: hidden; opacity: 0; display: none; }
.assign-previleges-chk label.role_checkboxes.form-group:hover i:before,
.assign-previleges-chk label.role_checkboxes.form-group input[type="checkbox"]:checked + i:before{ color:rgba(0, 0, 0,1); }
.assign-previleges-chk button{padding: 3px 15px;}
#no-more-tables table td span.label{ background: none; }
#no-more-tables table td span.label.label-danger{ color:red; }
#no-more-tables table td span.label.label-warning{ color:orange; }
#no-more-tables table td span.label.label-success{ color:green; }
@media(min-width:991px) {
#no-more-tables td.user-pre-sl,
#no-more-tables td.user-pre-sl div { max-width:35px; width:35px; }
#no-more-tables td.user-pre-first-name,
#no-more-tables td.user-pre-first-name div { max-width:170px; width:170px; }
#no-more-tables td.user-pre-username,
#no-more-tables td.user-pre-username div { max-width:217px; width:217px; }
#no-more-tables td.user-pre-role,
#no-more-tables td.user-pre-role div { max-width:100px; width:100px; }
#no-more-tables td.user-pre-action,
#no-more-tables td.user-pre-action div { max-width:120px; width:120px; }
#no-more-tables td.user-pre-previlage,
#no-more-tables td.user-pre-previlage div { width:auto; }
td.assign-task-td{max-width: 250px; width: 250px; }
.assign-task-div{ max-width: 407px; overflow: hidden; padding: 1px 0 0; }
}
@media(max-width:990px){
td.assign-task-td .assign-task-div form button{ margin-bottom: 0; }
}
@media(max-width:639px){
td.assign-task-td .assign-task-div form span{ display: none; }
}
/*====header new design====*/
@media(min-width:991px){
/*body.sticky-table{background: #fff url(../img/black-bg.png) repeat-x 0 72px fixed; }*/
body.sticky-table .content-panel{ background: none;  }
#no-more-tables{ background:url(../img/black-bg.png) repeat-x fixed 0 72px, url(../img/table-bg-old.png) repeat 0 0 /*url(../img/black-bg.png) repeat-x 0 0px, url(../img/table-bg.png) repeat 0 0*/;   }
#no-more-tables thead th{ position: sticky; position: -webkit-sticky; top: 72px; z-index: 99; background:#000; color: #fff; border-top: 0px solid #e0e0e0 !important; height: 32px !important; }
#no-more-tables thead th.has-dropdown-checkmenu{ z-index:100; }
#no-more-tables thead th a,
table th button.dropdown-toggle:focus, table th button.dropdown-toggle:active:focus, table th button.dropdown-toggle.active:focus, table th button.dropdown-toggle,
table .form-inline select.form-control{ color: #fff !important ; background:url(../img/arrow-icon-white.png) no-repeat right center / 13px auto !important; padding-right: 16px; }
table .form-inline select.form-control option{  color:#000 !important; }
#no-more-tables table td span.label { display: inline-block; /*padding: 3px 6px;*/ }
#no-more-tables thead th .dropdown-menu a/*, #no-more-tables thead th .dropdown-menu label*/{ color:#000 !important; }
/*#no-more-tables thead th .dropdown-menu label { padding:3px 16px 3px 20px; }*/
header.header{ height: 72px;  }
}
#no-more-tables thead th .dropdown-menu a input{  pointer-events: none; }
/*====end header new design====*/
/*.form-login h2.form-login-heading{ background: #000; padding: 10px 0; text-align: center; text-transform: capitalize; border-radius: 0; }
.form-login .login-wrap{ padding: 15px ; }
.form-login .login-wrap input[type="text"],
.form-login .login-wrap input[type="password"]{ border-radius: 0; border: 0 none; border-bottom: 1px solid #000; padding: 5px 0; box-shadow:none; color: #000; height: auto; }
.form-login .login-wrap ul{ list-style: none; margin: 0; padding: 0; }
.form-login .login-wrap ul li{ padding: 0; margin: 0 0 20px; }
.form-login .login-wrap ul li button{ background: none; color: #000; font-size: 25px; border: 0 none !important; text-transform: none; padding: 5px 0; outline:0 none !important ;  box-shadow: none !important;}
.form-login .login-wrap ul li button i{ display: none; }
.form-login .form-text{ text-align: center; }
.form-login .form-text p{ font-size: 15px; }
.form-login .form-text .form-link a{ display: inline-block; font-size: 20px; color: #000; text-decoration: underline; text-transform: uppercase; padding: 0 5px;  }*/
.uploadimg-box-wrap .uploadimg-box{  position: relative; float: left;  }
.remove-attachment{ position: absolute; right: -5px; top: -5px; cursor: pointer; }
.uploadimg-box-wrap .uploadimg-box .pdf-box { padding-right: 22px; }
.delete-btn-fix{ position:fixed; bottom:80px; right:15px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .recurring_type label{ font-size: 12px; font-weight: normal; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .recurring_type_box.normal_hide.recurring_option_hide{ margin: 0 16px 0 22px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .recurring_type_box.normal_hide.recurring_option_hide .recurring_type{ margin-bottom: 10px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .recurring_type label .label-span { margin-left: 20px; display: block; }
.small-popup-overlay{ background: rgba(255,255,255,.8); transition: all ease-in-out .5s; opacity: 0; visibility: hidden; position: fixed; z-index: 99999;  left: 0; top: 0; width: 100%; height: 100vh; }   
.small-popup-overlay.show{ opacity: 1; visibility:visible; }
.small-popup{ position:fixed; z-index: 999999; top: 79px; right: 10%; margin: 0; padding: 10px; box-shadow: 0 0 3px rgba(0,0,0,.5); transition: all ease-in-out .5s; opacity: 0; visibility: hidden; background: #fff; }
.small-popup.show{ opacity: 1; visibility:visible; }
.small-popup .close-btn{ position: absolute; top: -8px; right: -8px; cursor: pointer;}
.small-popup .close-btn img{ width: 20px; height: auto; }
.small-popup form{ margin: 0; }
.small-popup .form-group { vertical-align: top; }
@media(min-width:768px){
.small-popup .form-group { display: inline-block; }
}
.small-popup input[type="email"],
.small-popup select{ border: 1px solid #000; border-radius: 0; padding: 5px; line-height: normal; height: auto; width: 200px; color: #000; font-size: 14px;  height: 31px; box-sizing: border-box; }
.small-popup select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; height: 31px; background: url(../img/arrow-icon.png) no-repeat right 5px center / 12px auto; padding-right: 22px; }
.small-popup input[type="email"]{padding: 6px 5px;}
.small-popup button{ border: 0 none; border-radius: 0; padding: 5px;  font-size: 14px; line-height: normal; height: 31px; }
.small-popup label.error{ display: block;  }
.small-popup .alert-pop{ position: relative; box-sizing: border-box; }
.small-popup .alert-pop a.close{ position: absolute; right: 5px; top: -1px; }
@media(max-width:1200px){
.small-popup{ right: 15px; }
}
@media(max-width:767px){
.small-popup .form-group:last-child{ margin-bottom: 0;  }
.small-popup .form-group button{ width: 100%; }
.small-popup input[type="email"],
.small-popup select{ width: 100%; box-sizing: border-box; }
.small-popup .form-group{ margin-bottom: 15px; }
.small-popup{ width: 280px; box-sizing: border-box;  }
}
form.form-login { border-radius: 0; border: 0 none; box-shadow: 0 0 8px rgba(0,0,0,.15); max-width: 400px; }
form.form-login h2.form-login-heading { background:#000; padding: 10px; color: #fff; }
form.form-login .login-wrap{ padding: 15px; }
form.form-login ul{ padding: 0; margin: 0; }
form.form-login ul li { margin-bottom: 15px; }
form.form-login ul li:last-child{ margin-bottom: 0; }
form.form-login ul li label{ color: #000; font-size: 15px; font-weight: 500; width: 100%; margin: 0 0 3px; padding: 0; line-height: normal; }
form.form-login ul li input.form-control,
form.form-login ul li textarea.form-control{ border-radius: 0; border: 1px solid #000; border-radius: 0; padding: 6px 10px; }
form.form-login ul li input.form-control.error{ border-color: red; }
.form-text{  max-width: 400px; margin: 15px auto 0; text-align: center; }
.form-text .form-text-left{ margin: 0 0 10px; }
.form-text h2{ color: #000; font-size: 12px; width: 100%; margin: 0 0 11px; padding: 0; line-height: normal; font-weight: normal !important; }
.form-text .form-text-left a{ font-size: 14px; }
.form-text a{ text-decoration: none; font-size: 14px; color: #7f7f7f; }
.form-text a:hover{ text-decoration:underline; }
.form-text .form-text-right a{ font-size: 12px  }
h2.form-login-heading{ text-align:center; margin: 60px 0 15px; font-size: 20px; }
h2.form-login-heading + form.form-login{ margin-top: 0; }
.form-text a.form-btn{display: inline-block; padding: 8px 15px 6px; background: #000; color: #fff; border: 1px solid #000; text-decoration: none; }
.form-text a.form-btn:hover{ background: #fff; color: #000; }
form.form-login .forgot-password{ margin-top: 14px; text-align: center;}
form.form-login .forgot-password a{ text-decoration: none; font-size: 12px; color: #7f7f7f; }
form.form-login .forgot-password a:hover{ text-decoration: underline; }
@media(max-width:499px){
form.form-login{ width:100%; padding: 0; box-shadow:none; max-width: 100%; }
form.form-login .login-wrap{ padding: 0; }
}
#main-content{ min-height:1px;}
.full-section .alert{background:rgba(128, 128, 128,.35); color:#000; border:0 none; padding:6px 10px 6px 10px; border-radius:0; }
.btn-box{ text-align: center; }
.btn-box a{ display: inline-block; background: #000; color: #fff; border-radius: 0; border: 2px solid #000 !important; padding: 5px 20px; text-transform: uppercase; }
.btn-box a:hover{ background: #fff; border-color:#000; color: #000; }
textarea.suggest_feature { border: 1px solid #000 !important; border-radius: 0; padding: 6px 10px; }
.has-footer #container{ padding-bottom:132px ; }
.mis-scoring > span{ color:#000; font-size:15px; font-weight:500; line-height:22px; display:inline-block; }
.mis-scoring > .switch{ margin: 0; }
.mis-list-box{ margin-bottom:10px; clear:both; background:rgba(232, 232, 232,.4); }
.mis-page{ padding-bottom: 10px; }
.mis-list-box .mis-list{ padding: 10px; display: none; }
.mis-list-box.active .mis-list{ display: block; }
.box-body .mis-page .mis-list-box{ position:relative; }
.box-body .mis-page h2{ font-size: 15px; margin:0; line-height: 22px; background:#d1d1d1; cursor:pointer; }
.box-body .mis-page h2 span{ background:url(../img/arrow-icon-right.png) no-repeat right 10px center; background-size:15px auto; padding:5px 34px 5px 10px; display:inline-block;  }
.box-body .mis-page .active h2 span{ background-image:url(../img/arrow-icon-top.png); }
.box-body .mis-page .removeactive{ position:absolute; top:0; left:0; width:100%; height:32px; cursor:pointer; display:none; }
.box-body .mis-page .active .removeactive{ display:block; }
.box-body .mis-page ul{ list-style: none; margin: 0 0 0 16px; padding: 0; list-style: outside disc;  }
.box-body .mis-page ul li{ margin:0 0 8px;  list-style:outside disc; font-family:'Roboto Condensed', sans-serif; /*'Ubuntu', sans-serif;*/ font-size:14px; color:#000; line-height:normal; }
.box-body .mis-page ul li a{ color: #000; text-decoration: underline; }
.box-body .mis-page ul li a:hover{ text-decoration: none; }
.box-body .mis-page h2 label{ margin: 0; }
.mis-searchbar{ background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.15); padding: 10px 5px; width: 100%; float: left; margin-bottom:20px; }
.mis-searchbar form { display: block; }
.mis-searchbar form div.form-input{ width: 25%; float: left; padding: 0 5px 10px; }
.mis-searchbar.staff-mis-searchbar form div.form-input { width:33.33%; }
/*.mis-searchbar form div.form-input:last-child{ width: 20%; }*/
.mis-searchbar form div.form-input input,
.mis-searchbar form div.form-input select{ width: 100%;  display: block; font-size: 14px; padding: 7px 10px; border: 1px solid #000; line-height: normal; height: 33px; border-radius:0; }
.mis-searchbar form div.form-input select{ padding: 6px 10px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: url(../img/arrow-icon.png) no-repeat right 5px center / 12px auto; padding-right: 22px; }
.mis-searchbar form div.form-input input[type="submit"]{ display: block; color: #fff; background: #000; font-size: 14px; padding: 6px 15px; border: 2px solid #000; border-radius: 0; line-height: normal; text-transform: uppercase; }
.search-table-box { padding:0; clear: both; }
.search-table-box table th{ background: #000; color: #fff; border-top: 0px solid #e0e0e0 !important; height: 32px !important; padding: 5px 10px; }
.search-table-box table td{ border-bottom: 1px solid #e0e0e0;padding: 5px 10px; }
.search-table-box table th.search-no{ width:45px; }
.search-table-box table th.search-detail{  }
.search-table-box table th.search-intarget{ width:200px; }
.search-table-box table th.search-uptarget{ width:200px; }
.search-table-box table th.search-complet{ width:200px; }
.mis-searchbar form div.form-input .error{ margin-bottom: 0;  }
.mis-searchbar form div.form-input input.error,
.mis-searchbar form div.form-input select.error{ border-color: #000; color: #000; }
.search-table-box table td[colspan="5"]{ padding: 0; border: 0 none; }
@media(max-width:767px){
.search-table-box{margin-left: -15px; margin-right: -15px;}
.search-table-box table thead.search-heading{ display: none; }
.search-table-box table tr,
.search-table-box table tr td{ display: block; text-align:left; }
.search-table-box table tr{ border-bottom: 2px solid #000;  }
.search-table-box table tr td{ padding-left: 130px; padding-top: 8px; padding-bottom: 8px; min-height: 37px; width: 100%; position: relative; border-bottom: 1px solid #000; }
.search-table-box table tr td:before { top: 0; left: 0; width: 200px; padding: 0 15px; line-height: 34px;     content: attr(data-title);position: absolute; white-space: nowrap; text-align: left; font-weight: bold; }
.search-table-box table tr td.mobile-none{ display:none; }
.search-table-box table tr td.heading-section{ padding-left:15px; }
}
@media(max-width:639px){
.mis-searchbar{ padding: 10px; }
.mis-searchbar form div.form-input,
.mis-searchbar form div.form-input:last-child,
.mis-searchbar.staff-mis-searchbar form div.form-input,
.mis-searchbar.staff-mis-searchbar form div.form-input:last-child{ width: 100%; float: left; padding:0; margin:0 0 10px; }
.mis-searchbar form div.form-input:last-child{ margin-bottom: 0; }
}
.assign-previleges-chk.cancel-subscription-wrap.assign-task-div{ margin:0 auto 20px; max-width:100%; text-align: center; }
.assign-previleges-chk.cancel-subscription-wrap.assign-task-div form{ box-shadow: none; margin-bottom:0; }
.assign-previleges-chk.cancel-subscription-wrap.assign-task-div button{ margin-bottom: 10px; }
.assign-previleges-chk.cancel-subscription-wrap.assign-task-div button.btn-reverse{ margin-bottom: 0;  }
.plan-wrap{ border-radius: 0; border: 0 none; box-shadow: 0 0 8px rgba(0,0,0,.15); max-width: 400px; margin:20px auto 15px; padding:55px 15px 15px; position:relative; }
.plan-wrap .alert{ background: rgba(128, 128, 128,.35); color: #000; position: absolute; left: 15px; right: 15px; top: 0; padding: 10px; }
@media(max-width:374px){.plan-wrap .alert{padding:10px 5px}}
.plan-wrap .subscription-box{ margin-bottom:15px; }
.plan-wrap label{ color: #000; font-size: 15px; font-weight: 500; width: 100%; margin: 0 0 3px; padding: 0; line-height: normal; }
.plan-wrap select{ border: 1px solid #000 !important; border-radius: 0; padding: 6px 10px; width:100%; }
.plan-wrap button{ background:#000; color:#fff; border-radius: 0; border: 2px solid #000 !important; padding: 8px 20px; text-transform: uppercase; width: 100%; }
@media(max-width:499px){
.plan-wrap{ box-shadow: none;  width: 100%; max-width: 100%; }
}
form.form-login ul#country-listbox li{ margin-bottom:0; }
input, button, textarea, select, .form-control, .btn{ outline: none !important; box-shadow: none !important; }
/*ONLY FOR FOOTER SECTION*/
footer.footer-wrap{ position:absolute; left:0; right:0; bottom:0; padding:15px; margin-top:0; background-color:#e8e8e8; padding:15px 0; }
footer.footer-wrap .wrap{ color:#000000; font-size: 12px; font-weight: 500; display: flex; flex-flow: row; justify-content: space-between; align-items: center;width: 1170px; margin: 0 auto; max-width: 100%; }
footer.footer-wrap .wrap .footer-left span,
footer.footer-wrap .wrap .footer-left a{ display: inline-block; vertical-align: middle; margin-left: 5px; }
.footer-nav ul{ list-style: none; margin:0; padding:0; text-align: center; }
.footer-nav ul li{ display: inline-block; margin:0;  padding-right: 24px; background: url(../images/footer-divider.png) no-repeat right 7px center; }
.footer-nav ul li a{ color: #000; text-decoration: none;}
.footer-nav ul li a:hover,
.footer-nav ul li a.active{ text-decoration: underline;  }
.footer-nav ul li:last-child { padding-right: 0; background: none; }
@media(max-width:1200px){
footer.footer-wrap .wrap{flex-flow: column;}
footer.footer-wrap .wrap div{ margin-bottom: 10px; }
footer.footer-wrap .wrap div:last-child{ margin-bottom: 0; }
footer.footer-wrap .wrap .footer-left a img{ height: 20px; width: auto; }
}
/*ENDS OF FOOTER SECTION*/
/*ONLY FOR HEADER SECTION*/
/*header.header{ padding-left:0; padding-right:0; }
header.header .wrap{width: 1170px; margin: 0 auto; }
@media(max-width:1200px){
header.header .wrap{max-width:100%; padding: 0 15px; }
}*/
/*END OF HEADER SECTION*/
body > #container{padding-bottom: 140px;}
@media(max-width:639px){
body > #container { padding-bottom: 170px; }
}
form.form-login .pricing-section-div ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
form.form-login .pricing-section-div ul li{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 7px; }
.pricing-section-div ul li label{ display: block; cursor: pointer; }
.pricing-section-div ul li label input{ display: none;}
.pricing-section-div ul li .pricing-tab{ border: 3px solid #fff; border-radius: 3px; }
.pricing-section-div ul li .pricing-tab .pricing-tab-inner{ border: 1px solid #aeaeae; }
.pricing-section-div ul li .pricing-tab .pricing-tab-inner h2{ background:#e8e8e8; padding: 8px; margin: 0; color: #2a2a2a; font-size: 16px; font-weight:500; text-align: center; }
.pricing-section-div ul li .pricing-tab .pricing-tab-inner h2 small{ font-size: 10px; font-weight: normal;}
.pricing-section-div ul li .pricing-box{ text-align: center; color: #000; padding: 2px; }
.pricing-section-div ul li .pricing-box .price-tab{ font-size: 25px; font-weight: 500; }
.pricing-section-div ul li .pricing-box .price-tab i { font-size: 89%; margin-right:2px; }
.pricing-section-div ul li .pricing-box .per-month{ font-size: 15px; font-weight:normal; margin:0 0 3px; }
.pricing-section-div ul li .pricing-box .just-cent{ font-size: 12px; color: #ed4a9b; font-weight:normal; margin:0 0 3px; }
.pricing-section-div ul li .pricing-box .just-cent.blacktext{ color:#000; }
.pricing-section-div ul li label input:checked + .pricing-tab{ border-color: #ed4a9b; }
.pricing-section-div ul li label input:checked + .pricing-tab .pricing-tab-inner{ border-color: #fff; }
.pricing-section-div ul li label input:checked + .pricing-tab .pricing-box{ color: #ed4a9b; }
.pricing-section-div ul li label input:checked + .pricing-tab .pricing-tab-inner h2{ background: #ed4a9b; color: #fff; }
.pricing-section-div ul li label input:checked + .pricing-tab .pricing-tab-inner h2 small{ color: #fff; }
.subscription-wrap table{ border: 1px solid rgba(0,0,0,.15); border-collapse: collapse; width: 100%; }
.subscription-wrap table td{ border: 1px solid rgba(0,0,0,.15); padding: 10px; line-height: normal; }
.subscription-wrap table td.two-col{ padding: 0; }
.subscription-wrap table td.two-col span{ padding: 10px; }
.subscription-wrap table td.two-col span.price-box{ border-right:1px solid rgba(0,0,0,.15); }
@media(max-width:399px){
 form.form-login .pricing-section-div ul li{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }  
}
#main-content.subscription-wrap > .wrapper > .row.mt .col-lg-12 h2.form-login-heading + .form-panel{ padding: 0; }
.btn-theme.btn-reverse{ background:#fff; color:#000; }
.btn-theme.btn-reverse:hover{background:#000; color:#fff;}
/*form#payment-form{ text-align: center; }
form#payment-form button{ display: inline-block; width: auto; }*/
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .date-format .radio label{ font-weight:normal; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .date-format .radio label input{display: block; width: 16px; height: 16px; margin: 1px 5px 0 0; float: left; position: static; }
.date-format{}
.date-format .radio span{ display:block; float:left; width:138px; font-size:14px; }
.date-format .radio code{ background:rgba(0,0,0,.07); color:#000; border-radius:0; }
#main-content .wrapper .form-panel .row.date-row{ margin-left:-15px; margin-right:-15px; clear:both; padding-top:5px; }
.row.date-row .date-row-day{ padding-left:15px; padding-right:15px; display:inline-table; width:145px; }
.row.date-row .date-row-date{ padding-left:0; padding-right:0; display:inline-table; width:77px;}
#main-content .wrapper .form-panel .row.date-row select{ width:100%; }
.privacy-policy h2{ font-size: 20px;}
.privacy-policy ul{ list-style:disc outside;  }
.privacy-policy ul li{ list-style:disc outside;  font-size: 14px; color: #000; line-height: 20px; margin: 0 0 15px 13px; }
form.form-login ul li.user-li{ margin-bottom:2px; }
form.form-login ul li.checkbox-wrap input{ float: left; margin: 2px 5px 0 0; padding:0; width:13px; height:13px; }
form.form-login ul li.checkbox-wrap a{ color:#000; text-decoration:underline; }
form.form-login ul li.checkbox-wrap a:hover{ text-decoration:none; }
.btn.custom_blue_btn{ background:#000 !important; color:#fff !important; }
#no-more-tables thead th span.taskcheckbox{ padding:0 5px; }
#no-more-tables thead th span.taskcheckbox label{ font-weight:normal; margin-bottom:0; color: #a6a6a6; font-size:11px;}
#no-more-tables thead th span.taskcheckbox label input{ position:relative; top:1px; margin-right:3px; }
td.assign-task-td .assign-task-div form span *{ vertical-align:middle; }
.mis-score sup{ top:0; }
@media(max-width:990px){
body #no-more-tables table td.action{ padding-top:8px !important; padding-bottom:8px !important; }
body #no-more-tables table td.user-pre-previlage{ padding-top:6px !important; padding-bottom:6px !important; }
.pricing-section ul li h2{ height:36px; }
.pricing-section ul li .pricing-box{ height:calc(100% - 36px); }
}
@media(max-width:767px){
/*body > #container,
.has-footer #container{ padding-bottom:0; }
footer.footer-wrap{ position:static; }*/
}
@media(max-width:599px){
h2.form-login-heading{ margin:20px 0 5px; }
}
#no-more-tables thead th .task-detail-wrap .taskdetail-box{ float:right; }
@media(min-width:990px){
#no-more-tables thead th .task-detail-wrap{ width:100%; }
#no-more-tables table td .over-flow-text{ width:420px; }
.completion-on{ width:86px; }
.mis-score{ width:83px; }
#no-more-tables thead th{ line-height:30px; }
#no-more-tables thead th .task-detail-wrap span.task-detail-span{ float:left; position: relative; top:1px; }
}
@media(min-width:1200px){
#no-more-tables thead th .task-detail-wrap{ width:100%; }
#no-more-tables table td .over-flow-text{ width:700px; }
}
@media(min-width:1400px){
#no-more-tables thead th .task-detail-wrap{ width:100%; }
#no-more-tables table td .over-flow-text{ width:860px; }
}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10.acc-rej .checkbox{ width:auto; margin:0 3px 0 0; display:inline-block; }
@media(max-width:599px){
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.content-group .col-sm-10.acc-rej{ padding-top:20px; }
}
/*.no-top-border .header.header{ border:0 none; height: 66px; }
.no-top-border #container{ padding-top:66px; }
.no-top-border #no-more-tables thead th{ top:66px; }
#no-more-tables{ background: url(../img/black-bg.png) repeat-x fixed 0 66px, url(../img/table-bg-old.png) repeat 0 0; }*/
@media(min-width:991px){
.no-top-border .header.header{ border:0 none; }
.no-top-border .header.header .wrap { margin-top:4px }
}
.mobile-wrap{ background-color:#ebebeb; padding:15px; font-size:15px; /*font-family: 'AdobeHeitiStd-Regular-Alphabetic';*/ clear:both; }
.mobile-wrap .list-box{ clear:both; }
.mobile-wrap .list-box ul{ list-style:none; margin:0; padding:0; }
.mobile-wrap .list-box ul li{ margin-bottom:5px; }
.mobile-wrap .list-box ul li a{ display:block; padding:13px 12px; background:#fff; border-bottom:#010101 4px solid; color:#000; text-decoration:none; font-size:15px; }
.mobile-wrap .list-box ul li a div{ padding:2px 0; }
.mobile-wrap .list-box ul li a div span{ color:#ababab; display:inline-block; padding-right:2px; }
.mobile-wrap .list-box ul li a div.task-title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:500; }
.mobile-wrap .short-wrap{ text-align:center; margin:0 0 10px; width:100%; float:left; }
.mobile-wrap .short-wrap select{ background:url(../images/slect-dropdown.png) no-repeat right center / 15px auto; box-shadow: none; border: 0 none; width: auto; padding: 0 20px 0 0; border-radius: 0; text-transform: uppercase; font-size: 18px; margin: 0; -webkit-appearance: none; float:left; height:auto; color:#000; }
.mobile-wrap .short-wrap select option{ padding:0; }
.mobile-wrap .short-wrap select.user-select{ float:right; width:auto; max-width:150px; text-overflow:ellipsis; text-align-last:right; -ms-text-align-last:right; -moz-text-align-last:right; -webkit-text-align-last:right; overflow:hidden; white-space:nowrap; }
.mobile-wrap .back-wrap a{ color:#000; text-decoration:none; display:inline-block; padding:0 0 15px 0; }
.mobile-wrap .mobile-wrap { padding:15px; background:#fff; }
.mobile-wrap .taskdetail-short-box{ float:left; clear:both; width:100%; margin:0 0 10px; }
.mobile-wrap .taskdetail-short-box label{ margin-right:7px; position:relative; overflow:hidden; line-height:normal; padding-left:16px; }
.mobile-wrap .taskdetail-short-box label:last-child{ margin-right:0; }
.mobile-wrap .taskdetail-short-box label input{ float:left; margin: 0;  visibility:hidden; opacity:0; margin-left:-17px; position:absolute; }
.mobile-wrap .taskdetail-short-box label input + .check-box-span{ width:13px; height:13px; position:absolute; background:url(../images/custom-checkbox.png) no-repeat 0 0 / 13px 26px; top:2px; left:0; }
.mobile-wrap .taskdetail-short-box label input:checked  + .check-box-span{ background-position:0 bottom; }
.mobile-wrap .listdetail-box{ background:#fff; padding:15px 10px 15px; border-bottom:#010101 4px solid; }
.mobile-wrap .listdetail-box .task-title{ border-bottom:0 none #000; padding:0; margin:0 0 10px; font-size:18px; font-weight:500; line-height:normal; text-align:center; }
.mobile-wrap .listdetail-box .task-dec{ border-bottom:0 none #000; padding:0 0 20px; margin:0; }
.mobile-wrap .listdetail-box .task-dec p{ color:#505051; text-align:center; }
.mobile-wrap .listdetail-box .task-dec p:empty{ display:none; }
.mobile-wrap .listdetail-box .task-dec p:last-child { margin-bottom:0; }
.mobile-wrap .listdetail-box .task-dec .audio-box-mobile audio{ width:100%; }
.mobile-wrap .listdetail-box .task-status { margin-bottom:0; }
.mobile-wrap .listdetail-box .task-status ul{ margin:0; padding:0; list-style:none; }
.mobile-wrap .listdetail-box .task-status ul li{ border-bottom:1px solid #000; padding:5px; }
.mobile-wrap .listdetail-box .task-status ul li:last-child{border-bottom:0px none; padding-bottom:0; }
.mobile-wrap .listdetail-box .task-status ul li span { display:inline-block; width:120px; color:#ababab; text-align:left; }
.mobile-wrap .listdetail-box .task-status ul li span.label{ padding:0; }
.mobile-wrap .edit-box { overflow:hidden; }
.mobile-wrap .edit-box a{ display:block; width:calc(50% - 2px); float:left; background:#000; color:#fff; text-align:center; padding:7px; font-size:16px; box-sizing:border-box; margin-right:4px; text-decoration:none; }
.mobile-wrap .edit-box a:last-child { margin-right:0; }
.mobile-wrap .form-horizontal.style-form .form-group{ border-bottom:1px solid #000; padding:5px; margin-bottom:0; }
.mobile-wrap .form-horizontal.style-form .form-group.first-box{ margin-top:10px; }
.mobile-wrap .form-horizontal.style-form .form-group:last-child{ border-bottom:0 none; }
.mobile-wrap .form-group.content-group.mobile-button-group{ border-bottom:0 none; padding: 20px 20px 10px; }
.mobile-wrap .form-group.content-group.mobile-button-group .col-sm-10{ width:100%; }
.mobile-wrap .form-group.content-group.mobile-button-group .col-sm-10 .checkbox > .btn{ margin: 0 auto 5px; width: 60%; display: block; max-width: 200px; padding:4px 15px; }
.mobile-wrap .form-group.content-group.mobile-button-group .col-sm-10 .checkbox > .btn:last-child{ margin-bottom:0; }
.mobile-wrap .form-group.content-group.mobile-button-group .col-sm-10 .checkbox > .btn:first-child{ border:1px solid #000 !important; color:#fff !important; background-color:#000 !important; }
.mobile-wrap .form-group.content-group.mobile-button-group .col-sm-10 .checkbox > .btn,
.mobile-wrap .form-group.content-group.mobile-button-group .col-sm-10 .checkbox > .btn.btn-remove-reverse{ border:1px solid #000 !important; color:#000 !important; background-color:#fff !important; }
/*.mobile-wrap .form-horizontal.style-form .form-group.content-group{ padding:30px 20px; }*/
.col-sm-10.acc-rej{ min-height:0; }
.fix-footer-box{ position:fixed; background:#000000; width:100%; bottom:0; left:0; float:left; z-index:999; }
.fix-footer-box ul{ list-style:none; margin:0; padding:0; }
.fix-footer-box ul li{ width:25%; float:left; }
.fix-footer-box ul li a{ background:#000; color:#fff; padding:8px 3px; display:block; text-align:center; text-decoration:none; font-size:13px; }
.fix-footer-box ul li.active a,
.fix-footer-box ul li a:hover{ color:#fadd1f; }
body.mobile-page > #container{ margin-bottom:38px; padding-top:59px; padding-bottom:152px; }
body.mobile-page.mobile-no-margin > #container{ margin-bottom:0; }
body.mobile-page{ background-color:#ebebeb; }
.new-top-menu li:last-child{ margin-right:0; }
.modal-header .modal-title { white-space:normal; line-height:normal; margin:0 0 5px; }
.modal-header{ position:relative; }
.modal-header .close{ position: absolute; top: 2px; right: 5px; }
.mis-score{ margin:0 auto; }
table th button.dropdown-toggle,
#no-more-tables thead th,
table th button.dropdown-toggle{ font-weight:normal; font-family:'Roboto Condensed', sans-serif; /*'Roboto', sans-serif*/  }
.box-body .note p strong{ font-size:14px; }
.box-body .note p {font-size: 12px; color: #000; line-height:normal; margin: 0 0 10px;}
.custom-checkbox-wrap{ position:relative; padding-left:16px; }
.custom-checkbox-wrap input{ visibility:hidden; opacity:0; margin-left:-17px; }
.custom-checkbox-wrap input + .check-box-span{ width:13px; height:13px; position:absolute; background:url(../images/custom-checkbox.png) no-repeat 0 0 / 13px 26px; top:7px; left:0; }
.custom-checkbox-wrap input:checked  + .check-box-span{ background-position:0 bottom; }
.note{ clear:both; padding:10px; }
table .form-inline select.form-control.custom-dropdown{ text-align-last: center; padding-left: 12px; }
.inner-pages .heading h1.page_title #switch1,
.inner-pages .heading h1.page_title #switch{ color:#9d9d9d; font-size:16px; position:relative; top:-4px; font-weight:normal; }
.mis_scoring.search-table-box table th.search-intarget,
.mis_scoring.search-table-box table th.search-create,
.mis_scoring.search-table-box table th.search-uptarget,
.mis_scoring.search-table-box table th.search-complet{ width:112px; }
.mis_scoring.search-table-box table th.complete-but-unapproved{ width:160px; }
.search-table-box table tr td.heading-section{ font-size:14px; border-bottom:2px solid #000; padding-top:25px; }
.mis_scoring{ position:relative; margin-bottom:15px; }
.mis_scoring .mis-top-span{ top:-72px; position:absolute; display:block; width:1px; height:1px; z-index:999; }
.mis_scoring table th{ position:sticky; position: -webkit-sticky; top:68px; }
@media(min-width:640px){
.mis-searchbar .mis-searchbar_center{ display: flex; justify-content: center; }
}
@media(max-width:989px){
.mis_scoring table th{ top:57px; }
}
.recording-box{ padding:5px 0 0; clear:both; position:relative; }
.recording-box i,
#recordingsList-edit a i{ display:inline-block; padding:0px; border:1px solid #000; width:25px; height:25px; line-height:23px; text-align:center; }
ol#recordingsList{ z-index:9; }
ol#recordingsList,
#recordingsList-edit{ clear:both; padding:5px 0 0; margin:0; list-style:none; position:absolute; left:83px; top:0; background-color:#fff; }
ol#recordingsList li{ margin-bottom:5px; }
ol#recordingsList li:last-child{ margin-bottom:0; }
ol#recordingsList li audio,
#recordingsList-edit audio{ margin-bottom:0; display:inline-block; height:33px; vertical-align:middle; border-radius:0; }
ol#recordingsList li a,
#recordingsList-edit a{ display:inline-block; vertical-align:middle; }
ol#recordingsList li a:last-child{ position:absolute; top:0; left:0; width:0; height:0; }
#no-more-tables table td .modal-body p:empty{ display:none; }
#no-more-tables table td .modal-body p:last-child{ margin-bottom:0; }
#no-more-tables table td .modal-body .modal-audio audio{ width:100%; height:30px; display:block;  }
@media(max-width:479px){
ol#recordingsList,
#recordingsList-edit{ position:static; }
}
.send-verification-btn .btn.custom_blue_btn{ width:auto; }
.registration_activation .send-verification-btn .btn.custom_blue_btn{ width:auto; display:inline-block; text-transform:none; }
.registration_activation p a{ color:#000; text-decoration:underline; }
.registration_activation p a:hover{ text-decoration:none; }
.new-date-row.row.date-row .date-row-day { padding-right:5px; padding-left:0; width:120px; }
.new-date-row.row.date-row .date-row-date { padding-left:5px; width:87px; }
.date-format.new-date-format select[name="setting_date_format"]{ /*width:140px !important;*/ }
.new-date-row.row.date-row .date-row-day,
.new-date-row.row.date-row .date-row-date{ width:calc(50% - 9px); }
.assign-previleges-chk.cancel-subscription-wrap.assign-task-div button.cancel-subscription{ margin-bottom:10px; background-color:transparent !important; padding:0; border:0 none !important; color:#000 !important; font-size:12px; text-decoration:underline; text-transform:none; font-weight:bold; }
.assign-previleges-chk.cancel-subscription-wrap.assign-task-div button.cancel-subscription:hover{ text-decoration:none; }
.payment-mem-page h2.form-login-heading + form.form-login{ padding:15px; }
.payment-mem-page form.form-login .login-wrap{ padding:0; }
h2.form-login-heading.membership-heading small{ display:block; color: #000; padding: 6px 0 0; font-size: 13px; }
@media(max-width:767px){
h2.form-login-heading.membership-heading small{ padding-left:15px; padding-right:15px; }
}
.custom-height-page .new-design{ display: flex; min-height: calc(100vh - 206px); align-items: center; text-align: center; width: 100%; margin:0 !important; padding:108px 0 40px; box-sizing:border-box; }
.custom-height-page .new-design p:last-child{ margin-bottom:0; }
@media(max-width:1200px){
.custom-height-page .new-design{ padding:78px 0 40px; }
}
@media(max-width:767px){
.custom-height-page .new-design{ padding:60px 0 60px; }
}
.custom-height-page .new-design .middle_section{ margin:0 auto; }
.custom-height-page footer.footer-wrap{ margin-top:0; }
.send-verification-btn .btn.custom_blue_btn{ margin:0 auto; }
.inner-pages p.custom_black_link,
.inner-pages p.custom_black_link a{ font-size:18px; font-weight:bold; }
.inner-pages p.custom_black_link{ padding:10px 0; }
.captcha{ margin-bottom:15px; }
.captcha .g-recaptcha{ margin:0; }
.captcha .g-recaptcha > div{ margin:0; }
.resend-otp{ display:block; text-align:right; }
.resend-otp a{ text-decoration:none; font-size:12px; color:#000; }
.resend-otp a:hover{ text-decoration:underline; }
form.form-login .login-wrap .msg-all{ margin:0 0 15px !important; }
a.btn.blink { animation:blinkbtn .5s infinite alternate ease-in-out; }
@keyframes blinkbtn {
  from {opacity:0;}
  to {opacity:1;}
}
@media(min-width:991px){
.no-top-border header.header.header{ height:72px; border-bottom: 6px solid #000; }
.no-top-border header.header.header .wrap{ width:1170px; margin:0 auto;  }
/*body.no-top-border{ background:#fff url(../img/black-bg.png) repeat-x 0 66px fixed; }*/
.no-top-border #container{ padding-top:66px; }
.no-top-border #main-content .wrapper{ width:1170px; margin:0 auto; display:block; }
.no-top-border #no-more-tables{ background: url(../img/black-bg.png) repeat-x fixed 0 66px, url(../img/table-bg-old.png) repeat 0 0; }
.no-top-border #no-more-tables table{ max-width:100%; }
.no-top-border #no-more-tables thead th{ top:72px; }
.no-top-border #no-more-tables table td .over-flow-text{ width:360px; }
}
@media(max-width:1200px) and (min-width:991px){
.no-top-border header.header.header .wrap,
.no-top-border #main-content .wrapper{ width:990px; box-sizing:border-box; padding:0 15px; }
.no-top-border #no-more-tables table th .task-detail-wrap { width:200px !important; }
.no-top-border #no-more-tables table td .over-flow-text{ width:200px; }
.no-top-border #no-more-tables table td .over-flow-text > a{ display: inline-block; width: calc(100% - 33px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
td.assign-task-td .assign-task-div form span{ display:none; }
td.assign-task-td .assign-task-div form button{ vertical-align:top; }
}
@media(max-width:479px){
}
.mis-score{ width:auto; }
th.c_score{ width:168px; }
.new-top-menu li{ margin-top:16px; }
span.error{ font-weight:bold; text-align: center; display: block; color: #000 !important; line-height: normal; padding: 2px 0 0; font-size:12px; }
.modal-body ol#recordingsList{ padding-top:0; }
.modal-body ol#recordingsList li.audio-data audio { width: calc(100% - 37px); }
.modal-body ol#recordingsList,
.modal-body #recordingsList-edit{ float:right; width:calc(100% - 108px); position:static; }
.inner-table td .half-boxwrap{ width:100%; display: flex; flex-wrap: wrap; }
.inner-table td .half-boxwrap .half-box{ width: 50%; box-sizing: border-box; padding: 0 5px; float:left; }
.inner-table td .half-boxwrap .half-box select{ width: 100%; margin:0; padding-right:10px; background-position:right 2px center; }
@media(max-width:599px){
.inner-table td .half-boxwrap .half-box select{ width: 100%;  }
}
@media(max-width:990px){
.new-top-menu li{ margin-top:0; }
}
label.error{ font-weight:bold !important; }
td.action a.btn.not-allowed{ cursor:not-allowed; pointer-events:none; opacity:.3; }
.view-updatetask-popup .modal-body label,
.view-updatetask-popup .modal-body .col-sm-10{ padding-left:0; padding-right:0;  }
.view-updatetask-popup .modal-body label{ margin-bottom:3px; width:100%;  }
.view-updatetask-popup .modal-body input,
.view-updatetask-popup .modal-body textarea{ width:100%; border: 1px solid #000; border-radius: 0; padding: 6px 10px; }
.view-updatetask-popup .modal-footer button.btn { background:#000; color:#fff; font-size:13px; margin:0 0 0 1px; margin-bottom:0px; padding: 5px 10px; line-height: normal; font-weight: normal !important; text-transform: uppercase; border-radius: 0; border: 2px solid #000; }
.edit-box-button { overflow:hidden; }
.edit-box-button .edit-box-btn{ display:block; width:calc(50% - 2px); float:left; margin-right:4px; }
.edit-box-button .edit-box-btn:last-child { margin-right:0; }
.edit-box-button .edit-box-btn > button{ background:#000; color:#fff; text-align:center; padding:7px; font-size:16px; box-sizing:border-box; text-decoration:none; display:block; width:100%; border-radius:0; margin:0; }
@media(min-width:990px){
.no-top-border #no-more-tables table.checklist-view{ max-width:700px;  }
}
#title-char-count, #description-char-count{ display:block; text-align:right }
.video-box{ padding:30px 0; text-align:center;  }
.video-box video{ max-width: 860px; width:100%; height: auto; box-shadow: 0 0 10px rgba(0,0,0,.5); margin: 0 auto; display:block; border:5px solid #fff;  }
span.error,
label.error{ color:red !important; font-weight:normal !important; text-align: left !important; }
span.error.error-info{ color:black !important; font-weight:normal !important; text-align:center !important; padding:13px 0 0; font-size:14px; }
span.error.mobile-error.error-info{ padding:10px 0 5px; }
span.error.mobile-error.error-info > span.otp-text{ margin:0 0 10px; display:block; }
span.error.mobile-error.error-info > span.otp-text + span{ display:block; }
#date-change a.change-date{ color:#00a8ff; text-decoration:underline; margin-left:5px; }
#date-change a.change-date:hover{ text-decoration:none; }
.error-wrap { display:flex; }
.error-wrap label{ margin-bottom:0 !important; }
.error-wrap span{ display:block; margin-left:auto;    }
.user-list-table td.assign-task-td .assign-task-div form select{ width:133px; }
#no-more-tables .user-list-table td.user-pre-first-name div,
#no-more-tables .user-list-table td.user-pre-username div{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.tasklist-table th.action{ width:118px; }
/*.new-top-menu ul li.dropdown > a{ position:relative; }
.new-top-menu ul li.dropdown > a .tooltip-box{ display:block; position:absolute; right:calc(100% + 10px); top:0px; background:rgba(0,0,0,.75); color:#fff; padding:7px 10px; border-radius:4px; white-space:nowrap; font-size:14px; line-height:normal; }
.new-top-menu ul li.dropdown > a .tooltip-box:after {width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #000; content:""; right:-10px; position:absolute; top:10px; }*/
.new-top-menu ul li ul li.name-box span{ padding:6px 10px; color:#fff; background-color:#000; display:block; font-size: 14px; text-align: center; font-family: 'Roboto Condensed', sans-serif; /*'Ubuntu', sans-serif;*/ font-weight: bold;}
.new-top-menu ul li.name-box.mobile-name-box{ display:none; }
@media(max-width:990px){
.new-top-menu ul li ul li.name-box.desktop-name-box{ display:none; }
.new-top-menu ul li.name-box.mobile-name-box{ display:block; }
.new-top-menu ul li.name-box.mobile-name-box span{ background:#000; color:#fff; padding:5px 10px; display: block; font-size:14px; line-height:1.42857143; text-align: center; font-family: 'Roboto Condensed', sans-serif; /*'Ubuntu', sans-serif;*/ font-weight: bold; }
}
.reject-popup .modal-body label{ width:175px; float:left; font-weight:500; color: #000; font-size:15px; padding:0; line-height:normal; }
.reject-popup .modal-body .col-sm-10{ width:auto; float:none; margin-left:185px; padding:0; }
.reject-popup .modal-body .checkbox{ padding:0; margin:0; } 
.reject-popup .modal-body input{ border:1px solid #000; border-radius:0; padding:6px 10px; width:100%; margin:0; height:auto; color:#333; font-family:'Roboto Condensed', sans-serif; /*'Roboto', sans-serif*/  font-size:13px; }
.reject-popup .modal-body textarea{ border:1px solid #000; border-radius:0; padding:6px 10px; width:100%; margin:0; height:auto; color:#333; font-family:'Roboto Condensed', sans-serif; /*'Roboto', sans-serif*/  font-size:13px; }
.reject-popup .modal-footer .btn { background: #000; color: #fff; font-size: 13px; margin: 0 0 0 1px; padding: 5px 10px; line-height: normal; font-weight: normal !important; text-transform: uppercase;  border-radius: 0; border: 2px solid #000; }
.reject-popup .modal-footer .btn:hover{ background:#fff; color:#000; }
@media(max-width:599px){
.reject-popup .modal-body label,
.reject-popup .modal-body .col-sm-10{ width:100%; clear:both; margin:0; }
.reject-popup .modal-body label{ margin-bottom:3px; }
}
#no-more-tables table td.gray-text-no{ color:#c8c4c4/*#777676*/; font-size:11px; }
@media(min-width:990px){
#no-more-tables table td.gray-text-no{ padding:0px 2px !important; }
#no-more-tables table th.c_score,
#no-more-tables table td.c_score,
#no-more-tables table td.c_score .mis-score { width:60px; }
}
.video-wrap video{ width:100%; height:auto; display:block; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design{ padding:0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .form-group.content-group label{ margin:0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .form-group{ padding:8px 15px; border-bottom:1px solid #e0e0e0; margin:0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .form-group.content-group .col-sm-10 .checkbox{ min-height:1px; }
.status-popup-text p{ margin-bottom:5px !important; }
.mobile-wrap .form-group{ margin:0; padding:5px; border-bottom:1px solid #000; }
.mobile-wrap .form-group .col-sm-10,
.mobile-wrap .form-group .col-sm-10 .checkbox{ padding:0; margin:0; }
.mobile-wrap .form-group .col-sm-10 .btn{ padding: 4px 10px; background: #000 !important; color: #fff !important; border: 2px solid #000 !important; border-radius:0; margin:0 0 5px; width:100%; }
.mobile-wrap .form-group .col-sm-10 .btn:last-child{ margin-bottom:0; }
.mobile-wrap .form-group .control-label{ display:inline-block; width:120px; color:#ababab; padding:0; vertical-align:top; margin:0; }
.mobile-wrap .form-group .control-label + .col-sm-10{ display:inline-block; width:calc(100% - 130px); }
.mobile-wrap .form-group .control-label + .col-sm-10 input,
.mobile-wrap .form-group .control-label + .col-sm-10 textarea{ border-color:#000; border-radius:0; width: calc(100% - 0px); display: inline-block; }
.mobile-wrap .form-group.form-box-wrap label.control-label{ padding:6px 0 0; vertical-align:top; margin:0; position:relative; }
.mobile-wrap .form-group.form-box-wrap label.control-label:before{ content:":"; position:absolute; right:0; top:6px; color:#000; }
.mobile-wrap .form-horizontal.style-form .modal-body .form-group{ border:0 none; padding:0 0 10px; }
.mobile-wrap .form-horizontal.style-form .modal-body .form-group:last-child{ padding-bottom:0; }
.mobile-wrap .form-horizontal .modal-body .control-label{ width:100%; color:#000; }
.mobile-wrap .form-group .modal-body .control-label{ width:100%; color:#000; margin-bottom:2px; }
.mobile-wrap .form-group .modal-body .control-label{}
.gray-msg{ font-size:12px; color:#4a4a4a; display:block; padding:2px 0 0; }
.form-text.not-a-member{ margin:30px auto 0; }
.form-text.not-a-member .custom_blue_btn{ background:#fff; border-color:#000; color:#000; }
@media(max-width:599px){
h2.form-login-heading{ text-transform:uppercase; margin:20px 0 30px; }
}
td.assign-task-td.multy-checkboxes .assign-task-div{ overflow:visible; }
td.assign-task-td.multy-checkboxes .assign-task-div form .multiselect-native-select{ line-height:normal; display:inline-block; }
td.assign-task-td.multy-checkboxes .assign-task-div form .multiselect-native-select button{ padding:3px 15px 3px 5px; border: 1px solid #000; width: 120px; background: url(../img/arrow-icon-top.png) no-repeat right 5px center / 12px auto; }
td.assign-task-td.multy-checkboxes .assign-task-div form .multiselect-native-select span{ line-height:normal; height:auto; padding:0;}
td.assign-task-td.multy-checkboxes .assign-task-div form .multiselect-native-select .dropdown-toggle span{ width:100%; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.multiselect-native-select .dropdown-menu{ width:150px; background:#fff; }
.multiselect-native-select .dropdown-menu button.multiselect-option{ display:block; width:100%; }
.multiselect-native-select .dropdown-menu button.multiselect-option input[type="checkbox"]{ margin:0 5px 0 0 !important; }
.multiselect-native-select .dropdown-menu button.multiselect-option label{ display:block; margin:0; }
.user-pre-previlage .multiselect-native-select .dropdown-menu button.multiselect-option label{ width: calc(100% - 20px); overflow: hidden; text-align: left; text-overflow: ellipsis; }
.multiselect-native-select .dropdown-menu .form-check{ display:flex; flex-wrap:wrap; }
.multiselect-native-select .dropdown-menu .btn-group {  }
.multiselect-native-select .dropdown-menu button.multiselect-option .multiselect-option{ padding:0; }
td.assign-task-td.multy-checkboxes .assign-task-div form .multiselect-native-select button{}
td.assign-task-td.multy-checkboxes .assign-task-div form .multiselect-native-select .multiselect-container button{ border:0 none; width:100%; padding:7px 10px; background:none; }
.back-btn-box{ display:none; }
@media(max-width:599px){
.back-btn-box{ position:absolute; display:block; top:0; left:15px; }
.back-btn-box a{ color:#000; font-size:15px; text-decoration:none }
.back-btn-box a:hover{ text-decoration:underline; }
}
.recording-box{ padding-top:0; margin-top:-10px;   }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group label{ padding-top:0; }
.recording-box i, #recordingsList-edit a i{ width:33px; height:33px; line-height:31px; }
label.checkbox-wrap .check-box-wrap{font-size: 15px; font-weight: 500;}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 input, #main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 select, #main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .col-sm-10 textarea{ font-size:15px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.space-group{ margin-bottom:5px; }
.footer-arrow{ display:none; }
@media(max-width:990px){
.new-top-menu ul li ul{ position:static; width:100%; }
.new-top-menu ul li a,
.new-top-menu ul li ul li a { padding: 7px 10px; font-size:16px; }
.new-top-menu ul li.name-box.mobile-name-box span{font-size:15px;}
.new-top-menu{ width: 200px; }
h2.form-login-heading{ margin:10px 0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group label small { font-size: 13px; }
a.logo{ margin-top:11px; }
}
@media(max-width:767px){
footer.footer-wrap{ background-color: transparent; padding:0; }
footer.footer-wrap .footer-wrap-inner{ background-color:#e8e8e8; padding:15px 0; }
.footer-arrow{ position:static; text-align:center; width:100%; padding-top:10px; margin-bottom:3px; display:block; }
/*body.show-footer .footer-arrow{ bottom:12px; }*/
.footer-arrow a{ display:inline-block; color:#000; background: url(../img/top-arrow.png) no-repeat center / auto 10px; /*padding:5px 25px 5px 5px;*/ width:56px; height:22px; }
.show-footer .footer-arrow a { background-image: url(../img/bottom-arrow.png); }
.footer-arrow a .show-footer{ display:none;  }
.footer-arrow a .hide-footer{ display:inline-block; }
.show-footer .footer-arrow a .show-footer{ display:inline-block;  }
.show-footer .footer-arrow a .hide-footer{ display:none; }
body.show-footer > #container{ padding-bottom:50px; }
body.show-footer > #container .footer-wrap .footer-wrap-inner { display:none; }
}
@media(min-width:769px){
.mobile-alert, .custom-popup-overlay{ display:none !important; }
}
@media(max-width:768px){
.desktop-alert{display:none !important;}
}
.custom-popup-overlay{ position: fixed;background: rgba(255,255,255,.90);width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;  }
.custom-popup-overlay + .custom-alert.alert.alert-success{ clear:both; margin:-17px 0; float:left; width:100%; display:none; position:fixed; display:block; width:calc(100% - 20px); left:10px; top:50%; color: #000; border: 0 none; padding: 6px 30px 6px 10px; border-radius: 0; z-index:99999; background:#d3d3d3;  }
.custom-alert.alert-dismissable .close, .custom-alert.alert-dismissible .close{ right:-18px;  }
body.no-top-border{ background-size:auto 6px; }
#no-more-tables thead th{ background:url(../images/table-heading.png) repeat-x 0 0 #f6f6f6; color:#696a6c; border-collapse:collapse; outline:none; }
#no-more-tables thead th select,
#no-more-tables thead th a,
table th button.dropdown-toggle:focus,
table th button.dropdown-toggle:active:focus,
table th button.dropdown-toggle.active:focus,
table th button.dropdown-toggle{color:#696a6c !important; background-image:url(../images/gray-arrow-icon-white.png) !important;}
.new-task-distinct #no-more-tables table { border-collapse:collapse; outline:none; background:#fff;}
.new-task-distinct #no-more-tables tbody tr td{border-top:1px solid #e0e0e0 !important;} 
#no-more-tables thead th .dropdown-menu a{ background-image: none !important; padding:2px 7px; }
.sidebar-closed #main-content{ padding-top:20px; }
.table-headingbox td{ font-weight:bold; }
.tasklist-table .table-headingbox td span{ display:inline-block; width:20px; height:17px;background:url(../images/arrow-icon-mobile.png) no-repeat center 3px / 9px auto; margin-right:3px; vertical-align:middle; }
.tasklist-table .table-headingbox td.active-td span{ background-image:url(../images/right-arrow-icon-mobile.png); }
.tasklist-table .tasklist-table.table > tbody + tbody{ border-top:0px solid #ddd; }
.tasklist-table th > span,
.tasklist-table td > span{ display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.task-detail-wrap{ width:360px !important;/*468px*/ }
.tasklist-table th > span.no-span,
.tasklist-table td > span.no-span{ width:26px;  }
.tasklist-table th > span.assigned-span,
.tasklist-table td > span.assigned-span{ width:95px; }
.tasklist-table th > span.assigned-by-span,
.tasklist-table td > span.assigned-by-span{ width:95px; }
.tasklist-table th > span.target-date-span,
.tasklist-table td > span.target-date-span{ width:93px; }
.tasklist-table th > span.status-span,
.tasklist-table td > span.status-span{ width:57px; }
.tasklist-table th > span.mis-score-span,
.tasklist-table td > span.mis-score-span{ width:45px; }
.tasklist-table th > span.action-span,
.tasklist-table td > span.action-span{ width:108px; }
.tasklist-table th > span.delete-span,
.tasklist-table td > span.delete-span{ width:15px; }
.tasklist-table td > span.assigned-by-span.checklist-assigned-by-span{ width:110px; }
.new-task-distinct #no-more-tables tbody tr td.frequency{text-align: center;}
.hide-task-list{ display: none !important; }
.text-center.assign-to-drop .form-group{ margin-bottom:0; }
.text-center.assign-to-drop .form-group select{padding-left: 2px !important;}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set{overflow:visible; display:flex; flex-wrap:wrap; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set form{ width:calc(100% + 10px); }
#main-content > .wrapper > .row.mt .col-lg-12 .multiselect-native-select .dropdown-menu{ width:100%; max-height:200px; overflow-y:scroll; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select{ line-height:normal; display:block; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select .btn-group{ display:block; width:100%; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select button{ padding:8px 15px 8px 5px; border: 1px solid #000; width: 100%; background: url(../img/arrow-icon-top.png) no-repeat right 5px center / 12px auto; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select span{ line-height:normal; height:auto; padding:0;}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select .dropdown-toggle span{ font-size:15px; width:100%; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; text-align:left; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set form .multiselect-native-select .multiselect-container button{border:0 none; width:100%; padding:5px 10px; background:none; } 
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select span.form-check{display: flex; flex-wrap: wrap; justify-content: flex-start;}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select span.form-check label{ width:auto; margin:0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .multiselect-native-select .dropdown-menu button.multiselect-option input[type="checkbox"]{ pointer-events:none; }
td.assign-task-td .assign-task-div form button.send-email-notification{ background:none !important; color:#0087c0 !important; text-decoration:underline !important; padding:0; margin:0; border:0 none !important; text-transform:none; font-size:13px; }
td.assign-task-td .assign-task-div form button.send-email-notification:hover{ text-decoration:none !important; }
.currently-plan{ max-width:1100px; padding:0 15px; margin:0 auto; text-align:center; }
.payment-mem-page .currently-plan + form.form-login{ padding: 15px;  }
div.ui-widget, select, select option, input, textarea{ font-family: 'Roboto Condensed', sans-serif; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel div.ui-widget,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel select,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel select option,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel input,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel textarea{ font-size:12px; }
.table-loader{ text-align:center; margin:10px 0 0 0; background:#fff; }
.back-buttons{ text-align:center; padding:10px; clear:both; }
.back-buttons a{ display:inline-block; color:#000; font-size:14px; padding:5px 15px; border:2px solid #000; border-radius:0; line-height:1.42857143; }
.back-buttons a:hover{ background:#000; color:#fff; }
.flash-text{ padding: 50px 0 0; margin: 0 !important; position: relative; }
.hide-flash-text.flash-text{ display:none; }
.flash-text .close-btn{ display:inline-block; background:none; position:absolute; right:2px; top:2px; margin:0; }
.flash-text .close-btn a{ padding:0; color:#000; font-size:14px; text-decoration:none; display:flex; align-items:center; } 
.flash-text .close-btn a span{ font-size:25px; padding-left: 3px; }
.flash-text .close-btn a img{ width:25px; height:auto;  }
.flash-text .new-video-box-html{ padding-top: 5px !important; padding-bottom: 20px !important; }
.flash-text .new-video-box-html video{ max-width:500px; margin:0 auto; }
.flash-text .new-registration_activation{text-align:center; box-sizing:border-box; max-width:550px; margin:0 auto; padding:30px; position:relative; background:rgba(0,0,0,.05);  }
.flash-text .new-registration_activation .popupcreatetask-pop-inner p{ font-size:16px; }
@media(max-width:991px){
.flash-text{ padding-bottom: 30px;  }
}
.taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design { padding:8px 15px 0; }
.taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .form-group.content-group .col-sm-10 .checkbox{ font-size:14px; }
.taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel form{ margin:0; }
.taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .form-group{ padding:8px 0px; }
.taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .back-buttons{ text-align:left; padding:10px 0; }
.taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .back-buttons a{ padding:0; border:0 none; background:none; color:#c8c4c4; text-decoration:none; }
.taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design .back-buttons a:hover{ text-decoration:underline; }
.tasklist-table td > span.assigned-to-span{width:140px}
.over-flow-text-new a{display:block;max-width:750px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:1200px){
.over-flow-text-new a{max-width:560px}
}
@media(max-width:990px){
.over-flow-text-new{ display:flex; }
.over-flow-text-new a{white-space:normal;max-width:100%;float:none;word-break:normal}
}
sup.recurring{padding-left:2px;min-width:22px}
#no-more-tables thead th .mis-score-span-new a{color:#428bca !important;padding:0;background:none !important;display:block;float:right;font-weight:bold}
.tasklist-table th.short-icon > span{ cursor:pointer; display:inline; padding-right:18px; background:url(../images/gray-arrow-icon-white.png) no-repeat right center; background-size:13px auto; }
.tasklist-table th.short-icon.short-up > span{ background-image:url(../images/gray-arrow-icon-white-up.png); }
.new-custom-dropdown .multiselect-native-select{ line-height:normal; display:block; }
.new-custom-dropdown .multiselect-native-select .btn-group{ display:block; width:100%; }
.new-custom-dropdown .multiselect-native-select button{ padding:8px 15px 8px 5px; border: 1px solid #000; width: 100%; background: url(../img/arrow-icon-top.png) no-repeat right 5px center / 12px auto; }
.new-custom-dropdown .multiselect-native-select span{ line-height:normal; height:auto; padding:0;}
.new-custom-dropdown .multiselect-native-select .dropdown-toggle span{ font-size:15px; width:100%; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; text-align:left; }
.new-custom-dropdown .multiselect-native-select .multiselect-container button{border:0 none; width:100%; padding:7px 10px; background:none; } 
.new-custom-dropdown .multiselect-native-select span.form-check{display: flex; flex-wrap: wrap; justify-content: flex-start; padding:0;}
.new-custom-dropdown .multiselect-native-select span.form-check label{ width:auto !important; margin:0; }
.new-custom-dropdown .multiselect-native-select span.form-check input[type="checkbox"]{width:auto !important}
.new-custom-dropdown .multiselect-native-select .dropdown-menu button.multiselect-option input[type="checkbox"]{ pointer-events:none; }
.add-holiday-box{ transition:all ease-in-out .3s; display:inline-block; border-radius:0; padding:5px 15px; margin:5px 0 0 0; text-transform:none; background:#fff !important; border:2px solid #000; }
.add-holiday-box:hover{ background:#000 !important; color:#fff !important; }
@media(max-width:991px){
.add-holiday-box{margin:0}
}
.pop-custom-form .form-group{ max-width:100%; display:flex; flex-wrap:wrap; }
.pop-custom-form label.control-label{ width:175px; font-weight:500; padding:8px 0; margin:0;}
.pop-custom-form .control-field{ width:calc(100% - 175px); }
.pop-custom-form .control-field input{width:100%; border:1px solid #000}
.pop-custom-form .form-group:last-child{margin-bottom:0}
.pop-btn { background:#000; color:#fff; font-size:13px; margin:0 0 0 1px; padding:5px 10px; line-height:normal; font-weight:normal !important; text-transform:uppercase; border-radius:0; border:2px solid #000; }
table.user-list-table td.add-holiday-btn-wrap{text-align:right;background-color:#fff;}
@media(max-width:639px){
.pop-custom-form label.control-label{width:100%;padding:0 0 1px;}
.pop-custom-form .control-field{width:100%}
}
table.recurring_type > tbody > tr > td.inline-text{ padding-left:20px; /*background:url('../images/enter-arrow-new.png') no-repeat 5px 3px; background-size:auto 17px;*/ }
table.recurring_type > tbody > tr > td.inline-text input#date_of_yearly_days,
table.recurring_type > tbody > tr > td.inline-text input#date_of_half_yearly_days{padding:1px 2px; width:30px; border:1px solid #000;}
/* Chrome, Safari, Edge, Opera */
input#date_of_yearly_days::-webkit-outer-spin-button,
input#date_of_yearly_days::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input#date_of_yearly_days[type="number"],
input#date_of_half_yearly_days[type="number"] { -moz-appearance:textfield; }
table.recurring_type > tbody > tr > td.inline-text label{display:inline-block; width:auto !important;}
table.recurring_type > tbody > tr > td.inline-text select{width:40px}
.tooltip-box-wrap{position:relative;}
.tooltip-box-wrap .tooltip-box{position:absolute; display:none; bottom:17px; width:240px; margin:0 -120px; left:50%; background:rgba(0,0,0,.9); border-radius:5px; padding:8px; color:#fff; }
.tooltip-box-wrap:hover .tooltip-box{display:block}
.tooltip-box-wrap .tooltip-box:before{content:""; position:absolute; left:50%; bottom:-5px; margin:0 -4px; width:0px; height:0px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(0,0,0,.9);}
.task-table-new tr.hide-tr-wrap{ display:none; }
@media(max-width:767px){
table.recurring_type > tbody > tr > td.inline-text{height:auto}
}
@media(max-width:450px){
table.recurring_type > tbody > tr > td.inline-text{padding-left:0;}
.tooltip-box-wrap .tooltip-box{ margin:0; left:auto; right:-14px }
.tooltip-box-wrap .tooltip-box:before { left:220px; bottom:-5px; margin:0 -4px }
}
@media(max-width:430px){
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group .recurring_type label:last-child{display:block}
}
@media(max-width:350px){
.tooltip-box-wrap .tooltip-box {width:184px}
.tooltip-box-wrap .tooltip-box:before {left:165px}
}
@media(min-width:600px){
table.recurring_type > tbody > tr > td{ height:33px; }
}
.inner-table td .half-boxwrap.inline-text-wrap{ display:none; }
#main-content #task-form label.error{ display:none !important; }
#main-content #task-form input.error,
#main-content #task-form select.error{border-color:red !important;}
.show-hide-section.section-hide{display:none}
.more-options-btn span{display:inline-block; color:#7f7f7f; padding:0 0 0 7px; cursor:pointer }
.more-options-btn span i{margin:0 1px 0 0; font-size:14px; width:8px}
.more-options-btn{margin-bottom:8px;width:100%;float:left;margin-top:-10px}
.more-options-btn.show i:before {content:"\f0d7"}
#no-more-tables table.transaction-table{ table-layout:fixed; }
#no-more-tables table.transaction-table thead th.order-id{ width:100px; max-width:100px; min-width:100px; }
#no-more-tables table.transaction-table thead th.plan-description{}
#no-more-tables table.transaction-table thead th.credits{ width:80px; max-width:80px; min-width:80px; }
#no-more-tables table.transaction-table thead th.transaction-date{ width:110px; max-width:110px; min-width:110px;width:110px; max-width:110px; min-width:110px; }
#no-more-tables table.transaction-table thead th.amount{ width:80px; max-width:80px; min-width:80px; }
#no-more-tables table.transaction-table thead th.payment-method{ width:110px; max-width:110px; min-width:110px; }
#no-more-tables table.transaction-table thead th.invoices{ width:80px; max-width:80px; min-width:80px; }
#no-more-tables table.transaction-table td a{ color:#000; }
#no-more-tables table.transaction-table td.icons-td a{ display:inline-block; margin:0 3px; }
#no-more-tables table.transaction-table td.white-space-box div{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.summary-of-credits{ flex-wrap:wrap; text-align:right; display:flex; justify-content:center; padding:0 0 20px; }
.summary-of-credits p{ margin-bottom:5px; font-size:15px; line-height:normal; }
.summary-of-credits .summary-heading{ width:100%; text-align:center; margin:0 0 5px; }
.summary-of-credits .summary-of-wrap{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; padding:0 60px; position:relative; }
.summary-of-credits .summary-of-wrap > div{ padding:5px 10px; border:1px solid #d4d4d4; background:#ebebeb; margin:0 5px; }
.summary-of-wrap .buy-credits-link{ transition: all ease-in-out .3s; position:absolute; right:0; color:#000; padding:4px 10px; border:2px solid #000; background:#fff; margin:0 5px; }
.summary-of-wrap .buy-credits-link:hover{ background-color:#000; color:#fff; }
@media(max-width:767px){
.summary-of-credits .summary-of-wrap{padding:0;}
.summary-of-wrap .buy-credits-link{margin: 10px 0; position: static; display: block; width: 100%; text-align: center; }
}
.summary-of-wrap > div.credits-purchased{ color:#7da84e; }
.summary-of-wrap > div.created-till-date{ color:#fe0000; }
.summary-of-wrap > div.credits-balance{ color:#007dfe; }
#no-more-tables table tr.total-tr-wrap td{ background-color:#fff; }
#no-more-tables table tr.total-tr-wrap td .credits-purchased-border{ padding:5px 0; position:relative; }
.credits-purchased-border:before{ content:""; width:100%; position:absolute; height:2px; background:#e0e0e0; left:0; right:0; top:0;}
.credits-purchased-border:after{ content:""; width:100%; position:absolute; height:2px; background:#e0e0e0; left:0; right:0; bottom:0;}
@media(max-width:990px){
#no-more-tables table tr.total-tr-wrap td.not-on-mobile,
.credits-purchased-border:after,
.credits-purchased-border:before{ display:none; }
#no-more-tables table tr.total-tr-wrap td .credits-purchased-border{padding:0;}
}
@media(max-width:767px){
.summary-of-credits .summary-of-wrap{margin:5px}
.summary-of-credits .summary-of-wrap > div{width:100%; text-align:center; margin:5px 0;}
}
.gst-extra{ display:block; text-align:right; margin:5px 0 0; color:#999999; font-size:11px}
@media(max-width:1200px){
.gst-extra{ margin:5px 5px 0;}
}
.selectpicker option{ border:none; background-color:white; outline:none; -webkit-appearance:none; -moz-appearance:none; color:#14B1B2; font-weight:bold; font-size:30px; margin:0; padding-left:0; margin-top:-20px; background:none; }
select.selectpicker { border:none; background-color:white; outline:none; -webkit-appearance:none; -moz-appearance:none; color:#14B1B2; font-weight:bold; font-size:30px; margin:0; padding-left:0; margin-top:-20px; background:none; }
.bootstrap-select.btn-group .dropdown-menu{ width:100%; }
.bootstrap-select .selectpicker,
.open.bootstrap-select .selectpicker{ background-color:#fff; border:1px solid #000; border-radius:0; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{ background-color:#000; color:#fff; }
.dropdown-menu > li > a{ padding:7px 5px; line-height:normal; white-space:normal; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.edit-form-panel{ display:flex; flex-wrap:wrap; overflow:visible; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.edit-form-panel form{ width:100%; margin:0;  }
@media (min-width:768px){
.modal-dialog.holiday-popup{ width:350px;}
.holiday-popup .pop-custom-form label.control-label { width:95px; }
.holiday-popup .pop-custom-form .control-field { width: calc(100% - 95px); }
}
.new-tooltip-box-wrap.tooltip-box-wrap{  }
.new-tooltip-box-wrap.tooltip-box-wrap .tooltip-box{ padding:5px; display:none; line-height:normal; white-space:normal; bottom:23px;}
.new-tooltip-box-wrap.tooltip-box-wrap:hover .tooltip-box{display:inline-block;}
td.assign-task-td .assign-task-div form span.new-tooltip-box-wrap.tooltip-box-wrap{ display:inline-block;}
.new-tooltip-box-wrap.tooltip-box-wrap.tooltip-box-below .tooltip-box{ bottom:auto; top:calc(100% - 2px); }
.new-tooltip-box-wrap.tooltip-box-wrap.tooltip-box-below .tooltip-box:before{ border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid rgba(0,0,0,.9); border-top:0px solid rgba(0,0,0,.9); bottom:auto; top:-5px; } 
@media(max-width:1348px){
.new-tooltip-box-wrap.tooltip-box-wrap .tooltip-box{ width:200px; margin:0 -100px; }
}
@media(max-width:1300px){
.new-tooltip-box-wrap.tooltip-box-wrap .tooltip-box{ left:auto !important; right:0 !important; margin:0; }
.new-tooltip-box-wrap.tooltip-box-wrap .tooltip-box:before {left:auto; right:7px;}
}
.half-tab.new-half-tab{ clear:both; }
.razorpay-box{ padding:20px 0 0; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:20px; }
.razorpay-box img{ height:24px; margin-left:3px; position:relative; top:-2px; } 
.payment-option{display:flex; justify-content:center; margin:10px 0 0 0;}
.payment-option img{ max-width:90%; }
#form-registration .login-wrap ul li span.error:empty{ display:none; }
/*table.table-bordered > tbody > tr.date-hidden-gray > td{ background-color:#f1f1f1; color:#bdbdbd; border-bottom:1px solid rgb(225 225 225) !important; text-shadow:0 3px 3px rgb(255 255 255);}*/
table.table-bordered > tbody > tr > td.date-hidden-gray,
table.table-bordered > tbody > tr > td.date-hidden-gray div,
table.table-bordered > tbody > tr > td.date-hidden-gray a{color:#bdbdbd;}
table.table-bordered > tbody > tr.hidden-gray-row{ display:none !important; }
/*==For Select 2==*/
.form-panel .select2-container{border-radius:0;}
.form-panel .select2-container--default.select2-container--focus .select2-selection--multiple{ border-radius:0; padding:0; }
.form-panel .select2-container--default .select2-selection--multiple{border-radius:0; border:1px solid #000; padding:0; }
.form-panel .select2-container--default .select2-search .select2-search__field{ border:0 none !important; height:31px !important; line-height:31px !important; padding:0px 5px !important;}
.form-panel .select2-container .select2-selection--multiple .select2-selection__rendered{ margin:5px 0; vertical-align:top; }
.form-panel .select2-container .select2-selection--multiple .select2-selection__rendered li{ vertical-align:top; }
.new-custom-dropdown.new-custom-summary-dropdown{ display:flex; align-items:center; }
.new-custom-dropdown.new-custom-summary-dropdown .at{text-align:center; width:20px; }
.new-custom-dropdown.new-custom-summary-dropdown .date-row-day,
.new-custom-dropdown.new-custom-summary-dropdown .date-row-date{ width:calc(50% - 10px); }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.leader-set .new-custom-dropdown.new-custom-summary-dropdown .multiselect-native-select button { padding: 5px 15px 4px 5px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group  table.recurring_type > tbody > tr > td[colspan="2"].multiple-boxs > * { display:inline-block;  width:auto; padding:0 10px 0 0; margin:0 0 0 0; }
.inner-table td.multiple-boxs .half-boxwrap .half-box{ float:none; width:auto; }
.inner-table td.multiple-boxs .half-boxwrap .half-box input[type="checkbox"]{ margin:0; }
td[colspan="2"].multiple-boxs > .div-show-box[style="display: block;"]{ display:inline-block !important; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group table.recurring_type > tbody > tr > td .full-checkbox.half-boxwrap{ display:block; width:100%; padding:5px 0 0;}
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group table.recurring_type > tbody > tr > td .full-checkbox.half-boxwrap .full-checkbox-box{ padding:0 0 0 20px; width:100%; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group table.recurring_type > tbody > tr > td .full-checkbox.half-boxwrap .full-checkbox-box .full-box{ display:block; margin:0 0 5px; color:#000; font-size:11px; position:relative; padding:0 0 0 20px; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group table.recurring_type > tbody > tr > td .full-checkbox.half-boxwrap .full-checkbox-box .full-box input[type="checkbox"]{float: left; margin:1px 5px 0 0; position:absolute; left:0; top:-1px; }
.choose-the-lead .select2{ width:100% !important; }
@media(max-width:599px){
#main-content td.box-hide-td{ display:none; }
#main-content td.box-not-hide-td{ display:block; overflow: hidden; }
}
@media(min-width:767px){
.search-table-box.mis-scoring-wrap{ max-height:298px; overflow-y:auto; scrollbar-width:thin; }
}
.search-table-box.mis-scoring-wrap .search-table tr th{ top:0px; }
.search-table-box.mis-scoring-wrap .search-table tr th,
.search-table-box.mis-scoring-wrap .search-table tr td{ white-space:nowrap; padding:5px; text-align:center; }
@media(max-width:1200px){
.search-table-box.mis-scoring-wrap .search-table tr th,
.search-table-box.mis-scoring-wrap .search-table tr td{ line-height:normal; white-space:normal; }
}
@media(max-width:991px){
.search-table-box.mis-scoring-wrap{ margin:0 0 25px; }
}
@media(max-width:767px){
.search-table-box.mis-scoring-wrap .search-table tr td { padding-left:130px; padding-top:8px; padding-bottom:8px; }
.mis-scoring-row{ display:flex; flex-wrap:wrap; }
.mis-scoring-row .hastable{ order:2; width:100%; }
.mis-scoring-row .hasgraph{ order:1; width:100%; margin:0 0 20px; }
.mis-scoring-row .hasgraph canvas{ width:100% !important; height:auto; }
}
#no-more-tables table td[colspan="11"],
#no-more-tables table td.has-loader{ cursor:pointer; }
#no-more-tables table td.td-user-gray{ opacity:.2; pointer-events:none; }
#no-more-tables table td[colspan="11"] span.task-loading,
#no-more-tables table td.has-loader span.task-loading{ display:none }
#no-more-tables table td[colspan="11"].td-user-gray span.task-loading,
#no-more-tables table td.has-loader.td-user-gray span.task-loading{ position:relative; display:inline-block; overflow:visible ; width:auto; height:auto; background:none; color:black; line-height:normal; padding:1px 5px 0; margin:0; vertical-align:top; /* animation:blinker 1.5s linear infinite; */ }
@keyframes blinker {
  50% { opacity:.25; }
}
#no-more-tables table td.td-user-gray span.task-loading:before { content:""; width:24px; height:24px; display:inline-block; background:url(../images/ajax-loader.svg) no-repeat center center transparent; background-size:cover; position:absolute; top:-2px; left:-2px; }
body div:where(.swal2-container).swal2-center > .swal2-popup{ border-radius:0 }
body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm),
body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){font-size:12px;}
body div:where(.swal2-container) .swal2-html-container{ font-size:15px; }
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow: visible !important;}
.custom-popup{ display:none; position:fixed; left:0; top:0; width:100dvw; height:100dvh; justify-content:center; align-items:center; z-index:99999; }
.custom-popup.active{display:flex;}
.custom-popup .custom-popup-overlay { display:flex !important; width:100%; height:100%; position:absolute; z-index: 1; left:0; top:0; background:rgba(0,0,0,.3); cursor:pointer; }
.custom-popup .custom-popup-box{ position:relative; width:calc(100% - 20px); max-width:370px; padding:15px; background:#fff; z-index:2; }
/*.custom-popup .custom-popup-box .custom-popup-inner{ display:none; }*/
.custom-popup .custom-popup-box .custom-popup-inner.show-content{ display:block; }
.custom-popup .custom-popup-box .popupicon{ margin:0 0 10px; text-align:center; display:none; }
.custom-popup .custom-popup-box .popupicon svg{ width:60px; height:auto; }
.custom-popup .custom-popup-box h3{ font-size:15px; text-align:center; margin:0 0 17px; line-height:normal; }
.custom-popup .custom-popup-box h3 span{ display:block; padding:10px 0 0; }
.custom-popup .custom-popup-box .popupcontent,
.custom-popup .custom-popup-box .checkbox-popupcontent{ padding:0 0 20px; }
.custom-popup .custom-popup-box .popupcontent p,
.custom-popup .custom-popup-box .checkbox-popupcontent p{ margin:0 0 10px; text-align:center; line-height:normal; }
.custom-popup .custom-popup-box .popupcontent p:last-child,
.custom-popup .custom-popup-box .checkbox-popupcontent p:last-child{ margin-bottom:0; }
.custom-popup .custom-popup-box .popupcontent p label,
.custom-popup .custom-popup-box .checkbox-popupcontent p label{ margin:0; padding:0; line-height:normal; }
.custom-popup .custom-popup-box .popupcontent p label input[type="checkbox"],
.custom-popup .custom-popup-box .checkbox-popupcontent p label input[type="checkbox"]{ margin:0; position:relative; top:1px; }
.custom-popup .custom-popup-box .popupcontent:empty,
.custom-popup .custom-popup-box .checkbox-popupcontent:empty,
.custom-popup .custom-popup-box .popupcontent p:empty,
.custom-popup .custom-popup-box .checkbox-popupcontent p:empty{ display:none !important; }
.custom-popup .custom-popup-box .label{ padding:0 19px; position:relative; }
.custom-popup .custom-popup-box .label input{ position:absolute; left:0; top:-2px; }
.custom-popup .custom-popup-box .popup-buttons{ display:flex; justify-content:center; line-height:normal; }
.custom-popup .custom-popup-box .popup-buttons button{ display:inline-block; background:#fff; padding:10px 15px; border-radius:0; /*border:0;*/ outline:none; color:#000; border:1px solid #000; margin:0 3px; text-transform:capitalize; cursor:pointer; }    
.custom-popup .custom-popup-box .popup-buttons button.btn-danger,
.custom-popup .custom-popup-box .popup-buttons button#deleteTask{color: #fff; background-color: #000; border-color: #000; /*background-color: #c9302c; border-color: #ac2925;*/ }
.tags{display:flex; flex-wrap:wrap; padding-top:0 }
.tags > span{display:inline-block; padding:2px 0; border-radius:3px; background-color:#777; color:#fff; line-height:1; font-size:9px; margin-bottom:1px; width:100%; text-align:center; /*text-shadow:0 0 2px #000;*/ text-transform:uppercase;}
.tags > span:last-child{margin-bottom:0}
input[type="color"],
.pop-custom-form .control-field input[type="color"]{ width:20px; height:23px; border:0 none; padding:0; margin:0; }
.color-box-code{ display:inline-block; width:20px; height:20px; border:0 none; padding:0; margin:0 5px 0 0; }
.color-code > div,
.color-code-box { display:flex; flex-wrap:wrap; align-items:center; }
.color-code > div input[type="color"],
.pop-custom-form .control-field input[type="color"]{ margin:0 5px 0 0; }
.label-list table{ font-size:13px; }
.color-edit-label{ display:flex; padding:8px; align-items:center; } 
.btn-toggle { margin: 0; padding: 0; position: relative; border: none; height: 1.5rem; width: 3rem; border-radius: 1.5rem; color: #6b7381; background: #bdc1c8; }
 .btn-toggle:focus, .btn-toggle:focus.active, .btn-toggle.focus, .btn-toggle.focus.active { outline: none; }
 .btn-toggle:before, .btn-toggle:after {
     line-height: 1.5rem;
     width: 4rem;
     text-align: center;
     font-weight: 600;
     font-size: .75rem;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: absolute;
     bottom: 0;
     transition: opacity .25s;
}
/* .btn-toggle:before {
     content: 'Off';
     left: -4rem;
}
 .btn-toggle:after {
     content: 'On';
     right: -4rem;
     opacity: .5;
}*/
 .btn-toggle > .handle {
     position: absolute;
     top: 0.1875rem;
     left: 0.1875rem;
     width: 1.125rem !important;
     height: 1.125rem;
     border-radius: 1.125rem;
     background: #fff;
     transition: left .25s;
}
 .btn-toggle.active {
     transition: background-color .25s;
}
 .btn-toggle.active {
     background-color: #000;
}
 .btn-toggle.active > .handle {
     left: 1.6875rem;
     transition: left .25s;
}
 .btn-toggle.active:before {
     opacity: .5;
}
 .btn-toggle.active:after {
     opacity: 1;
}
.custom-dropdown .dropdown-menu{ max-height:225px; overflow:auto; scrollbar-width:thin; }
.custom-dropdown .dropdown-menu .dropdown-color-box{ display:inline-block; width:14px; height:14px; margin:0 0 0 5px; position:relative; top:2px; }
.custom-dropdown .dropdown-menu input[type="checkbox"]{ margin-right:5px; }
.custom-dropdown .dropdown-menu a{ cursor:pointer; }
.tasklist-table th.more-buttons > span{ display:inline-block; padding:0 4px 0 0; position:relative; top:5px; }
.tasklist-table th.more-buttons > span:last-child{ padding-right:0; }
.new-task-distinct #no-more-tables tbody tr td .target-date-span{ width:100%; }
.no-top-border #no-more-tables thead th.s-labels{text-align:center; }
.heading-has-button{ display:flex; justify-content:center; align-items:center; margin:0 auto 15px; position:relative; max-width:550px; width:calc(100% - 20px);}
.heading-has-button button{ position:absolute; right:0; top:-4px; margin:0; padding:5px 9px 3px; }
.heading-has-button p{ display:block; text-align:center; margin:0; font-size:17px; color:#000; background:#fff; }
.no-top-border .no-border-tablelist #no-more-tables{ background:none; }
@media(min-width:991px){
.no-border-tablelist #no-more-tables td,
.no-border-tablelist #no-more-tables td > div{ max-width: 217px !important; width:auto !important; }
.no-top-border .no-border-tablelist #no-more-tables table{ width:550px }
.no-top-border .no-border-tablelist.view-user-wrap #no-more-tables table{ width:720px }
.no-top-border .no-border-tablelist #no-more-tables table td{ border-top:1px solid #e0e0e0 !important; }
}
.frequency-td{ width:120px; }
.frequency-td .frequency-ellipsis{ width:110px; margin:0; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#no-more-tables.table-fixed-wrap{ background:none;  }
#no-more-tables.table-fixed-wrap table td{ border-top:1px solid #e0e0e0 !important; }
#no-more-tables.table-fixed-wrap table{ table-layout:fixed; }
#no-more-tables.table-fixed-wrap table th.s-no{ width:36px }
#no-more-tables.table-fixed-wrap table th.new-date{ width:105px }
#no-more-tables.table-fixed-wrap table th.labels-data{ width:80px }
/*#no-more-tables.ttable-fixed-wrap table th.c_task_name{ width:250px }*/
#no-more-tables.table-fixed-wrap table th.new-name{width:150px;}
#no-more-tables.table-fixed-wrap table th.c_status {width:70px;}
#no-more-tables.table-fixed-wrap table th.score-th {width:70px;}
#no-more-tables.table-fixed-wrap table th.new-date-big {width:120px;}
#no-more-tables.table-fixed-wrap table th.frequency-td{width:100px;}
@media(min-width:991px){
#no-more-tables.table-fixed-wrap table td .assigned-by-span{ display:block; width:100%; }
#no-more-tables.table-fixed-wrap table td .over-flow-text-new,
#no-more-tables.table-fixed-wrap table td .frequency-ellipsis{ width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.no-top-border #no-more-tables.table-fixed-wrap table td .over-flow-text{ width:100%; }
}
@media(max-width:1200px){
#no-more-tables.table-fixed-wrap table th.frequency-td{ width:130px; }
#no-more-tables.table-fixed-wrap table td .frequency-ellipsis{ white-space:normal; line-height:normal; }
}
@media(max-width:990px){
#no-more-tables.table-fixed-wrap table td .over-flow-text-new,
#no-more-tables.table-fixed-wrap table td .frequency-ellipsis{ text-align:left; white-space:normal;}
.tags{ width:80px }
}
.holiday-popup .pop-custom-form .control-field.input-count-box{ position:relative; }
.holiday-popup .pop-custom-form .control-field.input-count-box #title-char-count-add,
.holiday-popup .pop-custom-form .control-field.input-count-box .input-count-span{ position:absolute; right:1px; top:1px; width:33px; display:block; height:32px; line-height:33px; text-align:center; background:#e1e1e1; color:#000; border-radius:0 4px 4px 0; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab.three-tab .form-group.col45{ width:45%; }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab.three-tab .form-group.col20{ width:20%; margin-left:0 }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .half-tab.three-tab .form-group.col35{ width:35%; margin-left:0 }
@media (max-width: 990px) {
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .three-tab .form-group label small { font-size: 10px;}
}
.choose-the-lead .select2-selection__choice .select2-selection__choice__display{ color:#000; }
.dateTimeContainer.col20 input.hasDatepicker{ background-image:none; padding: 6px 5px !important }
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel .form-group.col40 .col-sm-10 select{ background:none; }
.faq-wrapper ul{list-style:none;margin:0 0 20px}
.faq-wrapper ul li{ margin-bottom:30px}
.faq-wrapper ul li .faq-question{margin:0 0 10px;font-weight:500;color:#000;font-size:20px}
.faq-wrapper ul li .faq-question:before{content:"Q."; padding-right:3px; }
.faq-wrapper ul li .faq-answer{font-size:14px;color:#222;line-height:normal}
.faq-wrapper ul li .faq-answer p { margin:0 0 10px 0; }
.faq-wrapper ul li .faq-answer p strong{ font-weight:600; }
.faq-wrapper ul li .faq-answer p:last-child{ margin-bottom:0; }
.panel-default > .panel-heading{padding:0}
.panel-default > .panel-heading h4 a{padding:10px 15px; display:block;font-size:18px; font-weight:500;  } 
.form-panel .has-select-2 .select2-container{ width:100% !important; }
.form-panel .has-select-2 .select2-container .select2-search textarea{ margin:0 }
.tasklist-table .table-headingbox td span.print-box{ display:inline-flex; justify-content:center; background:none !important; align-items:flex-start; margin-top:1px;  float:right; }
.tasklist-table .table-headingbox td span.print-box a{padding:0 13px; color:#000; }
#no-more-tables thead th span.print-box.right-print-box{ margin-left:10px; }
#no-more-tables thead th span.print-box.right-print-box a{ padding:0; background:none !important; }
span.print-box img{ width:14px; height:auto; }
.no-top-border #no-more-tables thead th{}
.editing-rights .form-group{ padding:0; margin:0; }
.custom-dropdown-box label{ display:block; }
.custom-dropdown-box .multiselect-native-select .dropdown-menu button.multiselect-option{ width:100%; margin:0; padding:0; background:#fff; border:0 none; }
.custom-dropdown-box .multiselect-native-select,
.custom-dropdown-box .multiselect-native-select .btn-group,
.custom-dropdown-box .multiselect-native-select .multiselect{ width:100%; display:block; } 
.custom-dropdown-box .multiselect-native-select .multiselect{ background:#fff url(../img/arrow-icon.png) no-repeat right 4px center / 10px auto; text-align:left; padding:10px 10px; border-radius:0; border:1px solid #000; line-height:normal; }
.custom-dropdown-box .multiselect-native-select .dropdown-menu{ width:100%; max-height:301px; overflow:auto; scrollbar-width:thin; }
.custom-dropdown-box .multiselect-native-select .dropdown-menu .form-check { display:flex; flex-wrap:wrap; padding:5px 10px; align-items:center; margin:0; }
form.listing-user-wrap{ display:inline-block; }
form.listing-user-wrap button,
form.listing-user-wrap button:hover{ background:none; border:0 none; color:#000; padding:1px 5px; font-size:14px; line-height:1.5; }
.no-top-border #no-more-tables table td .over-flow-text.new-over-flow-text{ padding-right:0; position:relative; display:flex; overflow:visible; }
.no-top-border #no-more-tables table td .over-flow-text.new-over-flow-text > span.title-delgair{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.over-flow-text.new-over-flow-text .recurring{ top:5px; }
label.inline-form-box input.inline-form{ width:45px; line-height:normal !important; border:0 none; border-bottom:1px solid #000; padding:0 5px; color:#000; font-size:15px !important; font-weight:500;}
label.inline-form-box input.inline-form.has-day{ width:80px }
label.inline-form-box input[type="date"].inline-form{ width:110px }
label.inline-form-box select.inline-form{ width:95px; line-height:normal !important; border:0 none; border-bottom:1px solid #000; padding:0 2px; color:#000; font-size:15px !important; font-weight:500;}
label.inline-form-box small{display:inline-block !important; margin:0 0 0 3px; }
.inline-form-group label.inline-form-box{ margin:0 !important }
.modal-content{border-radius:0; }
.custom-modal-footer.modal-footer{ padding:0 15px 15px; text-align:right; border-top:0px solid #e5e5e5; display:flex; justify-content:center; }
.custom-modal-footer.modal-footer .custom-btn-popup{ display:inline-block; color:#fff; background:#000; padding:10px 15px; border-radius:0; outline:none; border:1px solid #000; margin:0 3px; text-transform:capitalize; cursor:pointer; }
.custom-modal-footer.modal-footer .custom-btn-popup.custom-btn-border{ color:#000; background-color:#fff; border-color:#000; }

.btn-group-box{ display:flex; flex-wrap:wrap; justify-content:center; gap:5px; margin:0 0 15px; }
.btn-group-box > a,
.btn-group-box > button{ display:block; color:#000; font-size:13px; padding:5px 15px; border:1px solid #000; border-radius:0; line-height:normal; transition:all ease-in-out .3s; }
.btn-group-box > a:hover,
.btn-group-box > button:hover,
.btn-group-box > a.active,
.btn-group-box > button.active{ background-color:#000; color:#fff; }
.btn-group-box > a.print-btn{ padding:0 2px; border:0 none; background:none; }
.btn-group-box > a.print-btn img{ width:auto; height:16px; margin-top:6px; }

.inner-pages.faq-page .heading h1.page_title{ text-align:center; }
h2.faq-title{ font-size:20px; margin:0 0 10px; line-height:normal; border-bottom:1px solid #000; padding:0 0 5px; }
.panel + h2.faq-title{ margin-top:35px; }

#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.has-divider .form-horizontal > .half-tab,
#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.has-divider .form-horizontal > .form-group{ padding:15px; border-bottom:1px solid rgba(0, 0, 0, .3); }



#main-content > .wrapper > .row.mt.setting-page .col-lg-12 .form-panel{ padding:0; }
#main-content > .wrapper > .row.mt.setting-page .col-lg-12 .form-panel.leader-set form{ margin:0; width:100%; }
.setting-page .form-panel .select2-container--default .select2-search .select2-search__field{ margin:0; }
/*.setting-page .form-panel .select2-container{ background:url(../img/arrow-icon-top.png) transparent no-repeat right 5px center / 12px auto  }*/
.setting-page .form-panel .select2-container--default .select2-selection--multiple{ background:url(../img/arrow-icon-top.png) transparent no-repeat right 5px center / 12px auto  }
.setting-page .form-panel .select2-container--default .select2-selection--multiple .select2-selection__clear{ margin-right: 4px; margin-top: 0px; right: 0; padding: 3px 4px; background: #fff;  font-size: 18px; display:none; } 
.setting-page .field.text-field{ margin-top:3px; }
.setting-page .select2-container{ width:100% !important; }


.newformbox{ /*width:calc(100% - 20px); max-width:512px; box-shadow:0 0 8px rgba(0, 0, 0, .15); margin:0 auto; */}
.newformbox .has-divider{ padding:15px; border-bottom:1px solid rgba(0, 0, 0, .15); display:flex; flex-wrap:wrap; }
.field-box{width:100%; }
.newformbox .has-divider.row-2 { justify-content:space-between; }
.newformbox .has-divider.row-2 .field-box{ width:calc(50% - 15px); }
.newformbox label{ color:#000; font-size:15px; font-weight:500; text-transform:uppercase; line-height:normal; margin:0 0 3px;}
.newformbox .has-divider select{ padding:6px 10px; padding-right:20px !important; width:100%; background:#fff url(../img/arrow-icon-top.png) no-repeat right 5px center / 12px; display:block; appearance:none; height:32px; }
.newformbox .has-divider input,
.newformbox .has-divider select{ border:1px solid #000; border-radius:0; } 
.newformbox .has-divider select.inline,
.newformbox .has-divider input.inline{ width:auto; display:inline-block; padding:2px 5px; line-height:normal; height:auto; appearance:none; border-radius:0; }

.newformbox .has-divider select.inline{  }


#main-content > .wrapper > .row.mt.setting-page .col-lg-12 .form-panel.leader-set .multiselect-native-select .dropdown-toggle span{ font-size:12px; }


/*.newformbox .multiselect-native-select{ line-height:normal; display:block; }
.newformbox .multiselect-native-select .btn-group{ display:block; width:100%; }
.newformbox .multiselect-native-select button{ padding:8px 15px 8px 5px; border: 1px solid #000; width: 100%; background: url(../img/arrow-icon-top.png) no-repeat right 5px center / 12px auto; }
.newformbox .multiselect-native-select span{ line-height:normal; height:auto; padding:0;}
.newformbox .multiselect-native-select .dropdown-toggle span{ font-size:15px; width:100%; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; text-align:left; }
.newformbox .multiselect-native-select .multiselect-container button{border:0 none; width:100%; padding:5px 10px; background:none; } 
.newformbox .multiselect-native-select span.form-check{display: flex; flex-wrap: wrap; justify-content: flex-start; padding:0; }
.newformbox .multiselect-native-select span.form-check label{ width:auto; margin:0; }
.newformbox .multiselect-native-select .dropdown-menu button.multiselect-option input[type="checkbox"]{ pointer-events:none; }*/
.newformbox .has-save-btn{padding:15px; }
.newformbox .has-save-btn input[type="submit"],
.newformbox .has-save-btn button[type="button"] { background:#000; color:#fff; display:block; font-style:15px; text-transform:uppercase; width:100%; border-radius:0; padding:4px 10px; border:2px solid #000; }


.inner-pages .heading h1.page_title{}
.help-page .heading{ text-align:center; }
.help-wrap{ display:flex; flex-wrap:wrap; flex-flow: column; }
.help-box { margin-bottom:30px;}
.help-box h2{ font-size:20px; margin:0 0 10px; line-height:normal; border-bottom:1px solid #000; padding:0 0 5px; font-weight:500; }
.help-box ul{ margin:0; padding:0 0 0 10px; list-style:none}
.help-box ul li{ padding:0; margin:0 0 10px;}
.help-box ul li a{display: block; background: url(../images/left-arraw-icon.png) no-repeat 0 2px / 10px auto; padding: 0 0 0 12px; color:#0087c0 /*#0aa9ff*/; text-decoration:none; text-transform:none; }
.help-page-detail .privacy-policy ul{ margin-left:10px;  }  

.colordropdown{ display:flex; align-items:center; }
.colordropdown .color-box{ display:inline-block; width:15px; height:15px; margin:0; cursor:pointer; }
.colordropdown .colorcodebox { padding:0 0 0 5px; }

.pop-custom-form .form-group.color-wrap{ position:relative; }
.control-field.color-code-box,
.control-field.color-edit-label{ position:relative; }
.colorList{  display:none; flex-wrap:wrap; list-style:none; margin:0; padding:5px; width:218px; position:absolute; left:0; top:28px; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .3); }
.colorList.show-color{ display:flex; }
.colorList ul.colorList-ul{ margin:0; padding:0; }
.colorList ul.colorList-ul li { border:0 none; width:auto; margin:1px; }
.colorList ul.colorList-ul li span { width:20px; height:20px; border-radius:50%; display:flex; margin:0; box-shadow:0 0 2px rgba(0,0,0,.4); border:0 solid rgba(0,0,0,0.2); position:relative; }
.colorList ul.colorList-ul li label { display:flex; align-items:center; padding:2px; overflow:hidden; margin:0; cursor:pointer; }
.colorList ul.colorList-ul li label input { opacity:0; position:absolute; left:-99999px; top:0 }
.colorList ul.colorList-ul li input:checked + span:before { position:absolute; left:0; top:0; content:""; min-width:20px; background-color:transparent; min-height:20px; border-radius:50%; border:4px solid #fff; box-sizing:border-box; box-shadow:0 0 2px rgba(0,0,0,1) }



/*ul.colorList { display:none; flex-wrap:wrap; list-style:none; margin:0; padding:5px; width:218px; position: absolute; left:0; top:18px; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .3); }
ul.colorList.show-color{ display:flex; }
ul.colorList li { border:0 none; width:auto; margin:1px; }
ul.colorList li span { width:20px; height:20px; border-radius:50%; display:flex; margin:0; box-shadow:0 0 2px rgba(0,0,0,.4); border:0 solid rgba(0,0,0,0.2); position:relative; }
ul.colorList li label { display:flex; align-items:center; padding:2px; overflow:hidden; margin:0; cursor:pointer; }
ul.colorList li label input { opacity:0; position:absolute; left:-99999px; top:0 }
ul.colorList li input:checked + span:before { position:absolute; left:0; top:0; content:""; min-width:20px; background-color:transparent; min-height:20px; border-radius:50%; border:4px solid #fff; box-sizing:border-box; box-shadow:0 0 2px rgba(0,0,0,1) }*/
.radiobtnbox{ padding:10px 0 0; }
.radiobtnbox p{ margin-bottom:10px; }
.radiobtnbox p:last-child{margin-bottom:0}
.radiobtnbox .radio-btns{ list-style:none; margin:0 0 10px; }
.radiobtnbox .radio-btns li{ margin:0 0 6px; display:flex; }
.radiobtnbox .radio-btns li:last-child{ margin-bottom:0; }
.radiobtnbox .radio-btns li label{ text-transform:none; font-size:13px; margin:0; cursor:pointer; display:inline-flex; align-items:center; }
.radiobtnbox .radio-btns li label input{ margin:0 4px 0 0; }
.radiobtnbox p.note-box{ font-style:italic; }
.infotext-box{ clear:both; margin-top:0; padding:5px 0 0 0x; }
.infotext-box p{ margin-bottom:7px; line-height:normal; font-size:11px; color:#7f7f7f; }
.recurring_type_box.edit-task-recurring-box{ clear:both; margin-left:22px; padding-top:0; }
.heading-has-button.heading-has-button-new { display:flex; justify-content:space-between; }
.heading-has-button.heading-has-button-new .onoffbutton{  display:flex; align-items:center;}
.heading-has-button.heading-has-button-new .onoffbutton p { margin:0 10px 0 0; font-size:20px; }
.heading-has-button.heading-has-button-new button{ position:relative; left:auto; right:auto; top:auto; }
.onoffbutton .btn-toggle{ height:2rem; width:4rem; }
.onoffbutton .btn-toggle > .handle{ width:1.825rem !important; height:1.825rem !important; border-radius:50%; top:1px; }
.onoffbutton .btn-toggle.active > .handle{ left:2rem; transition:left .25s; }
@media(max-width:990px){
.heading-has-button.heading-has-button-new{ max-width:100%; }
}

.has-save-btn.leader-btn{ padding:15px 0 0; width:100%; }
.has-save-btn.leader-btn button{ width:100%; }

.select2-container--default .select2-selection--single .select2-selection__arrow{ background:url(../img/arrow-icon.png) no-repeat right 4px center / 10px auto; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ display:none; }
a.timestramp-box{ display:inline-block; }
a.timestramp-box img{ height:15px; width:auto; margin:0 0 0 3px; }


.status-popup-text-wrap{ max-height:calc(100vh - 265px); overflow-x:hidden; overflow-y:auto; margin:0 0 20px; scrollbar-width:thin; }
.pop-check-box{ margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #d9d9d9; }


 .task-update-box .taskupdate-page#main-content > .wrapper > .row.mt .col-lg-12 .form-panel.task-new-design { padding: 0px 0px 0; margin: 0; width: 100%; box-shadow: none; }

 .new-task-distinct #no-more-tables tbody tr td .target-date-span.pending-task span{ text-decoration:underline; cursor:pointer; }

 .search-table-box table td sup{ z-index:-1; }

 .mis-searchbar.mis-searchbar-data{ box-shadow:none; text-align:right; padding:0; margin:0 0 5px; display:flex; justify-content:space-between; }

.new-task-distinct #no-more-tables table.table tbody.active-tbody tr.table-headingbox td span{ background:url(../images/arrow-icon-mobile.png) no-repeat center 3px / 9px auto; }
.new-task-distinct #no-more-tables table.table tbody.active-tbody tr.hide-task-list{ display:table-row !important; }
.new-task-distinct #no-more-tables table.table tbody.active-tbody tr.com-hide[style="display:none;"],
.new-task-distinct #no-more-tables table.table tbody.active-tbody tr.com-hide[style="display: none;"]{ display:none !important; }

.mis-searchbar.mis-box-new{ padding:0; margin:0; box-shadow:none; }
/*.scroing-box ul{ list-style:none; padding: 0; margin: 0; }
.scroing-box ul li{ margin:0; padding:20px 10px; border-bottom:1px solid #e0e0e0; }
.scroing-box ul li span{ font-size:15px; }
.scroing-box ul li .name{ width:150px; }
.scroing-box ul li .week{ width:70px; }
.scroing-box ul li .scoring{ width:150px; color:red; }
.scroing-box ul li:last-child{ margin-bottom:0; }
.scroing-heading { cursor: pointer; background:url(../img/arrow-icon-right.png) no-repeat 0 center / 13px auto; padding:0 0 0 25px }
.scroing-heading.active { background-image: url(../img/arrow-icon-top.png); }
.scroing-content { display: none; }*/

.scroing-box { display:flex; flex-wrap:wrap; width:100%; }
.scroing-box ul{ display:flex; flex-wrap:wrap; justify-content:flex-start; gap:5px; margin:0; }
.scroing-box ul li{ border:1px solid #bfbfbf; padding:5px 5px; background-color:#e8e8e8; color:#000; transition:all ease-in-out .3s; cursor:pointer; }
.scroing-box ul li:hover,
.scroing-box ul li.active{ background-color:#000; border-color:#000; color:#fff; }
.scroing-box ul li .scroing-heading{ display:flex; gap:7px; }
.scroing-box ul li .scoring.red{ color:red; }
.scroing-box ul li .scoring.green{ color:green; }

span#nameDisplay{ display:flex; text-align:center; justify-content:center; font-size:16px; margin:0 0 15px; }
span#nameDisplay:empty{display: none;}
.mis-searchbar span#mis-s hr{ margin:0 0 5px 0;  border-color:#dfdfdf; display:none; }
#scoreResults{ position:relative; }
#mis-s #loader{ position:static; display: none; top:0; left:0; width:100%; height:150px; background: white url("../images/save_loader.png") center center no-repeat; }

@media(max-width:480px){
    .scroing-box ul li{width: 100%;}
}

.scroll-table-wrap { display:block; width:auto; width:100%; float:left; max-height:335px; margin:0 0 20px; overflow:auto; scroll-behavior:smooth; scrollbar-width:thin; border:0px solid #ccc; }
.scroll-table-wrap table.scrolltable { border-collapse:collapse; border:0px solid #e0e0e0; min-width:100%; width:auto; }
.scroll-table-wrap table.scrolltable th,
.scroll-table-wrap table.scrolltable td { white-space:nowrap; padding:5px 10px; text-align:center; border:1px solid #e0e0e0; background:#fff; min-width:115px; }
.scroll-table-wrap table.scrolltable tr.fix-top th { background:#000; color:#fff; position:sticky; border-top:0; top:0; z-index:2; }
.scroll-table-wrap table.scrolltable tr .fix-left { position:sticky; left:0; z-index:3 !important; border-left:0; text-align:left; }
.scroll-table-wrap table.scrolltable tr .fix-right { position:sticky; right:0; z-index:4 !important; border-right:0 }
.scroll-table-wrap table.scrolltable tr.fix-top th.fix-left{z-index:5 !important }
.scroll-table-wrap table.scrolltable tr.fix-top th.fix-right {z-index:6 !important }
.scroll-table-wrap table.scrolltable tr td.fix-left,
.scroll-table-wrap table.scrolltable tr td.fix-right { background:#efefef; }
.scroll-table-wrap table.scrolltable tr td a { color:#0087c0; text-decoration:underline; }
.scroll-table-wrap table.scrolltable tr td a:hover { text-decoration:none; }
.scroll-table-wrap table.scrolltable tr td.red{ color:red; }
.scroll-table-wrap table.scrolltable tr td.green{ color:green; }
.scroll-table-wrap table.scrolltable tr#userList td span{ font-weight:normal !important; }
.fix-left .btn,
.fix-right .btn{ pointer-events:auto; cursor:pointer; background:url(../images/left-white-arrow.png) no-repeat right center transparent; background-size:16px auto; border:0 none; width:25px; height:18px; position: absolute; right:3px; top:5px; cursor:pointer; }
.fix-right .btn{ background-image:url(../images/right-white-arrow.png); background-position:left center; float:left; left:3px; right:auto; }
.fix-left .btn:disabled{ cursor:not-allowed; background-image:url(../images/left-gray-arrow.png); }
.fix-right .btn:disabled { cursor:not-allowed; background-image:url(../images/right-gray-arrow.png); }