html { font-size: 16px;}
/********** 3. HEADER STYLES **********/
/**************************************/
.headerwrapper {
  background-color: #428BCA;
  min-height: 60px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.headerwrapper:after {
  clear: both;
  display: block;
  content: '';
}
/***** 3.1 HEADER LEFT *****/
.headerwrapper .header-left {
  width: 230px;
  min-height: 60px;
  padding: 14px 15px;
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  background-color: rgba(0, 0, 0, 0.09);
  position: relative;
}

.headerwrapper .header-left .hamburger-menu {
  display: none;
} 

.headerwrapper .header-left .logo {
  display: inline-block;
  margin-top: 5px;
  float: left;
}
.headerwrapper .header-left .menu-collapse {
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
  padding: 6px 9px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  font-size: 16px;
  line-height: normal;
  position: absolute;
  top: 13px;
  right: 15px;
}
.headerwrapper .header-left .menu-collapse:hover {
  border-color: #fff;
  color: #fff;
}
/***** 3.2 HEADER RIGHT *****/
.headerwrapper .header-right {
  float: right;
  /*margin-left: 230px;*/
  margin-left: 0px !important;
  min-height: 60px;
  padding: 14px 15px;
  width: calc(100% - 230px);
}
.headerwrapper .header-right .btn-group {
  margin: 0;
  line-height: 21px;
  float: left;
}
.headerwrapper .header-right .btn-group > .btn {
  border: 0;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.75);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  line-height: normal;
  margin-left: 5px;
  height: 33px;
}
.headerwrapper .header-right .btn-group > .btn:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.headerwrapper .header-right .btn-group > .btn:focus, .headerwrapper .header-right .btn-group > .btn:active {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.headerwrapper .header-right .btn-group .btn .badge {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  color: #000;
  margin-left: 2px;
  padding: 2px 6px;
}
.btn-group-notification > .btn {
  padding: 7px 10px;
}
.btn-group-messages > .btn {
  padding: 6px 9px 8px 9px;
}
.btn-group-option > .btn {
  padding: 7px 12px;
}
.headerwrapper .header-right .btn-group .dropdown-menu {
  -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.05);
  margin-top: 13px;
  border-top: 0;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border-color: #ccc;
}
.headerwrapper .header-right .btn-group .dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  top: -6px;
  right: 10px;
}
.headerwrapper .header-right .btn-group .dropdown-menu li {
  position: relative;
}
.headerwrapper .header-right .btn-group .dropdown-menu li a {
  font-size: 12px;
  padding: 8px 15px;
  color: #555;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.headerwrapper .header-right .btn-group .dropdown-menu li a:hover {
  color: #333;
  background-color: #E4E7EA;
}
.headerwrapper .header-right .btn-group .dropdown-menu .divider {
  margin: 5px 0;
}
.headerwrapper .header-right .btn-group-option .dropdown-menu li .glyphicon, .headerwrapper .header-right .btn-group-option .dropdown-menu li .fa {
  margin-right: 10px;
}
.headerwrapper .header-right .btn-group-option .dropdown-menu {
  min-width: 180px;
  margin-top: 13px;
}
.headerwrapper .header-right .form-search {
  float: left;
  margin-right: 10px;
  margin-top: 0;
  position: relative;
}
.headerwrapper .header-right .form-search:before {
  position: absolute;
  top: 6px;
  left: 10px;
  font-family: 'Glyphicons Halflings';
  content: '\e003';
  color: #666;
  cursor: pointer;
}
.headerwrapper .header-right .form-search .form-control {
  border: 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  width: 200px;
  padding-left: 30px;
  height: 32px;
  font-size: 13px;
}
.headerwrapper .header-right .btn-group-list .dropdown-menu {
  padding: 0;
  min-width: 380px;
}
.headerwrapper .header-right .btn-group-list .dropdown-menu:after {
  border-bottom-color: #E4E7EA;
}
.headerwrapper .header-right div.dropdown-menu h5 {
  padding: 13px 0;
  text-align: center;
  background-color: #E4E7EA;
  margin: 0;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
}
.headerwrapper .header-right .dropdown-footer {
  background-color: #f7f7f7;
  border-top: 1px solid #ddd;
  padding: 10px;
  font-size: 12px;
}
.headerwrapper .header-right .link-right {
  color: #636E7B;
  position: absolute;
  top: 10px;
  right: 15px;
}
.dropdown-list {
  margin: 0;
}
.dropdown-list li {
  border: 0;
  border-top: 1px solid #eee;
  padding: 10px 20px 10px 10px;
  margin: 0;
  cursor: pointer;
}
.dropdown-list li:hover {
  background-color: #fcfcfc;
}
.dropdown-list li:first-child {
  border-top: 0;
}
.dropdown-list li .noti-thumb {
  width: 40px;
}
.dropdown-list .media-body {
  font-size: 13px;
  line-height: 18px;
}
.dropdown-list .media-body strong {
  font-weight: 500;
  color: #2f363d;
}
.dropdown-list .media-body p {
  margin: 0;
}
.dropdown-list .media-body .date {
  display: block;
  margin-top: 2px;
  line-height: normal;
  color: #999;
}
.dropdown-list .media-body .date i {
  margin-right: 2px;
  margin-top: -3px;
  vertical-align: middle;
}
.dropdown-list .badge {
  float: right;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 8px;
}
/********* 4. MAIN WRAPPER STYLES *********/
/******************************************/
.mainwrapper {
  position: relative;
  top: 60px;
}
.mainwrapper:before {
  content: '';
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 230px;
  border-right: 1px solid #e7e7e7;
}
.mainwrapper:after {
  clear: both;
  display: block;
  content: '';
}
.img-online {
  border: 2px solid #5cb85c;
  padding: 2px;
  background-color: #fff;
}
.img-offline {
  border: 2px solid #ccc;
  padding: 2px;
  background-color: #fff;
}
/***** 4.1 LEFT PANEL STYLES *****/
.leftpanel {
  width: 230px;
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  height: calc(100vh - 60px);
}
.leftpanel .profile-left {
  padding: 15px;
  min-height: 90px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
  margin-right: 1px;
}
.leftpanel .profile-left .profile-thumb {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  border: 2px solid #5cb85c;
  padding: 2px;
}
.leftpanel .profile-left .profile-thumb img {
  width: 50px;
}
.leftpanel .profile-left .media-heading {
  line-height: 18px;
  margin-top: 12px;
  font-weight: 500;
  font-size: 16px;
}
.leftpanel .profile-left small {
  line-height: 18px;
}
.leftpanel .leftpanel-title {
  text-transform: uppercase;
  color: #ccc;
  font-size: 11px;
  font-weight: normal;
  margin: 15px 0px !important;
  display: inline-block;
}
/***** 4.1.1 LEFT PANEL NAVIGATION *****/
.leftpanel .nav {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.leftpanel .nav > li {
  margin: 0 1px 0 0;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid #e7e7e7;
  position: relative;
}

.leftpanel .nav > li .dropdown-menu {
  width: 100%;
}

.leftpanel .nav > li.active {
  border-top: 0;
  margin-right: 0;
}
.leftpanel .nav > li.active + li {
  border-top: 0;
}
.leftpanel .nav > li > a {
  color: #555;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  padding: 12px 15px;
}
.leftpanel .nav > li > a:hover, .leftpanel .nav > li > a:focus, .leftpanel .nav > li > a:active {
  background-color: #f7f7f7;
}
.leftpanel .nav > li.active > a, .leftpanel .nav > li.active > a:hover {
  color: #fff;
  background-color: #428bca;
}
.leftpanel .nav > li > a i,
.leftpanel .dropdown-menu > li > a i {
  width: 16px;
  margin-right: 5px;
  color: #428bca;
  font-size: 15px;
  top: 1px;
  position: relative;
  text-align: center;
}
.leftpanel .dropdown-menu > li > a i {
  color: #999;
}
.leftpanel .nav > li.open > a,
.leftpanel .nav > li.open > a i {
    background-color: #0866c6;
    color: #fff;
}

.leftpanel .nav > li.active > a i {
  color: #fff;
}
.leftpanel .nav > li.parent:after {
  font-family: 'FontAwesome';
  content: '\f107';
  display: block;
  position: absolute;
  top: 12px;
  right: 22px;
  color: #ccc;
}
.leftpanel .nav > li.parent-focus > a {
  background-color: #f7f7f7;
}
.leftpanel .nav .badge {
  font-weight: normal;
  line-height: normal;
  font-size: 11px;
  background-color: #2f363d;
}
.leftpanel .nav .children {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}
.leftpanel .nav .active .children, .leftpanel .nav .parent-focus .children {
  display: block;
}
.leftpanel .nav > li.active:after {
  color: #fff;
}
.leftpanel .nav .children li:first-child {
  border-top: 1px solid #e7e7e7;
}
.leftpanel .nav .children li.active:first-child {
  border-top: 0;
}
.leftpanel .nav .children li a {
  font-weight: normal;
  font-size: 13px;
  display: block;
  color: #444;
  padding: 6px 10px 6px 40px;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.leftpanel .nav .children li a:hover {
  text-decoration: none;
  background-color: #f7f7f7;
}
.leftpanel .nav .children li.active a {
  background-color: #e4e7ea;
}
.leftpanel .nav .active .children {
  border-bottom: 1px solid #e7e7e7;
}
.leftpanel .nav .active .children {
  margin-right: 1px;
}
/***** 4.2 MAIN PANEL STYLES *****/
.mainpanel {
  margin-left: 230px;
}
.pageheader {
  padding: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  height: 90px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
}
.pageheader .media {
  padding: 0;
  clear: both;
}
.pageheader .pageicon {
  background-color: #4e5154;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 32px;
  height: 50px;
  position: relative;
  width: 50px;
}
.pageheader .pageicon i {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pageheader .breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 11px;
  color: #999;
  line-height: 18px;
}
.pageheader .breadcrumb li a {
  color: #333;
}
.pageheader .breadcrumb li a:hover, .pageheader .breadcrumb li a:active, .pagehaeder .breadcrumb li a:focus {
  color: #428bca;
}
.pageheader .breadcrumb li a i {
  color: #999;
  font-size: 10px;
}
.pageheader h4 {
  margin: -2px 0 0 0;
  font-size: 28px;
  font-weight: 500;
  color: #2f363d;
  line-height: normal;
}
/***** 4.2.1 CONTENT PANEL STYLES *****/
.contentpanel {
  position: relative;
  padding: 12px;
}
.bg-light {
  background-color: #ccc;
}
/******** 5. MESSAGES STYLES *********/
/*************************************/
.msg-left {
  float: left;
  width: 250px;
  position: relative;
  z-index: 50;
}
.nav-msg li a {
  color: #444;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.nav-msg li a i {
  display: inline-block;
  margin-right: 10px;
}
.nav-msg li a .badge {
  font-weight: normal;
  line-height: normal;
  font-size: 11px;
  margin-top: 1px;
}
.nav-msg li.active a {
  background-color: #4e5154;
  color: #fff;
}
.nav-msg li.active a:hover, .nav-msg li.active a:focus, .nav-msg li.active a:active {
  background-color: #444649;
}
.nav-msg li.active a .badge {
  color: #666;
}
.sm-title {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
}
.md-title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
}
.lg-title {
  font-weight: 500;
  color: #333;
  margin: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 13px;
}
.xlg-title {
  margin: 0;
  font-weight: 400;
  color: #333;
}
.filter-media {
  background-color: #0866c6;
  padding: 9px 5px 15px 5px;
  border-radius: 4px;
  margin-bottom: 15px;
}
.filter-media .form-group {
  margin-bottom: 0;
}
.filter-media .filter-pane .form-control {
  width: 280px;
}
.filter-media .filter-pane {
  display: flex;
  align-items: flex-end;
}
.filter-media .filter-pane .btn-search {
  margin-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.filter-media .form-group label {
  color: #ffffff;
}
.filter-media .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.filter-media .input-sm {
  height: 30px;
}
.media-listing {
  max-height: calc(100vh - 395px);
  min-height: calc(100vh - 395px);
  overflow-y: auto;
}
.msg-list > li {
  border: 1px solid #eee;
  background-color: #fcfcfc;
  border-bottom: 0;
  padding: 10px;
  margin: 0;
}
.msg-list > li.unread {
  background-color: #fff;
}
.msg-list > li:first-child {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.msg-list > li:last-child {
  border-bottom: 1px solid #eee;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.msg-list .media-object {
  width: 40px;
}
.msg-list > li .sender {
  font-weight: 500;
  margin: 0;
  font-size: 12px;
  color: #333;
}
.msg-list > li p {
  margin: 0;
}
.msg-list > li p a {
  color: #999;
}
.msg-list > li p a:hover, .msg-list > li p a:active, .msg-list > li p a:focus {
  text-decoration: none;
}
.msg-list > li .subject {
  color: #333;
}
.msg-list .media-option > a {
  color: #999;
  margin-left: 5px;
}
.msg-list .media-option a:hover {
  color: #666;
}
.msg-list .btn-group {
  margin: 0;
  margin-top: -3px;
  margin-left: 5px;
}
.msg-list .btn-group > .btn {
  padding: 0;
  background: none;
  color: #999;
  border: 0;
}
.msg-list li.media, .msg-list li.media .media-body {
  overflow: visible;
}
.msg-list .dropdown-menu li {
  font-size: 12px;
}
.msg-list .dropdown-menu .divider {
  margin: 5px 0;
}
.msg-list .ckbox {
  margin-top: 12px;
}
.msg-list li.highlighted {
  background-color: #fffeee;
}
.msg-header {
  margin-bottom: 25px;
  margin-top: 5px;
}
.msg-header:after {
  clear: both;
  display: block;
  content: '';
}
.msg-header .btn-group {
  margin: 0;
}
.msg-header .btn {
  padding: 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border-width: 2px;
  width: 35px;
  height: 35px;
  color: #999;
  margin-right: 5px;
}
.msg-header .btn-navi {
  font-size: 14px;
  color: #999;
}
.msg-header .btn:hover, .msg-header .btn:active, .msg-header .btn:focus {
  background-color: #fff;
  border-color: #666;
  color: #666;
}
.msg-header .btn-navi {
  margin-right: 0;
}
.msg-header .btn-navi-left i {
  margin-left: -3px;
}
.msg-header .btn-navi-right i {
  margin-left: 2px;
}
.msg-header .dropdown-menu {
  margin-top: 12px;
}
.msg-header .dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  top: -6px;
  right: 15px;
}
.msg-header .dropdown-menu:before {
  border-bottom: 7px solid #ddd;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  top: -8px;
  right: 14px;
}
.msg-header .dropdown-menu li {
  font-size: 12px;
}
.msg-header .dropdown-menu li i {
  margin-right: 8px;
}
.panel-group-msg {
  margin-top: 15px;
}
.panel-group-msg .panel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-group-msg .panel-heading {
  padding: 10px;
}
.panel-group-msg .img {
  width: 30px;
  margin: 0;
}
.panel-group-msg .panel-title {
  font-weight: 500;
  color: #444;
  font-size: 14px;
}
.panel-group-msg .time {
  margin: 5px 20px 0 0;
  font-weight: normal;
  font-size: 12px;
}
.panel-group-msg .time i {
  font-size: 16px;
}
.msg-reply {
  margin-left: 15px;
}
.msg-reply img {
  width: 30px;
}
.btn-create-msg {
  padding: 12px 10px;
}
.alert-metro {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/********* 6. UI ELEMENTS *********/
/**********************************/
/***** 6.1 BUTTONS PAGE STYLES *****/
.btn-dark {
  background-color: #4e5154;
  color: #fff;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
  background-color: #414446;
  color: #fff;
}
.btn-list .btn {
  margin: 0 3px 7px 0;
}
.btn-rounded {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
.btn.btn-bordered {
  padding: 6px 13px;
}
.btn-sm.btn-bordered {
  padding: 4px 10px;
}
.btn-xs.btn-bordered {
  padding: 2px 8px;
}
.btn.btn-bordered, .btn.btn-bordered:hover, .btn.btn-bordered:focus, .btn.btn-bordered:active {
  background: none !important;
  border-width: 2px;
}
.btn-primary.btn-bordered, .btn-primary.btn-bordered:hover, .btn-primary.btn-bordered:active, .btn-primary.btn-bordered:focus {
  color: #428bca;
}
.btn-success.btn-bordered, .btn-success.btn-bordered:hover, .btn-success.btn-bordered:active, .btn-success.btn-bordered:focus {
  color: #5cb85c;
}
.btn-warning.btn-bordered, .btn-warning.btn-bordered:hover, .btn-warning.btn-bordered:active, .btn-warning.btn-bordered:focus {
  color: #eea236;
}
.btn-danger.btn-bordered, .btn-danger.btn-bordered:focus, .btn-danger.btn-bordered:active, .btn-danger.btn-bordered:hover {
  color: #d9534f;
}
.btn-info.btn-bordered, .btn-info.btn-bordered:focus, .btn-info.btn-bordered:active, .btn-info.btn-bordered:hover {
  color: #46b8da;
}
.btn.btn-metro {
  font-weight: 300;
  letter-spacing: 0.3px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.btn-group .btn.btn-bordered + .btn.btn-bordered, .btn-group .btn.btn-bordered + .btn-group, .btn-group .btn-group + .btn.btn-bordered, .btn-group .btn-group + .btn-group {
  margin-left: -2px;
}
.btn-group .btn.btn-bordered {
  padding-left: 14px;
  padding-right: 15px;
}
/***** 6.2 EXTRAS STYLES *****/
.dropdown-demo-only {
  position: static;
  display: inline-block;
  margin-right: 10px;
  width: 160px;
  float: none;
  margin-bottom: 20px;
}
.dropdown-menu-primary {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #428bca;
}
.dropdown-menu-primary > li > a {
  color: #428bca;
}
.dropdown-menu-primary > li > a:hover {
  background-color: #428bca;
  color: #fff;
}
.dropdown-menu-success {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #5cb85c;
}
.dropdown-menu-success > li > a {
  color: #5cb85c;
}
.dropdown-menu-success > li > a:hover {
  background-color: #5cb85c;
  color: #fff;
}
.dropdown-menu-danger {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d9534f;
}
.dropdown-menu-danger > li > a {
  color: #d9534f;
}
.dropdown-menu-danger > li > a:hover {
  background-color: #d9534f;
  color: #fff;
}
.dropdown-menu-warning {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #f0ad4e;
}
.dropdown-menu-warning > li > a {
  color: #f0ad4e;
}
.dropdown-menu-warning > li > a:hover {
  background-color: #f0ad4e;
  color: #fff;
}
.dropdown-menu-metro {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu-metro > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.pagination-metro > li:first-child > a, .pagination-metro > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-metro > li:last-child > a, .pagination-metro > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-split.pagination-metro > li > a, .pagination-split.pagination-metro > li > span {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.pagination-primary > li > a, .pagination-primary > li > a:hover {
  border-color: #428bca;
  color: #428bca;
}
.pagination-primary > .disabled > span, .pagination-primary > .disabled > span:hover, .pagination-primary > .disabled > span:focus, .pagination-primary > .disabled > a, .pagination-primary > .disabled > a:hover, .pagination-primary > .disabled > a:focus {
  border-color: #428bca;
  color: #428bca;
  opacity: 0.5;
}
.pagination-success > li > a, .pagination-success > li > a:hover {
  border-color: #5cb85c;
  color: #5cb85c;
}
.pagination-success > .disabled > span, .pagination-success > .disabled > span:hover, .pagination-success > .disabled > span:focus, .pagination-success > .disabled > a, .pagination-success > .disabled > a:hover, .pagination-success > .disabled > a:focus {
  border-color: #5cb85c;
  color: #5cb85c;
  opacity: 0.5;
}
.pagination-success > .active > a, .pagination-success > .active > span, .pagination-success > .active > a:hover, .pagination-success > .active > span:hover, .pagination-success > .active > a:focus, .pagination-success > .active > span:focus {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.pagination-circled > li > a {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.pagination-circled > li:first-child > a, .pagination-circled > li:first-child > span {
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
}
.pagination-circled > li:last-child > a, .pagination-circled > li:last-child > span {
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}
.pagination-circled > li:first-child > a, .pagination-circled > li:last-child > a {
  padding: 6px 13px;
}
.pagination-active-success > .active > a, .pagination-active-success > .active > span, .pagination-active-success > .active > a:hover, .pagination-active-success > .active > span:hover, .pagination-active-success > .active > a:focus, .pagination-active-success > .active > span:focus {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.pagination-active-success > li > a:hover, .pagination-active-success > li > span:hover, .pagination-active-success > li > a:focus, .pagination-active-success > li > span:focus {
  color: #5cb85c;
}
.pagination-active-warning > .active > a, .pagination-active-warning > .active > span, .pagination-active-warning > .active > a:hover, .pagination-active-warning > .active > span:hover, .pagination-active-warning > .active > a:focus, .pagination-active-warning > .active > span:focus {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.pagination-active-warning > li > a:hover, .pagination-active-warning > li > span:hover, .pagination-active-warning > li > a:focus, .pagination-active-warning > li > span:focus {
  color: #f0ad4e;
}
.pagination-active-danger > .active > a, .pagination-active-danger > .active > span, .pagination-active-danger > .active > a:hover, .pagination-active-danger > .active > span:hover, .pagination-active-danger > .active > a:focus, .pagination-active-danger > .active > span:focus {
  background-color: #d9534f;
  border-color: #d9534f;
}
.pagination-active-danger > li > a:hover, .pagination-active-danger > li > span:hover, .pagination-active-danger > li > a:focus, .pagination-active-danger > li > span:focus {
  color: #d9534f;
}
.pagination-active-info > .active > a, .pagination-active-info > .active > span, .pagination-active-info > .active > a:hover, .pagination-active-info > .active > span:hover, .pagination-active-info > .active > a:focus, .pagination-active-info > .active > span:focus {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.pagination-active-info > li > a:hover, .pagination-active-info > li > span:hover, .pagination-active-info > li > a:focus, .pagination-active-info > li > span:focus {
  color: #5bc0de;
}
.pagination-active-dark > .active > a, .pagination-active-dark > .active > span, .pagination-active-dark > .active > a:hover, .pagination-active-dark > .active > span:hover, .pagination-active-dark > .active > a:focus, .pagination-active-dark > .active > span:focus {
  background-color: #4e5154;
  border-color: #4e5154;
}
.pagination-active-dark > li > a:hover, .pagination-active-dark > li > span:hover, .pagination-active-dark > li > a:focus, .pagination-active-dark > li > span:focus {
  color: #4e5154;
}
.progress-metro {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/******* 6.3 GRAPHS STYLES *******/
.tinystat {
  display: inline-block;
}
.tinystat .chart, .tinystat .datainfo {
  display: inline-block;
  vertical-align: middle;
}
.tinystat .chart {
  margin-right: 5px;
}
.tinystat .text-muted {
  text-transform: uppercase;
  font-size: 10px;
}
.tinystat h4 {
  margin: 0;
  color: #333;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
}
.tooltipflot {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px 10px;
  font-size: 11px;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.jqstooltip {
  min-height: 25px;
  border: 0;
  min-width: 30px;
  height: auto !important;
  width: auto !important;
}
.flotGraph {
  width: 100%;
  height: 300px;
}
/***** 6.4 ICON STYLES *******/
.icon-list {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
.icon-list li {
  margin-bottom: 5px;
}
.icon-list li span {
  width: 20px;
  display: inline-block;
  margin-right: 5px;
  color: #333;
}
/***** 6.5 PANELS & WIDGETS STYLES *****/
.panel-dark {
  border-color: #4e5154;
}
.panel-dark .panel-heading {
  background-color: #4e5154;
  color: #fff;
}
.panel-success-alt {
  border-color: #4cae4c;
}
.panel-success-alt .panel-heading {
  background-color: #5cb85c;
  color: #fff;
}
.panel-info-alt {
  border-color: #46b8da;
}
.panel-info-alt .panel-heading {
  background-color: #5bc0de;
  color: #fff;
}
.panel-warning-alt {
  border-color: #eea236;
}
.panel-warning-alt .panel-heading {
  background-color: #f0ad4e;
  color: #fff;
}
.panel-danger-alt {
  border-color: #d43f3a;
}
.panel-danger-alt .panel-heading {
  background-color: #d9534f;
  color: #fff;
}
.panel-success-alt .panel-heading p a, .panel-info-alt .panel-heading p a, .panel-warning-alt .panel-heading p a, .panel-danger-alt .panel-heading p a, .panel-dark .panel-heading p a {
  color: #fff;
}
.panel-success-alt .panel-heading .panel-btns a, .panel-info-alt .panel-heading .panel-btns a, .panel-warning-alt .panel-heading .panel-btns a, .panel-danger-alt .panel-heading .panel-btns a, .panel-dark .panel-heading .panel-btns a {
  border-color: #fff;
  color: #fff;
  opacity: 0.75;
}
.panel-primary-head .panel-heading, .panel-success-head .panel-heading, .panel-warning-head .panel-heading, .panel-danger-head .panel-heading, .panel-info-head .panel-heading, .panel-dark-head .panel-heading {
  border-bottom: 0;
  color: #fff;
}
.panel-primary-head .panel-heading p, .panel-success-head .panel-heading p, .panel-warning-head .panel-heading p, .panel-danger-head .panel-heading p, .panel-info-head .panel-heading p, .panel-dark-head .panel-heading p {
  opacity: 0.75;
}
.panel-primary-head .panel-body, .panel-success-head .panel-body, .panel-warning-head .panel-body, .panel-danger-head .panel-body, .panel-info-head .panel-body, .panel-dark-head .panel-body {
  border: 1px solid #ddd;
  border-top: 0;
}
.panel-primary-head .panel-footer, .panel-success-head .panel-footer, .panel-warning-head .panel-footer, .panel-danger-head .panel-footer, .panel-info-head .panel-footer, .panel-dark-head .panel-footer {
  border: 1px solid #ddd;
  border-top: 0;
}
.panel-primary-head .panel-heading {
  background-color: #428bca;
}
.panel-success-head .panel-heading {
  background-color: #5cb85c;
}
.panel-warning-head .panel-heading {
  background-color: #f0ad4e;
}
.panel-danger-head .panel-heading {
  background-color: #d9534f;
}
.panel-info-head .panel-heading {
  background-color: #5bc0de;
}
.panel-dark-head .panel-heading {
  background-color: #4e5154;
}
.panel-primary-head .panel-heading p a, .panel-success-head .panel-heading p a, .panel-info-head .panel-heading p a, .panel-warning-head .panel-heading p a, .panel-danger-head .panel-heading p a, .panel-dark-head .panel-heading p a {
  color: #fff;
}
.panel-primary-head .panel-heading .panel-btns a, .panel-success-head .panel-heading .panel-btns a, .panel-info-head .panel-heading .panel-btns a, .panel-warning-head .panel-heading .panel-btns a, .panel-danger-head .panel-heading .panel-btns a, .panel-dark-head .panel-heading .panel-btns a {
  border-color: #fff;
  color: #fff;
  opacity: 0.75;
}
.panel-metro, .panel-metro .panel-heading, .panel-metro .panel-footer {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.widget-messaging .new-msg {
  color: #fff;
  font-size: 18px;
  margin: 0;
  line-height: normal;
  opacity: 0.5;
}
.widget-messaging .new-msg:hover {
  opacity: 1;
}
.widget-messaging ul li:hover {
  background-color: #f7f7f7;
}
.widget-messaging .sender {
  color: #333;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  margin: 0;
}
.widget-messaging ul li p {
  line-height: normal;
  margin: 0;
}
.widget-todo .panel-heading a {
  color: #fff;
}
.widget-todo ul > li input:checked + label {
  text-decoration: line-through;
}
.widget-slider .carousel-control {
  background: none;
  bottom: auto;
  color: #fff;
  line-height: 10px;
  padding: 0;
  text-shadow: none;
  top: -65px;
  width: auto;
  opacity: 0.75;
  border: 1px solid #fff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.widget-slider .carousel-control:hover {
  opacity: 1;
}
.widget-slider .carousel-control.left {
  left: auto;
  right: 25px;
  padding: 1px 10px 3px 8px;
}
.widget-slider .carousel-control.right {
  right: -5px;
  padding: 1px 8px 3px 10px;
}
.widget-slider .carousel-control span {
  font-size: 18px;
  line-height: normal;
}
.widget-slider .media {
  padding-bottom: 0;
}
.widget-slider .carousel-indicators {
  bottom: auto;
  left: auto;
  right: 0;
  top: -58px;
  width: auto;
}
/***** 6.6 TABS & ACCORDION STYLES *****/
.nav-primary {
  border-color: #357ebd;
  background-color: #428bca;
}
.nav-primary > li.active > a, .nav-primary > li.active > a:hover, .nav-primary > li.active > a:focus, .nav-primary > li.active > a:active {
  border-top-color: #357ebd;
  border-left-color: #357ebd;
  border-right-color: #357ebd;
}
.nav-success {
  border-color: #5cb85c;
  background-color: #5cb85c;
}
.nav-info {
  border-color: #46b8da;
  background-color: #5bc0de;
}
.nav-danger {
  border-color: #d43f3a;
  background-color: #d9534f;
}
.nav-warning {
  border-color: #eea236;
  background-color: #f0ad4e;
}
.nav-success > li.active > a, .nav-success > li.active > a:hover, .nav-success > li.active > a:focus, .nav-success > li.active > a:active {
  border-top-color: #5cb85c;
  border-left-color: #5cb85c;
  border-right-color: #5cb85c;
}
.nav-info > li.active > a, .nav-info > li.active > a:hover, .nav-info > li.active > a:focus, .nav-info > li.active > a:active {
  border-top-color: #46b8da;
  border-left-color: #46b8da;
  border-right-color: #46b8da;
}
.nav-danger > li.active > a, .nav-danger > li.active > a:hover, .nav-danger > li.active > a:focus, .nav-danger > li.active > a:active {
  border-top-color: #d43f3a;
  border-left-color: #d43f3a;
  border-right-color: #d43f3a;
}
.nav-warning > li.active > a, .nav-warning > li.active > a:hover, .nav-warning > li.active > a:focus, .nav-warning > li.active > a:active {
  border-top-color: #eea236;
  border-left-color: #eea236;
  border-right-color: #eea236;
}
.nav-primary > li > a, .nav-success > li > a, .nav-info > li > a, .nav-danger > li > a, .nav-warning > li > a {
  color: #fff;
}
.nav-primary > li > a:hover, .nav-success > li > a:hover, .nav-info > li > a:hover, .nav-danger > li > a:hover, .nav-warning > li > a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.tab-content-primary {
  border-color: #357ebd;
}
.tab-content-success {
  border-color: #5cb85c;
}
.tab-content-info {
  border-color: #46b8da;
}
.tab-content-danger {
  border-color: #d43f3a;
}
.tab-content-warning {
  border-color: #eea236;
}
.nav-metro, .nav-metro > li > a, .nav-metro > li.active > a, .tab-content-metro {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.panel-group .panel-heading {
  padding: 15px;
}
.panel-group .panel-heading .panel-title {
  font-size: 14px;
}
.nav-line {
  background: none;
  border: 0;
  margin-bottom: 20px;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}
.nav-line > li {
  margin: 0;
}
.nav-line > li > a, .nav-line > li > a:hover, .nav-line > li > a:active, .nav-line > li > a:focus {
  border: 0;
  margin: 0 !important;
}
.nav-line > li.active > a, .nav-line > li.active > a:hover, .nav-line > li.active > a:active, .nav-line > li.active > a:focus {
  border: 0;
}
.nav-line > li.active > a, .nav-line > li.active > a:hover, .nav-line > li.active > a:active, .nav-line > li.active > a:focus {
  -moz-box-shadow: 0 3px 0 #428bca;
  -webkit-box-shadow: 0 3px 0 #428bca;
  box-shadow: 0 3px 0 #428bca;
  margin: 0;
}
/********** 7. FORM STYLES **********/
/************************************/
.ckbox, .rdio {
  position: relative;
}
.ckbox input[type="checkbox"], .rdio input[type="radio"] {
  opacity: 0;
}
.ckbox label, .rdio label {
  padding-left: 10px;
  cursor: pointer;
  margin-bottom: 7px !important;
}
.ckbox label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0;
  content: '';
  display: inline-block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
}
.ckbox input[type="checkbox"]:disabled + label {
  color: #999;
}
.ckbox input[type="checkbox"]:disabled + label:before {
  background-color: #eee;
}
.ckbox input[type="checkbox"]:checked + label:after {
  font-family: 'FontAwesome';
  content: "\F00C";
  position: absolute;
  top: 2.5px;
  left: 3.5px;
  display: inline-block;
  font-size: 11px;
  width: 16px;
  height: 16px;
  color: #fff;
}
.ckbox-default input[type="checkbox"]:checked + label:before {
  border-color: #999;
}
.ckbox-default input[type="checkbox"]:checked + label:after {
  color: #333;
}
.ckbox-primary input[type="checkbox"]:checked + label:before {
  border-color: #357EBD;
  background-color: #428BCA;
}
.ckbox-warning input[type="checkbox"]:checked + label:before {
  border-color: #EEA236;
  background-color: #F0AD4E;
}
.ckbox-success input[type="checkbox"]:checked + label:before {
  border-color: #5cb85c;
  background-color: #5cb85c;
}
.ckbox-danger input[type="checkbox"]:checked + label:before {
  border-color: #D43F3A;
  background-color: #D9534F;
}
.rdio label:before {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 2px;
  top: 3px;
  content: '';
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #bbb;
  background: #fff;
}
.rdio input[type="radio"]:disabled + label {
  color: #999;
}
.rdio input[type="radio"]:disabled + label:before {
  background-color: #eee;
}
.rdio input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 4px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  background-color: #444;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.rdio-default input[type="radio"]:checked + label:before {
  border-color: #999;
}
.rdio-primary input[type="radio"]:checked + label:before {
  border-color: #428BCA;
}
.rdio-primary input[type="radio"]:checked + label::after {
  background-color: #428BCA;
}
.rdio-warning input[type="radio"]:checked + label:before {
  border-color: #F0AD4E;
}
.rdio-warning input[type="radio"]:checked + label::after {
  background-color: #F0AD4E;
}
.rdio-success input[type="radio"]:checked + label:before {
  border-color: #1CAF9A;
}
.rdio-success input[type="radio"]:checked + label::after {
  background-color: #1CAF9A;
}
.rdio-danger input[type="radio"]:checked + label:before {
  border-color: #D9534F;
}
.rdio-danger input[type="radio"]:checked + label::after {
  background-color: #D9534F;
}
.errorForm label {
  display: block;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  padding: 5px 10px;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.form-group label.error {
  color: #a94442;
}
.errorForm label:last-child {
  margin-bottom: 20px !important;
}
.colorpicker-input {
  display: inline-block;
  width: 100px;
}
/***** 7.1 FORM WIZARD *****/
.nav-wizard {
  background-color: #ddd;
  margin-bottom: 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.nav-wizard > li {
  position: relative;
  margin-right: -2px;
}
.nav-wizard > li > a {
  color: #666;
}
.nav-wizard > li > a {
  position: relative;
  padding-left: 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.nav-wizard > li > a:after {
  border-left: 19px solid #ddd;
  border-top: 19px solid rgba(0, 0, 0, 0);
  border-bottom: 19px solid rgba(0, 0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  right: -19px;
  z-index: 10;
}
.nav-wizard > li > a:before {
  border-left: 20px solid #fff;
  border-top: 20px solid rgba(0, 0, 0, 0);
  border-bottom: 20px solid rgba(0, 0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -20px;
  z-index: 5;
}
.nav-wizard > li > a:hover, .nav-wizard > li > a:active, .nav-wizard > li > a:focus {
  background-color: #ccc;
}
.nav-wizard > li > a:hover:after, .nav-wizard > li > a:active:after, .nav-wizard > li > a:focus:after {
  border-left-color: #ccc;
}
.nav-wizard > li:first-child > a {
  padding-left: 15px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.nav-wizard > li:last-child > a {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.nav-wizard > li:last-child > a:after, .nav-wizard > li:last-child > a:before {
  display: none;
}
.nav-wizard > li.active a, .nav-wizard > li.active a:hover, .nav-wizard > li.active a:focus, .nav-wizard > li.active a:active {
  background-color: #4e5154;
  color: #fff;
}
.nav-wizard > li.active a:after {
  border-left-color: #4e5154;
}
.nav-wizard > li.done a {
  background-color: #428bca;
  color: #fff;
}
.nav-wizard > li.done a:after {
  border-left-color: #428bca;
}
.panel-wizard {
  margin-bottom: 20px;
}
.panel-wizard .tab-content {
  border: 1px solid #ddd;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: 0;
}
.panel-wizard .wizard {
  margin: 0;
  background-color: #fcfcfc;
  padding: 15px;
  border: 1px solid #ddd;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.panel-wizard .wizard:after {
  clear: both;
  display: block;
  content: '';
}
.panel-wizard .progress {
  margin-bottom: 5px;
}
.nav-disabled-click > li > a:hover, .nav-disabled-click > li > a:active, .nav-disabled-click > li > a:focus {
  background-color: #ddd;
  cursor: default;
}
.nav-disabled-click > li > a:hover:after, .nav-disabled-click > li > a:active:after, .nav-disabled-click > li > a:focus:after {
  border-left-color: #ddd;
}
.nav-disabled-click > li.active > a:hover:after, .nav-disabled-click > li.active > a:active:after, .nav-disabled-click > li.active > a:focus:after {
  border-left-color: #4e5154;
}
.nav-disabled-click > li.done > a:hover, .nav-disabled-click > li.done > a:active, .nav-disabled-click > li.done > a:focus {
  background-color: #428bca;
}
.nav-disabled-click > li.done > a:hover:after, .nav-disabled-click > li.done > a:active:after, .nav-disabled-click > li.done > a:focus:after {
  border-left-color: #428bca;
}
.nav-wizard-success > li.done > a {
  background-color: #5cb85c;
}
.nav-wizard-success > li.done > a:after {
  border-left-color: #5cb85c;
}
.nav-wizard-warning > li.done > a {
  background-color: #f0ad4e;
}
.nav-wizard-warning > li.done > a:after {
  border-left-color: #f0ad4e;
}
.nav-wizard-danger > li.done > a {
  background-color: #d9534f;
}
.nav-wizard-danger > li.done > a:after {
  border-left-color: #d9534f;
}
.nav-wizard-info > li.done > a {
  background-color: #5bc0de;
}
.nav-wizard-info > li.done > a:after {
  border-left-color: #5bc0de;
}
/********** 8. TABLE STYLES **********/
/*************************************/
table {
  font-size: 13px;
}
.table-action a, .table-action-hide a {
  color: #666;
  display: inline-block;
  margin-left: 2px;
}
.table-action-hide a {
  opacity: 0;
}
.table-primary thead tr th {
  background-color: #428BCA;
}
.table-success thead tr th {
  background-color: #5cb85c;
}
.table-warning thead tr th {
  background-color: #F0AD4E;
}
.table-danger thead tr th {
  background-color: #D9534F;
}
.table-info thead tr th {
  background-color: #5BC0DE;
}
.table-dark thead tr th {
  background-color: #4e5154;
}
.table.table-primary thead tr th, .table.table-success thead tr th, .table.table-danger thead tr th, .table.table-warning thead tr th, .table.table-info thead tr th, .table.table-dark thead tr th {
  color: #fff;
  border-bottom: 0;
}
.table-bordered.table-primary thead tr th, .table-bordered.table-success thead tr th, .table-bordered.table-warning thead tr th, .table-bordered.table-danger thead tr th, .table-bordered.table-info thead tr th, .table-bordered.table-dark thead tr th {
  border-color: rgba(255, 255, 255, 0.2);
}
.table.table-primary tbody tr:first-child td, .table.table-success tbody tr:first-child td, .table.table-danger tbody tr:first-child td, .table.table-warning tbody tr:first-child td, .table.table-info tbody tr:first-child td, .table.table-dark tbody tr:first-child td {
  border-top: 0;
}
/********** 9. PAGES STYLES **********/
/*************************************/
/***** 9.1 NOT FOUND PAGE STYLES *****/
.notfoundpanel {
  text-align: center;
  width: 600px;
  margin: 80px auto 0 auto;
  position: relative;
}
.notfoundpanel h1 {
  font-size: 180px;
  font-weight: 200;
  color: #000;
  margin: 0 0 10px 0;
  line-height: 180px;
  /* text-shadow: 4px 4px rgba(0,0,0,0.2); */
}
.notfoundpanel h3 {
  color: #333;
  margin: 0 0 10px 0;
}
.notfoundpanel p {
  font-size: 14px !important;
}
.notfoundpanel form {
  width: 350px;
  margin: 20px auto 0 auto;
}
.notfoundpanel .form-control {
  width: 250px;
  float: left;
}
.notfoundpanel .btn {
  padding: 9px 20px 10px 20px;
}
/***** 9.2 INVOICE STYLES *****/
.table-invoice {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
  margin-top: 20px;
}
.table-invoice thead > tr > th {
  font-weight: 500;
  padding: 15px;
}
.table-invoice thead > tr > th:last-child, .table-invoice thead > tr > th:nth-child(3), .table-invoice thead > tr > th:nth-child(2) {
  text-align: right;
}
.table-invoice tbody > tr > td {
  padding: 15px;
  border-color: #ddd;
}
.table-invoice tbody > tr > td:last-child, .table-invoice tbody > tr > td:nth-child(3), .table-invoice tbody > tr > td:nth-child(2) {
  width: 15%;
  text-align: right;
}
.table-invoice tbody > tr > td h5, .table-invoice tbody > tr > td p {
  margin: 0;
}
.table-invoice thead > tr > th:nth-child(2) {
  background-color: #3f4144;
}
.table-invoice thead > tr > th:nth-child(3) {
  background-color: #484a4d;
}
.table-invoice thead > tr > th:last-child {
  background-color: #555;
}
.table-invoice tbody > tr > td:nth-child(2) {
  background-color: #eee;
}
.table-invoice tbody > tr > td:nth-child(3) {
  background-color: #f7f7f7;
}
.table-total {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: right;
}
.table-total > tbody > tr > td:first-child {
  border: 0;
  text-transform: uppercase;
  font-weight: normal;
  text-align: right;
}
.table-total > tbody > tr > td:last-child {
  border-bottom: 1px solid #ddd;
  width: 15%;
  text-align: right;
  font-size: 24px;
  font-weight: 500;
  color: #333;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  border: 1px solid #ccc !important;
  background-color: #ddd !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
  color: #666 !important;
  font-weight: bold !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/***** 9.3 MEDIA MANAGER STYLES *****/
.media-options {
  margin-bottom: 20px;
}
.media-options:after {
  clear: both;
  display: block;
  content: '';
}
.media-options .btn-group {
  margin-bottom: 0;
}
.media-option-group {
  margin: 0;
  margin-left: 5px;
}
.media-option-group label {
  margin-bottom: 0 !important;
}
.media-manager .thmb {
  border: 1px solid #e7e7e7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 20px;
  position: relative;
}
.media-manager .thmb.checked {
  border-color: #bbb;
  background-color: #fcfcfc;
}
.media-manager .thmb::after {
  clear: both;
  display: block;
  content: '';
}
.media-manager .ckbox {
  position: absolute;
  top: 15px;
  left: 15px;
  display: none;
}
.media-manager .fm-group {
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
}
.media-manager .fm-toggle {
  padding: 1px 4px;
  line-height: normal;
  background: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.media-manager .fm-menu {
  min-width: 120px;
}
.media-manager .fm-menu a {
  font-size: 12px;
  color: #333;
  padding: 4px 8px;
}
.media-manager .fm-menu i {
  margin-right: 7px;
  color: #999;
  width: 16px;
  font-size: 13px;
}
.media-manager .thmb-prev {
  background: #eee;
  overflow: hidden;
}
.media-manager .thmb-prev a {
  display: block;
}
.media-manager .fm-title {
  margin-bottom: 0;
  font-size: 13px;
}
.media-manager .fm-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.media-manager-sidebar {
  padding-left: 10px;
}
.media-manager-sidebar .lg-title a {
  color: #999;
  font-size: 11px;
}
.media-manager-sidebar .lg-title a:hover {
  text-decoration: none;
  color: #333;
}
.folder-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.folder-list li {
  display: block;
  border-bottom: 1px solid #eee;
}
.folder-list li a {
  display: block;
  padding: 7px 0;
  color: #666;
}
.folder-list li a:hover {
  color: #333;
  text-decoration: none;
}
.folder-list li i {
  margin-right: 10px;
  width: 16px;
}
.media-manager-sidebar .tag-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.media-manager-sidebar .tag-list li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.media-manager-sidebar .tag-list li a {
  display: block;
  padding: 5px 7px;
  font-size: 11px;
  background: #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #666;
}
.media-manager-sidebar .tag-list li a:hover {
  color: #fff;
  text-decoration: none;
  background: #428BCA;
}
/***** 9.4 PEOPLE DIRECTORY STYLES *****/
.nav-contacts {
  margin-bottom: 20px;
}
.nav-contacts li a {
  color: #666;
  font-weight: 400;
  font-size: 13px;
}
.nav-contacts li .badge {
  background: none;
  font-weight: 500;
  color: #333;
}
.nav-contacts li.active .badge {
  color: #fff;
  background: none;
}
.people-group .media img {
  width: 45px;
}
.people-group .list-group-item {
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0;
  border-width: 0;
}
.people-group .media-heading {
  margin-top: 5px;
}
.people-group .media-heading, .people-group .media-body {
  line-height: normal;
}
.pagination-contact {
  margin-top: -3px;
}
.contact-group {
  margin-top: 20px;
}
.contact-group .media img {
  width: 80px;
}
.contact-group .list-group-item {}
.contact-group .media-heading {
  font-size: 16px;
  font-weight: 500;
}
.contact-group .media-heading small {
  margin-left: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #999;
}
.contact-group .list-group-item {
  border-color: #e7e7e7;
  margin-top: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.contact-group .list-group-item:hover {
  background-color: #fcfcfc;
}
.contact-group .media-content {
  margin-top: 5px;
}
.contact-group .media-content .fa {
  font-size: 16px;
  vertical-align: middle;
  width: 20px;
  color: #333;
}
.contact-group .media-content ul {
  margin-top: 15px;
  margin-bottom: 0;
}
.contact-group .media-content ul > li {
  display: inline-block;
  min-width: 200px;
  margin-bottom: 5px;
}
/***** 9.5 PROFILE STYLES *****/
.img-profile {
  display: inline-block;
  max-width: 200px;
}
.social-list > li {
  padding: 5px 0;
  border-bottom: 1px dashed #eee;
}
.social-list > li > i {
  width: 16px;
  margin-right: 5px;
}
.activity-list > .media {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 15px;
  font-size: 14px;
}
.activity-list > .media:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.activity-list .media-object {
  width: 28px;
  vertical-align: middle;
}
.activity-list .media-body {
  line-height: 18px;
}
.activity-list .media-body p {
  line-height: 21px;
  font-size: 13px;
}
.activity-list .media-title {
  font-size: 15px;
  margin-bottom: 0;
}
.activity-list .blog-media {
  padding-bottom: 0;
}
.activity-list .blog-media .media-object {
  width: 120px;
  margin-right: 10px;
  margin-top: 5px;
}
.activity-list .blog-media .media-title {
  margin: 0;
}
.activity-list .img-single img {
  width: 50%;
}
.uploadphoto-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
}
.uploadphoto-list li {
  width: 20%;
  float: left;
}
.uploadphoto-list li a {
  display: block;
  margin-right: 5px;
}
.follower-list {
  padding: 10px 10px 0 10px;
}
.follower-list .media {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.follower-list .media:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.follower-list .fa {
  margin-right: 5px;
  width: 16px;
  text-align: center;
}
.follower-list .media-object {
  margin-right: 10px;
}
.follower-name {
  color: #333;
  margin: 5px 0 0 0;
  font-size: 18px;
  margin-bottom: 5px;
}
.events .media {
  margin-bottom: 20px;
}
.events .media-object {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.events-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.events-list .media-body {
  font-size: 13px;
}
.event-body small {
  display: block;
}
.event-body small .fa {
  margin-right: 5px;
  width: 14px;
  text-align: center;
}
.event-body p {
  margin-top: 10px;
}
.event-title {
  margin: 0;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: normal;
}
/***** 9.6 SEARCH RESULTS *****/
.nav-file-type > li > a {
  color: #666;
}
.nav-file-type > li > a > i {
  width: 16px;
  margin-right: 5px;
  color: #333;
}
.nav-file-type > li.active > a, .nav-file-type > li.active > a:hover {
  background-color: #4e5154;
}
.nav-file-type > li.active > a > i {
  color: #fff;
}
.results-list .media {
  border-bottom: 1px solid #eee;
}
.results-list .media-object {
  width: 125px;
  margin-right: 10px;
}
.results-list .filename {
  margin: 0;
  font-size: 16px;
}
.results-list .media-body {
  line-height: 18px;
}
.pagination-search {
  margin-bottom: 10px;
  margin-top: 0;
}
/***** 9.7 SIGN IN/UP PAGE *****/
body.signin, body.password_recovery {
  background-color: #428bca;
}
.panel-signin, .panel-signup {
  margin: 10% auto 0 auto;
}
.panel-signin {
  width: 400px;
}
.panel-signup {
  width: 600px;
}
.panel-signin .panel-body, .panel-signup .panel-body {
  padding: 30px 30px 10px;
}
.panel-signin .panel-footer, .panel-signup .panel-footer {
  padding-left: 40px;
  padding-right: 40px;
}
/***** 9.8 LOCKED SCREEN ********/
.locked {
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}
.lockedpanel {
  width: 280px;
  margin: 10% auto 0 auto;
  text-align: center;
  background-color: #fff;
  padding: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.lockedpanel .loginuser {
  text-align: center;
}
.lockedpanel .logged {
  margin-top: 20px;
}
.lockedpanel .logged h4 {
  margin: 0;
  font-size: 21px;
  color: #333;
}
.lockedpanel form {
  margin-top: 20px;
}
.lockedpanel form .btn {
  display: block;
  margin-top: 10px;
}
/********* 10. DASHBOARD STYLES **********/
/*****************************************/
.flotLegend {
  margin-bottom: 10px;
}
.flotLegend table tr td {
  padding-right: 5px;
}
.row-stat .panel .panel-heading {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.panel-icon {
  background: rgba(255, 255, 255, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 15px;
}
.panel-icon .fa {
  color: #000;
  display: block;
  font-size: 36px;
  padding: 4px 0 0 2px;
  text-align: center;
}
.panel-bluegreen .panel-icon .fa {
  color: #03c3c4;
}
.panel-violet .panel-icon .fa {
  color: #905dd1;
}
.panel-blue .panel-icon .fa {
  color: #428bca;
}
.row-stat .md-title {
  opacity: 0.6;
  font-size: 11px;
  margin-bottom: 5px;
}
h1.mt5 {
  font-size: 24px;
}
h4.nomargin {
  font-size: 14px;
}
.alert-info.alert-dashboard {
  background-color: #075db4;
  border-color: #075db4;
  color: #f4eb49;
}
.alert-info.alert-dashboard .alert-link {
  color: #fff;
}
.row-stat h1 {
  margin-bottom: 0;
}
.row-stat hr {
  opacity: 0.3;
  margin: 15px 0 0 0;
  border-width: 2px;
}
.panel-icon .fa-users {
  padding: 12px 0 0 10px;
}
.panel-icon .fa-pencil {
  padding: 12px 0 0 17px;
}
.sublabel {
  font-size: 11px;
  display: block;
  margin-bottom: 3px;
}
.flotChart {
  width: 100%;
  height: 200px;
}
#bar-chart {
  height: 250px;
}
/********** 11. LEFT MENU COLLAPSE **********/
/********************************************/
.headerwrapper.collapsed .header-left {
  position: relative;
  left: -168px;
}
.headerwrapper.collapsed .header-right {
  margin-left: 61px;
}
.mainwrapper.collapsed:before {
  width: 61px;
}
.mainwrapper.collapsed .mainpanel {
  margin-left: 61px;
}
.mainwrapper.collapsed .left_nav_panel {
  height: auto;
  overflow: unset;
}
.mainwrapper.collapsed .leftpanel {
  width: 61px;
}
.mainwrapper.collapsed .leftpanel-title {
  display: none;
}
.mainwrapper.collapsed .profile-left {
  /*min-height: 0;*/
  padding-left: 10px;
}
.mainwrapper.collapsed .profile-left .profile-thumb {
  margin: 12px 0 0 0;
}
.mainwrapper.collapsed .profile-left .profile-thumb img {
  width: 30px;
}
.mainwrapper.collapsed .profile-left .media-body {
  display: none;
}
.mainwrapper.collapsed .nav {
  margin-top: 20px;
}
.mainwrapper.collapsed .nav li > .dropdown-menu {
  width: auto;
}
.mainwrapper.collapsed .nav > li > a {
  padding-left: 20px;
}
.mainwrapper.collapsed .nav > li.nav-hover:not(.active) > a {
  background-color: #f7f7f7;
}
.mainwrapper.collapsed .nav > li > a > span:not(.badge) {
  position: absolute;
  width: 190px;
  z-index: 100;
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  borer-bottom: 0;
  display: block;
  top: -1px;
  left: 60px;
  padding: 12px 10px 0 10px;
  border-left: 0;
  height: 46px;
  display: none;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.mainwrapper.collapsed .nav > li > a > span.caret {
  left: 210px !important;
  top: 19px !important;
  display: inline-block;
  width: 0 !important;
  height: 0 !important;
  margin-left: 2px !important;
  padding: 0 !important;
  vertical-align: middle !important;
  border-top: 5px solid !important;
  border-right: 5px solid transparent !important;
  border-left: 5px solid transparent !important;
  border-bottom: 0 !important;
}
.mainwrapper.collapsed .nav > li.parent > a > span:not(.badge) {
  -moz-border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
.mainwrapper.collapsed .nav > li > a > span.badge {
  position: absolute;
  top: 12px;
  right: -170px;
  z-index: 200;
  display: none;
}
.mainwrapper.collapsed .nav > li.active > a > span:not(.badge) {
  background-color: #428bca;
  border: 0;
  height: 44px;
  top: 0;
}
.mainwrapper.collapsed .nav > li.parent:after {
  display: none;
}
.mainwrapper.collapsed .nav > li.nav-hover > a > span {
  display: block;
}
.mainwrapper.collapsed .nav > li.nav-hover > .children {
  display: block !important;
}
.mainwrapper.collapsed .nav > li.parent .children {
  position: absolute;
  z-index: 100;
  background-color: #fff;
  left: 61px;
  width: 189px;
  border: 1px solid #e7e7e7;
  border-top: 0;
  border-left: 0;
  display: none;
}
.mainwrapper.collapsed .nav > li.parent .children > li > a {
  padding-left: 10px;
}
/********** 12. CUSTOM STYLES **********/
/***************************************/
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt17 {
  margin-top: 17px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mb5 {
  margin-bottom: 5px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb9 {
  margin-bottom: 9px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.nomargin {
  margin: 0;
}
.nopadding {
  padding: 0;
}
.padding10 {
  padding: 10px;
}
.padding15 {
  padding: 15px;
}
.padding20 {
  padding: 20px;
}
.noborder {
  border: 0;
}
.height200 {
  height: 200px;
}
.height300 {
  height: 300px;
}
.width100p {
  width: 100%;
}
.width300 {
  width: 300px;
}
.text-black {
  color: #000;
}
.inline-block {
  display: inline-block;
}
/********** 13. MEDIA QUERIES **********/
/***************************************/
@media screen and (max-width: 1024px) {
  body {
    width: 100%;
    overflow-x: hidden;
  }
  /* indicator that page is 1024 */
  .logo {
    position: relative;
  }
  /* dashboard */
  .row-dashboard .col-md-6 {
    float: none;
    width: auto;
  }
  /* wizard */
  .contentpanel-wizard .row .col-md-6 {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  body {
    position: relative;
  }
  .logo {
    position: static;
  }
  .headerwrapper .header-left, .headerwrapper .header-right {
    position: relative;
  }
  .headerwrapper .header-left {
    z-index: 3000;
    margin-left: -168px;
  }
  .headerwrapper .header-right {
    width: 100%;
    margin-left: 0;
  }
  .leftpanel, .mainwrapper:before {
    display: none;
  }
  .mainpanel {
    width: 100%;
    margin-left: 0;
  }
  .show-left .headerwrapper .header-left {
    margin-left: 0;
  }
  .show-left .headerwrapper .header-right {
    margin-left: 230px;
  }
  .show-left .mainwrapper {
    overflow: hidden;
  }
  .show-left .leftpanel, .show-left .mainwrapper:before {
    display: block;
  }
  .show-left .leftpanel {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    overflow-y: auto;
  }
  .show-left .leftpanel .profile-left {
    margin-top: 60px;
  }
  .show-left .mainpanel {
    margin-left: 230px;
  }
}
@media screen and (max-width: 640px) {
  /* media manager */
  .media-options div.pull-left, .media-options div.pull-right {
    float: none !important;
    width: auto !important;
  }
  .media-options div.pull-left {
    margin-bottom: 20px !important;
  }
  .contentpanel-mediamanager .col-sm-9, .contentpanel-mediamanager .col-sm-3 {
    float: none;
    width: auto;
  }
  .media-manager-sidebar {
    padding-left: 0;
  }
  /* table */
  .dataTables_wrapper .row .col-xs-6 {
    float: none;
    width: auto;
    text-align: center;
  }
  div.dataTables_paginate {
    float: none !important;
    margin-top: 10px !important;
  }
  .panel-signin {
    margin: 20px auto;
  }
  .panel-signup {
    margin: 20px;
    width: auto;
  }
  .panel-signup-confirm, .panel-password-recovery {
    margin: 20px;
    width: auto !important;
  }
  /* wizard */
  .nav-wizard {
    background: none;
  }
  .nav-wizard > li {
    margin: 0 !important;
  }
  .nav-wizard > li > a, .nav-wizard > li:first-child > a, .nav-wizard > li:last-child > a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-wizard > li > a:before, .nav-wizard > li > a:after {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .btn-group-notification .dropdown-menu {
    margin-right: -62px;
  }
  .headerwrapper .header-right .btn-group-notification .dropdown-menu:after {
    right: 75px;
  }
  .notfoundpanel {
    width: auto;
  }
  .notfoundpanel h3 {
    font-size: 18px;
  }
  .leftpanel .profile-left {
    min-height: 0;
    height: 70px;
    padding: 10px;
  }
  .leftpanel .profile-left .profile-thumb img {
    width: 40px;
  }
  .leftpanel .profile-left .media-heading {
    margin-top: 7px;
  }
  .pageheader {
    padding: 10px;
    height: 70px;
  }
  .contentpanel {
    padding: 10px;
  }
}
@media screen and (max-width: 360px) {
  .pageheader h4 {
    font-size: 24px;
  }
  .form-search {
    position: relative;
  }
  .headerwrapper .header-right .form-search {
    display: none;
  }
  .leftpanel .form-search {
    margin: 10px 10px 10px 10px;
  }
  .headerwrapper .header-right .btn-group-notification .dropdown-menu {
    min-width: 340px;
    margin-right: -103px;
  }
  .headerwrapper .header-right .btn-group-messages .dropdown-menu {
    min-width: 340px;
    margin-right: -41px;
  }
  .headerwrapper .header-right .btn-group-notification .dropdown-menu:after {
    right: 115px;
  }
  .headerwrapper .header-right .btn-group-messages .dropdown-menu:after {
    right: 50px;
  }
  /* messages */
  .msg-list > li .sender {
    line-height: normal;
  }
  /* notfound */
  .notfoundpanel {
    margin: 20px;
  }
  .notfoundpanel h1 {
    font-size: 150px;
    line-height: 150px;
  }
  .notfoundpanel h3 {
    font-size: 16px;
  }
  .notfoundpanel p {
    font-size: 13px !important;
  }
  .notfoundpanel .form-control {
    width: 200;
    float: none;
    margin: auto;
  }
  .notfoundpanel .btn {
    margin-top: 5px;
    width: 250px;
  }
  .media-options .btn-group {
    margin-bottom: 10px;
  }
  .btn-invoice .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .fc-header tr td {
    display: table-row;
    width: 100%;
  }
  .fc-header-center {
    text-align: left !important;
  }
  .fc-header-title {
    text-align: left;
    margin-bottom: 10px;
  }
  .panel-signin {
    width: auto;
    margin: 20px;
  }
  .panel-signin .panel-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  .panel-signin .panel-footer .btn {
    font-size: 13px;
  }
  .panel-signup .pull-left, .panel-signup .pull-right {
    float: none !important;
  }
  .panel-signup .btn.btn-success {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .pageheader h4 {
    font-size: 20px;
  }
  .pageheader .breadcrumb {
    margin-top: 5px;
  }
  .headerwrapper .header-right .btn-group-notification .dropdown-menu {
    min-width: 300px;
    margin-right: -103px;
  }
  .headerwrapper .header-right .btn-group-messages .dropdown-menu {
    min-width: 300px;
    margin-right: -41px;
  }
  .headerwrapper .header-right .btn-group-notification .dropdown-menu:after {
    right: 115px;
  }
  .headerwrapper .header-right .btn-group-messages .dropdown-menu:after {
    right: 50px;
  }
  .panel-signin .panel-footer .btn {
    font-size: 11px;
  }
  .panel-signin .panel-body, .panel-signup .panel-body {
    padding: 30px 20px;
  }
}
.loader, .loader:before, .loader:after {
  background: #808080;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before, .loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0 #808080;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #808080;
    height: 5em;
  }
}
@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0 #808080;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #808080;
    height: 5em;
  }
}
.form-control.select2-container {
  border: 0px !important;
}
.dataTables_wrapper table > tbody > tr > td table {
  width: 100% !important;
}
.dataTables_wrapper table > tbody > tr > td > .dataTables_wrapper {
  width: 60% !important;
}
table tr.shown td {
  background: none repeat scroll 0 0 #d9edf7 !important;
  font-weight: bold;
}
table tr.shown td.required-wrapper {
  background: none !important;
  font-weight: normal;
}
.has-error .error, .error {
  color: #a94442;
}
#loading1 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
.select2-chosen {
  font-family: sans-serif;
  color: #999;
}
.multiselect.dropdown-toggle {
  background: white;
  color: #999;
  font-family: sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.multiselect.dropdown-toggle .caret {
  padding: 1px;
  border-top: 5px solid;
  float: right;
  margin-right: 6px;
  margin-top: 14px;
  padding: 1px;
}
.multiselect-container {
  width: 100%;
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
  background: none repeat scroll 0 0 #f7f7f7;
  padding: 4px !important;
  border-color: #999;
}
.multiselect-container.dropdown-menu > li > a:hover {
  background: none repeat scroll 0 0 #666;
  border-radius: 2px;
}
.multiselect-container.dropdown-menu > li > a:hover > label {
  color: #fff;
}
.multiselect-item.filter .input-group {
  margin: 0;
  min-height: 26px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000;
}
.multiselect-item.filter .input-group .input-group-btn {
  display: none;
}
.multiselect-item.filter .form-control.multiselect-search {
  padding: 4px;
  margin-bottom: 4px;
}
.multiselect-item.filter .input-group-addon {
  background: none repeat scroll 0 0 transparent;
  position: absolute;
  right: 12px;
  z-index: 9999;
  border: none;
  color: #888887;
  font-size: 11px;
}
.btn-group > .multiselect.btn:hover, .btn-group > .multiselect.btn:active, .btn-group > .multiselect.btn:focus {
  background: white;
}
.form-control.multiselect-search::-webkit-input-placeholder { /* WebKit browsers */
  color: transparent;
}
.form-control.multiselect-search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: transparent;
}
.form-control.multiselect-search::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: transparent;
}
.form-control.multiselect-search:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: transparent;
}
.multiselect-container.dropdown-menu li a > label {
  padding: 0 20px 0 24px;
  margin: 0px !important;
  min-height: 0px;
  overflow: hidden;
}
.multiselect-container.dropdown-menu li > a {
  padding: 3px 0;
  font-size: 13px;
}
.dropdown-menu > .active > a label,
.dropdown-menu > .active > a:focus label,
.dropdown-menu > .active > a:hover label {
  color: #fff;
}
.btn-group.open .multiselect.dropdown-toggle {
  border-radius: 3px 3px 0 0;
}
.btn-group > .multiselect.btn .multiselect-selected-text {
  padding: 6px;
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 70%;
  position: absolute;
}
.multiselect-container .dropdown-menu > .active > a {
  background: none repeat scroll 0 0 #666;
}
.research_filter_box .select2-container {
  width: 100%;
}
.research_filter_box .panel-body .form-group label.filter_label {
  text-align: left;
  padding-right: 0px;
  font-size: 12px;
}
.research_filter_box .panel-body .form-group label.saved_filter_label {
  text-align: left;
}
.research_filter_box .panel-body .btn-group {
  width: 100%;
}
.research_filter_box .form-group {
  margin-bottom: 0;
  padding: 0;
}
.research_filter_box .panel-body {
  padding: 0px;
}
.research_filter_box .panel-heading {
  background: #428BCA;
  border-top-right-radius: 0;
}
.research_filter_box .panel-heading, .research_filter_box .panel-heading p, .research_filter_box .panel-heading a {}
.dataTables_length, .dataTables_filter {
  margin-top: 0px !important;
}
.saved_filter_box {
  background: none repeat scroll 0 0 #f7f7f7;
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
  padding-top: 5px;
}
#frm_research_filter .panel-body .form-group {}
.saved_filter_box .btn.btn-default.dropdown-toggle {
  padding: 7px 16px;
}
.research_filter_box input[type="text"].min_max {}
.research_filter_box .pull-left.col-sm-6 {
  padding: 0 1px;
}
.research_flter_box_alt {}
#research_summary_box {
  margin: 10px 8px 5px;
}
#research_summary_box td {
  padding: 5px 0;
}
#research_summary_box1 {
  margin: 10px 8px 5px;
}
#research_summary_box1 td {
  padding: 5px 0;
}
#property-card-modal-dialog {
  width: 825px;
}
.property_card_link {
  cursor: pointer;
  white-space: nowrap;
}
#map_research_box {
  height: 1500px;
}
.research_map .contentpanel {
  padding: 0 20px 0 0;
}
#map_research_filter_box {
  position: absolute;
  z-index: 9999;
  width: 100%;
  pointer-events: none;
}
#map_research_filter_box > .col-md-3 {
  padding: 0px;
  pointer-events: initial;
}
#map_research_filter_box .research_datatable {
  pointer-events: initial;
}
#map_research_filter_box .research_filter_box {
  border: 0 none;
}
#map_research_filter_box .research_filter_box .panel-heading {
  border: none;
}
#map_research_filter_box .research_flter_box_alt {
  margin-left: -10px;
}
#map_research_filter_box .panel-btns {
  top: 19px;
}
#map_research_filter_box .research_filter_box {
  background-color: transparent;
}
#map_research_filter_box .saved_filter_box {
  background-color: transparent;
  border: none;
}
#map_research_filter_box .panel-body {
  background-color: rgba(0, 0, 0, 0.5);
}
#map_research_filter_box .panel-body .form-group label {
  color: white;
}
#map_research_filter_box .panel-footer {
  background-color: rgba(0, 0, 0, 0.7);
  border: medium none;
}
.dropdown-menu a {
  font-size: 13px;
}
.panel.panel-default.research_filter_box {
  min-width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.07);
}
.datatable_col_box {
  padding: 0 10px 0px 23px;
}
.research_fitler_box_map {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  z-index: 999;
}
.research_fitler_box_map .panel-body .form-group label.control-label {
  color: white;
}
#listContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  height: calc(100% - 125px);
  background-color: #0866c6;
  box-shadow: 10px 10px 5px #888888;
  border: 1px solid;
  border-radius: 10px;
  width: 320px;
  margin: 10px;
}
#splashScreen {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  mapDiv background-repeat: no-repeat;
  text-align: center;
  z-index: 9999;
  text-align: center;
  display: none;
}
.pageTitle {
  color: #ffffff;
  font-size: 11px;
  height: 20px;
  left: 0;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: 100%;
}
.pageCounter {
  border: 10px solid rgba(0, 0, 0, 1);
  border-radius: 80px;
  font-family: Steelfish;
  font-size: 50px;
  height: 140px;
  left: 50%;
  line-height: 140px;
  margin-left: -80px;
  opacity: 0.3;
  position: absolute;
  top: 35px;
  width: 140px;
  color: white;
}
.pageBody {
  bottom: 0;
  color: #000000;
  display: block;
  font-size: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 175px;
  background-color: #fff;
  width: 100%;
}
.resultsContent {
  display: block;
  position: absolute;
  width: 100%;
}
.recNum {
  border-radius: 15px;
  color: #ffffff;
  float: left;
  font-size: 10px;
  height: 30px;
  line-height: 30px;
  margin: 10px;
  text-align: center;
  width: 30px;
}
.recHeader {
  cursor: pointer;
}
.recHeaderInfo {
  display: inline;
  float: left;
  height: 39px;
  margin: 10px 0;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 110px);
}
.recProximity {
  background: url("http://ourcityc.maps.arcgis.com/apps/LocalPerspective/css/../images/arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  border-bottom: 1px solid #afafaf;
  color: #6e6e6e;
  float: left;
  font-size: 11px;
  height: auto;
  line-height: 20px;
  min-height: 59px;
  text-align: left;
  transition: all 0.2s linear 0s;
  width: 100%;
  cursor: pointer;
}
.dataTables_processing {
  /*
    background:url("//img.lumentumllc.com/apps/digipanv5/images/gear-loader.gif") no-repeat !important;
    height: 100px !important;
    left: 100% !important;
    color: transparent !important;
    position: fixed !important;
    */
  display: none !important;
}
.leftpanel li.parent li.active a {
  cursor: default;
}
.leftpanel li.non-parent.active > a {
  cursor: default;
}
.pageExtraIcon {
  color: white;
  float: right;
  font-size: 20px;
  margin-top: 7px;
}
#primary_research_box .dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  visibility: hidden;
  display: none;
}
.cursor-link {
  cursor: pointer;
}
.ui-autocomplete {
  z-index: 215000000 !important;
}
#s2id_accountsList {
  width: 100%;
}
.tokenfield .token-input {
  width: 100% !important;
}
.modal-all-prospects.modal .modal-dialog {
  width: 830px;
}
.modal-all-prospects.modal .select2-container.select_2 {
  width: 168px;
}
.modal-all-prospects.modal .form-group > label {
  display: block;
}
#removeProspectRow {
  color: #C9302C;
  display: block;
  margin-top: 25px;
}
#btn_export_research_filtered span.glyphicon, #btn_export_sm_research_filtered span.glyphicon {
  font-size: 25px;
  margin: 10px;
}
td.selectedRow {
  background-color: #D9EDF7 !important;
}
.mainwrapper .leftpanel .tooltip {
  opacity: 1 !important;
}
.mainwrapper .leftpanel .tooltip .tooltip-inner {
  max-width: 150px;
  font-size: 11px;
  min-width: 150px;
  width: 100%;
  background-color: #337ab7;
  opacity: 1;
}
#frm_research_filter .tooltip, #tbl_primary_research th .tooltip {
  opacity: 1 !important;
}
#frm_research_filter .tooltip .tooltip-inner, #tbl_primary_research th .tooltip .tooltip-inner {
  max-width: 500px;
  font-size: 11px;
  min-width: 300px;
  width: 100%;
  background-color: #337ab7;
  opacity: 1;
}
#frm_research_filter .tooltip .tooltip-inner p, #tbl_primary_research th .tooltip .tooltip-inner p {
  display: block;
  width: 100%;
}
#tbl_primary_research td .tooltip .tooltip-inner {
  max-width: 340px;
  /*padding-top: 0px;
  padding-left: 0px;*/
  border-radius: 10px;
}
.tooltip .tooltip-inner {
  padding: 6px;
}
.tooltip .tooltip-inner img.satellite {
  min-width: 300px;
  min-height: 300px;
}
#tbl_primary_research td .tooltip {
  opacity: 1 !important;
}
.nav-tabs > li > a {
  font-size: 12px;
}
.tagValueError {
  color: #a94442;
}
::-webkit-input-placeholder {
  color: #999 !important;
}
:-moz-placeholder {
  color: #999 !important;
}
::-moz-placeholder {
  color: #999 !important;
}
:-ms-input-placeholder {
  color: #999 !important;
}
.multiselect-container {
  width: auto;
}
.media-manager img {
  height: 70px;
}
.media-manager .thmb {
  height: 150px;
}
@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-spinner {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 30px;
  width: 30px;
  border: 8px solid #D2D5D8;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
}
.loading-spinner {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  margin: -15px 0 -15px;
  z-index: 99999;
}
#property-card {
  height: calc(100vh - 175px);
  overflow: auto;
}
/*#property-card{min-height: 590px;}*/
#images {
  min-height: 347px;
}
#carousel-property-card {
  display: inline-block;
}
/*****************************/
/* Plugin styles */
ul.thumbnails-carousel {
  padding: 5px 0 0 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
ul.thumbnails-carousel .center {
  display: inline-block;
}
ul.thumbnails-carousel li {
  margin-right: 5px;
  float: left;
  cursor: pointer;
}
.controls-background-reset {
  background: none !important;
}
.active-thumbnail {
  opacity: 0.4;
}
.indicators-fix {
  bottom: 70px;
}
#carousel-property-card ul.thumbnails-carousel img {
  height: 37px;
  width: 48px;
}
#carousel-property-card .item img {
  height: 300px !important;
  width: 100%;
}
#carousel-property-card {
  width: 100%;
}
.full_width {
  width: 100%;
}
.research_flter_box_alt .form-inline .form-group {
  margin-right: 0px;
}
.mainwrapper .menu-collapse {
  font-size: 20px;
  margin: 7px 10px 10px;
}
.mainwrapper.collapsed .menu-collapse {
  display: block;
  float: none !important;
  text-align: center;
}
.mainwrapper.collapsed .nav-pills {
  margin-top: 0 !important;
}
#tbl_primary_research_wrapper > .row:first-child, #tbl_secondary_research_wrapper > .row:first-child {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d2d5d8;
  margin: 0;
}
#btn_export_research_filtered, #btn_export_sm_research_filtered {
  color: white;
}
.select2-container .select2-choice .select2-arrow {
  background: #e6e6e6;
}
.select2-container .select2-choice .select2-arrow b {
  margin-left: 5px;
}
.multiselect-caret {
  background: #e6e6e6;
  float: right;
  height: 26px;
  width: 23px;
}
#frm_research_filter .panel-heading {}
#frm_research_filter .panel-btns {
  right: 17px;
  top: 19px;
}
#frm_research_filter .panel-title {}
table.dataTable thead th {
  position: relative;
  background-image: none !important;
}
table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 7px;
  right: 4px;
  display: block;
  font-family: FontAwesome;
}
table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #999;
  font-size: 1em;
  padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
}
table.dataTable thead tr {
  background: #e2e5e8 none repeat scroll 0 0;
}
.table.dataTable thead > tr > th {
  border: 1px solid #D2D5D8;
}
#tbl_primary_research_info {
  width: 120%;
}
#freshwidget-button {
  top: 550px !important;
}
.filters_note {
  font-size: 12px;
  margin-top: 10px;
}
#property-card .table-striped > tbody > tr:nth-child(2n+1) > td, #property-card .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #e2e4ff;
}
#frm_research_filter .panel-btns {
  position: inherit;
}
/*.select2-drop {
  width: auto !important;
}*/
.panel-default > .panel-heading .badge {
  background-color: white;
  color: black;
}
.multiselect-filter .multiselect-container label.checkbox {
  padding: 0px 23px 0px 23px !important;
}
.zoning-group .multiselect-item.multiselect-all label, .county-group .multiselect-item.multiselect-all label {
  border-bottom: 1px dashed #666;
  display: block;
  font-weight: normal;
  padding-bottom: 5px !important;
}
.bg-blue {
  background-color: #0866C6;
  padding: 4px;
}
.mr20 {
  margin-right: 20px !important;
}
.selected_filter {
  color: #0866c6;
  font-weight: bold !important;
}
input.transparent-input {
  border: none !important
}
.transparent-input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
input.transparent-input {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
}
.search_filter_box {
  border-bottom: 1px solid #ddd;
}
.tags_mgt button {
  width: 40%;
  padding: 0px;
  z-index: 9999 !important;
}
.clearable {
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  transition: background 0.4s;
}
.clearable.x {
  background-position: right 5px center;
}
.clearable.onX {
  cursor: pointer;
}
.clearable::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.select2-results .select2-result-label {
  white-space: nowrap;
}
.float-action-button {
  bottom: 0;
  position: fixed;
}
.float .float-list-heading {
  color: #999;
  font-size: 12px;
  margin: 2px;
}
.float .float-link a {
  color: #333;
  font-size: 13px;
  padding: 5px 15px;
}
.float button {
  width: 159px;
}
.tags-modal-msg {
  font-size: 14px;
  word-wrap: break-word;
}
.modal .modal-header {
  background: #337ab7 none repeat scroll 0 0;
  color: #fff;
  padding: 10px 15px;
}
.modal .modal-header h4 {
  color: white;
}
.modal button.close {
  color: #fff;
  font-weight: normal;
  opacity: 1;
}
.modal .modal-body {
  padding: 10px 15px;
  position: relative;
}
.modal .modal-footer {
  border: none;
  padding: 10px;
}
.modal .btn {
  border-radius: 0;
  margin-right: 15px;
}
.select2-results li {
  /*margin-right: 15px;*/
}
.heading-sub-text {
  font-size: 12px;
}
.modal-med {
  width: 500px;
}
.modal-med-opt {
  width: 650px;
}
.m50 {
  margin: 0 30px;
}
.content-center {
  text-align: center;
}
.rdio label::before {
  border: 1px solid #666;
}
.bootbox .modal-dialog {
  width: 500px;
}
.most-used-heading .modal-title {
  font-size: 18px;
  margin: 11px 0px;
}
.tag-header.modal-header {
  padding: 0px !important;
}
.tag-header.modal-header .row {
  margin: 0;
}
.modal-header .modal-heading-region {
  padding: 10px 15px; /*width: 500px;*/
}
.most-used-heading {
  background-color: #296395; /*width: 150px;*/
}
.modal-body.tag-body {
  padding: 0px !important;
}
.tag-body .col-sm-9 { /*width:500px;*/ padding: 10px 15px 15px 30px;
  border-right: 1px solid #ddd;
}
.most-used-list {
  border-left: 1px solid #ddd;
  margin-left: -1px;
  /*width: 150px;*/
}
.tag-body .row.tag-row {
  margin: 0;
}
.most-used-list .list-unstyled > li {
  font-size: 14px;
  margin: 5px 0;
  word-wrap: break-word;
}
.rdio > label {
  color: #337ab7;
  font-size: 16px;
}
.tag-field .multiselect-disable .multiselect-all {
  background: transparent;
}
.tags_mgt.text-center {
  display: none;
  left: 0;
  position: absolute;
  width: 170px;
  z-index: 9999 !important;
}
.btn-group.open .tags_mgt.text-center {
  display: block;
}
.media .pull-left {
  margin-right: 10px;
}
input::-ms-clear {
  display: none !important;
}
ul.ui-autocomplete {
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.pad3 {
  padding: 3px;
}
select {
  cursor: pointer;
}
.filter-head .multiselect-filter .btn-group {
  width: 100%;
  margin: 0px;
}
.filter-head .multiselect-filter .multiselect.btn {
  height: 26px;
  padding: 0;
}
.filter-head .multiselect-filter .multiselect.btn .multiselect-selected-text {
  padding: 2px 4px;
}
.filter-head .multiselect-filter .multiselect-caret {
  height: 24px;
}
.filter-head .multiselect-filter .multiselect-caret b {
  margin-top: 11px;
}
.multiselect-item.multiselect-group.multiselect-group-clickable {
  line-height: 0.9;
}
.multiselect-item.multiselect-group.multiselect-group-clickable > label {
  font-size: 12px;
  padding-bottom: 0;
  margin-bottom: 0 !important;
  padding-top: 12px;
}
.dataTable thead th, .dataTable tbody td {
  text-align: center;
}
.dataTable tbody td.text-left, .dataTable td.child {
  text-align: left !important;
}
.filter-btn span.badge {
  border-radius: 20px;
  font-size: 10px;
  line-height: 18px;
  width: 26px;
}
td.right-side-td, table td.right-side {
  text-align: right !important;
}
.filter-head.research_flter_box_alt {
  padding: 10px 14px 9px 24px;
}
.pool_info {
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: normal;
  margin-left: -8px;
}
.pool_info a, .pool_info a:hover, .pool_info a:active {
  color: #fff;
  margin: auto;
}
.pool_info a span {
  padding: 2px 0 0;
}
/*
table.dataTable.dtr-inline.collapsed tbody td:first-child::before, table.dataTable.dtr-inline.collapsed tbody th:first-child::before {
    left: auto;
    
   top: 50%   !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    
    height: 14px !important;
}
*/
table.dataTable.dtr-inline.collapsed tbody td:first-child {
  padding-left: 10px !important;
  padding-right: 20px !important;
  vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child::before {
  display: inline-block !important;
  left: -8px !important;
  position: relative !important;
  top: 0 !important;
}
#tbl_secondary_research_summary tbody td:first-child {
  padding: 3px 8px !important;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child input[type="checkbox"] {
  position: absolute;
}
td.editable input {
  width: 100%;
}
.btn-group-notification {
  margin: 4px 8px 0 0 !important;
}
.mb10 {
  margin-bottom: 10px;
}
.editable {
  white-space: nowrap;
}
#tbl_secondary_research_summary_wrapper > .row:first-child {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d2d5d8;
  padding: 3px;
}
.select-search .col-saved-dropdown {
  padding-left: 5px;
  padding-right: 0;
}
.select-search .col-saved-action {
  padding-left: 5px;
  padding-right: 4px;
}
.select-search .col-saved-action button.btn {
  border: 1px solid #ccc;
  padding-bottom: 6px;
  padding-top: 6px;
  width: 100%;
}
/*
table.dataTable.dtr-inline.collapsed tbody td:first-child::before {
    bottom: 0 !important;
    display: inline-block !important;
    left: 0px !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
 
}
table.dataTable.dtr-inline.collapsed tbody td:first-child {
    padding: 2px 0px  !important;
    vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child .glyphicon-info-sign{
    top:3px !important;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child input.certSelect{
    margin: 0 3px 0 7px;
    position: relative;
    top: 4px;
}
*/
.headerwrapper .header-right .form-search {
  cursor: pointer;
}
.modal-bulk-prospects .modal-dialog, .modal-bulk-prospects-by-county .modal-dialog {
  width: 260px;
}
.modal-bulk-prospects .modal-title, .modal-bulk-prospects-by-county .modal-title {
  font-size: 16px;
}
.modal-bulk-prospects .select2-container, .modal-bulk-prospects-by-county .select2-container {
  width: 100%;
}
.modal-bulk-prospects .form-control, .modal-bulk-prospects-by-county .form-control {
  padding: 2px 5px;
}
.modal-bulk-prospects .form-group, .modal-bulk-prospects-by-county .form-group {
  margin: 10px 0;
}
.modal-bulk-prospects .modal-body, .modal-bulk-prospects-by-county .modal-body {
  padding: 0 5px;
}
h4.modal-title {
  font-size: 18px;
}
h4.modal-title.warning-title-popup {
  font-size: 21px;
}
.modal-bulk-prospects .modal-body .prospects-search-criteria, .modal-bulk-prospects-by-county .modal-body .prospects-search-criteria {
  background: #ededed none repeat scroll 0 0;
  border-bottom: 1px solid #d2d5d8;
  margin: -1px -5px;
}
.modal-bulk-prospects .search_filter_box, .modal-bulk-prospects-by-county .search_filter_box {
  margin: 5px -5px;
}
.modal-bulk-prospects .search_filter_box .form-control, .modal-bulk-prospects-by-county .search_filter_box .form-control {
  padding: 2px 13px;
}
.prospect-error-msg {
  color: #a94442;
  margin: 10px;
}
.body-download-export label.col-sm-2,
.body-download-export .label {
  color: #428bca;
  font-size: 14px;
  font-weight: bold;
}
.body-download-export .col-sm-12 > .row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.body-download-export label {
  font-size: 14px;
}
ul.ui-autocomplete {
  max-height: 150px;
  overflow: auto;
}
.dataTables_empty::before {
  border: medium none !important;
  content: "" !important;
  height: 0 !important;
  width: 0 !important;
}
.bulk-move-counties {
  max-height: 280px;
  overflow-y: auto;
}
h3.county-usage-list {
  font-size: 14px;
  margin: 10px 0 10px 80px;
  padding: 5px;
}
.select-search .select2-container .select2-choice {
  padding-left: 7px;
}
.bodydiv {
  width: 100%;
}
.gmapdiv {
  width: 50px;
  height: 50px;
}
.vemapdiv {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.contenttable {
  width: 100%;
}
.clsBottomDiv {
  height: 50px;
}
#login input.form-control {
  background: #e9e9e9 none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
}
#login input.form-control::-moz-placeholder {
  text-align: center;
}
#login input.form-control:-moz-placeholder {
  text-align: center;
}
#login input.form-control:-ms-input-placeholder {
  text-align: center;
}
#login input.form-control:-webkit-input-placeholder {
  text-align: center;
}
.center_div {
  width: 50%;
  margin: 0 auto;
}
.login-logo {
  background: #275f8d;
  border-radius: 50%;
  height: 80px;
  margin: -40px auto;
  width: 80px;
}
.login-logo i {
  background: white none repeat scroll 0 0;
  border-radius: 50%;
  color: #275f8d;
  font-size: 49px;
  margin-top: 13px;
}
.btn-login {
  padding: 8px 45px;
  background-color: #275f8d;
  border-color: #275f8d;
}
.remember-me-div {
  width: 36%;
}
.txt-dark-blue {
  color: #337ab7;
}
.txt-dark-green {
  color: #49AC57;
}
#BingMap, #GoogleMap {
  width: 100% !important;
  height: 60vh !important;
}
#wholebody tbody td {
  width: 50% !important;
}
#map_canvas, #streetview_canvas, #bing_sv_canvas {
  width: 100%;
  height: 40vh !important;
}
#streetview_canvas {
  background-color: transparent !important;
}
#streetview_canvas1, #bing_sv_canvas1 {
  background-color: #ffffff !important;
  background-image: url("../images/noImage.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.map_row {
  padding: 0px;
  margin: 0px;
}
.map_row .col-sm-6 {
  padding: 0px;
}
.multi_map {
  height: 100vh;
}
.panel-signup .panel-footer {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.panel-signup-confirm {
  border: medium none;
  width: 500px !important;
}
.panel-password-recovery {
  border: medium none;
  width: 600px !important;
}
.panel-signup-confirm .panel-header, .panel-password-recovery .panel-header {
  background: #337ab7;
  color: white;
}
.panel-signup-confirm .panel-header h2, .panel-password-recovery .panel-header h2 {
  margin: 0;
  padding: 10px;
}
.panel-signup-confirm .panel-body, .panel-password-recovery .panel-body {
  padding: 0 0 80px 10px;
}
.text-6060 {
  color: #606060;
}
.text-7a7a {
  color: #7a7a7a;
}
.pb10 {
  padding-bottom: 10px;
}
.pb5 {
  padding-bottom: 5px !important;
}
.bing-no-image, .google-no-image {
  font-size: 20px;
  line-height: 40vh;
}
.prospect-float-width #research_actions {
  width: 191px;
}
[title=Show\ 45\ degree\ view] {
  display: none;
}
.gm-tilt {
  display: none;
}
table.dataTable.dtr-inline.collapsed tbody td.child::before {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  border-radius: 0 !important;
  content: "" !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
  display: none !important;
}
#OfferModal .form-control {
  padding: 3px 5px;
}
.form-group-contact, .form-group-options {
  padding: 10px 20px;
}
.form-group-contact .form-group, .form-group-options .form-group {
  margin-bottom: 10px;
}
#OfferModal .col-sm-1 {
  width: 4.333%;
}
.ml20 {
  margin-left: 20px;
}
.warning-title-popup {
  font-size: 21px;
  font-weight: bold;
}
.quick-link-header {
  margin-left: 71px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 10px 0px;
  color: #232323;
  font-size: 13px;
  display: block;
}
#signupTemplate {
  display: none;
}
.table.dataTable thead > tr > th.checkboxTh {
  padding: 0px !important;
  vertical-align: middle;
}
.account-dropdown-toggle {
  background: none !important;
  padding: 0px !important;
  margin: 0px !important;
}
.profile-box {
  margin-bottom: 15px;
}
.my-profile-header {
  background: #337ab7;
  color: white;
  padding: 5px;
  font-size: 15px;
}
.my-profile-body {
  border: 1.5px solid #EAEAEA;
  padding: 10px 25px;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.profile-box .btn {
  line-height: 5px;
  width: auto;
  min-width: 100px;
}
.profile-box .form-control {
  width: auto;
  padding: 4px;
  min-width: 230px;
}
.user_box .profile-box .form-control {
  min-width: 150px;
}
.user_box .my-profile-body {
  padding: 10px 0;
}
.font10 {
  font-size: 10px;
}
.full-width .select2-container {
  width: 100%;
}
.modal-edit-address .modal-footer {
  background: #ebebeb;
  padding: 15px !important;
}
.modal-edit-address .modal-footer .btn {
  margin: 0px;
  background-color: #2e6da4;
}
.modal-edit-address .modal-header {
  padding: 15px !important;
}
.manage-user-body .form-control {
  width: 100%;
  padding: 2px;
  min-width: auto;
}
.manage-user-body .select2-choice {
  line-height: 20px !important;
}
.manage-user-body .select2-choice .select2-arrow b {
  margin-top: -5px;
}
.manage-user-body .fa {
  font-size: 17px;
}
#corporateUsersTable tr > th {
  padding: 2px 10px;
}
#corporateUsersTable .select2-container.select_2 {
  width: 100%;
}
#corporateUsersTable tr > td {
  padding: 5px 10px;
}
.panel-signin .text-danger, .panel-signup .text-danger {
  color: #e61610;
}
.panel-password-recovery .panel-body {
  padding: 0 20px 20px !important;
}
.panel-password-recovery-after .panel-body {
  padding: 0 0 30px 10px !important;
}
.btn-small-bold {
  padding: 5px 20px;
  font-weight: bold;
}
.btn.btn-primary.btn-primary-custom {
  background-color: #639ed3;
  border-color: #639ed3;
  padding: 5px 20px;
  font-weight: bold;
}
.btn-primary.btn-primary-custom.active, .btn-primary.btn-primary-custom.focus, .btn-primary.btn-primary-custom:active, .btn-primary.btn-primary-custom:focus, .btn-primary.btn-primary-custom:hover, .open > .dropdown-toggle.btn-primary.btn-primary-custom {
  background-color: #4089C9;
  border-color: #4089C9;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.freshwidget-theme {
  display: none !important;
}
.signin .freshwidget-theme {
  display: block !important;
}
.phone-number-header {
  color: #333;
  margin: 5px;
}
#btn_zoom_to_all {
  font-family: Roboto, Arial, sans-serif;
  font-size: 17px;
  margin-left: 180px;
  padding: 7px 15px;
  position: absolute;
  top: 10px;
  z-index: 99999;
}
.bing_logo_custom_anchor {
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  height: 23px;
  margin-top: -23px;
  padding: 0 3px;
  pointer-events: auto;
  position: absolute;
  right: 179px;
}
.bing_logo_custom {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTAiIGhlaWdodD0iODUiPjxwYXRoIGQ9Ik04NC4xIDY3LjJWMTYuN2gxNC40YzQuNCAwIDcuOCAxLjEgMTAuNCAzLjIgMi42IDIuMSAzLjggNC45IDMuOCA4LjMgMCAyLjktLjggNS40LTIuMyA3LjUtMS41IDIuMS0zLjcgMy42LTYuNCA0LjV2LjFjMy40LjQgNi4xIDEuNyA4LjIgMy45IDIgMi4yIDMuMSA1IDMuMSA4LjUgMCA0LjMtMS41IDcuOC00LjYgMTAuNS0zLjEgMi43LTcgNC0xMS43IDRIODQuMXpNOTAgMjIuMXYxNi4zaDYuMWMzLjIgMCA1LjgtLjggNy42LTIuMyAxLjktMS42IDIuOC0zLjggMi44LTYuNiAwLTQuOS0zLjItNy40LTkuNy03LjRIOTB6bTAgMjEuNnYxOC4yaDhjMy41IDAgNi4yLS44IDguMS0yLjUgMS45LTEuNiAyLjktMy45IDIuOS02LjggMC02LTQuMS04LjktMTIuMi04LjlIOTB6bTM5LjUtMjQuNGMwLTEtLjQtMS45LTEuMS0yLjYtLjctLjctMS42LTEuMS0yLjctMS4xcy0yIC40LTIuNyAxLjFjLS43LjctMS4xIDEuNi0xLjEgMi42IDAgMS4xLjQgMiAxLjEgMi43LjcuNyAxLjYgMSAyLjcgMSAxIDAgMS45LS40IDIuNy0xLjEuNy0uNiAxLjEtMS41IDEuMS0yLjZtLTEgMTIuMWgtNS43djM1LjhoNS43VjMxLjR6bTM5LjMgMTMuOWMwLTQuNy0xLTguMy0zLjEtMTAuOS0yLjEtMi42LTUuMS0zLjgtOS0zLjgtNS4yIDAtOS4xIDIuMy0xMS44IDYuOGgtLjF2LTUuOUgxMzh2MzUuOGg1LjdWNDYuOGMwLTMuMyAxLTYgMi45LTguMiAxLjktMi4xIDQuMy0zLjIgNy4xLTMuMiA1LjUgMCA4LjMgMy44IDguMyAxMS40djIwLjRoNS43VjQ1LjN6bTQwLjUgMTljMCAxMy4xLTYuMyAxOS43LTE4LjkgMTkuNy00LjQgMC04LjMtLjgtMTEuNi0yLjVsMS41LTVjMy41IDEuOCA2LjMgMi42IDEwIDIuNiA4LjggMCAxMy4zLTQuNyAxMy4zLTE0di00aC0uMWMtMi43IDQuNi02LjggNi45LTEyLjMgNi45LTIuOSAwLTUuNS0uNy03LjctMi4yLTIuMy0xLjQtNC0zLjUtNS4yLTYuMi0xLjItMi43LTEuOS01LjgtMS45LTkuMyAwLTYuMSAxLjUtMTEgNC41LTE0LjUgMy0zLjYgNy01LjQgMTEuOS01LjQgNC44IDAgOC40IDEuOSAxMC43IDUuOGguMXYtNC45aDUuN3YzM3pNMjAyLjUgNTF2LTUuM2MwLTIuOS0xLTUuMy0zLTcuM3MtNC4zLTMtNy4xLTNjLTMuNiAwLTYuMyAxLjMtOC4zIDMuOS0yIDIuNi0zIDYuMi0zIDEwLjggMCAzLjkgMSA3LjEgMi45IDkuNSAxLjkgMi40IDQuNSAzLjYgNy43IDMuNnM1LjgtMS4xIDcuOC0zLjQgMy01LjIgMy04LjhNNDAuNSA1MS4zTDE2LjggNjQuOVY1LjhMLS4xLS4xdjc0LjdMMTYuOCA4NGw0Mi4xLTI0LjJWNDAuN0wyMS41IDI3LjZsNy4zIDE4LjJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  background-size: contain;
  height: 17px;
  width: 42px;
  margin-top: 1px;
}
#tbl_map thead th.sorting_asc::after, #tbl_map thead th.sorting_desc::after {
  content: none !important;
}
.modal.modal-add-layer .btn {
  margin-right: 5px;
}
.dataTables_scrollBody thead {
  visibility: hidden;
}
.dt-buttons {
  margin-top: 6px
}
.buttons-columnVisibility {
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  line-height: 21px !important;
  -moz-transition: all 0.2s ease-out 0s !important;
  -webkit-transition: all 0.2s ease-out 0s !important;
  transition: all 0.2s ease-out 0s !important;
  padding: 8px 15px !important;
  /*border-width: 0 !important;*/
}
div.dt-button-collection a.dt-button.active:not(.disabled) {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 21px;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  padding: 8px 15px;
  border-width: 0;
  color: #fff !important;
  background-image: none !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}
.custom-btn-style {
  margin-top: 1px !important;
}
.smresearch1 .dt-buttons {
  margin-right: -10px;
  margin-top: 1px !important;
  float: right;
  color: #337ab7 !important;
}
.datatable_research.smresearch1 .dt-buttons {
  margin-top: 3px !important;
}
#tbl_research_wrapper .row:first-child,
#tbl_research_AMP_wrapper .row:first-child {
  background: none;
  border: none;
  margin: 0;
}
.smresearch1 .buttons-colvis {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 21px;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  padding: 8px 15px;
  border-width: 0;
  color: #fff !important;
  background-image: none !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}
.smresearch1 .buttons-colvis:hover:not(.disabled) {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
  border: 0px solid #666 !important;
}
.comps_img {
  height: 100px;
  width: 100%;
  object-fit: cover;
}
.vcenter {
  position: relative;
  top: 40%;
}
/*.bootbox.modal{
    z-index: 999999999 !important;
}*/
#select2-drop.select2-drop-active {
  z-index: 999999999 !important;
  width: auto !important;
}
textarea.notes_message_input {
  /*
    width: 200px;
    height:15px;
    line-height:15px;
    min-width: 200px;
    max-width: 300px;
	*/
  transition: width 0.25s;
  resize: none;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.notes_actionlist {
  display: none;
}
.notes_messagelist:hover .notes_actionlist {
  display: block;
}
.notes_actionlist span {
  cursor: pointer;
}
/*.dynamic-data {
  text-transform: capitalize;
}*/
.spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%; /* IE 9 */
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.tag-area button {
  margin-right: 5px;
  margin-bottom: 5px;
}
/* Styles by Shahbaz */
.reo-tabs-box .nav-fill {
  display: flex;
  flex-wrap: wrap;
}
/* .reo-tabs-box .nav-fill li.active a {
  background-color: transparent;
  border-bottom: 1px solid #0866C6;
  border-radius: 0;
  color: #000;
} */
.reo-tabs-box .nav-fill li {
  flex: 1 1 auto;
  text-align: center;
}
.reo-tabs-box .tab-content {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.responsive_youtube{ position: relative; width: 100%; padding-bottom: 40.25%; height: 360px; }
.responsive_youtube iframe{ position: absolute; top:0; left: 0; width: 100%; height: 360px; padding: 15px;}


@media (max-width:1199px) {
  .responsive_youtube{ height: 0px; }
.responsive_youtube iframe{ height: 100%;}
}
@media (max-width:1024px) {
  .datatable_col_box {
    overflow-y: auto;
  }
  .filter-media .filter-pane .form-control {
    width: 100%;
  }
}
@media (max-width:768px) {
  .mainwrapper {
    top: 85px !important;
  }
  .headerwrapper .header-left .hamburger-menu {
    display: block;
  }
}
@media (max-width:767px) {
  .filter-media .filter-column {
    margin-bottom: 10px;
  }
}
@media (max-width:575px) {
  .media-listing .media-body .media-option {
    float: none !important;
  }
}