* {
  box-sizing: border-box;
}

#custom-select {
  cursor: pointer;
  min-height: 2rem;
  width: 100%;
  height: auto;
  border: 1px solid black;
  position: relative;
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
  border-radius: 4px;
}

#custom-select>.selected-option {
  min-height: 2rem;
  height: 100%;
  width: 100%;
  padding-left: 0.5rem;
  display: flex;
  align-items: center;
}

#custom-select .custom-options {
  position: absolute;
  top: 100%;
  width: 100%;
  height: auto;
  margin-top: 0.25rem;
  overflow: auto;
  border: 1px solid black;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0.25rem;
  border-radius: 8px;
  cursor: initial;
}

#custom-select .custom-options .custom-option {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 6px;
  padding-left: 6px;
  background: #d4d4d4;
  color: darkslategrey;
  font-size: 90%;
  border-radius: 8px;
  cursor: pointer;
}
#custom-select .custom-options .custom-option:hover {
  background: #969696;
}
#custom-select .custom-options .custom-option:active {
  opacity: 0.9;
}

.hidden {
  display: none !important;
}
.always-open .hidden {
  display: flex !important;
}



/* styling the drodown arrow */

#custom-select .arrow {
  position: absolute;
  right: 4px;
  top: calc(50% - 7px);
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: white;
}

#custom-select.always-open .arrow {
  display: none;
}

#custom-select .arrow div{
  position: absolute;
  right: 2px;
  top: 4px;
  height: 0;
  width: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

#custom-select .arrow.down div{
  border-top: 4px solid black;
}
#custom-select .arrow.up div{
  border-bottom: 4px solid black;
}



/* for multiselect */

#custom-select>.selected-options {
  min-height: 2rem;
  height: 100%;
  width: 100%;
  padding-left: 0.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#custom-select>.selected-options .selected-option {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 6px;
  padding-left: 6px;
  background: #d4d4d4;
  color: darkslategrey;
  font-size: 90%;
  border-radius: 8px;
  margin: 2px;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
}

#custom-select .remove {
  color: #404040;
  cursor: pointer;
  height: 16px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  width: 16px;
  border-radius: 50%;
  text-align: center;
  line-height: 12px;
  margin-left: 8px;
}
#custom-select .remove:hover {
  background: #969696;
}
#custom-select .remove:active {
  opacity: 0.9
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
}

#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
  position: relative;
  height: 240px;
}

.notfound .notfound-404 h1 {
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 252px;
  font-weight: 900;
  margin: 0px;
  color: #262626;
  text-transform: uppercase;
  letter-spacing: -40px;
  margin-left: -20px;
}

.notfound .notfound-404 h1>span {
  text-shadow: -8px 0px 0px #fff;
}

.notfound .notfound-404 h3 {
  font-family: 'Cabin', sans-serif;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #262626;
  margin: 0px;
  letter-spacing: 3px;
  padding-left: 6px;
}

.notfound h2 {
  font-family: 'Cabin', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  margin-top: 0px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 {
    height: 200px;
  }
  .notfound .notfound-404 h1 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 162px;
  }
  .notfound .notfound-404 h1 {
    font-size: 162px;
    height: 150px;
    line-height: 162px;
  }
  .notfound h2 {
    font-size: 16px;
  }
}
#page_content_inner {
    padding: 60px 24px 100px;
}
.user_heading
{
	padding-bottom: 10px;
	padding-top: 10px;
}
.user_heading_content
{
	padding: 0;
}
#dt_colVis_wrapper .md-btn-colVis
{
	display: none;
}
.tooltip-pointer
{
	cursor: pointer !important;
}
.page-navigation
{
	cursor: pointer;
}
#enquiry_device, #enquiry_model
{
	cursor: pointer;
}
.followup-note
{
	border: 1px solid rgba(0,0,0,.12) !important;
}
.followup-submit
{
	z-index: 100;
}
.followup-grid
{
	margin-top: 0 !important;
}
.hide
{
	display: none;
}
.show
{
	display: block;
}
.combo-class
{
	width: 100% !important;
}
.quick-links
{
	color: #FFF;
	padding-top: 0 !important;
	margin-top: 15px !important;
	width: auto !important;
	padding-left: 15px !important; 
}
.quick-links:hover
{
	color: #FFF;
	padding-top: 0 !important;
	margin-top: 15px !important;
	width: auto !important;
}
.save-button
{
	margin-top: 13px;
	text-align: center;
	width: 10%;
}
.no-border-input
{
	border: 0;
}
.width18
{
	width: 18%;
}
#style_switcher_toggle
{
	padding-top: 9px;
    padding-left: 3px;
	background: #1976d2;
	color: #FFF;
	font-weight: bold;
}
@-webkit-keyframes ON-THE-WAY-CUSTOMER {
  0%, 49% {
    background-color: #1976d2;    
  }
  50%, 100% {
    background-color: #FF0000;    
  }
}
@-webkit-keyframes ALL-KEY-CUSTOMER {
  0%, 49% {
    background-color: #1976d2;    
  }
  50%, 100% {
    background-color: #FF6600;    
  }
}
.uk-form-row+.uk-form-row
{
	margin-top: 0;
}
#sidebar_main .menu_section>ul>li>a>.menu_icon
{
	width: 35px;
}
.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.graph-title {padding-right:10px;}
.ct-label, .user-label-capitalize {text-transform: capitalize;}
.capitalize {text-transform: capitalize;}
.todays-followup-calls{color:#FFF;}
.todays-followup-calls:hover{color:#FFF;}
.checkbox-padding{padding-top:28px;text-align:right;}
.plusone-padding{padding-top:32px;text-align:right;}
.checkbox-padding label{padding-right:5px;}
.repeated-count{position: absolute;
    margin-left: -5px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #7cb342;}
.repeated-call-button{	
	border: 1px solid #FFF;
    padding: 5px;
    background: #7cb342;
    color: #FFF;
}
.followup-repeated-count
{
	position: absolute;
    margin-left: -4px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #1976d2;
}
.uk-text-success-blue{color:#1976d2;}
.assignment-icon{margin-left:10px;}
.repeated-count-out {
    position: absolute;
    margin-left: -16px;
    margin-top: 13px;
    font-size: 13px;
    font-weight: bold;
    color: #7cb342;
}
#enquiry_mobile_whatsapp{cursor:pointer;position: absolute;z-index:1;color:#7cb342;margin-top: -7px;margin-left: 3px;}
#enquiry_mobile{margin-top:-20px;}
.en_mob_no{top: -7px;position: relative;}
.new-device span{font-size: 40px;margin-top: -15px;color: #7cb342;}
.white-color,.white-color:hover{color:#FFF;}
.quick-link-menu .uk-nav-header{color:#FFF;background:#1976d2;}
.selected-quick-link i, .selected-quick-link span {color:#7cb342 !important;}
.no-error .parsley-errors-list{display:none;}
.space-bar{width: 1px;height: 14px;display: inline-block;position: relative;margin-bottom: -2px;margin-left: 2px;background-color:#FF0000;}
.search-selector .md-btn-flat-primary {background: #2196f3;color: #fff;}
.search-selector{text-align:right;padding-top: 12px;}
.search-selector .md-btn-success{background: #7cb342;color: #fff;}
.hardclose-button
{
	color: #FFF;
    background: #e53935;
    padding: 5px;
    text-align: center;
    width: 80px;
}
.followup-button
{
	color: #FFF;
    background: #7cb342;
    padding: 5px;
    text-align: center;
    width: 80px;
}
.text-align-left{text-align:left !important;}
.search-selector .md-bg-deep-purple-A200 {
    background-color: #7c4dff !important;
}
.search-selector .service_type-button-success, .search-selector .enquiry_type-button-success, .search-selector .stockout-button-success, .search-selector .potential-button-success{background: #7cb342 !important;color: #fff !important;}
.search-selector .md-btn{padding: 2px 5px;}
@media (min-width: 768px){
.search-selector.uk-width-medium-1-3{
    width: 28%;
}}
@media (min-width: 768px){
.search-selector.uk-width-medium-1-6{
    width: 17%;
}}
@media (min-width: 768px){
.search-selector.uk-width-medium-1-2{
    width: 37%;
}}
.enquiries_list_view_page .md-card .md-card-content{padding:0 !important;}
.enquiries_list_view_page .md-card{box-shadow:none;}
.enquiries_list_view_page .uk-modal-dialog .md-card .md-card-content{padding:16px !important;}
.enquiries_list_view_page .uk-modal-dialog .md-card{box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);}
#enquiry_whatsapp {
    margin-top: -20px;
}