-/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

@font-face {
    font-family: 'MMCOFFICE-Bold';
    src: url('fonts/MMC-Bold.eot') format('embedded-opentype'), url('fonts/MMC-Bold.woff') format('woff'), url('fonts/MMCOFFICE-Bold.ttf') format('truetype'), url('fonts/MMCOFFICE-Bold.svg#MMCOFFICE-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MMCOFFICE-Medium';
    src: url('fonts/MMC-Medium.eot') format('embedded-opentype'), url('fonts/MMC-Medium.woff') format('woff'), url('fonts/MMCOFFICE-Medium.ttf') format('truetype'), url('fonts/MMCOFFICE-Medium.svg#MMCOFFICE-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MMCOFFICE-Regular';
    src: url('fonts/MMC-Regular.eot') format('embedded-opentype'), url('fonts/MMC-Regular.woff') format('woff'), url('fonts/MMCOFFICE-Regular.ttf') format('truetype'), url('fonts/MMCOFFICE-Regular.svg#MMCOFFICE-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}


/*** Global CSS ***/
html, body, *, h1 {margin: 0; padding: 0;}
body{margin:0; padding:0; font-family: MMCOFFICE-Regular;
    /*font-family: 'Open Sans', sans-serif; font-family:'Open Sans', Arial, sans-serif; background:#f4f7f9;*/ font-size:13px; color:#434954;  -webkit-text-size-adjust:none -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a, input, svg {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
input {-webkit-appearance:none;  -webkit-border-radius:0px;}
textarea {resize: none;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
::-webkit-input-placeholder {color: #434954; opacity: 1 !important;}
:-moz-placeholder {color: #434954; opacity: 1 !important;}
::-moz-placeholder {color: #434954; opacity: 1 !important;}
:-ms-input-placeholder {color: #434954;}

/*** bootstrap override ***/
.container-fluid {padding-left:10px; padding-right:10px;}
.main-content [class^=col] {display: flex; flex-direction: column;}
.main-content [class^=col] > div {flex-grow: 1}
.row {margin-right: -10px; margin-left: -10px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-left: 10px; padding-right: 10px;}
.mt-6, .my-6 {margin-top: 3.5rem!important;}
.mt-7, .my-7 {margin-top: 4rem!important;}
.mt-8, .my-8 {margin-top: 4.5rem!important;}
.mt-9, .my-9 {margin-top: 5rem!important;}
.mt-10, .my-10 {margin-top: 5.5rem!important;}





/*** General CSS ***/
.page-wrapper {display:flex;}
.p30 {padding: 30px;}
.btn-custom {border:2px solid #e5e8e9; background-color: #fff; color:#eb4e4e; font-size:0.8125rem; font-weight: 700; text-transform: uppercase; padding: 7px 14px;}
.btn-custom:hover {background:#eb4e4e; color:#fff; border-color:#eb4e4e;}
.round {line-height: 40px; color: #ffffff; width: 40px; height: 40px; display: inline-block; font-weight: 400; text-align: center; border-radius: 100%; background: #d8dedf;}
.round img {border-radius: 100%;}

/* table */
.table {margin-bottom: 0;}
.table td { padding: 9px; /*font-size: 17px;*/ font-size:0.8125rem;}
.vm.table td:first-child {padding-left: 0;}
.vm.table td:last-child {padding-right: 0;}
.vm.table td, .vm.table th {vertical-align: middle;}
.table td .name {color:#434954; font-size: 0.8125rem;}
.table td .location {color:#838589; font-size: 0.8125rem;}
.tbl-hdr-bdr .card-header, .user-country-container .card-header {border-bottom: 1px solid #e3e6e8;}
.tbl-hdr-bdr .card-title, .user-country-container .card-title {margin-bottom: 0;}
.tbl-hdr-bdr .card-title h3, .user-country-container .card-title h3 {margin-bottom: 0;}


/* custom select dropdown */
div.cs-select {position: relative; z-index: 1; display: inline-block; width: 100%; /*max-width: 500px;*/ background: #fff; text-align: left; vertical-align: middle; 
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
}
div.cs-select:focus {outline: none;}
.cs-select select {display: none;}
.cs-select span {position: relative; display: block; overflow: hidden; padding:8px 10px; font-size: 0.8125rem; font-weight: 400; color:#434954; cursor: pointer; 
  border:1px solid #e5e8e9; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px;
}
.cs-select > span {padding-right: 3em;}
.cs-select > span::after, .cs-select .cs-selected span::after {position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); speak: none; 
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {right: 15px; content: ''; background: url(../images/icon-arrow-down.png) no-repeat; width: 12px; height: 7px;}
.cs-select .cs-selected span::after {margin-left: 1em; content: '\2713';}
.cs-select.cs-active > span::after {background: url(../images/icon-arrow-up.png) no-repeat;}
div.cs-active {z-index: 200;}
div.cs-active span.cs-placeholder {border:1px solid #ee4c4a; /*padding-top:0.70rem; padding-left:0.970rem;*/}
.cs-select .cs-options {position: absolute; visibility: hidden; overflow: hidden; width: 100%; background: #fff;}
.cs-select.cs-active .cs-options {visibility: visible; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);}
.cs-select ul {width: 100%; margin: 0; padding: 0; list-style: none;}
.cs-select ul li.cs-focus span {background-color: #ddd;}
.cs-select li.cs-optgroup ul {padding-left: 1em;}
.cs-select li.cs-optgroup > span {cursor: default;}
div.cs-skin-elastic {font-size: 1.5em; font-weight: 700; color: #5b8583; background: transparent;}

.sidebar ul li.hover-menu {position:relative;}

.sidebar ul li.hover-menu .dropdown-menu {
   position: absolute;
    left: 120px;
    top: 0;
    background: #686D71;
    margin-left: 0;
    display: none;
    border-radius: 0;
    font-size: 12px;
   min-width: 175px;
}
.sidebar ul li.hover-menu:hover .dropdown-menu {display:block;}
    .sidebar ul li.hover-menu:hover .dropdown-menu a:hover, .sidebar ul li.hover-menu:hover .dropdown-menu a.active {color:#686D71}
.sidebar ul li.hover-menu .dropdown-menu a { font-weight:normal;  color:#fff; text-align:left; padding-left:20px; border-color:rgba(0, 0, 0, 0.15); cursor:pointer;}
    .sidebar ul li.hover-menu .dropdown-menu li:last-child a {border-bottom:0}
    .sidebar ul li.hover-menu .dropdown-menu a span {line-height:16px;}
.sidebar ul li.hover-menu::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
    border-left: 0.4em solid #313131;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0,-50%);
}




.remodal-close{width: 20px;  height: 20px;top: 20px;}
.modal-body .owl-carousel.owl-drag .owl-item {  background: #ececec!important;}
#myModal{transform: translate(-50%,0); left:50% !important}
.nav-link:focus, .nav-link:hover {
    border: none;
    outline: none;
}

div#sortable .list-item {
            background: #f6f6f6 url(../images/icon-drug.png) no-repeat 10px;
            border: 1px solid #c5c5c5;
            margin-bottom: 10px;
            padding: 10px;
            padding-left: 25px;
            cursor:pointer;
        }


.drug-drop{
  border: 4px dashed #e5e8e9;
  min-height: 250px;
}
.drug-drop p{
  width: 100%;
  height: 100%;
  text-align: center;
   color: rgba(0,0,0,0.3);
   margin:0;
}
    .drug-drop p span {
        color: #434954;
        font-weight:600;
        font-size:40px;
        display:block;
    }
.drug-drop input#fileupload{
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  top:0;
}
.drug-drop button{
  margin: 0;
  color: #fff;
  background: #16a085;
  border: none;
  width: 508px;
  height: 35px;
  margin-top: -20px;
  margin-left: -4px;
  border-radius: 4px;
  border-bottom: 4px solid #117A60;
  transition: all .2s ease;
  outline: none;
  display:none;
}
.drug-drop button:hover{
  background: #149174;
	color: #0C5645;
}
.drug-drop button:active{
  border:0;
}




@media screen and (max-width: 30em) {
  div.cs-skin-elastic {font-size: 1em;}
}
.cs-skin-elastic > span {z-index: 100; background-color: #fff;}
.cs-skin-elastic .cs-options {visibility: visible; overflow: visible; padding-bottom: 0em; pointer-events: none; opacity: 1; background: transparent;}
.cs-skin-elastic.cs-active .cs-options {pointer-events: auto;}
.cs-skin-elastic .cs-options > ul::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: -webkit-transform .3s; 
transition: transform .3s; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; background: #fff;
}
.cs-skin-elastic.cs-active .cs-options > ul::before {-webkit-transition: none; transition: none; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
  -webkit-animation: expand .6s ease-out; animation: expand .6s ease-out;
}
.cs-skin-elastic .cs-options ul li {-webkit-transition: opacity .15s, -webkit-transform .15s; transition: opacity .15s, transform .15s; -webkit-transform: translate3d(0, -25px, 0); 
  transform: translate3d(0, -25px, 0); opacity: 0;
}
.cs-skin-elastic.cs-active .cs-options ul li {-webkit-transition: none; transition: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
  -webkit-animation: bounce .6s ease-out; animation: bounce .6s ease-out; opacity: 1;
}
.cs-skin-elastic .cs-options span {background-repeat: no-repeat; background-position: 1.5em 50%; background-size: 2em auto; border:0; border-top:1px solid #e5e8e9;}
.cs-skin-elastic .cs-options span:hover, .cs-skin-elastic .cs-options li.cs-focus span, .cs-skin-elastic .cs-options .cs-selected span {color: #1e4c4a; background: #f9f9f9;}
.cs-skin-elastic .cs-options .cs-selected span::after {content: '';}


@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(0, 10px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 2px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, -25px, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}



/*** date container ***/
.country-region-selector {/*margin-top: 2.5rem!important;*/}
.date-container {border: 1px solid #e5e8e9;padding: 0;margin-bottom: 10px;position: relative;border-radius: 2px;}
.date-container input[type='text'] {border:0; padding:12px 14px; width:100%;}
.date-container span.icon-date {width:20px; height:20px; display: inline-block; background: url(../images/sprite-image.png) 0 0 no-repeat; position: absolute; top: 9px; right:10px;}




/*** header ***/
.header-container {width:100%; height: 100px; padding-right: 10px; position: fixed; background: #fff; z-index: 101; transition: top 0.2s ease-in-out;}
.header-container figure {margin-top:0.700rem; margin-bottom: 0; position: relative;}
.header-container figure:after {content:""; position: absolute; top:50%; right:-28px; border-right:1px solid #ddd; width:1px; height:50px; transform: translate(0%,-50%);}
.header-profile-container {position: relative;}
.header-container .project-title {font-size:24px; font-weight:400; margin-top: 2.200rem; margin-left:3.200rem;}
.header-container .profile-nav {}
.page-header .card-title {margin-bottom: 0;}


/* top profile */
.profile-nav {margin-top:0.800rem;}
.profile-nav .nav-link {display: flex;}
.profile-nav .profile-picture {width: 48px; height: 48px; padding-top: 2px; border-radius: 50%; position: relative;}
.profile-nav .profile-picture img {border-radius: 50%;}
.profile-nav .profile-name {font-size:0.850rem; font-weight:700; margin:0.800rem 0.600rem 0; color:#343944;}
.profile-nav .dropdown-toggle::after {margin-top: 1.250rem;}
.profile-nav .dropdown-menu {width: 100%; padding: 0; position: relative; background:#fff; -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2);}
.profile-nav .dropdown-menu:after, .profile-nav .dropdown-menu:before {bottom: 100%; right: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.profile-nav .dropdown-menu:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 8px; margin-right:0;}
.profile-nav .dropdown-menu:before {border-color: rgba(221, 221, 221, 0); border-bottom-color: #DDDDDD; border-width: 9px; margin-right: -1px;}
.profile-nav .dropdown-menu li a {border-top: 1px solid #e3e6e8; padding: .55rem 1.5rem; font-size:0.850rem;}
.profile-nav .dropdown-menu li:first-child a {border-top: 0;}
.profile-nav .dropdown-toggle::after {background: url(../images/icon-arrow-down.png) no-repeat; border: 0; width: 12px; height: 7px;}


/*** left nav ***/
.sidebar {background: #686D71; width:120px; height:100%; float: left; position: fixed; z-index: 99; padding-top: 100px;}
.sidebar ul {margin:0; padding:0;}
.sidebar ul li a {font-weight:600; line-height:1.2rem; color:#fff; display: block; text-align: center; border-bottom: 1px solid #5e6367; padding-left: 5px; padding-right: 5px;    padding-top: 12px;padding-bottom: 12px;}

.sidebar ul li a:hover, .sidebar ul li a.active {background: #fff; color:#686D71; text-decoration: none;}
.sidebar ul li a span {display: block;    line-height: 14px;}
.sidebar ul li a .icon-svg {width: 28px; height: 28px; fill: #fff;}
.sidebar ul li a:hover .icon-svg, .sidebar ul li a.active .icon-svg {fill: #686D71;}
.sidebar ul li a.dashboard, .sidebar ul li a.browse-contacts, .sidebar ul li a.contacts, .sidebar ul li a.groups {padding-top: 12px; padding-bottom: 12px;}


/*** main content ***/
.main-content-container {padding-top: 0px; float: left; width:100%; margin-top: 100px; padding-left: 120px; /*height: 100vh; position: relative;*/}
.main-content .card {border: 0; padding: 00px 0px; margin-bottom: 20px; border:1px solid #eee; /*height: 100%;*/}
.main-content .card .card-body {padding:15px ;}
.main-content .card .card-header {padding:0; margin-bottom: 0; background-color:#fff; padding-bottom: 9px;     border-bottom: 1px solid #eee;margin-bottom: 20px;}
.main-content .card .card-body .highlights {/*padding: 10px 0;*/}
.main-content .card .card-body .highlights .icon-svg {display: block; vertical-align: middle;margin: 0 auto;}
.main-content .card .card-title h3 {font-size: 1.100rem; font-weight: 600; color:#434954; padding: 5px 10px 0;}

.main-content .card .highlights p {    margin-bottom: 0;color: #434954;font-weight: 500;display: block;}
.main-content .card .highlights p span.big {color:#2593ef; font-size:30px;padding-top: 10px;  display: inline-block;}

.user-country-container {}
.user-country-container .select-dropdown {margin-bottom: 10px;}

.dashboard-chart-container {padding: 5px 50px 10px; text-align: center;}
.dashboard-chart-container img {max-width: 70%;}

.groups-item {margin: 10px 0 0; padding:10px 0 0; border-radius:6px; /*border:2px solid #f4f7f9;*/}
.groups-item:first-child {margin-top: 3px;}
.groups-item h3 {font-size: 16px; font-weight: 500;}
.groups-item p {font-size: 13px; margin-bottom: 0px; }
.groups-item .members {font-size: 15px; text-align: center; border-left:1px solid #e3e6e8;}
.groups-item .members span {font-size: 18px; color:#333538; display: block;}
.groups-item .align-items-center {border-bottom:1px solid #f4f7f9; padding-bottom: 20px;}


/*** user details popup ***/
.user-details-popup {}
.user-profile-container {}
.user-profile-inner {padding: 25px 50px 0;}
.user-profile-container figure {border-radius: 100%; margin: 0; display: inline-block; width: 150px; height: 150px; overflow: hidden;}
.user-profile-container h3 {font-size: 1.125rem;}
.user-profile-container p {font-size: ; margin-bottom: 7px;}
.user-profile-container span {font-weight: 600;}
.user-profile-container .button-group {width:70%; margin:0 auto;}
.user-profile-container .button-group a {margin-bottom: 7px; background: #eb4e4e; padding: 8px; display: block; font-size: 0.8125rem; font-weight: 600; color:#fff; text-transform: uppercase; border-radius:3px;}
.user-profile-container .button-group a:hover {text-decoration: none; background: #2b2e38;}
.user-profile-container .button-group a .icon-svg {width: 22px; height: 22px; fill: #ffffff; vertical-align: middle; margin-right: 10px;}
.user-profile-container .social-links {margin: 16px 0 0;}
.user-profile-container .social-links ul {margin-bottom: 6px}
.user-profile-container .social-links li {display: inline-block;}
.user-profile-container .social-links a {width:48px; height:48px; border-radius:100%; border:1px solid #dfe2e1; margin: 0 5px; display: inline-block; background-image:url(../images/sprite-image.png); }
.user-profile-container .social-links .icon-linkedin {background-position:14px -45px;}
.user-profile-container .social-links .icon-twitter {background-position:14px -95px;}
.user-profile-container .social-links .icon-facebook {background-position:18px -147px;}
.user-profile-container .social-links .icon-skype {background-position:12px -201px;}
.user-profile-container .social-links a:hover {background-color: #dfe2e1;}
.user-profile-container .edit-profile-container {border-top:1px solid #edefee; padding: 19px;}
.user-profile-container .edit-profile-container a {color:#eb4e4e; text-transform: uppercase; font-size: 0.8125rem; font-weight: 600;}
.user-profile-container .edit-profile-container a .icon-svg {width: 22px; height: 22px; fill: #eb4e4e; vertical-align: middle; margin-right: 10px;}
.user-profile-container .edit-profile-container a:hover {color:#2b2e38; text-decoration: none;}
.user-profile-container .edit-profile-container a:hover .icon-svg {fill:#2b2e38;}

.user-details-container {background: #f4f7f9; padding: 50px 30px 20px 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.user-details-container dl {margin-bottom:0; display: flex; flex-direction: row; flex-wrap: wrap;}
.user-details-container dl dt {width:15%;  padding: 20px 0; display: flex; align-items: center; justify-content: center;}
.user-details-container dl dd {width:85%; border-bottom:1px solid #e3e6e5; padding:14px 100px 14px 0; font-size:0.8125rem; font-weight: 600; color:#434954; text-align: left; margin-bottom: 0; position: relative;}
.user-details-container dl dd span {display: block; color:#838589; font-size: ; font-weight: 400;}
.user-details-container dl dd a {color:#434954;}
.user-details-container dl:last-child dd{border-bottom: 0}
.user-details-container dl dt .icon-svg {width: 24px; height: 24px; fill: #838589; vertical-align: middle; margin-right: 10px;}
.user-details-container dl dd a.icon-call {background: #eb4e4e; border-radius: 100%; width: 26px; height: 26px; display: inline-block; position: absolute; right: 0; top: 50%; transform: translate(0%, -50%);}
.user-details-container dl dd a.icon-call .icon-svg {width: 14px; height: 14px; fill: #fff; margin: 7px 0 0 7px;}
.user-details-container dl dd a.icon-address-pin {width: 22px; height: 30px; position: absolute; right: 0; top: 50%; transform: translate(0%, -50%);}
.user-details-container dl dd a.icon-address-pin .icon-svg {width: 22px; height: 30px; fill: #eb4e4e;}



/*** footer ***/
.footer-container {padding: 15px; background: #fff; margin-top: 40px; /*position: absolute; right: 0; left: 0; bottom: 0;*/}
.footer-container p {margin: 0; font-size: 13px; color:#838589;}


/*** Contact page start ***/
.custom-breadcrumb{background:none; font-size:0.9333rem; padding:0; color:#484a4b;}
.custom-breadcrumb .breadcrumb-item a{color:#484a4b;}
.breadcrumb-item+.breadcrumb-item::before{content:"/"}
.bg-white{background:#fff;}
.filter-container-hld h3{font-size:2.4rem; margin-bottom:0; font-weight:normal;}
.filter-container-hld .card-title{margin-bottom:0;}
.custom-breadcrumb .breadcrumb-item.active{color: #8b8d8f;}
.input-icon-search { background: #fff url(../images/sprite-icon.png) no-repeat 15px 15px; border:2px solid #e5e8e9; padding:13px 0; padding-left:45px;}
.btn-black,.btn-white{display:inline-block; line-height:24px; height:inherit; padding:4px 15px; background:#686D71;color:#FFF; /*padding-left:45px;*/ border:2px solid #686D71; font-size:0.8125rem; text-transform:uppercase; font-weight: 600;}
.btn-black:hover{color:#fff;}
.btn-white:hover{color:#434954;}
.btn-white{background:none; border:2px solid #434954; color:#434954;}
.delete{background:#fff url(../images/sprite-icon.png) no-repeat 8px -36px;}
.group{background:#434954 url(../images/sprite-icon.png) no-repeat 8px -77px;}
.meeting{background:#434954 url(../images/sprite-icon.png) no-repeat 8px -117px;}
.mail{background:#434954 url(../images/sprite-icon.png) no-repeat 8px -159px;}
.add-contact{background:#eb4e4e url(../images/sprite-icon.png) no-repeat 8px -226px; border:2px solid #eb4e4e; display:inline-block;}
.filter-tbl-hld table,.filter-tbl-hld table tbody tr:nth-of-type(odd){background:#fff;}
.filter-tbl-hld table thead{background:#f0f2f4; text-transform:uppercase;}
.filter-tbl-hld table thead th,.filter-tbl-hld table tbody tr{border-bottom: 0px solid #e3e6e8;border-top: 0;border-left: 0;border-right: 0;vertical-align:middle;}
.filter-tbl-hld table.table td{padding:12px 10px;}
.filter-tbl-hld table .custom-control.custom-checkbox{margin:0;padding:0; top:5px;}
.filter-tbl-hld table .custom-control .custom-control-indicator {background-color: #fff; border: 2px solid #d4d5d8;width: 1.10rem;height: 1.25rem; display:inline-block;}
.filter-tbl-hld table .custom-control.custom-checkbox .custom-control-input:checked~.custom-control-indicator { background:#686d71 url(../images/sprite-icon.png) 0 -198px; border:none;}
.filter-tbl-hld table.v-align-mid td {vertical-align:middle; background: #fff;}
.filter-tbl-hld table.v-align-mid td:first-child {vertical-align: middle; }
.filter-tbl-hld table thead th > span{width:12px; height:15px; display:inline-block; background:url(../images/sprite-icon.png) no-repeat; margin-left:5px; vertical-align:text-top; cursor:pointer;}
.filter-tbl-hld table thead th > span.up-down{background-position:0 -269px}
.filter-tbl-hld table thead th > span.up{background-position:0 -288px}
.filter-tbl-hld table thead th > span.down{background-position:0 -300px}
.filter-tbl-hld table.v-align-mid td a {color:#434954;display:inline-block;}
.filter-tbl-hld table.v-align-mid tr td:last-child a{ width: 24px;height: 24px;position:relative;    vertical-align: middle;}
  .filter-tbl-hld table .custom-control.custom-checkbox .case:checked~.custom-control-indicator { background:#686d71 url(../images/sprite-icon.png) 0 -198px; border:none;}
 

/*** Contact page end ***/

/********Kunal Shaw*************/
.page-listing ul li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
}
.page-listing ul li a {
  color: #484a4b;
  padding: 0 14px;
  position: relative;
}
.page-listing ul li a:after {
  background: url(../images/icon-arrow-left.png) no-repeat;
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 8px;
  right: -3px;
  top: 34%;
}
.page-listing ul li:first-child a {
  padding-left: 0;
}
.page-listing ul li.active a:after {
  background: none;
}
.page-listing ul li.active a {
  color: #8b8d8f;
}
.page-listing ul li:hover a {
  color: #8b8d8f;
  text-decoration: none;
}
.contact-card {
  border:none !important;
}
.page-headeing h2 {
  font-size: 18px;
  font-weight: 400;
  color: #434954;
  /*border-bottom: 1px solid #e3e6e8;*/
  padding-bottom: 8px;
  display: block;
  width: 100%;
}
.container {
  /*max-width: 810px;*/
  margin: 0 auto;
}
.contact-page h4 {
  color: #434954;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 0 0px;
  display: block;
  margin-bottom: 0;
}
.contact-block {
  /*border-bottom: 1px solid #edf1f0;*/
  padding-top: 15px;
}
.contact-block h3 {
  color: #434954;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.contact-block label span {
  color: #f7321d;
}
.contact-block .form-group {
  margin-bottom: 20px;
}
.contact-block label {
  margin-bottom: 10px;
}
.upload-section {
  text-align: center;
}
.avatar-upload {
  position: relative;
  max-width:150px;
  margin: 0px auto 0;
}

.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
    display: inline-block;
    margin-top: 10px;
    background: #eb4e4e;
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding:10px 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.avatar-upload .avatar-edit input + label:hover {
    border: 2px solid #e5e8e9;
    background-color: #fff;
    color: #eb4e4e;
}
.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border:1px solid #0e0e0e;
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block !important;
}
.contact-block .form-control {
    color: #434954;
    padding:10px 10px;
    border: 2px solid #e5e8e9;
    border-radius: 0;
    font-size: 0.8125rem;
} 

.autocomplete-items {
    position: absolute;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #e3e6e8; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.autocomplete-items div strong {
  color: #eb4e4e;
}
.autocomplete {
    position: relative;
}
.contact-block .form-control:focus {
  outline: none;
  border:2px solid #eb4e4e;
  box-shadow: none;
}
.contact-block .form-control:active {
  outline: none;
}
.submit_form .save {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #eb4e4e;
  border: 2px solid #eb4e4e;
  text-transform: uppercase;
  padding: 8px 48px;
  border-radius: 3px;
}
.submit_form .save:hover {
  border: 2px solid #e5e8e9;
  background-color: #fff;
  color: #eb4e4e;
}
.submit_form .save:active {
  border: 2px solid #e5e8e9;
  background-color: #fff !important;
  color: #eb4e4e !important;
  border-color:#e5e8e9 !important;
}
.submit_form .save:focus {
  box-shadow: none;
}
.submit_form .cancel {
  font-size: 13px;
  font-weight: 700;
  color: #333538;
  background: #fff;
  border: 2px solid #333538;
  text-transform: uppercase;
  padding: 8px 48px;
  border-radius: 3px;
}
.submit_form .cancel:hover {
  border: 2px solid #e5e8e9;
  background-color: #fff;
  color: #eb4e4e;
}
.submit_form .cancel:active {
  border: 2px solid #e5e8e9;
  background-color: #fff !important;
  color: #eb4e4e !important;
  border-color:#e5e8e9 !important;
}
.submit_form .cancel:focus {
  box-shadow: none;
} 
.submit_form {
    width: 100%;
    padding: 20px 10px 5px;
}
input,
textarea,
[contenteditable] {
  color: #eb4e4e;
  caret-color: #eb4e4e;
}

span.multiselect-native-select {
  /*position: relative*/
}
.show {
  position: relative;
}
span.multiselect-native-select select {
  border: 0!important;
  clip: rect(0 0 0 0)!important;
  height: 1px!important;
  margin: -1px -1px -1px -3px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px!important;
  left: 50%;
  top: 30px
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.multiselect-container .input-group {
  margin: 5px
}
.multiselect-container>li {
  padding: 0
}
.multiselect-container>li>a.multiselect-all label {
  font-weight: 700
}
.multiselect-container>li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
  cursor: pointer
}
.multiselect-container>li>a {
    color: #434954;
    background: #f9f9f9;
    font-size: 0.8125rem;
    border-top: 1px solid #e5e8e9;
    display: block;
    padding: 0.60rem 0.90rem;
}
.multiselect-container>li>a>label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
  margin: 0;
}
.multiselect-container>li>a>label>input[type=checkbox] {
  margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0
}
button.multiselect.dropdown-toggle.btn-block.text-left.btn.btn-default {
    background: none;
    color: #434954;
    padding: 8px 10px;
    border: 2px solid #e5e8e9;
    border-radius: 0;
    font-size: 0.8125rem;
}
button.multiselect.dropdown-toggle.btn-block.text-left.btn.btn-default:focus {
    border: 1px solid #ee4c4a;
    box-shadow: none;
}

button.multiselect.dropdown-toggle.btn-block.text-left.btn.btn-default:after {
    right: 15px;
    content: '';
    background: url(../images/icon-arrow-down.png) no-repeat;
    width: 12px;
    height: 7px;
    border: 0;
    float: right;
    margin-top: 9px;
}
.show button.multiselect.dropdown-toggle.btn-block.text-left.btn.btn-default:after {
    right: 15px;
    content: '';
    background: url(../images/icon-arrow-up.png) no-repeat;
    width: 12px;
    height: 7px;
    border: 0;
    float: right;
    margin-top: 9px;
}

.filter-btn {
    background: #eb4e4e url(../images/sprite-icon.png) no-repeat 8px -494px;
    border: 2px solid #eb4e4e;
    display: inline-block;
}

.meeting1 {
    background: #b4b6bb url(../images/sprite-icon.png) no-repeat 8px -117px;
    border: 2px solid #b4b6bb;
}
.mail1 {
    background: #b4b6bb url(../images/sprite-icon.png) no-repeat 8px -158px;
    border: 2px solid #b4b6bb;
}
.create-group-btn {
  background: #eb4e4e url(../images/sprite-icon.png) no-repeat 8px -75px;
  border: 2px solid #eb4e4e;
  display: inline-block;
}

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.label-success {
    background-color: #5fb760;
}
.list-group li {
  list-style: none;
}
.table td .name1 {
    color: #434954;
}
/**************kunal 18.5.2018*************/
.clear-btn {
    background: #434955;
    color: #fff;
    padding: 7px 10px;
    border: none;
    font-size: .7rem !important;
}
/*.filter-header {
  margin-bottom: 15px;
}*/
.filter h5 {
    font-size: 0.875rem;
    text-transform: capitalize;
}
.filter-body {
    width: 100%;
    padding: 10px 20px;
}
.filter-body ul li {
  list-style: none;
  position: relative;
  padding:0 0 1px 12px;
}
.filter-body ul li a {
  color: #434954;
  font-size: 0.8125rem;
}
.filter-body ul li button {
  font-size: 1.1rem;
}
.filter-body ul li:after {  
    display: block;
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 35%;
    left: 0;
    background: #eb4e4e;
    -webkit-mask: url(../images/svg/circle.svg) no-repeat;
    mask: url(../images/svg/circle.svg) no-repeat;
}
.user-details-popup .modal-header {
    margin-bottom: 28px;
}

.nav-pills.popup-menu  .nav-link.active {
  background: #fff;
  border-radius: 0;
  color: #434954;
}
.nav-pills.popup-menu .nav-link {
    border-radius: 0;
    color: #434954;
    text-align: left;
    font-size: 0.900rem;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}
.popup-menu a {
    background: #f3f7fa;
    padding: 1.2rem 1rem;
}
.filter-cntct-modal {
  text-align: left;
}
.nav-pills.popup-menu .nav-link:first-child {
    /*padding-top: 0;*/
}
.contact-filter h6 {
    margin-bottom: 23px;
    font-size: 0.900rem;
}
.contact-filter .filter-tbl-hld table thead th, .contact-filter .filter-tbl-hld table tbody tr {
    border-bottom: none;
}
.close-modal {
  font-size: 16px;
  border:1px solid #343539;
  color: #343539 !important;
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px 21px;
  margin-right: .25rem;
  font-size: 0.8125rem;
}
.close-modal:hover {
  background: #343539 !important;
  color: #fff !important;
}
.apply-btn {
  border:1px solid #eb4e4e;
  background: #eb4e4e;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px 21px !important;
  font-size: 0.8125rem;
}
.apply-btn:hover {
  background: #fff;
  color: #eb4e4e !important;
}
.contact-filter .badge-light {
    color: #fff;
    background-color: #eb4e4e;
    border-radius: 50%;
    position: absolute;
    top: 15px;
}
.selected-filter .card-header {
  padding-left: 0;
  padding-right: 0;
}
.select-filter-heading {
  padding-right: 15px;
}
.filter-body1 ul li {
    list-style: none;
    position: relative;
    padding: 10px 0 0px 0px;
}
.filter-body1 ul li a {
    color: #434954;
    font-size: 0.8125rem;
}
.filter-body1 ul li button {
    font-size: 1.1rem;
}
.filter-body1 {
    padding: 0px 15px 0 0;
}

.selected-filter h5 {
    font-size: 0.900rem;
    margin-bottom: 7px;
    margin-top: 5px;
}
.select_table {
    margin-top: 10px;
}
.scrollbar {
  float: left;
  height: 210px;
  width: 100%;
  background: #F5F5F5;
  overflow-y: scroll;
  margin-bottom: 25px;
}

.force-overflow {
  max-height: 450px;
}
#style-3::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
  background-color: #9c9494;
}
.editeabl-content li {
    list-style: none;
    display: inline-block;
    font-size: 0.8125rem;
    background: #FFECED;
    padding: 3px 8px;
}
.editeabl-content li a {
    color: #807373;
}
.editeabl-content li button.close {
    font-size: 15px;
    margin-top: 5px;
    margin-left: 5px;
    color: #807373;
}
.editeabl-content {
    min-height: 110px;
}

/*********/
.drpdwn-select button {
  background: none;
  border:none;
  font-size:0.8125rem;
  color: #434954;
  text-align: left;
  position: relative;
}
.drpdwn-select button:after {
    right: 15px;
    position: absolute;
    top: 8px;
    content: '';
    background: url(../images/icon-arrow-down.png) no-repeat;
    width: 12px;
    height: 7px;
    display: inline-block;
    margin-left: 0;
    vertical-align: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
.drpdwn-select .show button:after {
    background: url(../images/icon-arrow-up.png) no-repeat !important;
}
.drpdwn-select button:hover, .drpdwn-select button:active, .drpdwn-select button:focus {
  background: none;
  border:none;
  color: #434954;
  text-align: left;
  box-shadow: none;
}
.drpdwn-select .btn-secondary:not(:disabled):not(.disabled).active, .drpdwn-select .btn-secondary:not(:disabled):not(.disabled):active, .drpdwn-select .show>.btn-secondary.dropdown-toggle {
    color: #434954;
    background-color: transparent;
    border-color: transparent;
}
.drpdwn-select .btn-secondary:not(:disabled):not(.disabled).active:focus, .drpdwn-select .btn-secondary:not(:disabled):not(.disabled):active:focus, .drpdwn-select .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}
.drpdwn-select .dropdown-menu.show {
    width: 100%;
    padding: 0;
}
/**********************/
.left-asgn {
  float: right;
  margin-right: 0px;
}
.no-border {
  border:none;
  padding-top: 0;
}

.drpdwn-select input {
    -webkit-appearance: checkbox;
    -webkit-border-radius: 0px;
    float: right;
}
.drpdwn-select .dropdown-menu li {
    padding: 7px 10px 0;
    border-bottom: 1px solid #e2e6e9;
}
.drpdwn-select .dropdown-menu li a {
    color: #343539;
    font-size: 0.8125rem;
    display: block;
}

/***********/
.styled-checkbox {
    position: absolute;
    opacity: 0;
    right: 19px;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: #eb4e4e url(../images/sprite-icon.png) 0 -200px;
    color: transparent;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 100%;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 9px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 2px solid #d4d5d8;
  right: 0;
  position: absolute;
}
.styled-checkbox:hover + label:before {
  background: #fff;
}
.styled-checkbox:focus + label:before {
  box-shadow:none;
}
.styled-checkbox:checked + label:before {
  background: #eb4e4e;
  border: none;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  right: 22px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chk-btn {
    padding: 4px 15px !important;
    border-bottom: none !important;
    display: block;
    width: 100%;
    float: left;
}
/***********/
textarea#description {
    min-height: 90px;
}
.popup-menu {
	background: #f3f7fa;
	padding-top: 1.7rem;
	padding-left: 0;
	padding-right: 0;
}
.modal-ftr-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	margin-top: 1.3rem;

}
.contact-filter .tab-content {
    padding-top: 2.5rem;
}
.browse-filter-head .modal-header {
	margin-bottom: 0;
}
.browse-filter-head .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem;
}
.contact-filter .modal-header {
    margin-bottom: 0px;
}
.contact-filter .modal-title {
    padding-left: 6px;
    font-size: 1.125rem;
    font-weight: 400;
}

.contact-filter .filter-tbl-hld table.table td {
    padding: 7px 17px 5px 0;
}
.contact-filter .filter-tbl-hld table.table td:first-child {width:10%;}
.col-lg-12.drpdwn-select.form-control {
    padding: 8px 0;
}
.contact-filter label {
  margin-bottom: .5rem;
}
.contact-filter .modal-footer {
    padding-top: 0;
    border: none;
    padding-right: 27px;
}
.contact-filter .form-group {
    margin-bottom: 14px;
}
.contact-filter .input-icon-search {
    background: #f3f7fa url(../images/sprite-icon.png) no-repeat 15px 12px;
    border: 1px solid #e5e8e9;
    padding: 10px 0;
    padding-left: 45px;
    width: 88%;
    font-size: 0.8125rem;
    background-size: 71px;
}
.contact-filter .drpdwn-select .btn {
  padding: 0rem .75rem;
}
h3 {
  font-size: 1.125em;
  line-height:2rem;
}
.table td, .table th {
    padding: 18px 6px;
}
.filter-tbl-hld {
    margin-top: 11px;
}
.filter-tbl-hld h6 {
    font-size: 0.8125rem;
    font-weight: 700; margin-bottom:2px;
}
.filter-tbl-hld p {
  margin-bottom: 0;
}

.page-header h3 {
  margin-bottom: 15px;
}

/******************************add contact tab css start*******************/

nav.add-contact-tab a.nav-item.nav-link {
    padding: .5rem 1rem;
    color: #434954;
    font-weight: 500;
}
.add-contact-tab .nav-tabs .nav-item.show .nav-link, .add-contact-tab .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #2b2f39;
    border-color: #343944 #2b2f39 #fff;
}

/******************************add contact tab css end*******************/

.filter-container-hld1.card-header {
    padding: 0 0px;
}
.filter-container-hld ul {
    margin-top: 0;
    margin-bottom: 0;
}
.filter-header h6 {
    font-size: 0.875rem;
    font-weight: 700;
}
.sales tr td:first-child {
    vertical-align: middle !important;
}
.accordion-drpdwn, .accordion-Privewdrpdwn {
    position: relative;
    padding-left: 20px;
    color: #434954;
}

    .accordion-drpdwn::before, .accordion-Privewdrpdwn::before {
        left: 0;
        content: '';
        background: url(../images/icon-arrow-up.png) no-repeat;
        width: 12px;
        height: 7px;
        position: absolute;
        top: -8px;
        transition: all 0.2s ease;
    }


.sub-tbl tr {
  border-bottom: none;
}
td.sub-child-table {
    padding: 0 !important;
}
td.sub-child-table table tr td:first-child {
  padding-left: 48px;
}
td.sub-child-table table tr:last-child {
  border-bottom: none;
}
.accordion-drpdwn:before, .accordion-Privewdrpdwn:before {
    background: url(../images/icon-arrow-down-red.png) no-repeat;
    transform: rotate(-90deg);
}
.accordion-drpdwn.drp-dwn-arw.collapsed:before, .accordion-Privewdrpdwn.drp-dwn-arw.collapsed:before {
    background: url(../images/icon-arrow-up.png) no-repeat;
    transform: rotate(0deg);
}
.no-padding {
  padding: 0 !important;
}
.no-border {
  border-bottom: none !important;
}


.expocon svg.icon-svg{width:26px; height:22px; fill:#fff;}
.dataTable td.erporticon .expocon svg.icon-svg{fill:#1da924;}
.dataTable td.erporticon .expocon svg.icon-svg.red{fill:#eb4e4e;}
.search-icon svg{width:20px; height:20px; fill:#6f6f6f;}
.nav-pills .nav-link.erporticon{min-height:auto; padding:3px 20px;}
.nav-pills .nav-link svg.icon-svg{fill:#868a8d;  width:30px; height:25px;}
.nav-pills .nav-link.active svg.icon-svg{fill:#fff;}
/*=== Add User Page Start =============*/	
.mb-40{margin-bottom:40px;}
.add-user .page-header h3{font-size:1.2rem; color:#434954;}
select.form-control:not([size]):not([multiple]){height:40px;}
.submit_form .required{color:#f00000;}
.submit_form label{font-size:15px; margin-bottom:8px; color:#434954}
.submit_form .form-control, .submit_form .select-dropdown .cs-select span.cs-placeholder{font-size:15px; border:#e5e8e9 2px solid; border-radius:4px; height:40px;}
.submit_form .select-dropdown .cs-select.cs-skin-elastic > span{line-height:18px;}
.submit_form .form-group{margin-bottom:30px;}
.submit_form .btn{font-family: 'Roboto', sans-serif; font-size:14px; border-radius: 2px; font-weight: 600; height: 50px; line-height: 25px; margin-right: 8px; min-width: 150px; padding: 11px 15px; text-transform: uppercase; cursor: pointer; background: none; border: 2px solid #333538; color: #333538;}
.btn-red{background: #ed4c49 !important; border: 2px solid #ed4c49 !important; color: #fff !important;}
/* Custom Upload File */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#fff}
.custom-upload {position: relative; width: 100%;height:40px;}
.custom-upload input[type=file]{ outline:none; position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0;    z-index: 2; width:100%; height:100%;background: #fff;}
.custom-upload .fake-file{position: absolute; top: 0px;left: 0px; width:100%; padding: 0; margin: 0; z-index: 1; line-height: 100%;}
.uploadbutton {position: absolute; top: 50%; left: 3px; width: 100px; height: 35px; transform: translate(0,-50%); margin: 0 10px 0 0px;    background: #e3e5e6; border-radius: 4px; border: 1px solid #fff; color:#434954;}
.fake-file input.form-control { padding-left: 110px; text-overflow: ellipsis; margin-bottom:0}
.google-position .select-dropdown{flex:1 1 auto;}

/*=== Add User Page End =============*/
/*******kunal****29.6.2018******/
.page-name .project-title { font-size: 1.2rem; font-weight: 400; color: #434954; margin-bottom: 16px;}
.header-search .form-control { color: #838589; padding: 9px 10px; border: 1px solid #e5e8e9; border-radius: 2px;  font-size: 0.8125rem; padding-left: 34px; line-height: 0; background: url(../images/sprite-icon.png) no-repeat; background-position:7px 7px; }
.header-search .form-control:focus {  outline: none;  border: 1px solid #eb4e4e;  box-shadow: none;}
.header-tab-area ul { border:1px solid #888888; border-radius: 2px; padding:2px; margin-bottom: 0 !important;}
.header-tab-area ul li { font-size: 0.8125rem; text-align: left;}
.header-tab-area .nav-pills .nav-link.active, .header-tab-area .nav-pills .show>.nav-link { color: #fff; background-color: #686d71;}
.header-tab-area ul li a {color: #434954; font-weight: 600;}
.header-search .form-group { margin-bottom: 0; }
.aprove-icon { background: url(../images/icon-aprove.png) no-repeat; width: 24px; height: 24px; display: block; float: left; }
.pending-aprove { background: url(../images/icon-pending.png) no-repeat; width: 24px; height: 24px; display: block; float: left; } 
.pending-aprove svg{width: 24px; height: 24px; fill:#b6b7b8;}
 /*.export {background: #686d71 url(../images/icon-export.png) no-repeat; border:2px solid #686d71; background-position: 9px 8px; } */
.aprove-btn {/*background: #686d71;border:2px solid #686d71; background-position: 9px 8px; padding-left:0;*/}
.edit-icon,.edit-icon svg {overflow:hidden; /*background: url(../images/icon-edit.png) no-repeat;*/ width:22px; height: 30px; fill:#686d71;display:block;display: inline-block;}
.edit-btn.mr-1 { display: inline-block;}
.delete-icon, .delete-icon svg {overflow:hidden; /*background: url(../images/icon-delete.png) no-repeat;*/    width: 18px;height: 30px;display: inline-block; fill:#686d71}
.delete-btn.mr-1 { display: inline-block;}
/*******kunal****29.6.2018******/

/**dashboard**/
/**search panel**/
.search-panel {background:#f5f5f5;}
.btn-search{color: #fff;background: #E60013;font-size: 1.4rem;width: 100%;padding: 0.7rem 0;}
.from-black {position: relative;background: #fff;border-radius: 4px;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.from-black:focus{border-color: #fa2f04;}
.from-black:before{box-sizing: border-box;height: 0.6em;width: 0.6em;border-style: solid;
	border-color: #000;border-width: 0px 1px 1px 0px;transform: rotate(45deg);transition: border-width 150ms ease-in-out;right: 0;top: 0;margin: 12px 9px 0 10px;content: "";position: absolute;z-index:0;}
.from-black select.form-control{background:transparent;margin:0; z-index: 1;position: relative;font-size:15px;}

.form-control{font-size:0.8125rem; padding: .5rem .75rem; border-radius: 3px; border:1px solid #e5e8e9}
select.form-control{-moz-appearance: none; -webkit-appearance:none; color:#858688;  background: url(../images/down-arrow.png) no-repeat scroll 97% center; height:40px;}
.date-container input[type='text']{padding-right:38px;border-radius:3px;padding:11px 14px 12px;background:url(../images/sprite-image.png) 115% 9px no-repeat #fff;cursor:pointer;}

.samlll-calender-icon input[type='text']{background: #fff url(../images/sprite-image.png) 120% 10px no-repeat ; background-size:30%;}
select.form-control:not([size]):not([multiple]){ height:40px;}
.srch-col{font-size:14px;}
.col-md-custom {/*width: 11.5% !important;-webkit-box-flex: 0;-ms-flex: 0 0 11.5%;flex: 0 0 11.5%;max-width: 11.5%;*/}
/**caption panel**/
.erporticon {/*position: relative;font-weight: 600;text-transform: uppercase;font-size: 14px; padding:0.375rem 1rem; min-height:40px;*/}
.erporticon i.expocon {vertical-align: middle;display: inline-block;margin-right:5px; height:23px;}
.btn-search {color: #fff;background: #E60013;font-size: 14px;width: 100%;padding: 9px 0;font-weight: 600;}
.pagecaption{font-size:1.2rem; margin-top: 8px;}
.card-body img{max-width:90%;}
.cardp-xt{font-size:14px;}
.cardcuntrytext{font-size: 20px; line-height: 22px;}
.profileimg {margin-right:5px;}

/***********country level page****/
.page-header .project-title { color: #434954; font-size: 1.2rem; font-weight: 400;}
.icon-status-stop { background: url(../images/icon-status-stop.png) no-repeat center; width: 25px; height: 25px; display: block; margin: 0 auto; }
.icon-status-ok { background: url(../images/icon-status-ok.png) no-repeat center; width: 25px; height: 25px; display: block; margin: 0 auto; }
.icon-download { background: url(../images/icon-download.png) no-repeat; width: 30px; height: 30px; display: inline-block; }
.icon-upload { background: url(../images/icon-upload.png) no-repeat; width: 30px; height: 30px; display: inline-block; }
.dwnld-tbl-btn { display: inline-block;}
.upload-tbl-btn { display: inline-block;}
/***********country level page end****/
/***************dealer-management*******************/
.red-drop {background: url(../images/red-drop-down.png) no-repeat; width: 12px; height: 8px;    margin-left: 10px; display: inline-block;}
.green-drop {background: url(../images/green-drop-up.png) no-repeat; width: 12px; height: 8px;     margin-left: 10px; display: inline-block;}
ul.pagination li.page-item a , .dataTables_paginate .paginate_button{ color:#808080; font-size: 14px; border:none !important ;border-radius: 50%;    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;    margin-left: 0;    margin-left: 5px;
    margin-right: 5px; cursor:pointer;}

ul.pagination li.page-item.active a ,.dataTables_paginate .paginate_button.current{ background-color: #eb4e4e;border-radius: 50%; color:#fff; cursor:text;}
ul.pagination li.page-item.next a ,ul.pagination li.page-item.previous  a , .paginate_button.previous , .paginate_button.next {border-radius:0;width:auto;cursor:pointer;    margin-left: 15px;margin-right: 15px;}
.pagination-wrapper { padding-top: 30px; }
.pagination-wrapper .page-link:hover { color:#eb4e4e; background: none; }
ul.pagination li.page-item a:focus , ul.pagination li.page-item:focus , .paginate_button.previous:focus , .paginate_button.next:focus , .paginate_button.previous:hover , .paginate_button.next:hover , .paginate_button:focus{text-decoration:none  !important;border:0  !important;box-shadow:0 0 0 !important;outline:0 !important;}
div.dataTables_wrapper div.dataTables_paginate{text-align:center;}
.dataTables_paginate .paginate_button:hover{text-decoration:none;}
.dataTables_paginate span .paginate_button{margin:0;}
/***************dealer-management*******************/


/**evaluation-management**/
.submit_form textarea.form-control{height:100px;}
.custom-checkbox-lg{padding-left:0;}
.custom-checkbox-lg .custom-control-indicator{position:relative;}
.custom-checkbox-lg input[type=checkbox], .custom-checkbox-lg input[type=radio]{position: absolute;top: 0;width: 30px;height: 30px;z-index: 1;}
.custom-checkbox-lg .custom-control-indicator {background-color: #fff;border: 2px solid #d4d5d8;width: 40px;height:40px;display: inline-block;}
.custom-checkbox-lg .custom-control-input:checked~.custom-control-indicator { background:#686d71; border:none;}
.custom-checkbox-lg .custom-control-input:checked~.custom-control-indicator:before{box-sizing: border-box;height: 26px;width: 13px;border-style: solid;border-color: #fff;border-width: 0px 2px 2px 0px;transform: rotate(45deg);transition: border-width 150ms ease-in-out;right: 0;top: 0;margin: 4px 13px 0 10px;content: "";position: absolute;z-index: 0;}
.custom-fileupload .custom-file-control:lang(en)::after {content: "Chose File";}
.custom-fileupload .custom-file-control:lang(en)::before {content: "Choose File";position: absolute;left: 0;background: #e3e5e6;padding: 5px 8px 6px;margin: 3px 0px 0 4px;top: 0;border-radius: 3px;}
/*when a value is selected, this class removes the content */
.custom-file-control.selected:lang(en)::after {content: "" !important;}
.custom-fileupload {/* overflow: hidden; */    border: #e5e8e9 2px solid;position:relative;    border-radius: 4px;}
.custom-file-control {white-space: nowrap;text-overflow: ellipsis;padding-left: 78px;height: 37px;padding: 8px 0 0 100px;overflow: hidden;}
.custom-fileupload .custom-file-input{position:absolute;}
.sales .accordion-drpdwn:hover{text-decoration:none;}
.alert-gry{background:#fafafa;}
.chart-holder img{max-width:100%;}
/**evaluation-management**/
/**evaluation-management end**/
/****dealer-detail*******/
.evalution-icon { background: url(../images/icon-aprove.png) no-repeat; width: 24px; height: 24px; display: block; float: left; }
.icon-view { background: url(../images/icon-view.png) no-repeat; width: 30px; height: 22px; display: block;cursor:pointer; }
.icon-add, .icon-remove {
    background: url(../images/AddIcon.png) no-repeat;
    width: 21px;
    height: 21px;
    display: block;
    cursor: pointer;
    background-size: 100%;
}

.icon-remove {
    background: url(../images/RemoveIcon.png)
}

/****dealer-detail end*******/
/************************************************************************************ responsive css
*****************************************************************************************************/
/**sorting**/
table.table-bordered.table td {border-width:0;}
table.dataTable thead .sorting {background-image: url(../images/sort_both.png); background-repeat:no-repeat;background-position: right center;}
table.dataTable thead .sorting_desc {background-image: url(../images/sort_desc.png);background-repeat:no-repeat;background-position: right center;}
table.dataTable thead .sorting_asc {background-image: url(../images/sort_asc.png);background-repeat:no-repeat; background-position: right center;}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after , table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after , table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{display:none;}
table.table-bordered.dataTable tbody td {border-top: 1px solid #dee2e6;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{    -webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
.range-area label { float: left; width: 30%; display: flex; align-items: center; margin-bottom: 0; margin-top: 6px;}
.range-area-inner {  float: left; width: 70%;}
.range-area { display: flex;}
.no-sorting { cursor: initial !important; background-image: none !important; }

table.table-bordered.table td{border-top:1px solid #dee2e6;}
.filter-tbl-hld > table {border: 1px solid #dee2e6;}

.filter-tbl-hld > table#accordionExample.v-align-mid tr td:last-child a{width:auto;height:auto;}
.filter-tbl-hld > table#accordionExample.v-align-mid tr td{padding:8px 15px;padding-left:15px ;}
.card-body .vm.table tr:first-child td{border-top:0;padding-top:0 !important;}
.card-body .table td{padding:10px 15px;}
.filter-tbl-hld table thead th{letter-spacing: -1px;}

.range-area label { font-size: 0.8125rem; }



.sub-tbl  .accordion-drpdwn:before{    top:8px;}
.filter-tbl-hld  table.sub-tbl   {border:0;}

td.sub-table { padding-left: 15px !important; box-sizing: border-box; }
.topbuttonsection.header-tab-area ul li a {
    padding: 3px 4px;
} 

.filter-tbl-hld > table#accordionExample.v-align-mid tr td[colspan]{padding-left:0;border:0;}
.filter-tbl-hld > table#accordionExample.v-align-mid tr td.sub-table .accordion-drpdwn{margin-left:20px;}
.select-dropdown.country.selectdrp{display:inline-block;width:50%;}
.cs-skin-elastic .cs-options{visibility:hidden;}
.cs-skin-elastic.cs-active .cs-options{    max-height: 250px;
    overflow-y: auto;
    background: #fff;visibility:visible;}
	
	
.cntry-cahrt{overflow-x:auto;}
.cntry-cahrt img{max-width:inherit;}
.range-span { color: #838589; font-size: 12px; position: absolute; }
.start-range { left: 0px; }
.end-range { right: -6px; }
.range-area-inner { position: relative; }
.irs-from, .irs-to, .irs-single {color: #4c4d50 !important; font-size: 12px !important; background: none !important;}
.irs-from:after, .irs-to:after, .irs-single:after { display: none; }
.cuntrymap{width:inherit;}
.expocon svg.icon-svg.unpublished{stroke: #fff;}
.cuntryflag { width: 30px;  height: 30px; border-radius: 100%;}
#dealer-detail .red-drop, #dealer-detail .green-drop { position: absolute; right: 50px; top: 41%; }
#dealer-detail td { position: relative; }
.irs-slider{cursor:pointer;}
.evelution-management { min-height: 470px; }
.searchable-select-hide {
  display: none;
}


.icon-publish {
    background: url(../images/published.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
}
.icon-unpublish{
	background: url(../images/unpublished.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
}

.fontsize-sm{font-size:13px;}

.searchable-select {  display: inline-block; min-width: 100%; font-size: 0.8125rem; line-height: 1.4rem; color: #434954; vertical-align: middle; position: relative; z-index: 9;}

.searchable-select-holder{ padding: 8px; background-color: #fff; background-image: none; border: 1px solid #e5e8e9; border-radius: 3px; min-height: 41px; box-sizing: border-box; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;  z-index: 99;}

.searchable-select-caret { position: absolute; width: 12px; height: 7px; box-sizing: border-box; top: 0; bottom: 0; margin: auto; right: 10px; background: url(../images/icon-arrow-down.png) no-repeat;}

.searchable-select-dropdown { position: absolute; background-color: #fff; border: 1px solid #ccc; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 4px; border-top: none; top: 28px; left: 0; right: 0;}

.searchable-select-input { margin-top: 5px; border: 1px solid #ccc; outline: none; padding: 4px; width: 100%; box-sizing: border-box; width: 100%;}

.searchable-scroll { margin-top: 4px; position: relative;}

.searchable-scroll.has-privious { padding-top: 16px;}

.searchable-scroll.has-next { padding-bottom: 16px;}

.searchable-has-privious { top: 0;}

.searchable-has-next { bottom: 0;}

.searchable-has-privious, .searchable-has-next { height: 16px; left: 0; right: 0; position: absolute; text-align: center;  z-index: 10; background-color: white; line-height: 8px; cursor: pointer;}

.searchable-select-items { max-height: 140px; overflow-y: scroll; position: relative;}

.searchable-select-items::-webkit-scrollbar { display: none;}

.searchable-select-item { padding: 5px 5px; cursor: pointer; min-height: 30px; box-sizing: border-box;}

.searchable-select-item.hover { background: #555; color: white;}

.searchable-select-item.selected { background: #ed4c49; color: white;}

.searchable-select-item:first-child { display: none;}

span.accordion-drpdwn, span.accordion-Privewdrpdwn {
    display: inline-block;
}
.modal-image img { max-width: 100%; }

.navpillsnext{    border: 1px solid #888888;
    border-radius: 2px;
    padding: 2px;
    margin-bottom: 0 !important;}
.navpillsnext a {
    font-size: 0.8125rem;
    text-align: left;    min-height: auto;
    padding: 3px 20px;color: #434954;
}	
.navpillsnext a  i.expocon {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    height: 23px;
}
ol.listing {
    padding-left: 0;
    list-style-position: inside;
}
ol.listing li {
    padding-bottom: 10px;
    position: relative;
    font-size: 14px;
}
ol.listing li ul {
    padding-left: 18px;
    padding-top: 10px;
}
ol.listing li ul li {
    list-style: disc;
    list-style-position: inside;
}
.policytext{font-size:14px;}
.search-border{border-top:1px solid #ddd;}
.filter-tbl-hld > table{border-collapse:separate;border-spacing: 0px !ie;border-spacing:0;}


.cuntryselect .custom-select {
  position: relative;
    display: block;
    padding: 0;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #434954;
    cursor: pointer;
    border: 1px solid #e5e8e9;
    border-radius: 3px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
    background:  #fff;
}
.cuntryselect .custom-select:before{
	content:"";
	 background: url(../images/icon-arrow-down.png) no-repeat;position:absolute;right:15px;    width: 12px;
    height: 7px;    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cuntryselect .custom-select.custom-select-open:before{background: url(../images/icon-arrow-up.png) no-repeat;}
.cuntryselect .custom-select a {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 8px 10px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
    .cuntryselect .custom-select a span {
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 20px;
        text-overflow: ellipsis;
    }
.cuntryselect .custom-select select {
  display: none !important;
}
.cuntryselect .custom-select > div {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 1px 0 0 -1px;
  width: 100%;
  border: 0px solid rgba(0,0,0,0.3);
  border-top: 0;
  background: #FFFFFF;
  z-index: 10;
  overflow: hidden;
  box-shadow:    0px 1px 3px 0px rgba(0,0,0,0.3);
  padding: 0 5px 5px;
}
.cuntryselect .custom-select input {
  width: 100%;
  border: 1px solid #dedddd;
  margin: 5px 0px 0;
  padding: 5px;
  font-size: 14px;
}
.cuntryselect .custom-select > div > div {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  margin: 5px 0 0;
  max-height: 120px;
}
.cuntryselect .custom-select div ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cuntryselect .custom-select div ul li {
  display: none;
  padding: 5px;    border-top: 1px solid #e5e8e9;
}
.cuntryselect .custom-select div ul li:first-child{
	 border-top: 0px solid #e5e8e9;
}
.cuntryselect .custom-select div ul li.active {
  display: block;
  cursor: pointer;
}
.cuntryselect .custom-select div ul li:hover {
    background: #f9f9f9;
    color: #1e4c4a;
}
.cuntryselect .custom-select div ul li.option-hover {
      background: #f9f9f9;
    color: #1e4c4a;
}
.cuntryselect .custom-select div ul li.option-disabled {
  color: #999;
}
.cuntryselect .custom-select div ul li.option-disabled:hover {
  background: #ff9999;
  color: #fff;
}
.cuntryselect .custom-select div ul li.option-hover.option-disabled {
  background: #ff6666;
  color: #fff;
}
.cuntryselect .custom-select div ul li.no-results {
  display: none;
  background: #f2f2f2;
  color: #000;
}

/* Custom Select - Open
----------------------------------*/
.cuntryselect .custom-select-open {
  border: 1px solid #ee4c4a;
  div.cs-active span.cs-placeholder {      border: 1px solid #ee4c4a;  }
  div.cs-active span.cs-placeholder {      border: 1px solid #ee4c4a;  }
  div.cs-active span.cs-placeholder {      border: 1px solid #ee4c4a;  }
  div.cs-active span.cs-placeholder {      border: 1px solid #ee4c4a;  }
  div.cs-active span.cs-placeholder {      border: 1px solid #ee4c4a;  }
}
.cuntryselect .custom-select-open div {
  display: block;
}

/* Hide Input Box
----------------------------------*/
.cuntryselect .custom-select input.custom-select-hidden-input {
  position: absolute !important;
  top: 0 !important;
  left: -1000px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  z-index: -1 !important;
}

/* Mobile Override
----------------------------------*/
.cuntryselect .custom-select-mobile select {
  display: inline !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cuntryselect .custom-select div ul li , .cuntryselect .custom-select input{-webkit-transition: opacity .15s, -webkit-transform .15s;
    transition: opacity .15s, transform .15s;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    opacity: 0;}
.cuntryselect .custom-select.custom-select-open div ul li , .cuntryselect .custom-select.custom-select-open input{-webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: bounce .6s ease-out;
    animation: bounce .6s ease-out;opacity:1;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.filter-tbl-hld > table{border-collapse:separate;border-spacing: 0px;}
}
.select-dropdown.country {cursor: pointer;position: relative;z-index: 8;}
.select-dropdown.country.cuntryselect {z-index: 9;position: relative;}
.select-dropdown.country {cursor: pointer;}

@media screen and (min-width: 1201px) and (max-width:1366px){

  .main-content .card .card-title h3, .groups-item h3 {font-size: 0.875rem; line-height: 1rem; margin-bottom: 0px;}
  .date-container input[type='text'], .cs-select span, .table td, .groups-item p {font-size: 0.8125rem;}

  .btn-custom, .groups-item .members {font-size:0.8125rem;}

    .btn-black, .btn-white { /*padding-left:39px;*/
        margin-top: 10px;
    }
  

}





/* low res desktop layout (max 1200PX) 
----------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width:1200px){

  .main-content .card .card-title h3, .groups-item h3 {font-size: 1.100rem;}
  .date-container input[type='text'], .cs-select span, .table td, .groups-item p {font-size: 0.900rem;}

  .btn-custom, .groups-item .members {font-size:0.800rem;}
  /*** Contact page start ***/
  .btn-black, .btn-white{/*padding-left:34px;*/}
  .filter-tbl-hld table thead th, .filter-tbl-hld table tbody tr{font-size:0.850rem}
  /*** Contact page end ***/

  nav.add-contact-tab a.nav-item.nav-link {
    display: block;
    width: 33.33%;
}
.cntct-top-btn1 { margin-top: 5px; }

    .btn-black, .btn-white { /*padding-left:39px;*/
        margin-top: 10px;
    }
  
  
  
  

}



/* tablet layout (landscape/768PX) 
----------------------------------------------- */
@media screen and (min-width: 992px) and (max-width:1024px){

  .country-region-selector {margin-top: 1.5rem!important;}
  .main-content .card .highlights p span.big {font-size:24px;}
  .main-content .card .highlights p {font-size: 16px;}
  .main-content .card .card-title h3, .groups-item h3 {font-size: 18px; line-height: inherit;}
  .date-container input[type='text'], .cs-select span, .table td, .groups-item p {font-size: 0.8125rem;}
  .date-container input[type='text'], .cs-select span {padding: 10px 8px;}
	.date-container input[type='text']  {    background: url(../images/sprite-image.png) 108% 7px no-repeat #fff;}
  .date-container span.icon-date {top: 7px; right: 6px;}
  .groups-item {padding: 16px 20px;}
  .dashboard-chart-container {padding: 0;}
 /*** Contact page start ***/ 
  .btn-black,.btn-white{font-size:0.7rem}
  .btn-black, .btn-white{/*padding-left:39px;*/ margin-top: 10px;}
  .filter-tbl-hld table thead th, .filter-tbl-hld table tbody tr{font-size:0.850rem}
/*** Contact page end ***/

  .user-profile-inner {padding: 20px;}
  .user-profile-container .button-group {width:80%;}


.container {
    padding: 0;
} 
.page-header-btn {
    padding-left: .3rem;
}

nav.add-contact-tab a.nav-item.nav-link {
    display: block;
    width: 33.33%;
}
/**************kunal shaw*****29.6.2018********/
.cntct-top-btn1 {  padding-top: 10px;}
/**************kunal shaw*****29.6.2018 end********/

.pagecaption { font-size: 1rem;}
.text-select-sec { font-size: 0.8125rem }
.page-name .project-title { font-size: 1rem;}
.srch-col {margin-bottom: 10px !important; width: 100%; }

.header-tab-area { /*margin-top: 11px; margin-bottom: 10px;*/}
.add-user .page-header h3 { margin-bottom: 0; }
.form-control { font-size: 0.8125rem;}
.page-header .project-title {font-size: 1rem;}
.filter-tbl-hld { margin-top: 4px;}
#dealer-detail .red-drop, #dealer-detail .green-drop { right: 10px;}
.footer-container { bottom: auto; padding-left: 0; position: relative;}
.main-content-container {height: 100%;}

}



/* tablet layout (portrait/768PX) 
----------------------------------------------- */
@media only screen and (min-width:768px) and (max-width:991px){
	 /*** Contact page start ***/
	.filter-container-hld .card-body .btn-container [class^=col]{flex-basis: auto; max-width: 100%;}
	.filter-container-hld .card-body .btn-container [class^=col] .ml-auto{margin:auto !important; margin-top:1rem !important;}
	 /*** Contact page end ***/
	 
   .user-profile-inner {padding: 20px;}
   .user-profile-container .button-group {width:100%;}
   .user-profile-container .social-links a {width: 36px; height: 36px;}
   .user-profile-container .social-links .icon-linkedin {background-position: 9px -51px;}
   .user-profile-container .social-links .icon-twitter {background-position: 9px -101px;}
   .user-profile-container .social-links .icon-facebook {background-position: 13px -153px;}
   .user-profile-container .social-links .icon-skype {background-position: 7px -207px;}
	 
	 
    /**********kunal********/
  .filter-tbl-hld table.v-align-mid td, .filter-tbl-hld table.v-align-mid th {
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0.8rem;
}
.contact-block .form-group {
    font-size: 14px;
}	 
	 
.contact-block h3 {
    font-size: 18px;
}	 
.contact-page h4 {
    font-size: 25px;
}	 
.container {
    padding: 0;
}	 

/**********Kunal*******/
.filter {
    border: none !important;
}
.page-header-btn {
    padding-left: .3rem;
}
.cntct-top-btn1 a {
  margin-bottom: 5px;
}

nav.add-contact-tab a.nav-item.nav-link {
    display: block;
    width: 50%;
}



/**************kunal shaw*****29.6.2018********/
.header-tab-area ul li { font-size: 0.7rem;}
.cntct-top-btn1 {  /*padding-top: 10px;*/ width: 100%;}
.cntct-top-btn { width: 100%; }
/**************kunal shaw*****29.6.2018 end********/
/*******2.7.2018**********/
.page-name .project-title { font-size: 1rem; margin-bottom: 10px;}
.pagecaption { font-size: 1rem;    margin-top: 7px;}
.srch-col {margin-bottom: 10px !important; width: 100%; }
/*******2.7.2018*end*********/
.header-tab-area { margin-top: 11px; margin-bottom: 10px;}
.text-select-sec { font-size: 0.8125rem; }
.submit_form {padding: 0px 0 0 0;}
.add-user .page-header h3 { margin-bottom: 0; font-size: 1rem; }
.submit_form label { font-size: 0.8125rem; }
.submit_form .select-dropdown .cs-select.cs-skin-elastic > span { font-size: 0.8125rem; line-height: 19px; }
.submit_form .form-control, .submit_form .select-dropdown .cs-select span.cs-placeholder { font-size: 0.8125rem;}
.submit_form .form-group { margin-bottom: 15px;}
.submit_form .btn {  font-size: 14px;  height: 35px; line-height: 12px; margin-right: 8px; min-width: 127px; padding: 11px 12px;}
.form-control { font-size: 0.8125rem;}
.date-container input[type='text'] {font-size: 0.8125rem;    background: url(../images/sprite-image.png) 104% 8px no-repeat #fff;}
.page-header .project-title {font-size: 1rem;}
.filter-tbl-hld { margin-top: 4px;}
.deler-btn { margin-top: 8px; }
.btn-black, .btn-white{padding:4px 5px; margin-top: 10px;}
#dealer-detail .red-drop, #dealer-detail .green-drop { right: 10px;}
.footer-container { bottom: auto; padding-left: 0;}
.main-content-container {height: 100%;}



}





/* mobile layout (max 767PX) 
----------------------------------------------- */
@media only screen and (max-width:767px){
  	.google-position label { min-width: 45px;}
  .submit_form .btn {display: inline-block;margin-bottom: 5px;width: auto;min-width: 100px;}
  
  
   .submit_form{padding:0;}
	.submit_form .form-group,.mb-40{margin-bottom:10px;}
  
   /*** Contact page start ***/ 
	.filter-container-hld h3{margin-bottom:.5rem}
	.btn-black, .btn-white{margin-top:0; }
	.filter-container-hld h3{font-size:1.4rem}
	 /*** Contact page end ***/ 


	/**************Kunal Shaw********/

	.container {
		padding: 0;
	}
	
  .menu-overlay, .menu-overlay body {overflow-y: hidden; position:relative; height: 100%;}
  .header-container {height: 90px; top:0; padding-right: 0; z-index: 1002;}
  .header-up {top: -90px;}
	.header-container figure {width:70px;}
  .user-details-container, .user-profile-inner {padding: 20px;}
	.user-details-container {border-top-right-radius: 0; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}
  .header-container figure:after {right: -10px;}
  .header-container .project-title {margin-left: 20px; font-size: 1.050rem;}
  
	
  /* hamburger menu */
  .sidebar {width:300px; height:calc(100% - 90px); position: absolute; left: -300px; margin-top:90px; z-index:1001; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  .sidebar.nav-expand {left: 0; overflow-y: auto;}
  .overlay-active {background: rgba(0,0,0,0.5); position: fixed; top:0; width: 100%; height:100%; z-index: 1000; display: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  .menu-overlay .overlay-active {display: block;}
  .icon-hamburger {position: absolute; right:12px;}
  #menu-toggle span {display: block; background: #566973; border-radius: 2px; transition: .25s ease-in-out; box-sizing: border-box;}
  #menu-toggle {width: 30px; height: 30px; margin: 30px 0 0 0; position: relative; position: relative; cursor: pointer; background: rgba(255, 255, 255, 0.4); border-radius: 5px;}
  #menu-toggle:hover {background: rgba(255, 255, 255, 0.8);}
  #menu-toggle #hamburger {position: absolute; height: 100%; width: 100%;}
  #menu-toggle #hamburger span {width: 24px; height: 2px; position: relative; top: 2px; left: 2px; margin: 5px 0;}
  #menu-toggle #hamburger span:nth-child(1) {transition-delay: .5s;}
  #menu-toggle #hamburger span:nth-child(2) {transition-delay: .625s;}
  #menu-toggle #hamburger span:nth-child(3) {transition-delay: .75s;}
  #menu-toggle #cross {position: absolute; height: 100%; width: 100%; transform: rotate(45deg);}
  #menu-toggle #cross span:nth-child(1) {height: 0%; width: 2px; position: absolute; top: 10%; left: 14px; transition-delay: 0s;}
  #menu-toggle #cross span:nth-child(2) {width: 0%; height: 2px; position: absolute; left: 10%; top: 14px; transition-delay: .25s;}
  #menu-toggle.open #hamburger span {width: 0%;}
  #menu-toggle.open #hamburger span:nth-child(1) {transition-delay: 0s;}
  #menu-toggle.open #hamburger span:nth-child(2) {transition-delay: .125s;}
  #menu-toggle.open #hamburger span:nth-child(3) {transition-delay: .25s;}
  #menu-toggle.open #cross span:nth-child(1) {height: 80%;transition-delay: .625s;}
  #menu-toggle.open #cross span:nth-child(2) {width: 80%; transition-delay: .375s;}


  .sidebar ul li {padding: 0; margin: 0;}
  .sidebar ul li a { margin: 0; text-align: left;    height: auto;padding-top: 8px;padding-bottom: 8px;}
  .sidebar ul li a .icon-svg {display: inline-flex; vertical-align: middle;}
  .sidebar ul li a span {padding-left:10px; display: inline-flex; vertical-align: middle;}
  .sidebar ul li a.dashboard, .sidebar ul li a.browse-contacts, .sidebar ul li a.contacts, .sidebar ul li a.groups,  .sidebar ul li a.signout {height:auto; padding-top: 8px;padding-bottom:8px; text-align: left;}
  .sidebar ul li:first-child a {border-top:1px solid #3d424e;}
  .sidebar .profile-piture-mobile .align-justify {display: flex; align-items: center; justify-content: left;}
  .sidebar .profile-piture-mobile {padding: 8px 20px}
  .sidebar .profile-piture-mobile .profile-picture img {border-radius: 100%;width:40px;height:40px;}
  .sidebar .profile-piture-mobile .profile-name {padding-left: 20px; color:#fff; width:100%; position: relative;}
  .sidebar .profile-piture-mobile .profile-name:after {content:""; background: url(../images/icon-arrow-down-white.png) no-repeat; border: 0; width: 12px; height: 7px; position: absolute; top: 8px; right: 0px;}

  

  .main-content-container {margin-left:0; margin-top: 90px; padding-left: 0;}
  .main-content-container {padding-left:0; margin-top: 90px;}
  .main-content .card {padding: 20px;}
  .main-content .card .highlights p span.big {font-size: 1.800rem;}
	.main-content .card .card-title h3 {font-size: 1rem; line-height: 1.2;}
  .groups-item:first-child {margin-top: 0;}
  .groups-item {padding: 16px 12px;}
  .groups-item .members {font-size:0.700rem;}
  .groups-item .members span {font-size:1.400rem;}
  .groups-item h3 {font-size: 0.8125rem;}
  .dashboard-chart-container {padding:0;}

	
	
	.profile-container-mobile {overflow-y: hidden; max-height: 0px; box-sizing: border-box; transition-property: all; transition-duration: .5s; transition-timing-function: ease;}
  .profile-container-mobile.open {max-height: 160px;}
	
	
	
	
	/**********kunal********/
  .filter-tbl-hld table.v-align-mid td, .filter-tbl-hld table.v-align-mid th {
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0.8rem;
  }
  .contact-block label {
    margin-bottom: 8px;
  }
  .contact-block .form-group {
      margin-bottom: 12px;
  }
  .page-listing ul li {
    font-size: 14px;
  }

.filter {
    border: none !important;
}

.contact-filter h6 {
    margin-bottom: 23px;
    margin-top: 20px;
    padding-left: 5px;
}
.selected-filter p {
    padding-left: 15px;
}
.select-filter-heading h6 {
    display: inline-block;
    float: left;
    margin: 4px 0 12px;
}
.select-filter-heading:after {
  content: "";
  display: block;
  clear: both;
}
.filter-body1 {
    padding: 0px 5px 0 5px;
}
.selected-filter h5 {
    padding-left: 5px;
}
textarea#description {
    font-size: 14px;
}
.contact-filter .modal-title {
    font-size: 1.125rem;
}
.page-header-btn {
    padding-left: .3rem;
    padding-right: 0;
}
.cntct-top-btn1 a {
  margin-bottom: 5px;
}

nav.add-contact-tab a.nav-item.nav-link {
    display: block;
    width: 50%;
}
/*************KUNAL SHAW ****29.6.2018*******/
.header-search .form-control { font-size: 0.8125rem;}
.header-search .form-group { margin-bottom: 5px;}
.header-tab-area ul li { font-size: 0.8125rem;    display:flex; line-height: 24px;}
.header-tab-area ul { border: 1px solid #888888;  border-radius: 2px;  padding: 3px; /*margin-bottom: 5px !important;*/ display: inline-flex;}
.page-header .project-title { font-size: 1rem; }
/*************KUNAL SHAW ****29.6.2018 end*******/
/*******2.7.2018**********/
.page-name .project-title { font-size: 1rem; margin-bottom: 10px;}
.text-select-sec { margin-top: 10px; margin-bottom: 10px;}
.pagecaption { font-size: 1rem; margin-bottom: 10px !important;}
.add-user .page-header h3 { font-size: 1rem; margin-bottom: 0; }
.submit_form label { font-size: 14px; margin-bottom: 5px;}
.submit_form .form-control, .submit_form .select-dropdown .cs-select span.cs-placeholder { font-size: 0.8125rem }
.srch-col { width: 100%; margin-bottom: 10px !important;}
/*******2.7.2018*end*********/
.header-tab-area { /*margin-top: 11px;*/ margin-bottom: 10px;}
.nav-pills .nav-link.erporticon { padding: 3px 10px;}
.btn-black, .btn-white {  /*padding: 4px 4px;*/}
.header-search .form-control { padding-left: 42px; background-position: 7px 7px;}
.nav-pills .nav-link { border-radius: .25rem; padding: 8px 5px;}
.filter-tbl-hld { margin-top: 4px; }
.deler-dtl .nav-pills .nav-link.erporticon {  padding: 3px 3px;}
.deler-btn { margin-top: 8px; }
/****/
.btn-black, .btn-white{    padding: 4px 5px;}
.select-dropdown.country.selectdrp{width:100%;}
.selecttxt{display:block;}
/****/
.date-container input[type='text']{background-position:106% 9px;}
#dealer-detail .red-drop, #dealer-detail .green-drop { right: 0; }
.footer-container { bottom: auto; padding-left: 0;}
.evelution-management { min-height: 0px; }

.navpillsnext {
    border: 1px solid #888888;
    border-radius: 2px;
    padding: 3px;
    /* margin-bottom: 5px !important; */
    display:block;
}
.navpillsnext.nav-pills   a.nav-link{
    display: block;
    width: 100%;padding:3px 3px;
}
}

/**********image upload area for mobile view**********/
@media only screen and (max-width:668px){

.avatar-upload {
    max-width: 100%;
}
.upload-section {
    text-align: center;
    font-size: 12px;
}
.avatar-upload .avatar-preview {
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 9px;
}
.avatar-upload .avatar-edit input + label {
    font-size: 11px;
    padding: 10px 12px;
}
.page-header .card-title {
  display: inline-block;
  margin-bottom: 0;
}
.page-header-btn {
    margin-bottom: 9px;
    padding-right: 5px;
}
.text-sm-right {
    display: inline-block;
    float: right;
}
.page-header {
    position: relative;
}
.cntct-top-btn1 a {
  margin-bottom: 5px;
}

/***********side by side button responsive*********/

nav.add-contact-tab a.nav-item.nav-link {
    display: block;
    width: 100%;
}
.page-header .filter-body {
    padding: 10px 0px;
}

/**dashboard**/
.srch-col{width:100%;margin-bottom:10px !important;}
.main-content .card{border:1px solid #eee;}
.main-content .card .card-body{padding:0px 0;}
.profileimg{/*float:left;*/}
.sidebar ul li:last-child a{border-bottom:0;}
.erporticon i.expocon{    /*margin-right: 0;*/}
.nav-pills .nav-link svg.icon-svg{width:26px;}
ul.pagination li.page-item a, .dataTables_paginate .paginate_button{width: 26px;height: 26px;line-height: 28px;}
ul.pagination li.page-item.next a, ul.pagination li.page-item.previous a, .paginate_button.previous, .paginate_button.next{margin-left:0;margin-right:0;width:auto;}
.erporticon i.expocon{float:left;}
.cardp-xt{margin-top:10px;}
.header-search{margin-bottom:10px;}
.filter-tbl-hld > table {border: 0px solid #dee2e6;}
.filter-tbl-hld { border: 1px solid #dee2e6;margin-top:0;}
.cntct-top-btn{margin-bottom:10px;}
.dataTables_paginate {padding-bottom: 15px;}
.range-area{margin-bottom:15px;}
.prof-info {width: calc(100% - 60px);display: inline-block;vertical-align: middle;}

}
@media only screen and (max-width:414px){

.justify-content-between:after {
  content: "";
  clear: both;
  display: block;
}
.filter-container-hld .card-title {
    display: inline-block;
    float: left;
}

/*.text-sm-right {
    display: inline-block;
    float: right;
    
    text-align: right;
}*/
.filter-btn {
    background-position: 8px -499px;
}
/*.btn-black, .btn-white {
    line-height: 15px;
    height: 30px;
    font-size: 0.6333rem;
}*/
.meeting1 {
    background-position: 8px -121px;
}
.mail1 {
    background-position: 8px -162px;
}
.add-contact {
    background-position: 8px -229px;
}
.delete {
    background-position:8px -39px;
}
.group {
    background-position:8px -79px;
}
.meeting {
    background-position: 8px -121px;
}
.mail {
    background-position: 8px -161px;
}
.create-group-btn {
    background-position:8px -79px;
}
.page-header .card-title {
  display: inline-block;
  margin-bottom: 0;
}
.page-header-btn {
    margin-bottom: 9px;
    padding-top: 5px;
}
.text-sm-right a {
    margin-bottom: 5px;
}
.avatar-upload .avatar-preview {
    float: none;
    margin: 0 auto;
}
.header-tab-area ul li { display: block; width: 100%; }
.header-tab-area ul { display: block; }
/****/

}