/*
Theme Name: sparkling child
Tags:  custom-menu, editor-style, featured-images
Template: sparkling
Version: 1.0.0
*/


@import '../sparkling/style.css';
/*new css starts here*/
#content{padding-top:75px;}
.metaslider .caption{margin: 20px !important;}
.metaslider .caption-wrap {
  position: absolute !important;
  bottom: 35px !important;
  left: 100px !important;
  color: white;
  opacity: 0.7;
  margin: 0; 
  display: block;
  width: 100%;
  line-height: 1.4em;
  background: rgba(59,59,59,.8) !important; 
  width: 60% !important;
}
#footer-area{background-color:#000000 !important;}  
#colophon {background-color: #F9FBFF !important;}  
.fa-cog{color: #000000 !important;;font-size: 12px !important;}  
.copyright {
  margin-top: 10px !important;
  float: right !important;
  text-align: center !important; 
}
.footer_info_para{font-size: 12px; color: #ccc; line-height: 26px; padding-left: 0px; padding-right: 0px; margin-top: 10px; margin-bottom: 30px;}
.navbar.navbar-default {background-color: #007CC3 !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .caret, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus-within > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  width: 100% !important; 
  color: #ffffff !important; 
  font-size: 14px !important; 
  font-weight: 700 !important; 
  text-transform: capitalize !important; 
}
.footer-widget h2{color: #ffffff !important;}  
.timing-slot{color: #007cc3; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 25px;}
.slot-day{color: #cccccc;} 
.phone-heading{font-weight: 800; color: #007cc3; font-size: 16px; line-height: 29px;}
.phone-number{font-weight: 400; color: #007cc3;}  
div.custom-menu-class ul {
    margin:15px 70px 15px 0px;
    list-style-type: none;
    list-style: none;
    list-style-image: none;
    text-align:right;
    display:inline-block;   
}
div.custom-menu-class li {
    display: inline-block;
} 
 
div.custom-menu-class a { 
    color:#ffffff;
}
div.custom-menu-class a:hover { 
    text-decoration: none;
    cursor: pointer;
    color: #b2121a;
}
.custom-menu-class{background-color: #007CC3 !important;text-align: right;}
.icon-phone{padding:3px;}
.icon-wrench{padding:4px;}
.icon-map-marker{padding:4px;}
.white-bar-phone{color:#ffffff;padding:3px !important;}
.white-bar-phone:hover{color:#ffffff;padding:3px !important;}
.white-bar-crench{color:#ffffff;padding:2px !important;}
.white-bar-crench:hover{color:#ffffff;padding:2px !important;}
.white-bar-map{color:#ffffff;padding:2px !important;}
.white-bar-map:hover{color:#ffffff;padding:2px !important;}
#logo{margin-top: 0px;padding-top:10px;}  
#logo img{height:45px;object-fit:contain;}
#menu-my-custom-menu .icon-home {
  font-size: 20px;
} 
.navbar-default .navbar-nav > li > a:hover {
  width: 100% !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  background: #007cc3 !important;
}
.navbar-default .navbar-nav > li > a {
  width: 100% !important; 
  color: #ffffff !important; 
  font-size: 14px !important; 
  font-weight: 700 !important; 
  text-transform: capitalize !important; 
  padding: 15px 6px !important; 
}
.navbar-nav {
  margin: -24.5px 0px !important;
  padding-bottom: 15px !important;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: -39px !important;
} 
.dropdown-menu > li > a {
  display: block;
  font-weight: 400;
  line-height: 1.42857143;
  color: #000000 !important;
  white-space: nowrap;
  font-size:16px;
} 
.dropdown-menu > li > a:hover {
  display: block;
  font-weight: 400;
  line-height: 1.42857143;
  color: #000000 !important; 
  white-space: nowrap;
  font-size:16px;
}   
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li:hover > a, .dropdown-menu > li:focus-within > a, .dropdown-menu > li:hover > .caret, .dropdown-menu > li:focus-within > .caret {
  background-color: transparent;
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #fff !important;
  white-space: nowrap;
}
#menu-my-custom-menu .menu-item-has-children a:hover {color:#ffffff !important}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li:hover > a, .dropdown-menu > li:focus-within > a, .dropdown-menu > li:hover > .caret, .dropdown-menu > li:focus-within > .caret {
  background-color: transparent;
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #000000 !important;
  white-space: nowrap;
}
#secondary{display:none !important;}    
.subpage-hero {
  position: relative;
  text-align: center;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 100px 0;
  color: #fff;
  margin-bottom:30px !important;    
} 
ul.social-icons {
  display: block;
  margin: 0 auto 30px 0;
  padding: 0;
  padding-left: 0px;
  margin-left: -20px !important;
}
ul.social-icons li {
  display: inline-block;
  padding-right: 5px;
}
ul.social-icons a i {
  text-indent: 0;
  display: block;
  padding: 10px;
  text-align: center;
}
.footer-legal-link a {
  color: #007cc3;
  font-size: 10px;
}
.icon-facebook {
  background: #007cc3;
}
.icon-instagram{
  background: #007cc3;
}
.icon-google-plus{
  background: #007cc3;  
}
.icon-facebook:hover{
  background: #0254A8;
}
.icon-instagram:hover{
  background: #D83074;
}
.icon-google-plus:hover{
  background: #D44736;  
}
.emp-details-heading h1{text-align: left;padding: 10px;text-transform: capitalize;}
.deals-heading h1{text-align: center;padding: 5px;text-transform: capitalize;}
.menu-item-70 a{pointer-events: none !important;cursor: default !important;}   
.social-left{padding-left: 0px !important;}
.email-subscribe a, .btn-primary:hover{background: #B2121A;border: 1px solid #B2121A;color: #fff;}
.email-subscribe a, .btn-primary{background: #007CC3;border: 1px solid #007CC3;color: #fff;}
#footer-area .social-icons p .btn-primary{margin-top:15px;}
.footer-legal-link{margin-top:30px;}   
.widget ul li {list-style: none;border-bottom: 0px solid #F2F2F2 !important;} 
  
#wpcrlLoginSection{margin:0px auto;float:unset;padding:15px;border:1px solid #ccc;border-radius:5px;}  
.inventory-list-head{background-color: #e4e7f3;color: #000;} 
.fa-eye-inv{font-size: 18px !important;} 
.fa-eye-inv:hover{color:#DA4453 !important;}  
.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }	
.modal-dialog{max-height:85% !important; margin-top: 50px !important; margin-bottom:50px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 78px;
  width: 100% !important;
} 
.user-interested-heading h1{text-align: center;padding: 10px;text-transform: capitalize;}  
.user-intersted-listing {
  min-height: .01% !important;
  overflow-x: auto !important;
  margin: 0px !important;
  padding:5px;
} 
.navbar-nav > li {
  padding: 15px 2px;
}
.nav.navbar-nav {
  float: left;
}
#account-menu-container{float:right;padding: 11px;margin-top: 9px;border-left: 1px solid #ccc;}
#account-menu-container #account-menu{background-color: transparent;
font-size: 14px;
padding: 0px;
text-transform: none;}
.accountexpansion {
  background-color: #fff;
  color: #33475b;
  border: 1px solid #cbd6e2;
  border-radius: 3px;
  top: 64px;
  right: 10px;
  padding: 0;
  width: 290px;
}
.expansion {
  z-index: 9999;
  display: none;
  padding: 1em 0px;
  position: absolute;
  white-space: nowrap;
}
.accountexpansion::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 10px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 10px solid #cbd6e2;
}
.accountexpansion .userpreferences {
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px solid rgb(203, 214, 226);min-height: 70px;
}
.accountexpansion .userpreferences a {
  display: block;
  position: relative;
}
.accountexpansion .userpreferences .user-info {
  padding-left: 58px;
  margin-top: 8px;
}
.nav-avatar{position: absolute;height: 50px;width: 50px;line-height: 50px !important;font-size: 50px !important;top: 7px;}
.active-expand .expansion{display:block;}
.navAccountMenu-bottom {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  font-size: 12px;
}
.navAccountMenu-bottom .signout{padding: 6px 12px;}
@media(min-width:768px){
    .custom-navbar{float:left;}
}
.inventory-management h2{padding:10px;text-align:left;font-size: 30px;margin-top: -10px !important;color:#000000;}   
.subscriber-view{text-align:center;}
.subscriber-view a:hover{background-color:#007CC3 !important;border-color:#007CC3 !important;}
.inventory-search{padding:10px;text-align:left;padding-left: 0px !important;}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
/* vertical spacing between columns */
.editable-submit,.editable-cancel{margin-top:9px}
.editable-submit{display: inline-table !important;}
.cust-right{margin-bottom:5px;}
.inputcss{border-color:#ccc !important;}
.task_bg{ 
 /* background: #ccc;
  padding: 5px 13px 5px 13px;
  border-radius: 30%;
  font-size: 20px; */
}
.name_bg{
  background: #ccc;
  padding: 5px 13px 5px 13px;
  border-radius: 46%;
  font-size: 20px;
}
.name_bg_center{background: #57B8FF;padding: 5px 13px 5px 13px;border-radius: 46%;font-size: 30px;width: 63px;height: 60px;display: inline-block;color: #fff;font-weight: 600;}
.cust-left{padding:0px !important;}
.cust-right{padding:0px !important;}
.content {
  height: 100%;
  padding: 20px 20px 10px;
  color: #000000;
}
.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}
.page-template-full-width .site {
margin:0px;
}
a#new_status {
  font-size: 50px;
  text-decoration: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.day-to-day .tasklistHeader__name{
	color: #0B0E1F;
    font-size: 16px;
	font-weight: 600;
	margin-right: 8px;
}
.day-to-day .tasklistHeader__name:hover{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 8px;
    line-height: inherit;
	text-decoration:underline;
} 
.dropbtn {
  color: #000;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {  
  color: #000;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}

.customers_task{width: 100%;
min-height: 38px;
position: relative;
padding: 5px 15px;
box-sizing: border-box;
border-radius: 3px;
align-items: center;
border-bottom:2px solid #EAEAEA;
} 
[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:1em;
  width:2.2em;
  height:2.2em;
  line-height:2em;
  text-align:center;
  border-radius:50%;
  background:plum;
  vertical-align:middle;
  margin-right: 0em;
  color:white;
  margin-top: 10px;
  border: 1px solid #fff;
}
 [data-letters-customers]:before { 
  content:attr(data-letters-customers);
  display:inline-block;
  font-size:1em;
  width:2.2em;
  height:2.2em;
  line-height:2.2em;
  text-align:center;
  border-radius:50%;
  background:#6AD8DB;
  vertical-align:middle;
  margin-right:0em;
  color:white;
  border: 1px solid #fff;
  }
 [data-letters-comments]:before { 
  content:attr(data-letters-comments);
  display:inline-block;
  font-size:1em;
  width:2.2em;
  height:2.2em;
  line-height:2.2em;
  text-align:center;
  border-radius:50%;
  background:#6AD8DB;
  vertical-align:middle;
  margin-top:2px;
  color:white;
  border: 1px solid #fff;
  } 
  .letters-comments{width: 2.5em;height: 2.5em;float: left;}
  .comments-section{padding-left:2.8em;}
 .details-task{border: 1px solid #ddd;padding: 5px;}   
 .task_bg{font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: #f4d739; vertical-align: middle; margin-right: 1em;}
 .customer-name-f{padding-left: 25px;}
 .c-name{float:left;padding:0px;padding-right: 20px;max-width: 140px;width: 115px;}  
 .c-name-details{float:left;padding:0px;padding-right: 10px;max-width: 120px;width: 90px;height: 75px;padding-top: 25px;}
 .c-assigned-name{min-height: 75px;}
 .task-title{float:left;padding:6px;padding-left:0px;}   
 .task-date-added{float:left;font-size:15px;padding:6px;}   
 .task-due-date{color:#cc0000;padding: 6px;float:left;font-size:15px;} 
 .task-view-icon{padding:0px 5px;float:left;border:1px solid #007CC3;margin-left:12px;border-radius: 7px;margin-top: 5px;} 
 .comment-section-icon {float: left;padding: 0px 5px;margin-left: 12px;border:1px solid #007CC3;border-radius: 7px;margin-top: 5px;}
 .task-complete-icon {float: left;padding: 0px 5px;margin-left: 12px;border:1px solid #007CC3;border-radius: 7px;margin-top: 5px;}
 .task-explamatory-icon{float: left;padding: 0px 5px;margin-left: 12px;border:1px solid #007CC3;border-radius: 7px;margin-top: 5px;}
 
  .deal-view-icon{padding:0px 5px;float:right;border:1px solid #007CC3;margin-left:5px;border-radius: 7px;} 
  
 .fa-check-task{font-size:20px !important;color: #C5CADA;}
 .fa-circle-task{font-size:18px !important;}
 .fa-comment{font-size:18px;}
 .customer-name-task{clear:both;}
 .full-height {
    min-height:100vh; /* vh = viewport height */ 
}
.type-of-task{font-weight:normal;}
.no-padding{padding:0px !important;}
.no-padding-right{padding-right:0px !important;}
.no-padding-left{padding-left:0px !important;}
.no-padding-top{padding-top:0px !important;}
.no-padding-bottom{padding-bottom:0px !important;}
.mid-padding-top{padding-top:15px !important;}
.small-padding-top{padding-top:5px !important;}
.large-padding-top{padding-top:30px !important;}

.mid-padding-bottom{padding-bottom:15px !important;}
.small-padding-bottom{padding-bottom:5px !important;}
.large-padding-bottom{padding-bottom:30px !important;}

.mid-padding-left{padding-left:15px !important;}
.small-padding-left{padding-left:5px !important;}
.large-padding-left{padding-left:30px !important;}

.mid-padding-right{padding-right:15px !important;}
.small-padding-right{padding-right:5px !important;}
.large-padding-right{padding-right:30px !important;}

.no-margin{margin:0px !important;}
.no-margin-right{margin-right:0px !important;}
.no-margin-left{margin-left:0px !important;}
.no-margin-top{margin-top:0px !important;}
.no-margin-bottom{margin-bottom:0px !important;}
.mid-margin-top{margin-top:15px !important;}
.small-margin-top{margin-top:5px !important;}
.large-margin-top{margin-top:30px !important;}

.mid-margin-bottom{margin-bottom:15px !important;}
.small-margin-bottom{margin-bottom:5px !important;}
.large-margin-bottom{margin-bottom:30px !important;}

.mid-margin-left{margin-left:15px !important;}
.small-margin-left{margin-left:5px !important;}
.large-margin-left{margin-left:30px !important;}

.mid-margin-right{margin-right:15px !important;}
.small-margin-right{margin-right:5px !important;}
.large-margin-right{margin-right:30px !important;}


.row-full-ctask { 
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
.ctask-first{background-color: #ffffff;border: 1px solid #DEE2E6;} 
.ctask-second{background-color: #ffffff;border: 1px solid #DEE2E6;}
.ctask-first-inner{display: table;padding-top: 14px;} 
.ctask-second-inner{margin-top: 20px;margin-bottom: 20px;} 
.ctask-left{display: table;margin: 0px auto;list-style-type: none;}
.ctask-left span{padding-left:6px;}
.ctask-second-inner h1{color:#DA4453;text-align:center;}
.ctask-left li {
  position: relative;
  padding-bottom: 10px;
}
.ctask-left li:before{
   content: '';
   position: absolute;
   border-right:2px solid black;
   border-bottom:2px solid black;
   width:10px;
   height:10px;
   top: calc(50% - 4px);
   left: -20px;
   transform: translateY(-50%) rotate(-45deg); 
}
.ctask-second-inner h3{
	font-size: 20px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 18px;
	color:#000000 !important;
}
.hyphen{margin-left: 5px;margin-right: 5px;} 
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 1 !important;
}
.app-sidebar__block-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 auto;
  margin: 0 0 2px;
  color: #0B0E1F;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-sidebar__block-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 auto;
  margin: 0 0 2px;
  color: #0B0E1F;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-header{
  margin-top: 10px;
}
.app-sidebar__block-content > a{
  color: #4461D7;
  text-decoration: none;
  text-transform:capitalize;
}
.app-sidebar__block-content > a:hover{
  color: #4461D7;
  text-decoration: underline;
  text-transform:capitalize;
}
.app-sidebar__block-content > p{
  color: #0B0E1F;
  font-size: 13px;
  line-height: 24px;
}
.full-task-view{padding:0px;}
 
.chosen-container{width: 100% !important;} 
.customer-name-task .type-of-task{margin-left: 10px;font-size: 16px;} 
.customer-name-task .c-names{color: #000000;font-size: 18px;font-weight:600;text-transform: capitalize;} 
.task_assigned_to{color: #000000;font-size: 15px;font-weight:600;text-transform: capitalize;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 34px !important;}
.select2-container .select2-selection--single{height: 34px !important;}
.select2-container--default .select2-selection--single{width:100% !important;}
.cust-right .select2-container--default{width:100% !important;}
.chosen-container-multi .chosen-choices{border: 1px solid #ccc !important;border-radius: 4px;background-image:unset !important;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{height:32px !important;}
.chosen-container-multi .chosen-choices:after{content:"\f107";font-family:  FontAwesome;float: right;line-height: 32px;font-size: 14px;color: #000000;}
.ctasklist-left{padding-left:0px;}
.ctasklist-right{padding:10px;text-align:right;}   
.no-padding-left{padding-left:0px;} 
.spacer{clear:both;}
.filter-by{font-size: 17px;}
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #000000;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #000000;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #000000;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #000000;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #000000;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
.showmePriority{ 
   display: none;
 }
.showmePriority{
   position: absolute;
   list-style: none;
   bottom: 40px;z-index:999;
   background-color: #fff;
   box-shadow: 4px;
   padding: 10px 0px;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   width: 170px;
 }
 .cust_task_1 .showmePriority{top: 40px;bottom: unset;}
 .showhim:hover .ok{
   display : none;
 }
.showmePriority .PriorityBox{cursor:pointer;} 
.fa-exclamation-high{color: #D84640;}
.fa-exclamation-medium{color: #EFB701;}
.fa-exclamation-low{color: #4ECD97;}
.fa-exclamation-none{color:#cccccc;}
.excl-hov{padding-left: 10px; color: #000000; font-size: 15px;}



.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.selectedPriority{background-color:#f5f5f5;}
#userNav {
width: 55%;
max-width: 100%;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
bottom: 0;
z-index: 9999;
box-sizing: content-box;
box-shadow: rgba(0,0,0,0.15) -2px 0 15px;
display:none;
padding:15px;
right:0;
}
.slideBoxRight {
width: 900px;
max-width: 100%;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
bottom: 0;
z-index: 9999;
box-sizing: content-box;
box-shadow: rgba(0,0,0,0.15) -2px 0 15px;
display:none;
padding:15px;
right:0;
}
.sectionComments{    
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 55px;
    padding-right: 15px;
    box-sizing: border-box;
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
    
}
.btn{border-radius:6px !important;}
.modal-active{overflow:hidden;position:relative;}
.modal-header{background:#e4e7f3;}
.modalclosebtn{position:relative;bottom:20px;}
.modalclosebtn span{color:#0078c1;}
.modal-title {color:#000;}
.modal-header::after{clear:none;}
.modal-backdrop{opacity:0.4 !important;background-color: #7999AC;}
.cust-input{padding-top:5px !important;}
.modal-content-part{display: table;width: auto;}
.modal-content{height: 85vh;overflow-y: auto;}
.form-group{padding:0px;}
.customer-modal-body{padding-left: 5px;padding-right: 5px;} 
.customer-add{padding-left:15px !important;}
.footer-bottom a{color: #3F9CD2 !important;}
.footer-bottom{text-align:center;}
.footer-bottom ul{display:inline-flex;}
.footer-bottom ul li{list-style: none;text-decoration: none;}
.footer-bottom ul li a:hover{list-style: none;text-decoration: none;margin: 0px;font-weight:600;}
.footer-bottom ul li a{margin: 7px;font-weight:600;}
.footer-bottom-bar{border-left: 1px solid #73B7DF;}
  


.cd-price-list:last-child {
  /*padding: 5px 10px !important;
  background-color: #fffff8 !important;
  border: 1px #cad2c0 dashed !important;
  margin-right: 15px;
  */
  padding-top: 10px;
  margin-top: 0px;
  margin-left: 15px;
  
}
.cd-price-list.description{padding-top: 5px;}
.cd-price-list li {
  border-bottom: 1px solid #efefef !important;
  font-size: 16px;
}
.description_text {
  font-size: 16px;
}
.msrp-strike {
  text-decoration: line-through;
}
.discount-value {
  color: #489f2a;
}
.sale-price.sale-price {
  font-weight: 600;
  color: #b2121a;
}
.cd-listing-description li:nth-child(2n+1) {
  background: #f5f5f5;
}
.cd-listing-description li {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.9 !important;
}
.customerpagination-left{font-size: 20px !important;}
.customerpagination-right{font-size: 20px !important;}  
.post-navigation a, .page-numbers, .pagination .prev, .pagination .next {
  border: 1px solid none !important;
  background-color: none !important;
  padding: 0px !important;
  font-size: 0px !important;
  margin: 0 0 0 !important;
  overflow: hidden !important;
}
.post-navigation .nav-next, .pagination .next {
  float: unset !important;
  text-align: none !important;
}
.pagination > li > a, .pagination > li > span{background-color:#007CC3}
.pagination > li.active > a, .pagination > li.active > span{background-color:#007CC3 !important;color:#ffffff !important;border: 1px solid #007CC3 !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#007CC3 !important; border: 1px solid #007CC3 !important;color:#ffffff !important;}
/*side menu fixed starts*/
.content_side_menu{
position: fixed;
left: 0;
top: 0;
bottom: 0;
padding-top: 90px;
background: #ffffff;
z-index: 1010;
-webkit-transform: translateZ(0);
padding-left:0px;
padding-right:0px;
width:14%;
}

.site-footer{height:60px;}

.RVside-menuBox{padding:0px;}
.RVside-menuBox li{padding:7px;padding-left:17px;}
.RVside-menuBox li:not(.active_side){padding-left:22px;}
.RVside-menuBox li .sideIconRV{font-size: 17px;}
.RVside-menuBox li .sideIconRV.fas{font-size: 17px;}
.RVside-menuBox li *{color:#000000;}
.RVside-menuBox li.active_side *{color:#0078c1;}
.SideMenuTextRV{padding-left: 18px;}
.RV-SiteHeader{
  position: fixed;
  left: 0;
  right: 0;
  min-height: 68px;
  z-index: 9999;
}
.active_side{background-color:#dddddd;border-left:5px solid #0078c1;}
/*side menu fixed EOF*/
.footer-bottom ul li a{padding: 7px 8px;margin: 0px;}
.fa-map-marked-alt::before {
  content: "\f5a0";
}
.blinkingLot{
	animation:blinkingTextHead 1.0s infinite;
	
}
@keyframes blinkingTextHead{
	0%{	color: #DA4453;	}
	25%{	color: #DA4453;	}
	50%{	color: transparent;	}
	75%{	color: transparent;	}
	100%{	color: #DA4453;	}
}
.cust-leftBox{padding: 20px 14px 10px;}
.deal_links{display:inline !important;padding:5px 15px !important;margin-right:5px !important;border-radius:5px !important;border:1px solid #ddd !important;background-color:#ffffff !important;}
.active_deal{background-color:#0078c1 !important;color:#ffffff !important;border: 1px solid #0078c1 !important;}
.active_deal *{color:#ffffff !important;}
.nav-tabs > li.active > .deal_links, .nav-tabs > li.active > .deal_links:focus, .nav-tabs > li.active > .deal_links:hover {background-color: #0078c1 !important; color: #ffffff;border: 1px solid #0078c1;}
.nav-tabs-cust{border-bottom:none !important;}
.nav > li > a {
  text-transform: capitalize;
}
.dataTables_paginate{float:right;}
.filteractive{
        margin-right: 5px;
        padding: 5px 15px;
        border-radius: 5px;
        border: 1px solid #ddd;
        background:#fff ;
        color:#000;

}
.filteractive:hover{background:#007CC3 ;border: 1px solid #dddddd;color: #ffffff;}
.active_by {
      background-color: #007CC3 !important;
      color: #fff;
}
/*pagination related starts*/
.pagination > li > a, .pagination > li > span {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: transparent;
  border-color: none;
}
.pagination > li.active > a, .pagination > li.active > span {
  padding: 9px 14px;
  border-radius: 0px;
}
/*pagination related eof*/
.inventory-list-head{height:50px;}
.tableRV tbody{background-color:#ffffff;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{}
.chosen-container .chosen-results li.highlighted{background-color:#5897fb !important;padding: 6px !important;font-size: 15px !important;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#5897fb),color-stop(90%,#5897fb));background-image:linear-gradient(#5897fb 20%,#5897fb 90%) !important;color:#ffffff !important}
.deal-modal-commom{padding-left:0px !important;}
.deal-modal-tc{padding-right:0px !important;}
.fa-save::before, .fa-floppy-o::before {
  content: "\f0c7";
}
.pagination li a {
  color: #000000 !important;
}
.displayMask:before{
   content: '';
   position: absolute;
   width:100%;
   height:100%;
   background:rgba(255,255,255,0.7);
   z-index: 9;
}
.BoxLoader{z-index:99;}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs.wider {
    width: 42em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs.wider {
    width: 42em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs.wider {
    width: 42em;
  }
}

@media(min-width:768px){
    .main-content-inner.col-md-10.col-lg-10{width:85%;}
    .main-content-inner{padding:0px;min-height:750px;margin-left:14.2%;} 
    .mobileMenuCRM{display:none !important;}
}
.show-on-mobile, .show-on-mobile-table{display:none;}
.show-on-tab, .show-on-tab-table{display:none;}
@media(min-width:993px){
    .deals-deatils{margin: 0px auto;float: unset;margin-bottom:30px;min-height:205px;}
}
@media(min-width:767px) and (max-width:992px){
    .RVside-menuBox li{padding-left: 1px;}
    .RVside-menuBox li:not(.active_side) {padding-left: 8px;}  
    .content_side_menu{width:19%;}
    .main-content-inner.col-md-10.col-lg-10 {width: 80%;margin-left: 19.2%;}
    .SideMenuTextRV{padding-left:9px;}
    .user-intersted-box{padding:0px;}
    .hide-on-tab{display:none;}  
    .show-on-tab{display:block;}
    .show-on-mobile-tab{display:table-row;}
    .h1, .h2, .h3, h1, h2, h3 {  margin-top: 5px;  margin-bottom: 10px;}
    .main-content-area{margin-top:0px;}
    #search_from .btn{padding:6px 4px;}
    .addnewuser{padding:0px !important;}
    .filteractive {margin-top: 27px !important;}
    .searchBoxLeft{padding:0px !important;padding-left:9px !important;}
    .cd-price-list li{font-size:15px;}
    .description_text {font-size: 15px;}
    .deals-deatils{padding:0px;}
    .box2, .box3{width:37%;}
    .contentboxDeal1{order:1;}
    .contentboxDeal2{order:3;}
    .contentboxDeal3{order:2;}
    #home .filteractive {margin-top: 0px !important;}
    #userNav{width:70%;}
    .c-assignedDesign {width: auto;padding-right: 7px;min-height: 60px;}
    .custCntntBox2{order:3;margin-top:15px;}
    .custCntntBox1{order:1;}
    .custCntntBox3{order:2;padding-left: 0px;}
    .show-on-tab{display:block;}
    .show-on-tab-table{display:table-row;}  
    .table-mobile tr td {
      border-right: none !important;
      border-left: none !important;
    }  
	.mob-no-border-bottom td{border-bottom:none !important;}
	.mob-no-border-top td{border-top:none !important;}  
	.table-mobile{padding:0px;}
}

@media(max-width:767px){
    .hide-on-mobile{display:none;}
	.adddeals-mb{display: table !important; margin: 10px auto !important;}
	.filteractive{margin-top: 10px !important;}
    
}
@media(max-width:768px){
    #userNav{width:70%;}
    .show-on-mobile{display:block;}
    .show-on-mobile-table{display:table-row;}
    #logo{float:left;}
    .main-content-inner{padding:0px;}
    .navbar-nav {margin: 0 0px !important;padding-bottom: 15px !important;}    
    .navbar-nav > li {padding: 5px 2px;}
    .navbar-default .navbar-nav > li > a{padding: 7px 6px !important;}
    #primary.content-area{padding:0px;}
    .table-responsive{overflow-x: auto;padding:0px;}
    /*.toggleclass{position: absolute !important;bottom: 4px !important;right: 2px !important;}*/
    .pagination{float:none !important;} 
    .search_input{max-width: 100% !important;}
    .searchby{max-width: 45% !important;margin-top: 20px !important;}
    .gobtn{margin-top: 20px !important;}
    .resetbtn{margin-top: 20px !important;}
    .bulkbtn{width:78% !important;margin-top: 10px;}
    .bulkoption{margin-top: 10px;}
    .addnewuser{text-align:left !important;}
	.ctasklist-left{float: left;}
	.ctasklist-right{float: right;margin-top:10px;}
	.page-template-customers_task .main-content-area{margin-top:10px !important;}  
	.ctask-mb{padding-left: 10px !important;padding-right: 0px !important;}
	.ctasksocial-mb{margin-bottom: 20px !important;}
	.customer-name-f{margin-top: 10px !important;}
	#StockNumber{max-width: 81% !important;}
	.inventory-management h2 {font-size:25px !important;}
	#follow_up_task_due {max-width: 43% !important;}
	.page-template-customers_deals .main-content-area{margin-top:0px !important;} 
	.page-template-customers_deals .addnewuser{margin-top: -25px !important;}
	.page-template-customers_deals .cd-listing-description{margin-top: 10px !important;}
	.mobileMenuCRM{padding:0px;}
	.mobileMenuCRM #menu-my-custom-menu, .mobileMenuCRM #menu-my-custom-menu li{width:100%;}
	.mobileMenuCRM #menu-my-custom-menu li.active_side a {color:#333333 !important;}
	.table-mobile tr td{border-right:none !important;border-left:none !important;}
	.mob-no-border-bottom td{border-bottom:none !important;}
	.mob-no-border-top td{border-top:none !important;}
	.show-on-mobile-table td{padding-top:0 !important;}
	.no-padding-mob{padding:0px;}
	.c-assignedDesign{width:auto;padding-right:7px;min-height: 60px;}
	.listing-outerBox{padding-left:0px;}
	.no-padding-left-mob{padding-left:0px;}
} 
.message-design.error{background-color:#FAFA9B;border:1px solid #ff0000;color:#ff0000;}
.message-design.success{color:#ffffff;background-color:#008000;}
.clearfix{clear:both;}
.alreadySoldRV .mask-deal{background-color: #ffffff;position: absolute;top: 0;left: 0;right: 59px;bottom: 0;z-index: 1;opacity: 0.5;}
.alreadySoldRV .soldout{text-align: center;position: absolute;top: 32%;left: 37%;font-size: 40px;color: #ff0000;font-weight: 600;z-index: 9;transform: rotate(-25deg);}
.soldOutProd{background-color: rgba(178,18,26,0.5);
  padding-left: 6px !important;
  padding-right: 6px !important;}
.soldOutProd .cd-listing-description li:nth-child(2n+1) {
  background: transparent;
}  
.soldOutProd .text-sold{position: absolute;left: 77px;text-align: center;z-index: 9;font-weight: 900;transform: rotate(-40deg);top: 39px;color: #fff;display:block !important;font-size:18px;}
.solddOutDeal .text-sold{font-size:17px;left: 120px;top:23px;transform: rotate(-22deg);}