body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }
  
  
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
  /*
   *
   *   INSPINIA - Responsive Admin Theme
   *   version 2.6.2
   *
  */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 100;
    margin-top:0px;
    margin-bottom:0px;
  }
  h1 {
    font-size: 24px;
    margin-top:0px;
    padding-top:5px;
    padding-bottom:5px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
    color:#01bcd5;
  }
  h5 {
    font-size: 12pt;
  }
  h6 {
    font-size: 10px;
  }
  h3,
  h4,
  h5 {
    margin-top: 5px;
    font-weight: 600;
  }
  .nav > li > a {
    color: #a7b1c2;
    font-weight: 600;
    padding: 14px 12px 14px 14px; 
    text-align: center
  }
  .nav.navbar-right > li > a {
    color: #ffffff;
  }
  .nav > li.active > a {
    color: #ffffff;
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus {
    background-color: #293846;
    color: white;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background: #fff;
  }
  .nav.navbar-top-links > li > a:hover,
  .nav.navbar-top-links > li > a:focus {
    background-color: transparent;
  }
  
  .nav > li > a span {
    display: block
  }
  .navbar {
    border: 0;
    position: inherit;
    width: 100%;
    margin-bottom: 0px;
    height:75px;
  }
  .navbar-default {
    background-color: transparent;
    border-color: #2f4050;
  }
  .navbar-top-links li {
    display: inline-block;
  }
  .navbar-top-links li:last-child {
    margin-right: 40px;
  }
  .body-small .navbar-top-links li:last-child {
    margin-right: 0;
  }
  .navbar-top-links li a {
    padding: 20px 10px;
    min-height: 50px;
  }
  .container{
    padding-top:10px;
    min-height: calc(100vh - 75px);
    max-height: calc(100vh - 75px);
    overflow-y: auto;
  }
  .dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
  }
  .dropdown-menu > li > a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: normal;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1ab394;
    outline: 0;
  }
  .dropdown-menu > li > a.font-bold {
    font-weight: 600;
  }
  .navbar-top-links .dropdown-menu li {
    display: block;
  }
  .navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
  }
  .navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
  }
  .navbar-top-links .dropdown-menu li a div {
    white-space: normal;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
  }
  .navbar-top-links .dropdown-messages {
    margin-left: 5px;
  }
  .navbar-top-links .dropdown-tasks {
    margin-left: -59px;
  }
  .navbar-top-links .dropdown-alerts {
    margin-left: -123px;
  }
  .navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
  }
  .dropdown-messages,
  .dropdown-alerts {
    padding: 10px 10px 10px 10px;
  }
  .dropdown-messages li a,
  .dropdown-alerts li a {
    font-size: 12px;
  }
  .dropdown-messages li em,
  .dropdown-alerts li em {
    font-size: 10px;
  }
  .nav.navbar-top-links .dropdown-alerts a {
    font-size: 12px;
  }
  .nav-header {
    /* padding: 36px 35px; */
    background-color: #1c2732;
    background-image: url("patterns/header-profile.png");
    height:75px;
  }
  .pace-done .nav-header {
    transition: all 0.4s;
  }
  .nav > li.active {
    border-left: 4px solid #19aa8d;
    background: #293846;
  }
  .nav.nav-second-level > li.active {
    border: none;
  }
  .nav.nav-second-level.collapse[style] {
    height: auto !important;
  }
  .nav-header a {
    color: #DFE4ED;
  }
  .nav-header .text-muted {
    color: #8095a8;
  }
  .minimalize-styl-2 {
    padding: 4px 12px;
    margin: 14px 5px 5px 20px;
    font-size: 14px;
    float: left;
  }
  .navbar-form-custom {
    float: left;
    height: 50px;
    padding: 0;
    /* width: 1200px; */
    display: block;
    margin-top: 10px;
    margin-left: 10px;
  }
  .messaging-send{ width:630px;}
  .navbar-form-custom .form-group {
    margin-bottom: 0;
  }
  .nav.navbar-top-links a {
    font-size: 14px;
  }
  .navbar-form-custom .form-control {
      background: url(../img/search_icon.png) no-repeat 295px 10px #ffffff;
      border: medium none;
      font-size: 14px;
      height: 38px;
      margin: 0;
      z-index: 2000;
      border-radius: 100px;
      max-width:330px;
      width:100%;
  }

  .form-control-search {
    /* background: url(../img/search_icon_large.png) no-repeat 295px 10px #ffffff; */
    border: medium none;
    font-size: 26px;
    height: 48px;
    margin: 0;
    z-index: 2000;
    border-radius: 100px;
    max-width:330px;
    width:100%;
    padding-left:10px;
}
  
  .count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 6px;
    top: 12px;
  }
  .arrow {
    float: right;
  }
  .fa.arrow:before {
    content: "\f104";
  }
  .active > a > .fa.arrow:before {
    content: "\f107";
  }
  .nav-second-level li,
  .nav-third-level li {
    border-bottom: none !important;
  }
  .nav-second-level li a {
    padding: 7px 10px 7px 10px;
    padding-left: 52px;
  }
  .nav-third-level li a {
    padding-left: 62px;
  }
  .nav-second-level li:last-child {
    margin-bottom: 10px;
  }
  
  body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 12px;
    border-radius: 3px;
  }
  .fixed-nav .slimScrollDiv #side-menu {
    padding-bottom: 60px;
  }
  .mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px;
  }
  
  
  .navbar-default .special_link a:hover {
    background: #17987e !important;
    color: white;
  }
  .navbar-default .special_link a span.label {
    background: #fff;
    color: #1ab394;
  }
  .navbar-default .landing_link a {
    background: #1cc09f;
    color: white;
  }
  .navbar-default .landing_link a:hover {
    background: #1ab394 !important;
    color: white;
  }
  .navbar-default .landing_link a span.label {
    background: #fff;
    color: #1cc09f;
  }
  #logo {
    height: 60px;
  }

  .logo-element {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: white;
    /* display: none; */
    padding: 5px 0;
  }
  
  
  .navbar-fixed-top,
  .navbar-static-top {
    background: #01bcd5;
  }
  .fixed-nav #wrapper {
    margin-top: 0;
  }
  
  .nav.nav-tabs li {
    background: none;
    border: none;
  }
  body.fixed-nav #wrapper .navbar-static-side,
  body.fixed-nav #wrapper #page-wrapper {
    margin-top: 60px;
    margin-bottom: -60px;
  }
  body.top-navigation.fixed-nav #wrapper #page-wrapper {
    margin-top: 0;
  }
  body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
    left: 220px;
  }
  body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
    left: 70px;
  }
  body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
    left: 0;
  }
  body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
    margin-top: 0;
  }
  body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
    left: 0;
  }
  body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
    left: 220px;
  }
  .fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
  }
  .body-small .navbar-fixed-top {
    margin-left: 0;
  }
  /* body.mini-navbar .navbar-static-side { */
  .mini-navbar .navbar-static-side {
    width: 70px;
  }
  body.mini-navbar .profile-element,
  body.mini-navbar .nav-label,
  body.mini-navbar .navbar-default .nav li a span {
    display: none;
  }
  body.canvas-menu .profile-element {
    display: block;
  }
  body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
    display: none;
  }
  body.mini-navbar .navbar-default .nav > li > a {
    font-size: 28px;
  }
  body.mini-navbar .logo-element {
    display: block;
  }
  body.canvas-menu .logo-element {
    display: none;
  }
  body.mini-navbar .nav-header {
    padding: 0;
  }
  body.canvas-menu .nav-header {
    padding: 33px 25px;
  }
  body.mini-navbar #page-wrapper {
    margin: 0 0 0 70px;
  }
  
  body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
  body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
    font-size: 13px;
  }
  
  /* @media (max-width: 768px) {
    .top-navigation .navbar-header {
      display: block;
      float: none;
    }
  } */
  
  @media (min-width: 1200px) {
    .menu-visible-lg {
      display: block !important;
    }
  }
  @media (min-width: 992px) {
    .menu-visible-md {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
    .menu-visible-md {
      display: block !important;
    }
    .menu-visible-lg {
      display: block !important;
    }
  }
  .btn {
    border-radius: 3px;
  }
  .float-e-margins .btn {
    margin-bottom: 5px;
  }
  .btn-w-m {
    min-width: 120px;
  }
  .btn-primary.btn-outline {
    color: #1ab394;
  }
  .btn-success.btn-outline {
    color: #1c84c6;
  }
  .btn-info.btn-outline {
    color: #23c6c8;
  }
  .btn-warning.btn-outline {
    color: #f8ac59;
  }
  .btn-white {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
  }
  .label {
    background-color: #8cc731;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 7px;
    text-shadow: none;
  }
  
  
  /* Chat */
  .chat-activity-list .chat-element {
    border-bottom: 1px solid #e7eaec;
  }
  .chat-element:first-child {
    margin-top: 0;
  }
  .chat-element {
    padding-bottom: 15px;
  }
  .chat-element,
  .chat-element .media {
    margin-top: 15px;
  }
  .chat-element,
  .media-body {
    overflow: hidden;
  }
  .media-body {
    display: block;
    width: auto;
  }
  .chat-element > .pull-left {
    margin-right: 10px;
  }
  .chat-element img.img-circle,
  .dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
  }
  .chat-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
  }
  .chat-element .actions {
    margin-top: 10px;
  }
  .chat-element .photos {
    margin: 10px 0;
  }
  .right.chat-element > .pull-right {
    margin-left: 10px;
  }
  .chat-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .chat {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
  }
  .chat li.left .chat-body {
    margin-left: 60px;
  }
  .chat li.right .chat-body {
    margin-right: 60px;
  }
  .chat li .chat-body p {
    margin: 0;
    color: #777777;
  }
  .panel .slidedown .glyphicon,
  .chat .glyphicon {
    margin-right: 5px;
  }
  .chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
  }
  .slim-scroll-bar::-webkit-scrollbar {
      width: 4px;
      background-color: rgba(0, 0, 0, 0.096);
    }
  
    .slim-scroll-bar::-webkit-scrollbar-thumb {
      width: 3px;
      background-color: rgba(0, 0, 0, 0.116);
    }
  
  @media (max-width: 768px) {
    .html5buttons {
      float: none;
      margin-top: 10px;
    }
    .dataTables_length {
      float: none;
    }
  }
  /* CIRCLE */
  .img-circle {
    border-radius: 50%;
  }
  .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
  }
  .btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
  }
  .btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
  }
  .show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
  }
  .show-grid {
    margin: 15px 0;
  }
  
  .form-control{
    border-bottom: 1px solid #eeeeee;
  }
  .form-control:focus,
  .single-line:focus {
    border-color: #1ab394 !important;
  }
  
  body {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* background-color: #2f4050; */
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;
  }
  html,
  body {
    height: 100%;
  }
  body.full-height-layout #wrapper,
  body.full-height-layout #page-wrapper {
    height: 100%;
  }
  #page-wrapper {
    padding:25px;
    min-height:100vh;
    max-height: 100vh;
  }
  
  body.boxed-layout #wrapper {
    background-color: #2f4050;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  }
  
  .block {
    display: block;
  }
  .clear {
    display: block;
    overflow: hidden;
  }
  a {
    cursor: pointer;
  }
  a:hover,
  a:focus {
    text-decoration: none;
  }
  .border-bottom {
    border-bottom: 1px solid #e7eaec !important;
  }
  .font-bold {
    font-weight: 600;
  }
  .font-noraml {
    font-weight: 400;
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  .font-italic {
    font-style: italic;
  }
  
  /* WRAPPERS */
  #wrapper {
    width: 100%;
    overflow-x: hidden;
  }
  .wrapper {
    padding: 0 20px;
  }
  .wrapper-content {
    /* padding: 0px 10px 0px; */
    padding:0px;
  }
  #page-wrapper {
    padding: 0 15px;
    /* min-height: 568px; */
    /* position: relative !important; */
  }
  /* @media (min-width: 768px) {
    #page-wrapper {
      position: inherit;
      margin: 0 0 0 0px;
      min-height: 2002px;
    }
  } */
  .title-action {
    text-align: right;
    padding-top: 30px;
  }
  .ibox-content h1,
  .ibox-content h2,
  .ibox-content h3,
  .ibox-content h4,
  .ibox-content h5,
  .ibox-title h1,
  .ibox-title h2,
  .ibox-title h3,
  .ibox-title h4,
  .ibox-title h5 {
    margin-top: 5px;
  }
  ul.unstyled,
  ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
  }
  .big-icon {
    font-size: 160px !important;
    color: #e5e6e7;
  }
  
  /* PANELS */
  .page-heading {
    border-top: 0;
    padding: 0 10px 20px 10px;
  }
  .panel-heading h1,
  .panel-heading h2 {
    margin-bottom: 5px;
  }
  
  .table > thead > tr > th {
    border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;
  }
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    border-top: 0px solid #e7eaec;
    line-height: 1.42857;
    padding: 4px;
    vertical-align: top;
    text-align: left;
  }
  /* PANELS */
  .panel.blank-panel {
    background: none;
    margin: 0;
  }
  .blank-panel .panel-heading {
    padding-bottom: 0;
  }
  .nav-tabs > li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px;
  }
  .nav-tabs > li > a:hover,
  .nav-tabs > li > a:focus {
    background-color: #e6e6e6;
    color: #676a6c;
  }
  .ui-tab .tab-content {
    padding: 20px 0;
  }
  /* GLOBAL  */
  .no-padding {
    padding: 0 !important;
  }
  .no-borders {
    border: none !important;
  }
  .no-margins {
    margin: 0 !important;
  }
  .no-top-border {
    border-top: 0 !important;
  }
  .ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px;
  }
  .border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
  }
  .border-top-bottom {
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
  }
  .border-left {
    border-left: 1px solid #e7eaec;
  }
  .border-right {
    border-right: 1px solid #e7eaec;
  }
  
  .full-width {
    width: 100% !important;
  }
  .link-block {
    font-size: 12px;
    padding: 10px;
  }
  .nav.navbar-top-links .link-block a {
    font-size: 12px;
  }
  .link-block a {
    font-size: 10px;
    color: inherit;
  }
  body.mini-navbar .branding {
    display: none;
  }
  img.circle-border {
    border: 6px solid #FFFFFF;
    border-radius: 50%;
  }
  
  .login-panel {
    margin-top: 25%;
  }
  .icons-box h3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .icons-box .infont a i {
    font-size: 25px;
    display: block;
    color: #676a6c;
  }
  .icons-box .infont a {
    color: #a6a8a9;
  }
  .icons-box .infont a {
    padding: 10px;
    margin: 1px;
    display: block;
  }
  .ui-draggable .ibox-title {
    cursor: move;
  }
  .breadcrumb {
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 0;
  }
  .breadcrumb > li a {
    color: inherit;
  }
  .breadcrumb > .active {
    color: inherit;
  }
  code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap;
  }
  .ibox {
    clear: both;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 0;
  }
  .ibox.collapsed .ibox-content {
    display: none;
  }
  .ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
  }
  .ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
  }
  .ibox:after,
  .ibox:before {
    display: table;
  }
  .ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
  }
  .ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
  }
  .ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
  }
  table.table-mail tr td {
    padding: 12px;
  }
  .table-mail .check-mail {
    padding-left: 20px;
  }
  .table-mail .mail-date {
    padding-right: 20px;
  }
  .star-mail,
  .check-mail {
    width: 40px;
  }
  .unread td a,
  .unread td {
    font-weight: 600;
    color: inherit;
  }
  .read td a,
  .read td {
    font-weight: normal;
    color: inherit;
  }
  .unread td {
    background-color: #f9f8f8;
  }
  .ibox-content {
    clear: both;
  }
  .ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
  }
  .ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
  }
  .ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
  }
  .ibox-title .label {
    float: left;
    margin-left: 4px;
  }
  .ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
  }
  .ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
  }
  .ibox-tools a.btn-primary {
    color: #fff;
  }
  .ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
  }
  .ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
  }
  /* BACKGROUNDS */
  .gray-bg,
  .bg-muted {
    background-color: #ebf0f4;
  }
  .white-bg {
    background-color: #ffffff;
  }
  .navy-bg,
  .bg-success {
    background-color: #1ab394;
    color: #ffffff;
  }
  .blue-bg,
  .bg-primary {
    background-color: #1c84c6;
    color: #ffffff;
  }
  .lazur-bg,
  .bg-info {
    background-color: #23c6c8;
    color: #ffffff;
  }
  .yellow-bg,
  .bg-warning {
    background-color: #f8ac59;
    color: #ffffff;
  }
  .red-bg,
  .bg-danger {
    background-color: #ed5565;
    color: #ffffff;
  }
  .black-bg {
    background-color: #262626;
  }
  .panel-primary {
    border-color: #1ab394;
  }
  .panel-primary > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
  }
  .panel-success {
    border-color: #1c84c6;
  }
  .panel-success > .panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #ffffff;
  }
  .panel-info {
    border-color: #23c6c8;
  }
  .panel-info > .panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #ffffff;
  }
  .panel-warning {
    border-color: #f8ac59;
  }
  .panel-warning > .panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #ffffff;
  }
  .panel-danger {
    border-color: #ed5565;
  }
  .panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #ffffff;
  }
  /*LOGIN*/
  body{font-size:16px;}
  body.login{ background:#fff;} 
  .login-box{width: 800px;margin: 10% auto;background:#01bcd5; border:1px solid #dcdcdc;}
  .login-wrapper{ float:left; display:block; padding:10px; width:100%;}
  .login-left-section{ background:#01bcd5;}
  .login-logo{ 
    padding-top:50px; 
    /* float:left;  */
    width:100%; 
    text-align:center;
    height:200px;
  }
  .login-left-section p{
    font-size:42px; 
    color:#fff;
    /* font-family: 'TruenoBold';  */
    text-align:center; margin:33% auto;
  }
  .login-right-section{ background:#ebf0f4;}

  .login-right-section p.login-text{
    /* font-family: 'TruenoRegular';  */
    font-size:18px; color:#6c6a6a; text-align:center; margin:0; padding:48px 0 45px 0; float:left; width:100%;}
  
  .login-input{ border-radius:0px; border:1px solid #dcdcdc; height:45px; padding: 0 0 0 40px;}
  .login-user{ background:url(../img/icon-user.png) no-repeat 10px center;}
  .login-password{ background:url(../img/icon-password.png) no-repeat 10px center;}
  .btn-submit{ 
    background:#01bcd5; 
    font-size:18px; 
    color:#fff;
    /* font-family: 'TruenoBold';  */
    font-size:18px; border:0px none; border-radius:0px; text-transform:uppercase; height:45px;
  }

  p.forget-password-link{ float:right; padding:0px 0 0 0; margin:0;}
  p.forget-password-link a{
    /* font-family: 'TruenoLight';  */
    font-size:14px; color:#939393;
  }
  
  .login-form-footer{ 
    float:left; 
    width:100%;
    /* font-family: 'TruenoLight';  */
    font-size:14px; color:#939393; text-align:center; padding:70px 0 40px 0;}
  
  @media (max-width: 1200px) {
  .login-box{background:none;}
  .login-left-section p {margin: 0;}
  }
  /****************************************************************************/
  /* CONTACTS */
  .contact-box {
    /* background-color: #ffffff; */
    border: 0px solid #e7eaec;
    padding-bottom:20px;
    max-height: calc(100vh - (75px + 45px));
    overflow-y:auto;
  }
  .contact-box > a {
    color: inherit;
  }
  .contact-box.center-version {
    border: 0px solid #e7eaec;
    padding: 15px;
  }
  .contact-box.center-version > a {
    display: block;
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
  }
  .contact-box.center-version > a img {
    width: 128px;
    height: 128px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .contact-box.center-version address {
    margin-bottom: 0;
  }
  .contact-box .contact-box-footer {
    text-align: left;
    background-color: #ffffff;
    border-top: 1px solid #e7eaec;
    padding: 15px 20px;
  }
  
  /* DASBOARD */
  .dashboard-header {
    border-top: 0;
    padding: 20px 20px 20px 20px;
  }
  .dashboard-header h2 {
    margin-top: 10px;
    font-size: 26px;
  }
  .fist-item {
    border-top: none !important;
  }
  .statistic-box {
    margin-top: 40px;
  }
  .dashboard-header .list-group-item span.label {
    margin-right: 10px;
  }
  .list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
  }
  ul.clear-list:first-child {
    border-top: none !important;
  }
  /* Intimeline */
  .timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 30px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    background: #f8f8f8;
  }
  .timeline-item .date {
    text-align: right;
    width: 110px;
    position: relative;
    padding-top: 30px;
  }
  .timeline-item .content {
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
  }
  .timeline-item .content:hover {
    background: #f6f6f6;
  }
  
  /* Chat view */
  .message-input {
    height: 30px !important;
  }
  .chat-avatar {
    white: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
  }
  .chat-user-name {
    /* padding: 10px; */
    /* padding-left:45px; */
    color:#8b9ca4;
    font-size: 14px;
    display: 'inline-block'; 
    vertical-align: 'middle';
  }

  .chat-user,
  .chat-user-active {
    /* padding: 8px 10px; */
    /* padding:15px 10px 15px 10px; */
    /* border-bottom: 1px solid #e7eaec; */
    border-bottom:1px solid #d9e2e9; border-left:4px solid transparent;
  }
  .chat-user-active {
    background: #ffffff;
    cursor: pointer;
    border-left: 3px solid #01bcd5;
  }

  .chat-user:hover {
    background: #ffffff;
    border-left: 3px solid #01bcd5;
  }
  .chat-user a {
    color: inherit;
  }
  .chat-view {
    z-index: 20012;
  }
  .chat-users,
  .chat-statistic {
    margin-left: -25px;
  }
  @media (max-width: 992px) {
    .chat-users,
    .chat-statistic {
      margin-left: 0;
    }
  }
  .chat-view .ibox-content {
    padding: 0;
  }

  .chat-message-form{
    flex-shrink:0;
    min-height: 175px;
    background: rgba(255, 255, 255, 1);
    margin: 0 0 0 0;
    width: 100%;
    padding-bottom: 70px;
  }

  .message-avatar {
    height: 48px;
    width: 48px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    margin-top: 1px;
  }
  .chat-discussion .chat-message.left .message-avatar {
    float: left;
    margin-right: 10px;
  }
  .chat-discussion .chat-message.right .message-avatar {
    float: right;
    margin-left: 10px;
  }
  .message {
    /*background-color: #e5e5ea;
    border: 1px solid #e5e5ea;*/
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 18px;
  }
  .chat-discussion .chat-message.left .message-date {
    /* float: left; */
    margin-top: 25px;
  }
  .chat-discussion .chat-message.right .message-date {
    float: right;
    text-align: right;
  }
  .chat-discussion .chat-message.left .message {
    text-align: left;
    margin-left: 0px;
    background-color: #e5e5ea;
    width: 340px;
    float: left;
    margin: 0px 20px 0px 0px;
  }
  .chat-discussion .chat-message.right .message {
    text-align: left;
    margin-right: 25px;
    background-color: #01bcd5;
      /* #5cb0ff; */
    color: #ffffff;
    width: 340px;
    float: right;
    margin: 0px 0px 0px 20px;
  }
  .message-date {
    font-size: 14px;
    color: #888888;
  }
  .message-content {
    display: block;
  }

  #chat-convo-and-form {
    display:flex;
    flex-direction: column;
    height: calc(100vh - (75px));
  }

  .chat-discussion {
    flex-grow: 1;
    background: #ffffff;
    padding: 15px;
    /* height: calc(100vh - (75px + 200px + 45px)); */
    overflow-y: auto;
  }
  .chat-users {
    background: #ebf0f4;
    /* padding-top: 10px; */
  }
  .chat-users-list{
    overflow-y: auto;
    height: calc(100vh - (70px + 45px));
  }
  .chat-message-form .form-group {
    margin-bottom: 0;
  }
  
  
  /*
   * metismenu - v2.0.2
   * A jQuery menu plugin
   * https://github.com/onokumus/metisMenu
   *
   * Made by Osman Nuri Okumus
   * Under MIT License
   */
  .metismenu .plus-minus,
  .metismenu .plus-times {
    float: right;
  }
  .metismenu .arrow {
    float: right;
    line-height: 1.42857;
  }
  .metismenu .glyphicon.arrow:before {
    content: "\e079";
  }
  .metismenu .active > a > .glyphicon.arrow:before {
    content: "\e114";
  }
  .metismenu .fa.arrow:before {
    content: "\f104";
  }
  .metismenu .active > a > .fa.arrow:before {
    content: "\f107";
  }
  .metismenu .ion.arrow:before {
    content: "\f3d2";
  }
  .metismenu .active > a > .ion.arrow:before {
    content: "\f3d0";
  }
  .metismenu .fa.plus-minus:before,
  .metismenu .fa.plus-times:before {
    content: "\f067";
  }
  .metismenu .active > a > .fa.plus-times {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .metismenu .active > a > .fa.plus-minus:before {
    content: "\f068";
  }
  .metismenu .collapse {
    display: none;
  }
  .metismenu .collapse.in {
    display: block;
  }
  .metismenu .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
  }
  .mini-navbar .metismenu .collapse {
    opacity: 0;
  }
  .mini-navbar .metismenu .collapse.in {
    opacity: 1;
  }
  .mini-navbar .metismenu .collapse a {
    display: none;
  }
  .mini-navbar .metismenu .collapse.in a {
    display: block;
  }
  
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 0;
    /* min-height: 1000px; */
  }
  
  .navbar-static-side {
    /* z-index: 2001; */
    position: absolute;
    width: 70px;
  }

  /* @media (min-width: 768px) {
    #page-wrapper {
      position: inherit;
      margin: 0 0 0 220px;
      min-height: 1200px;
    }
    .navbar-static-side {
      z-index: 2001;
      position: absolute;
      width: 220px;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
      margin-left: auto;
    }
  } */
  @media (max-width: 768px) {
    /* #page-wrapper {
      position: inherit;
      margin: 0 0 0 0;
      min-height: 1000px;
    } */
    .body-small .navbar-static-side {
      display: none;
      z-index: 2001;
      position: absolute;
      width: 70px;
    }
    .body-small.mini-navbar .navbar-static-side {
      display: block;
    }
    .lock-word {
      display: none;
    }
    .navbar-form-custom {
      display: none;
    }
    .navbar-header {
      display: inline;
    }
    .sidebard-panel {
      z-index: 2;
      position: relative;
      width: auto;
      min-height: 100% !important;
    }
    .sidebar-content .wrapper {
      padding-right: 0;
      z-index: 1;
    }
    .fixed-sidebar.body-small .navbar-static-side {
      display: none;
      z-index: 2001;
      position: fixed;
      width: 220px;
    }
    .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
      display: block;
    }
    .ibox-tools {
      float: none;
      text-align: right;
      display: block;
    }
    .navbar-static-side {
      display: none;
    }
    body:not(.mini-navbar) {
      -webkit-transition: background-color 500ms linear;
      -moz-transition: background-color 500ms linear;
      -o-transition: background-color 500ms linear;
      -ms-transition: background-color 500ms linear;
      transition: background-color 500ms linear;
      background-color: #f3f3f4;
    }
  }
  
  
  
  .label:empty {
      display: block;
      border-radius: 105px;
      border: 0px none;
        margin-top: 16px;
  }
  .text-center{
    text-align: center;
  }
  .chosen-select{float: left; width: 160px; outline: none; border: 0px none;}
  .users-list{margin-top: 10px;}
  .custom-chat-left{float: left;width: 100%; margin: 20px 0px 0px 0px;}
  .custom-chat-right{float: right;width: 100%; margin: 20px 0px 0px 0px;}
  .top-search{width: 28%; float: right;}
  .top-nav-label{float: left;color: #ffffff;width: 70px;margin: 10px 0px 0px 0px;}
  .table{border: 0px none;}
  .end-conversation{width: 100%; text-align: center;}
  .btn-group-vertical>.btn, .btn-group>.btn{float: none;}
  /* .chat-message-form{margin: 115px 0 0 0;} */
  .custom-label{clear: both;}
  .dropdown_base{background: #ffffff; border-radius: 100px; width: 180px; height: 38px; float: left; padding: 8px 10px; margin-right: 10px;}
  .border-right{border-right: 1px solid #eeeeee }
  .member-name{font-size: 24px;}
  .no-border{border: 0px none; margin-top: 30px;}
  a.archived-link{font-size: 18px; text-decoration: underline; color: #01bcd5; text-align: left;}
  .navbar h1{ font-size:30px; color:#FFFFFF; float:left;padding: 10px 0 0 25px;margin: 0;}
  .search-box{ float:left; width:100%; text-align:center;}
  .content-form-custom {float: left; padding: 0; width: 100%; display: block; margin-top: 10px; margin-left: 10px;}
  .content-search-box{ float: left; width: 100%; text-align: center;padding:100px 0 0 0;}
  .content-form-custom .form-group {margin-bottom: 0;}
  .content-form-custom .form-control {background: url(../img/search_icon.png) no-repeat 495px 10px #ffffff;border: medium none;font-size: 14px;height: 38px; margin:0px 0 0 0; z-index: 2000;border-radius: 100px;margin:0 auto;max-width:530px;width:100%;}
  .content-form-custom p{ color:#919090; font-size:18px; padding:30px 0 0 0; margin:0;}
  .name-group-section{ max-width:1095px; width:100%; margin:0 auto; text-align:center;}
  .btn-conversations{ float:left; font-size:18px; color:#fff; background:#01bcd5; padding:10px 20px; border-radius:100px; text-align:center;}
  
  .name-group-table th{ text-align:left; width:20%; padding:18px 0; color:#421414; font-size:18px;}
  .name-group-table td{ text-align:left; width:20%; padding:12px 0px 0px;}
  .btn-conversations:hover{ color:#fff; text-decoration:none;}
  
  .messaging-send-header{ margin-left:100px;}
  
  
  /*Messaging Send Page*/
  .mssg-box-header{float:left; width:100%; background:#00b1c7;}
  .mssg-box-header p{font-size:22px; color:#FFF; padding:12px 24px; margin:0;}
  .mssg-box-content{float:left; width:100%; border:1px solid #b7b7b7; padding:18px 12px 12px; margin:0; min-height:110px; position:relative;}
  .mssg-box-content p{font-size:16px; color:#4e4e4e;  max-width:80%; width:100%;}
  .edit-icon-wrapper{background:#ef3c79; width:45px; height:45px; border-radius:100%; float:right;  background: #ef3c79; text-align: center; padding: 10px 0; color: #fff;position: absolute; right: 15px;bottom: 15px;}
  .margin-80{ margin:80px 0 0 0;}
  .margin-40{ margin:40px 0 0 0;}
  .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
      border: 0px solid #ddd;border-bottom: 1px solid #ddd;
  }
  .table-bordered>thead>tr>th{
    /* font-family: 'TruenoRegular';  */
    font-size:16px;
  }
  .table-bordered>tbody>tr>td{
    /* font-family: 'TruenoLight';  */
    font-size:16px; padding:10px 0;
  }
  a.table-view-messages{
    /* font-family: 'TruenoLight';  */
    font-size:16px; border:1px solid #ddd; color:#343232; padding:3px 15px;}
  a.table-view-messages:hover{color:#343232; text-decoration:none;}
  .data-pagination-wrapper{ float:left; width:100%; padding:30px 0 0 0;}
  div.data-page-numbers select {width: 75px;display: inline-block;}
  div.data-page-numbers{ float:left; width:100%; padding:5px 0 0 0;}
  .data-total-result{ float:right; font-weight:bold;padding:5px 0 0 0;}
  .pagination {margin: 0px 0;}
  /*****************************************************/
  .messaging-inner-page .chat-users, .messaging-inner-page .users-list{ margin:0;}
  .messaging-inner-page .chat-avatar{ margin-top:15px;}
  .date-label{background-color: transparent; color: #5e5e5e;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; padding: 29px 5px 0 0;text-shadow: none;}


  .fancy-table{
    width:100%;
    background-color:#fff;
  }

  .fancy-table tbody tr{
    height:70px
  }

  .fancy-table td, th {
    padding:15px;
  }
  
  .fancy-table tbody tr td {
    
    background-color:#fff;
    /* border-bottom: solid 10px #ebf0f4; */
  }

  
.btn-success {
  background-color: #01bcd5;
  border-color: #01bcd5;
  color: #FFFFFF;
  width: 85px;
  margin: 10px 6px;
}
.btn-success:hover {
  background-color: #01bcd5;
  border-color: #01bcd5;
  color: #FFFFFF;
}
.profile-img{
margin: 0px auto;
}
.heading_common, .text_common{
font-size: 14px;
}
.profile-inner-box{
  width: 17%;
  margin: 0px 20px;
}
.profile-inner-box-avatar{
  width: 25%;
  margin: 0px 20px;
  text-align:center;
}

.cta{
  padding: 15px;
}

h5.campaign {
  color: rgba(0, 0, 0, 0.87);
  margin-top: 15px;
  margin-bottom: 15px;
}


.profile-box-header{float:left; width:100%; background:#ffffff; border-bottom:1px solid #d2d9dc; padding:15px 20px; min-height:65px;}
/* .profile-box-header-wrapper{float:left;} */
.profile-box-header-right{float:right; font-size: 14px;}
.profile-box-header-button{background:#ffb401; color:#fff; border:0px none; border-radius:20px; width:70px; height:34px; font-size:14px; margin-left: 10px;}
.profile-box-container{float:left; width:100%; padding: 15px 0px 0px 0px;}
.profile-box-container-icon{float:left;}
.profile-box-container-popup{float:right; width:87%; background: #ffffff; margin-left: 10px;}
.profile-box-container-padding{float:left;  padding: 20px 20px 0px 20px;}
.profile-box-container-callout{border-radius:5px; background:url(images/callout-pointer.jpg) no-repeat #ffffff;}
.callout-header p{float:left; text-align:left;}
.callout-content{float:left; width:100%;}
.profile-box-footer{background:#f5f7f9; float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 7px 20px 7px 20px;}
.profile-box-footer p.left{float:left; font-size: 14px;}
.profile-box-footer p.right{float:right; font-size: 14px;}

.profile-phone-list-wrapper{ float:left; max-width:100%; width:100%;background:#fff; height:100%;}
.profile-phone-list-wrapper h2{ font-family:'TruenoLight'; font-size:18px; color:#5d686d; width:100%; text-align:center; border-bottom:1px solid #d9e2e9; margin:0; padding:17px 0;}
.profile-phone-list-container{float:left; width:100%;}
.profile-phone-list{float:left; width:100%; padding:20px 20px 20px; border-bottom:1px solid #d9e2e9; border-left:4px solid transparent;}
.profile-phone-list-name{display:inline-block; vertical-align:middle; width:80%;}
.profile-phone-list-name p{ margin:0; padding:0; font-family:'TruenoLight'; font-size:16px; color:#868d91;}
.profile-phone-list-name p span{font-family:'TruenoLight'; font-size:16px; color:#494949;}

.profile-phone-list-date{display:inline-block; vertical-align:middle; width:10%; text-align:center;}
.profile-phone-list-date p{ margin:0; padding:0;font-family:'TruenoLight'; font-size:16px; color:#8b9ca4;}

.conversation-list-wrapper{ float:left; max-width:100%; width:100%;background:#fff; height:100%;}
.conversation-list-wrapper h2{ font-family:'TruenoBold'; font-size:18px; color:#5d686d; width:100%; text-align:center; border-bottom:1px solid #d9e2e9; margin:0; padding:17px 0;}
.conversation-list-container{float:left; width:100%;}
.conversation-list{float:left; width:100%; padding:30px 0 30px 0; border-bottom:1px solid #d9e2e9; border-left:4px solid transparent;}
.conversation-image{display:inline-block; vertical-align:middle; width:20%; text-align:center;}
.conversation-image img{ border-radius:100%; width:45px;}
.conversation-name{display:inline-block; vertical-align:middle; width:40%;}
.conversation-name p{ margin:0; padding:0; font-family:'TruenoBold'; font-size:16px; color:#8b9ca4;}
.conversation-name p span{font-family:'TruenoLight'; font-size:16px; color:#8b9ca4;}
.conversation-date{display:inline-block; vertical-align:middle; width:20%; text-align:center;}
.conversation-date p{ margin:0; padding:0;font-family:'TruenoLight'; font-size:16px; color:#8b9ca4;}

.status-green{width:15px; height:15px; background:#8cc731; border-radius:100%; margin:0 auto;}


md-dialog {
  max-width : 95% !important;  
  max-height : 95% !important; 
}

.text-primary{
  color: #01bcd5
}

.blinking {
  animation: blinking 1s infinite;
}

@keyframes blinking{
  0%{		opacity: 1;	}
	50%{	opacity: 0;	}
	100%{	opacity: 1;	}
}
.assignBtn {
  bottom: 6px !important;
  top: unset !important;
}
.caseStatus {
  font-size: 12px !important;
}