/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import url("fonts/AvertaStd.css");
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

body{font-family:"AvertaStd", sans-serif; font-size: 14px;}

/*******************
/*Top bar
*******************/
.topbar {
  background: #4e5771;
  z-index: 999;
}

.topbar .navbar-header {
  background: #343a4b;
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #009efb !important;
}

.bg-theme {
  background-color: #009efb !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #009efb;
  border-color: #009efb;
}

.right-sidebar .rpanel-title {
  background: #009efb;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #009efb;
}

.text-themecolor {
  color: #009efb !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #009efb;
  color: #009efb;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #009efb;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #009efb;
  color: #ffffff;
  border: 1px solid #009efb;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #009efb;
  opacity: 0.7;
  border: 1px solid #009efb;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #fff;
  padding-top: 30px;
}

.sidebar-nav ul li a {
  color: #4e5771;
  font-weight: 600;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #2c98f7;
}

.sidebar-nav ul li a.active {
  color: #2c98f7;
  font-size: 14px;
  font-weight: 600;
  /* margin-left: 27px; */
  background: url(../images/blue-dot.png)no-repeat;
  /*padding-left: 43px;*/
}

.sidebar-nav>ul>li.active>a {
  font-weight: 600;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff;
  background: #2c98f7;
  font-weight: 600;
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #ffffff;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff;
}

/*.sidebar-nav > ul > li > a.active i, */.sidebar-nav > ul > li > a:hover i {
  color: #2c98f7;
}

.sidebar-nav > ul > li > a i {
  color: #99abb4;
  margin-right: 3px;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 600;
  background: #ffffff;
  color: #009efb;
}

.sidebar-nav>ul>li>a i { line-height: 22px; float: left; width: 18%; }

.sidebar-nav>ul>li>a span.hide-menu { float: left; width: 80%; }

.sidebar-nav ul li a {
  padding: 10px 35px 6px 15px;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
  font-size: 14px;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link i {
  font-size: 21px;
}

.sidebar-nav ul li ul li a {
 padding-top: 3px !important;
}

.sidebar-nav > ul > li > a.active {
 font-weight: 600;
 background: #009efb !important;
 color: #ffffff;
 font-size: 15px;

}

.sidebar-nav ul li ul li a {
  padding: 10px 35px 10px 24px;
  font-size: 14px;
  color: #828aa3;
}

.topbar ul.dropdown-user li {
 font-size: 15px;
 font-weight: 600;
}

.topbar ul.dropdown-user li  span{
 padding-left: 13px;
 font-size: 14px;
}

.page-titles .breadcrumb .breadcrumb-item.active {
	color: #54667a;
}

.page-titles .breadcrumb a {
 font-weight: 600;
 color: #54667a;
}

.left-sidebar {
	z-index: 13;
}


.navbar-header {
  z-index: 14;
}


.btn-primary {
  background: #2c98f7;
  border: 1px solid #2c98f7;
  font-weight: 500px;
  box-shadow: none;
}

.btn-primary.disabled:hover, .btn-primary:hover {
  background: #53AEFF;
  border: 1px solid #53AEFF;
  opacity: 1;
  box-shadow: none;
}

.btn-secondary {
  background: #ffffff;
  border: 1px solid #CBD1DB;
  color: #4E5771;
  font-weight: 600;
}

.btn-secondary.disabled:hover, .btn-secondary:hover, .btn-secondary.active, .btn-secondary.disabled.active, .btn-secondary.disabled:focus, .btn-secondary:focus {
  background: #ffffff;
  border: 1px solid #CBD1DB;
  opacity: 1;
  color: #4E5771;
}


/* *************** Custom Classes from old system ***************** */

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fcfcfc;
  border-color: #ddd;
}

.panel-body {
  padding: 20px;
}

/*
@media (min-width: 769px) {
.col-sm-push-2 {
    left: 16.66666667%;
}
}*/

/*.card-body button [type="button"], [type="reset"], [type="submit"] {
 margin: 10px 0;
}
*/
.card-body button.dropdown-toggle .caret {
	display: none;
} 

@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav {
    padding-top: 20px ;
  }

  .mini-sidebar .sidebar-nav #sidebarnav>li>a {
    padding: 9px 15px;
  }
}	

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
  line-height: 47px !important;
}

a:not([href]):not([tabindex]) {
  cursor: pointer;
}

/*button [type="button"]{
 margin: 10px 0;
}

button [[type="submit"] {
 margin: 10px 0;
}

button [type="reset"]{
 margin: 10px 0;
 }*/

 [type=checkbox]:checked+label:before, [type=checkbox]:not(.filled-in)+label:after  {
   display: none;
 }

 [type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {
  display: none;
}

.table [type=checkbox]:checked, [type=checkbox]:not(:checked) {
  position: relative !important;
}
label [type=checkbox]:checked, [type=checkbox]:not(:checked)  {
  position: relative !important;
}

[type=radio]:checked, [type=radio]:not(:checked) {
  opacity: 1;
  position: absolute;
  left: 0;
}

select.form-control-sm:not([size]):not([multiple]) {
  height: inherit;
}

@media (min-width: 576px) {
  .form-inline label {
    display: inline-block; 
    
  }
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: #333 !important;    
}

.sticky-filter-bar .btn {
  margin: 10px 0;
}
/*.modal-footer .btn {
margin: 0;
}*/


.dataTables_filter input {
  border: 1px solid #ddd;
  width: 100%;
  height: 36px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 1.5384616;
  color: #333;
  background-color: #fff;
  background-image: none;
  border-radius: 3px;
  margin-left: 10px;
}

div.sticky-filter-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  z-index: 12;
  padding: 0;
  margin: 0;
  margin-top: -31px;
  margin-bottom: -20px;
  margin-right: -30px;
  margin-left: -30px;
}

div.sticky-filter-bar.additional-top {
  top: 100px;
}

div.sticky-filter-bar .card-body {
  padding-bottom: 0rem;
  padding-top: 0rem;
}

div.sticky-filter-bar .card {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.06); 
}

div.sticky-filter-bar .dropdown-menu a {
  line-height: 1.8rem;
}

.filter-bar .dropdown-menu a {
 line-height: 1.8rem;
}

.asterisk {
  color: #F00;
}

.frm-fld label.error {
  color: #F00;
  font-size: 12px;
  margin: 2px 0px 0px;
  display: block;
  text-align: left;
  font-weight: 400;
}
.logo-width {
	width: 100px;
}
.sidebar-nav .has-arrow:after {
  position: absolute;
  content: '';
  width: .55em;
  height: .55em;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #607d8b;
  right: 1em;
  -webkit-transform: rotate(140deg) translate(0, -50%);
  -ms-transform: rotate(140deg) translate(0, -50%);
  -o-transform: rotate(140deg) translate(0, -50%);
  transform: rotate(140deg) translate(0, -50%);
}

.user-sticky 
{
  background: #f4834c;
  text-align: center;
  line-height: 30px;
  color: #fff;
}

.user-sticky a {
  color:#fff !important;
  font-weight: 600;
}

/* ++++++++++++ Custom Date Range Menu +++++++++++++++++++++++ */

.popover {
  font-family:"AvertaStd", sans-serif !important;
}

div.sticky-filter-bar .dropdown-menu {
  padding: 30px 30px 23px 30px;
  min-width: 225px;
  /*left: -40px;*/
} 

.filter-bar .dropdown-menu {
  padding: 30px 30px 23px 30px;
  min-width: 225px;
  /*left: -40px;*/
} 

div.sticky-filter-bar .dropdown-menu a{
  line-height: 25px;
  background: #f6f8fb;
  border-radius: 4px;
  margin-bottom: 7px;
  color: #697492;
  font-weight: 600;
  width: 200px;
}
.filter-bar .dropdown-menu a{
  line-height: 25px;
  background: #f6f8fb;
  border-radius: 4px;
  margin-bottom: 7px;
  color: #697492;
  font-weight: 600;
  width: 200px;
}
#filter-form .btn {margin: 0}

div.sticky-filter-bar .dropdown-menu a:hover {
	background: #d5eafd;
	color: #248eeb;
}

.filter-bar .dropdown-menu a:hover {
  background: #d5eafd;
  color: #248eeb;
}

.popover-content .btn {
  margin: 8px 0;
}

/*div.sticky-filter-bar #myDropdown .dropdown-item:hover,*/ div.sticky-filter-bar .dropdown-item:focus, div.sticky-filter-bar  .dropdown-item.active, div.sticky-filter-bar  .dropdown-item:active {
	background: url(../images/true-img.png)no-repeat #d5eafd;
	color: #248eeb;
	padding-left: 30px;
}

/*.filter-bar #myDropdown .dropdown-item:hover,*/ .filter-bar .dropdown-item:focus, .filter-bar  .dropdown-item.active, .filter-bar  .dropdown-item:active {
  background: url(../images/true-img.png)no-repeat #d5eafd;
  color: #248eeb;
  padding-left: 30px;
}

.filter-bar button.dropdown-toggle{
  margin: 0;
  width: 100%;
}

.filter-bar button #filter-btn-name{
  float: left;
}

/*div.sticky-filter-bar #myDropdown .dropdown-item:hover {padding-left: 0px !important;}*/
.datepicker table tr td span{
	height: 35px !important;
	line-height: 35px !important;
	background: #c4dafb;
	color: #697492;
	margin-bottom: 8px !important;
	border-radius: 2px;
}

.datepicker table tr td span.active, /*.datepicker table tr td span.focused,*/ .datepicker table tr td span:hover {
	background: #2c98f7 !important;
	color: #fff !important;
	margin-bottom: 8px !important;
}

.datepicker .datepicker-switch {
  width: 156px;
  color: #697492;
  font-weight: 600;
}

input.range-picker {
 opacity:1 !important;
 border: 1ps solid #d9dbe6 !important;
 background: #fff !important;
 box-shadow: none;
 webkit-box-shadow: none;
}

.inner-addon { 
  position: relative; 
}

/* style icon */
.inner-addon .mdi {
  position: absolute;
  padding: 4px 8px;
  font-size: 22px;
  margin-right: 5px;
  pointer-events: none;
  color: #697492;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  35px; color: #697492; font-weight: 600 }
.right-addon input { padding-right: 30px; }

/* label text color */
.btn-group .multiselect-container label.checkbox {
  color: #67757c !important;
  /*padding: 8px 0;*/
}
.btn-group .multiselect-container .active label.checkbox {
  color: #fff !important;
}
.btn-group .multiselect-container label.checkbox input[type=checkbox]{
  opacity: 0 !important;
  /*margin-left: 0 !important;*/
}
.customer-radio {
  margin-left: 25px;
}
.customer-radio .radio {
  margin-top: 0 !important;
}
.customer-radio label {
  font-size: 14px;
}

.custom-combobox {
  position: relative;
  display: inline-block;
  /*margin-top: 4px;*/
  width: 100%;
}
.custom-combobox-toggle {
  position: absolute !important;
  top: 0;
  bottom: 0;
  margin-left: -2px;
  padding: 0 !important;
}
.custom-combobox-input {
  color: #67757c;
  background-color: #fff !important;
  margin: 0;
  padding: 7px 12px;
  border-radius: 3px;
  font-family: inherit !important;
  font-size: inherit !important;
}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
  height: 35px;
  margin-top: -2px;
  }*/

/*.ui-widget-content{
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 300px;
  }*/
  .drag-box.ui-state-default {
    border: 3px dashed #ececec;
  }
  .custom-combobox .ui-state-default {
    border: 1px solid #c5c5c5;
  }

  div .custom-combobox .ui-button {
    border: 1px solid #c5c5c5 !important;
    background: #ededed;
    width: 10% !important;
  }

  td .custom-combobox .ui-button {
    border: 1px solid #c5c5c5 !important;
    background: #ededed;
    width: 15% !important;
  }

  div .custom-combobox-input{
    background: #ededed;
    width: 90%;
  }

  td .custom-combobox-input{
    width: 80%;
  }

  .hint-btn,.info_box {
    display: none;
  }

  li.coming-soon a{
    opacity: 0.7;
  }

  .pop-shape .pop-text{
    width: auto;
    padding-top: 35px;  
    padding-right: 20px;
    padding-left: 20px;
  }

  .pop-shape .pop-frm {
    float: none !important;
    width: auto !important;
    height: auto !important;
  }

  .pop-content {
    height: auto !important;
  }

  .team_member_box .btn-group .multiselect-container label.checkbox input[type=checkbox],
  .consultant_team_member_box .btn-group .multiselect-container label.checkbox input[type=checkbox],
  .custom-internal-attendees .btn-group .multiselect-container label.checkbox input[type=checkbox]
  {
    opacity: 1 !important;
    float: left;
  }

  .team_member_box .checkbox input[type=checkbox],
  .consultant_team_member_box .checkbox input[type=checkbox],
  .custom-internal-attendees .checkbox input[type=checkbox] {
    margin-left: 0px !important;
  }

  .team_member_box .multiselect-container  a,
  .consultant_team_member_box .multiselect-container  a,
  .custom-internal-attendees .multiselect-container  a {
    outline: none;
  }

  .team_member_box .dropdown-menu,
  .consultant_team_member_box .dropdown-menu,
  .custom-internal-attendees .dropdown-menu{
    padding: 0px !important;
    z-index: 990 !important;
  }
  .custom-internal-attendees .btn-group button.btn {
    margin: 0px !important;
  }
  .custom-internal-attendees .filter button.btn {
    padding: 8px 12px !important;
    font-size: 14.5px !important;
    border-left: 0 !important;
  }
  .custom-internal-attendees li.filter .multiselect-search {
    height: 40px !important;
  }

  .team_member_box li a,
  .custom-internal-attendees li a,
  .consultant_team_member_box li a,{
    padding: 3px 20px; !important;
  }

  .team_member_box li input,
  .custom-internal-attendees li input,
  .consultant_team_member_box li input,{
    margin-right: 3px!important;
  }

  #frmsyb a.fancyRd {
    width: 50%;
  }
  #frmsyb a.fancyRd.notActive{
    color: #3276b1;
    background-color: #fff;
  }
  #frmsyb .btn-md-cust {
    /*padding: 7px 60px;*/
    font-size: 14px;
  }

  #frmsyb .btnAct{
    background-color: #2c98f7;
    border-color: #2c98f7;
  }
  #frmsyb .active  {
    color: #fff!important;
  }

  #frmsyb .notActive {
    color: #2c98f7!important;
  }
  #frmsyb .active:hover  {
    color: #fff !important;
  }
  #frmsyb .notActive:hover {
    color: #2c98f7 !important;
  }
  #frmsyb .text-danger {
    color: #dc3545 !important;
  }

  #frmsyb .bdr-right {
    border-radius: 3px 0 0 3px; !important;
    border-right: 0 !important;
  }
  #frmsyb .bdr-left {
    border-radius: 0 3px 3px 0; !important;
  }

  #frmsyb p.martopminus10{
    margin-top: -5px;
  }