@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Roboto");

@media (min-width: 992px) and (max-width: 1200px) {
  .messages-top-left h4 {
    margin-top: 20px !important;
  }
  .fa-circle {
    top: 24px !important;
  }
  .messages .btn-primary {
    width: 25% !important;
  }
  .notification {
    padding-right: 31px !important;
  }
  .sum p {
    margin: 10px 20px 10px 76px !important;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    left: -94% !important;
  }
  #chevron-right {
    left: -74% !important;
  }
  .doctor-note .fa-plus-square-o {
    left: 480px !important;
  }
  #my-edit {
    left: 537px !important;
  }
  .doctor-note .fa-trash-o,
  .pharma .fa-trash-o {
    left: 606px !important;
  }
  .pharma .fa-plus-square-o {
    left: 480px !important;
  }
  .fa-print {
    left: 511px !important;
  }
  .finacial .fa-plus-square-o {
    left: 480px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .sim_img_logo {
    display: none;
  }
  .sim_img_logo_head {
    display: inline;
  }
  .service-request-head .summmry {
    margin-bottom: 15px !important;
    border: 1px solid #eee !important;
  }
  .service-request-head .summmry1 {
    border: 1px solid #eee !important;
  }
  .messages .btn-primary {
    width: 40% !important;
  }
  .messages-top-left h4 {
    margin-top: 20px !important;
  }
  .fa-circle {
    top: 24px !important;
  }
  #service-requests1 .fa-plus-square-o {
    top: 49px !important;
    right: 5px !important;
  }
  .sum p {
    margin: 10px 20px 10px 50px !important;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    left: -56% !important;
  }
  #chevron-right {
    left: -36% !important;
  }
  .doctor-note .fa-plus-square-o {
    left: 280px !important;
  }
  #my-edit {
    left: 337px !important;
  }
  .doctor-note .fa-trash-o,
  .pharma .fa-trash-o {
    left: 406px !important;
  }
  .pharma .fa-plus-square-o {
    left: 280px !important;
  }
  .fa-print {
    left: 438px !important;
  }
  .finacial .fa-plus-square-o {
    left: 440px !important;
  }
}
@media (min-width: 230px) and (max-width: 768px) {
  .sim_img_logo {
    display: none;
  }
  .sim_img_logo_head {
    display: block;
  }
  .summmry {
    padding-left: 15px !important;
  }
  .container-fluid .row:nth-of-type(1) {
  }
  .user-name .dropdown .dropdown-toggle {
    left: 15px !important;
  }
  .content {
    margin: 12px 0px 20px !important;
    border-radius: 0px !important;
    padding: 23px 4px 15px !important;
  }
  .content .row:nth-of-type(1) {
  }
  .notification {
    padding-right: 15px !important;
  }
  .summmry {
    padding-right: 15px !important;
    background-color: #fbfbfb !important;
  }
  .logo img {
    margin: 0 auto;
  }
  #service-requests .fa-plus-square-o,
  #equipment .fa-plus-square-o {
    top: 49px !important;
    right: 5px !important;
  }
  #service-requests1 .fa-plus-square-o {
    top: 49px !important;
    right: 5px !important;
  }
  .side-menu {
    height: auto !important;
  }
  .login-form {
    width: 100% !important;
  }
  #top-row-xs {
    height: 40px !important;
  }
  .service-request-head .summmry {
    margin-bottom: 15px !important;
    border: 1px solid #eee !important;
  }
  .service-request-head .summmry1 {
    border: 1px solid #eee !important;
  }
  .messages-top-left h4 {
    margin-top: 20px !important;
  }
  .fa-circle {
    top: 24px !important;
  }
  .messages .btn-primary {
    width: 25% !important;
  }
  .users .list-group form .btn-default {
    right: 64px !important;
  }
  .messages {
    margin-top: 50px !important;
  }
  #summmry1-special {
    padding-left: 15px !important;
  }
  .footer-nav {
    padding-right: 4px !important;
  }
  .content-info {
    margin: 14px 0px 0 !important;
    border-radius: 0px !important;
    padding: 0 18px 7px !important;
  }
  .top-search form input {
    border-radius: 0px !important;
  }
  .sum p {
    margin: 10px 20px 10px 25px !important;
  }
  .carousel-control {
    width: 2% !important;
  }
  .item h4 {
    left: 33% !important;
  }
  #chevron-right {
    left: -13% !important;
  }
  #my-add {
    top: 166px !important;
  }
  #right-row {
    border: 0px !important;
  }
  #scroll-table {
    margin-top: 5px !important;
  }
  .doctor-note .fa-plus-square-o {
    left: 166px !important;
  }
  #my-edit {
    left: 227px !important;
  }
  .doctor-note .fa-trash-o,
  .pharma .fa-trash-o {
    left: 296px !important;
  }
  .pharma .fa-plus-square-o {
    left: 166px !important;
  }
  .fa-print {
    left: 218px !important;
    top: 8px !important;
  }
  .finacial .fa-plus-square-o {
    left: 310px !important;
  }
  .notification .nav > li > a {
    margin-left: 3px !important;
  }
}

body {
  font-size: 14px;
  font-family: "Roboto";
  background-color: #eeeeee;
  color: #000;
  overflow-x: hidden;
}

.form-inline .form-control {
  width: 100%;
}
.top-serach .form-control {
  background-color: #1b1a1f;
  border: none;
  height: 40px;
  width: 95%;
}
.form-group {
  width: 100%;
}
.top-serach input {
  padding-left: 3px;
  font-family: "s-light";
  width: 100%;
  font-size: 16px;
  color: #999999;
}
.user-name {
  position: relative;
  padding-top: 10px;
}
.user-name .dropdown .dropdown-toggle {
  width: 75%;
  height: 33px;
  position: absolute;
  top: 5px;
  right: 75px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding-top: 7px;
  margin-right: -54px;
}
.user-name .dropdown a img {
  position: absolute;
  top: 0px;
  border-radius: 4px;
  max-height: 31px;
  width: 25px;
  margin: 3px;
}
.user-name a p {
  text-align: center;
  color: #999;
  padding-top: 0px;
  font-size: 13px;
  padding-left: 23px;
}
.fa-caret-down {
  padding-left: 3px;
}
.user-name a:hover,
.user-name a:focus {
  text-decoration: none;
}
.fa-envelope-o,
.fa-bell,
.fa-tasks {
  color: #999999;
  font-size: 17px;
}
.notification .nav > li > a {
  padding: 6px;
  position: relative;
  border: 1px solid #f0f0f8 !important;
  border-radius: 4px;
  margin-left: 10px;
}
.notification .nav > li > a:hover,
.notification .nav > li > a:focus,
.notification .nav > li > a:active,
nav .open > a,
.notification .nav .open > a:hover,
.notification .nav .open > a:focus {
  background: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
}
.notification .nav > li > a:hover .fa-envelope-o,
.nav > li > a:focus .fa-envelope-o,
.notification .nav > li > a:hover .fa-bell,
.nav > li > a:focus .fa-bell,
.notification .nav > li > a:active .fa-envelope-o,
.notification .nav > li > a:active .fa-envelope-o,
.notification .nav > li > a:active,
nav .open > a,
.notification .nav .open > a:hover,
.notification .nav .open > a:focus {
  color: #248aaf;
}
.notification .dropdown-menu {
  border-radius: 5px;
  left: 0px;
  margin: 10px;
  min-width: 246px;
  padding-bottom: 7px;
  padding-top: 0;
  right: auto;
  top: 33px;
  z-index: 2000;
}
.notification .dropdown-menu h5 {
  color: #fff;
  font-family: "hel-bd";
  margin-top: 0px;
  padding: 13px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.fa-caret-up {
  font-size: 20px;
  position: absolute;
  right: 8px;
  top: -14px;
  color: #1abc9c;
}
.notification .dropdown-menu .media-list {
  text-align: center;
}
.notification .dropdown-menu .media .media-body .media-heading {
  color: #767676;
  font-family: "Roboto";
  margin-bottom: 0px;
  font-size: 13px;
  text-align: left;
}
.notification .dropdown-menu .media .media-body p {
  font-size: 12px;
  color: #999999;
  text-align: left;
}
.notification .dropdown-menu .media .media-body a:hover {
  text-decoration: none;
  color: #2a6496;
}
.media img {
  padding-top: 3px;
}
.notification .dropdown-menu .media {
  border-bottom: 1px solid #f3f3f3;
  margin-top: 0;
  padding-bottom: 4px;
  padding-top: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.notification .dropdown-menu:last-child .media {
  margin-bottom: 7px;
}
.see-all {
  text-align: center;
  font-size: 12px;
}
.notification .dropdown-menu .media:hover,
.notification .dropdown-menu .media:active {
  background-color: #eefaff;
}

.user-name .dropdown .dropdown-menu li a {
  background: none;
  padding: 5px 15px;
  font-size: 13px;
  color: #a4abbb;
}
.fa-user,
.fa-sign-out,
.fa-gear {
  padding-right: 5px;
}

.logo {
  background-color: #fff;
  height: 120px;
  padding-right: 50px;
  padding-top: 16px;
}

.summmry {
  background-color: #fff;
  height: 120px;
  box-shadow: 2px 8px 5px #d7d7d7;
  padding-right: 30px;
  padding-top: 13px;
}
.summmry1 {
  background-color: #fff;
  height: 120px;
  box-shadow: 2px 8px 3px #d7d7d7;
  padding-left: 30px;
  padding-top: 13px;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  padding-right: 0px;
  padding-left: 0px;
}
.top-serach {
  padding-left: 15px;
}
.notification {
  padding-left: 20px;
  padding-top: 15px;
}
.notification .nav .open > a,
.notification .nav .open > a:hover,
.notification .nav .open > a:focus {
  background-color: transparent;
}
.logo h1 {
  color: #fff;
  font-family: "hele-bd";
  margin-bottom: 0;
  margin-top: 0;
}
.logo h5 {
  color: #fff;
  margin-top: 3px;
}
.summmry h3 {
  margin-top: 0px;
  margin-bottom: 2px;
  padding-top: 0px;
  font-family: "Roboto";
}
.summmry h5 {
  margin-top: 0px;
  color: #767676;
  font-family: "Roboto";
  margin-bottom: 22px;
}
.summmry1 h3 {
  margin-top: 0px;
  margin-bottom: 2px;
  padding-top: 0px;
  font-family: "s-regular";
}
.summmry1 h5 {
  margin-top: 0px;
  color: #767676;
  font-family: "s-regular";
  margin-bottom: 22px;
}
.breadcrumb {
  background: none;
  margin-bottom: 6px;
  padding: 13px 0px 0px 0px;
}
.side-menu {
  /*min-height:630px;*/
  background-color: #272b35;
  border-left: 1px solid #272b35;
  /*margin-bottom: -1000000px;
    padding-bottom: 1000000px;*/
  display: block;
  overflow-y: auto !important;
  height: 100vh;

  padding: 5px 0 0 5px;
  width: 233px;
  position: fixed;
  left: 0;
}
#content {
  flex: 10;
}
#MainMenu .panel {
  margin-bottom: 75px;
}
.content {
  background-color: #fff;
  margin: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.content-info {
  background-color: #fff;
  margin: 30px;
  margin-top: 26px;
  margin-bottom: 0px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 30px;
  padding-bottom: 7px;
  padding-top: 0px;
}
.content-info h3 {
  margin-top: 17px;
}
.accessory-menu {
  background-color: #fff;
  margin: 20px 0px 20px;
}
a.list-group-item-success {
  background: none;
}
.side-menu .list-group.panel > .list-group-item {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.side-menu .list-group-submenu {
  margin-left: 20px;
}
.panel {
  background: none;
  border: 0px;
  border-radius: 3px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
.side-menu .list-group-item {
  border: 0px;
  padding-right: 15px;
  font-size: 16px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 0px;
  border-top: none;
  border-bottom: none;
}
div[id^="demo"] .list-group-item {
  background-color: #1f2831;
  padding: 10px 30px;
  font-size: 12px !important;
  color: #fff;
  font-size: 14px;
}
div[id^="demo"] .list-group-item:hover,
div[id^="demo"] .list-group-item:focus {
  color: #fff;
  background-color: #35404d;
  background-image: none;
}
.side-menu a.list-group-item-success {
  color: #959aa1;
}
.side-menu .list-group.panel > .list-group-item {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0;
}
.side-menu .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.side-menu a.list-group-item-success:hover,
.side-menu a.list-group-item-success:focus,
.side-menu a.list-group-item-success:active {
  background-color: #35404d;
  color: #fff;
}
.side-menu .list-group-item:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0;
}
.fa-users {
  font-size: 18px;
  position: absolute;
  right: 22px;
  top: 19px;
}
.fa-angle-right {
  right: 15px;
  position: absolute;
  top: 22px;
}
#footer {
  background-color: #1b1a1f;
  color: #fff;
}
.rights p {
  padding-left: 15px;
  padding-top: 15px;
  padding-right: 15px;
}
.fa-calendar-o {
  font-size: 18px;
  position: absolute;
  right: 22px;
  top: 18px;
}
.fa-bookmark {
  font-size: 18px;
  position: absolute;
  right: 25px;
  top: 18px;
}
.fa-edit {
  font-size: 18px;
  position: absolute;
  right: 21px;
  top: 20px;
}
.footer-nav {
  float: right;
  padding-right: 20px;
  padding-top: 6px;
}
.footer-nav .nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: transparent;
}
.footer-nav .nav > li > a {
  color: #717172;
  font-size: 13px;
}
.footer-nav .nav > li > a:hover,
.nav > li > a:focus {
  background: none;
  color: #fff;
}
.user-name .fa-caret-up {
  left: 21px;
  color: #ccc;
}
#my-caret-up {
  right: 225px;
}
.summmry img {
  margin-right: 10px;
}
.summmry1 img {
  margin-right: 10px;
}
.content .row:nth-of-type(1) {
  background: none;
}
.content .row {
  padding-right: 15px;
  padding-left: 15px;
}
.phone {
  color: #767676;
  line-height: 25px;
}
.map {
  margin-top: 30px;
}
.contact-person {
  margin-top: 30px;
  line-height: 25px;
  padding-left: 20px;
}
.contact-person .fa-user {
  padding-right: 0px;
  top: 34px;
  position: absolute;
  left: 0px;
}
.tab {
  margin-top: 30px;
  position: relative;
}
.tab ul li a {
  font-family: "s-regular";
}
.symbol i {
  color: #fff;
  font-size: 50px;
  text-align: center;
}

.tab-content table tbody tr td .fa-cog {
  text-align: center;
  padding-top: 3px;
  color: #a9a9a9;
}
.tab-content table tbody tr td:last-child {
  text-align: center;
}
.tab-content table tbody tr td:last-child .dropdown-menu {
  left: -139px;
  right: auto;
  text-align: left;
}
.tab-content table tbody tr td:last-child .dropdown-menu li a {
  padding: 7px 15px;
  text-align: right;
}
.tab-content table tbody tr td:last-child .dropdown-menu .fa-caret-up {
  color: #ccc;
  right: 8px;
}
.tab-content table tbody tr td {
  padding: 10px 8px;
}
.pager1 .pagination {
  margin-top: 0px;
  float: right;
}
.fa-plus-square-o {
  position: absolute;
  top: 44px;
  right: 0px;
  color: #428bca;
}
.fa-plus-square-o a:hover,
.fa-plus-square-o a:focus {
  text-decoration: none;
}
#service-requests table tbody tr td:nth-of-type(4) {
  width: 30%;
}
#service-requests table tbody tr td:first-child img {
  padding-right: 5px;
}
#service-requests table tbody tr:nth-of-type(1) {
  border-left: 3px solid #aae1b5;
}
#service-requests table tbody tr:nth-of-type(2) {
  border-left: 3px solid #ed8b8b;
}
#service-requests table tbody tr:nth-of-type(3) {
  border-left: 3px solid #aae1b5;
}
#service-requests table tbody tr:nth-of-type(4) {
  border-left: 3px solid #ed8b8b;
}
#service-requests table tbody tr:nth-of-type(5) {
  border-left: 3px solid #aae1b5;
}
#service-requests table tbody tr:nth-of-type(6) {
  border-left: 3px solid #ed8b8b;
}
#service-requests table tbody tr:nth-of-type(7) {
  border-left: 3px solid #aae1b5;
}
#service-requests table tbody tr:nth-of-type(8) {
  border-left: 3px solid #ed8b8b;
}
#service-requests table tbody tr:nth-of-type(9) {
  border-left: 3px solid #aae1b5;
}
#service-requests table tbody tr:nth-of-type(10) {
  border-left: 3px solid #ed8b8b;
}
.title hr {
  margin-top: 3px;
}
.title h4 {
  margin-top: 0px;
  color: #34a9d3;
}
.content .col-lg-1,
.content .col-lg-2,
.content .col-lg-3,
.content .col-lg-4,
.content .col-lg-5,
.content .col-lg-6,
.content .col-lg-7,
.content .col-lg-8,
.content .col-lg-9,
.content .col-lg-10,
.content .col-lg-11 {
  padding-right: 30px;
}
.my-form label {
  color: #313031;
}
label {
  font-weight: normal;
}
.my-form .form-group select,
.my-form .form-group input {
}
.my-form .fa-plus-square-o {
  top: 25px;
}
.my-form .form-control option {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 13px;
}
.fa-camera {
  bottom: 30px;
  color: #aaa;
  font-size: 20px;
  position: absolute;
  right: 42px;
}
.fileContainer {
  background-image: url("../images/change-photo.png");
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 31px;
  height: 24px;
  overflow: hidden;
  position: absolute;
  left: 15px;
  width: 28px;
}
.fileContainer [type="file"] {
  cursor: pointer;
  display: block;
  font-size: 999px;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.my-form .btn-primary {
  margin-right: 10px;
  padding: 10px 31px;
  border-radius: 5px;
  margin-top: 25px;
  margin-bottom: 30px;
  background-color: #248aaf;
  border-color: #12a98b;
}
.my-form .btn-default {
  padding: 10px 22px;
  border-radius: 5px;
  margin-top: 25px;
  margin-bottom: 30px;
}
.title .fa-plus-square-o {
  top: 6px;
}
#datepicker {
  width: 100%;
}
#datepicker input {
  border-radius: 4px;
}
#plus {
  top: 25px;
}
#datepicker .fa-calendar {
  color: #c5c9ce;
  font-size: 12px;
  position: absolute;
  right: 11px;
  top: 12px;
  z-index: 1000;
}
#filter-btn button {
  margin-top: 0px;
}
.customer-business-card {
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  padding: 15px;
  position: relative;
  margin-bottom: 11px;
  margin-top: 10px;
}
.customer-business-card .btn-primary {
  background-color: #adadad;
  border-color: #8a8a8a;
}

.customer-business-card h4 a {
  text-decoration: none;
}
.customer-business-card h5 {
  color: #767676;
  margin-bottom: 15px;
  margin-top: 0;
}
.customer-business-card .fa-calendar,
.customer-business-card .fa-link,
.customer-business-card .fa-th-large,
.customer-business-card .fa-arrows-alt {
  padding-right: 9px;
  color: #c5c9ce;
  font-size: 12px;
  padding-bottom: 7px;
}
.customer-business-card .fa-envelope {
  padding-right: 7px;
  color: #c5c9ce;
  font-size: 10px;
  padding-bottom: 7px;
}
.customer-business-card .fa-map-marker {
  padding-right: 10px;
  color: #c5c9ce;
  font-size: 14px;
  padding-bottom: 7px;
}
.customer-business-card .fa-phone-square {
  padding-right: 6px;
  color: #c5c9ce;
  font-size: 14px;
  padding-bottom: 7px;
}
.customer-business-card .fa-gear {
  position: absolute;
  top: -198px;
  right: 0px;
}
.customer-business-card .dropdown-menu {
  color: #333;
  right: -9px;
  left: auto;
  top: -177px;
}
.customer-business-card .dropdown-menu > li > a {
  padding: 7px 20px;
}
.customer-business-card .dropdown-menu .fa-caret-up {
  color: #ccc;
}
.customer-business-card .dropdown-toggle {
  color: #ababab;
}
.pager2 {
  padding-right: 30px;
}
.pager2 .pagination {
  margin-top: 9px;
}
#warrenties table tbody tr td:nth-of-type(4) {
  width: 4%;
}
#serial table tbody tr td:nth-of-type(3) {
  width: 4%;
}
#service-requests1 table tbody tr td:nth-of-type(4) {
  width: 4%;
}
#service-requests1 table tbody tr td:nth-of-type(3) {
  width: 66%;
}
#serial table tbody tr td:nth-of-type(2) {
  width: 80%;
}
.accessory-title {
  color: #248aaf;
  font-size: 18px;
  font-family: "s-regular";
}
.accessory-menu .phone {
  margin-top: 10px;
}
.accessory-menu a.list-group-item-success:hover,
.accessory-menu a.list-group-item-success:focus,
.accessory-menu a.list-group-item-success:active {
  background-color: #eee;
}
.accessory-menu .table-responsive table {
  margin-top: 0px;
}
.accessory-menu #service-requests table tbody tr td:nth-of-type(3) {
  width: 66%;
}
.accessory-menu #warrenties table tbody tr td:nth-of-type(4) {
  width: 4%;
}
.accessory-menu #serial table tbody tr td:nth-of-type(3) {
  width: 4%;
}
.accessory-menu #service-requests table tbody tr td:nth-of-type(4) {
  width: 4%;
}
.accessory-menu #serial table tbody tr td:nth-of-type(2) {
  width: 80%;
}

.accessory-menu .panel {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.check-text {
  padding-left: 5px;
}
.login-form {
  height: 500px;
  margin: 40px auto;
  width: 35%;
  text-align: center;
}
.widget {
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #cdcdcd;
  display: block;
  width: 340px;
  margin: 0 auto;
}
.widget {
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #cdcdcd;
  display: block;
  width: 340px;
  margin: 0 auto;
}
.widget2 {
  background: none;
  font-family: "s-regular";
}
.widget2 a {
  text-decoration: none;
  opacity: 0.9;
}
.widget2 a:hover {
  text-decoration: none;
  opacity: 1;
}
.widget2 img {
  width: 200px;
  height: 200px;
  margin-top: 30px;
}
.widget2 h3 {
}
.widget .title {
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid #cdcdcd;
  height: 40px;
  position: relative;
}
.widget .title h5 {
  float: left;
  padding-left: 38px;
}
.fa-list-alt,
.fa-warning {
  position: absolute;
  top: 12px;
  left: 14px;
}
.widget form {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 0px;
  margin-left: 20px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  float: left;
}
.form-horizontal button {
  float: left;
}
.form-horizontal button btn-primary {
  background-color: #248aaf;
  color: #fff;
}
.login-logo h2 {
  font-family: "s-regular";
}
.login-logo h5 {
  margin-bottom: 20px;
}
.forget-pass {
  padding-top: 5px;
  font-size: 12px;
}
.form-horizontal .col-sm-5 {
  padding-top: 10px;
}
.form-body p {
  text-align: left;
  margin: 20px 29px 0 22px;
}
.form-body .form-horizontal {
  margin-top: 10px;
}
.users {
  height: 300px;
}
.users .list-group .list-group-item {
  border: 0px;
  border-right: 0px solid #eee;
  border-bottom: 2px solid #eee;
  padding-left: 0px;
  padding-bottom: 20px;
}
.users .list-group .list-group-item .img-thumbnail {
  margin-right: 10px;
}
.users .list-group .list-group-item h5 {
  font-family: "s-regular";
  margin-bottom: 0px;
}
.users .list-group .list-group-item p {
  color: #767676;
}
.users a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #fbfbfb;
  color: #000;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  border-color: #eee;
}
.users .list-group {
  border-right: 1px solid #eee;
}
.users .list-group form .form-group input {
  width: 94%;
}
.users .list-group form .form-group {
  position: relative;
}
.users .list-group form .btn-default {
  border-width: 0 0 0 1px;
  position: absolute;
  right: 50px;
  top: 9px;
}
.users .list-group form .btn-default:hover,
.users .list-group form .btn-default:focus,
.users .list-group form .btn-default:active,
.users .list-group form .btn-default.active,
.users .list-group form .open .dropdown-toggle.btn-default {
  background: none;
  border-width: 0 0 0 1px;
}
.messages .media-heading {
  font-size: 16px;
  font-family: "s-regular";
}
.messages .media-heading a:hover,
.messages .media-heading a:focus {
  text-decoration: none;
}
.messages .media {
  margin-top: 0px;
  margin-bottom: 30px;
}
.messages .media .media-body {
  position: relative;
}
.messages .media .media-body p {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #bbb;
}

.messages .btn-primary {
  height: 35px;
  width: 10%;
  border-radius: 5px;
  margin-top: 10px;
  border: 0px;
  background-color: #248ab0;
}
.fa-circle {
  font-size: 12px;
  color: #393;
  position: absolute;
  left: 0px;
  top: 4px;
}
.messages-top-left h4 {
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: "s-regular";
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.messages-top-right {
  border-bottom: 1px solid #eee;
}
.messages-top-right p {
  font-family: "s-regular";
  font-size: 16px;
  margin-bottom: 7px;
}
#component h3 {
  color: #248aaf;
  font-family: "s-regular";
}

#special-new {
  top: 26px !important;
}
#component #service-requests table tbody tr td:nth-of-type(4) {
  width: 4%;
}

.my-form .radio-inline + .radio-inline,
.my-form .checkbox-inline + .checkbox-inline {
  margin-left: 40px;
}

.service-request-head .summmry h5 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.service-request-head .summmry h3 {
  font-size: 20px;
}
.service-request-head .summmry1 h5 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.service-request-head .summmry1 h3 {
  font-size: 20px;
}
.under-card {
  margin-top: 40px;
  color: #767676;
}
.under-card .fa-calendar {
  font-size: 12px;
  color: #c5c9ce;
  padding-right: 5px;
}
.under-card .col-lg-12 p {
  padding-top: 10px;
  text-align: justify;
  padding-right: 33px;
}
.under-card .col-lg-12 hr {
  margin-top: 5px;
}
.equipments-box {
  background-color: #4c87b9;
  padding: 10px;
  width: 100%;
  color: #fff;
  text-align: right;
  margin-bottom: 20px;
}
.equipments-box h1,
.finished-requests-box h1,
.requests-box h1,
.customers-box h1 {
  margin-top: 10px;
  font-family: "s-regular";
  margin-bottom: 5px;
}
.equipments-box h4,
.finished-requests-box h4,
.requests-box h4,
.customers-box h4 {
  margin-top: 5px;
}
.customers-box {
  background-color: #d05454;
  padding: 10px;
  width: 100%;
  color: #fff;
  text-align: right;
  margin-bottom: 20px;
}
.requests-box {
  background-color: #3faba4;
  padding: 10px;
  width: 100%;
  color: #fff;
  text-align: right;
  margin-bottom: 20px;
}
.finished-requests-box {
  background-color: #8877a9;
  padding: 10px;
  width: 100%;
  color: #fff;
  text-align: right;
  margin-bottom: 20px;
}
.messages hr {
  margin-top: 3px;
}
.requests-chart,
.customers-chart,
.service-request-details-chart {
  margin-bottom: 20px;
}

.highcharts-title {
  float: left;
  font-size: 15px;
}

.mini-input label,
.medium-input label,
.large-input label,
.mini-drop label,
.medium-drop label,
.large-drop label {
  font-weight: normal;
}
.radio-ver label,
.chk-ver label {
  margin-top: 10px;
  margin-bottom: 0px;
}
.radio-ver .radio:nth-of-type(1),
.chk-ver .checkbox:nth-of-type(1) {
  margin-top: 5px;
}
.large-textarea,
.medium-textarea,
.small-textarea {
  margin-bottom: 10px;
}
.large-textarea label,
.medium-textarea label,
.small-textarea label {
  font-weight: normal;
}
.buttons .btn-primary {
  background-color: #009cd5;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 7px 23px;
  font-size: 18px;
}
.buttons .btn-default {
  border-radius: 5px;
  margin-bottom: 30px;
  margin-right: 3px;
  padding: 7px 23px;
  font-size: 18px;
}
.top-title h4 {
  color: #fff;
  padding-right: 15px;
}
#ui-datepicker-div {
  position: absolute;
  right: 0px;
}

#setting {
  position: relative;
}
#setting i {
  position: absolute;
  top: 20px;
  right: 0px;
}
.tables table thead tr td:last-child,
.tables table tbody tr td:last-child,
.tables table thead tr td:first-child,
.tables table tbody tr td:first-child {
  width: 3%;
}

.tables .fa-gear {
  color: #aaa;
}
.tables table tbody tr td:last-child .dropdown-menu {
  right: -137px;
  text-align: right;
  top: 21px;
}
.tables table tbody tr td:last-child .dropdown-menu .fa-caret-up {
  color: #ccc;
  right: 137px;
}
.tables table tbody tr td:last-child .dropdown-menu li a {
  padding: 7px 12px;
}
.tables table thead {
  background-color: #656565;
  color: #fff;
}
.tables table thead tr td {
  padding: 12px 8px;
}
.tables table tbody tr td {
  padding: 10px 8px;
}
.dropdown1,
.tabs,
.deafault-nav {
  margin-top: 20px;
}
.dropdown1 ul li a {
  padding: 6px 14px;
}
.pager {
  text-align: right;
}

#nav-col-md-4 {
  padding-right: 0px;
}

.featured-pic {
  margin-top: 40px;
}
#tab1 p,
#tab2 p,
#tab3 p {
  margin-top: 10px;
}
.royal-logo {
  margin: 0 auto;
  height: 70px;
  padding-top: 6px;
  background-color: #fff;
  position: relative;
  text-align: center;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.royal-logo a {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin-top: 45px;
  text-decoration: none;
}
.left-top-bar {
  background-color: #fff;
  background-repeat: repeat-x;
  background-position: center center;
  height: 70px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 0px 0 rgba(0, 0, 0, 0.14),
    0 1px 0 0 rgba(0, 0, 0, 0.12);
}
.top-search {
  padding-top: 14px;
  position: relative;
}
.top-search form input {
  border-color: #f0f0f8;
  color: #f0f0f8;
}
.top-search button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  right: 5px;
  position: absolute;
  top: 22px;
}
.icon-box {
  background: url(../images/side-bar-list-bg.png) repeat scroll 0 0
    rgba(0, 0, 0, 0) !important;
  /* padding: 19px; */
  margin-right: 10px;
  /* padding-left:44px; */
  /* position:relative; */
  width: 60px;
  display: inline-block;
  text-align: center;
  height: 60px;
  vertical-align: middle;
}
.icon-small-box {
  background: url(../images/side-bar-list-bg.png) repeat scroll 0 0
    rgba(0, 0, 0, 0) !important;
  /* padding: 19px; */
  margin-right: 10px;
  padding-top: 10px;
  /* position:relative; */
  width: 30px;
  display: inline-block;
  text-align: center;
  height: 30px;
  vertical-align: middle;
}
.fa-cubes {
  /* font-size: 20px; */
  /* position: absolute; */
  /* right: 17px; */
  /* top: 18px; */
}
.fa-bullseye {
  padding-left: 8px !important;
}
.fa-tablet {
  padding-left: 11px !important;
}
.badge {
  background-color: #e74955;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  position: absolute;
  right: -10px;
  top: -9px;
  padding: 3px 6px;
}
.badge1 {
  background-color: #fcb322;
}
.badge3 {
  background-color: #a9d86e;
}

.fa-user-md {
  font-size: 25px;
  position: absolute;
  top: 14px;
  right: 22px;
}
.fa-money {
  font-size: 22px;
  position: absolute;
  right: 19px;
  top: 17px;
}
.fa-file-archive-o {
  font-size: 22px;
  position: absolute;
  right: 21px;
  top: 15px;
}
#search-xs {
  margin-bottom: 8px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f1592a;
  color: #fff;
  border-color: #f1592a;
}
.pagination .disabled span {
  color: #fff;
  background: #2a3542;
  border: 1px solid #2a3542;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #f1592a;
  border-color: #f1592a;
}
.pagination > li > a,
.pagination > li > span {
  color: #fff;
  background: #2a3542;
  border: 1px solid #2a3542;
}
#btn-class {
  padding-right: 3px;
}
#btn-class .btn {
  width: 100%;
}
#btn-row {
  padding-right: 15px;
  padding-left: 15px;
}
.date {
  border: 1px solid #dadada;
  color: #767676;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.date p {
  background-color: #1abc9c;
  color: #fff;
  margin-bottom: 12px;
  padding: 6px 15px;
}
.date .pager1 {
  margin-top: 10px;
}
.fa-sign-out {
  color: #a4abbb;
}
.fa-dollar {
  padding-right: 17px;
  padding-left: 9px;
  color: #c5c9ce;
  padding-top: 6px;
  padding-bottom: 6px;
}
.date h5 {
  padding-right: 15px;
  padding-right: 15px;
  line-height: 24px;
}
.date .fa-gear {
  color: #fff;
  left: 15px;
  position: absolute;
  top: -289px;
}
.date .dropdown-menu {
  top: -267px;
  left: 6px;
  right: auto;
}
.date .fa-caret-up {
  color: #fff;
}
.nav-tabs {
  border-bottom: none;
  text-align: center;
  margin: 20px 10px 0;
}
.ribbon-right {
  background-image: url(../images/ribbon-right.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  left: -11px;
  width: 11px;
  height: 39px;
}
.nav-tabs .fa-th-large,
.nav-tabs .fa-calendar {
  font-size: 24px;
}
.nav-tabs > li > a {
  color: #fff;
  background: #2a3542;
  border-radius: 0;
  border: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #248aaf !important;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #f1592a;
}
#calendar table {
  margin-top: 0px;
}
#calendar table tbody tr td,
#calendar table thead tr td {
  padding: 0px;
}
.fc th {
  font-family: "Roboto";
  font-size: 12px;
}
#calendar .fc-event {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
}
#calendar .fc-center h2 {
  font-size: 25px;
}
.content-info img {
  margin-top: 16px;
  margin-right: 11px;
}
.finacial-table .fa-cog {
  color: #ababab;
}
.app-details .fa-cog {
  color: #ababab;
}
.finacial-table1 .fa-cog {
  color: #ababab;
}
.finacial-table2 .fa-cog {
  color: #ababab;
}
.finacial-table .dropdown-menu {
  left: auto;
  right: -7px;
}
.app-details .dropdown-menu {
  right: auto;
  left: -7px;
}
.finacial-table1 .dropdown-menu,
.app-details .dropdown-menu {
  right: auto;
  left: -140px;
}
.finacial-table2 .dropdown-menu {
  right: auto;
  left: -7px;
}
.finacial-table table thead tr td:nth-of-type(5) {
  width: 3%;
}
.app-details table thead tr td:nth-of-type(4) {
  width: 3%;
}
.app-details table thead tr td:nth-of-type(3) {
  width: 10%;
}
.app-details table .btn {
  padding: 0px;
}
.finacial-table1 table tr td:nth-of-type(4),
.app-details table thead tr td:nth-of-type(6) {
  width: 3%;
}
.finacial-table1 table tr td:nth-of-type(3) {
  width: 10%;
}
.finacial-table1 table tr td:nth-of-type(1) {
  width: 15%;
}
.finacial-table2 table thead tr td:nth-of-type(6) {
  width: 3%;
}
#my-caret {
  color: #ababab !important;
}
.finacial-table .dropdown-menu a {
  padding: 7px 21px;
}
.finacial-table1 .dropdown-menu a {
  padding: 7px 21px;
}
.app-details .dropdown-menu a {
  padding: 7px 21px;
}
.finacial-table2 .dropdown-menu a {
  padding: 7px 21px;
}
.finacial-table table thead {
  background-color: #f7f7f7;
  font-family: "Roboto";
}
.finacial-table1 table thead,
.finacial-table2 table thead {
  font-family: "Roboto";
}
.sum {
  background-color: #f7f7f7;
  border: 1px solid #ababab;
}
.sum p {
  margin: 10px 20px;
  font-family: "Roboto";
  margin-left: 118px;
  font-size: 18px;
}
.sum p span {
  padding-right: 20px;
}
.patient-table .fa-cog {
  color: #ababab;
}
.patient-table .dropdown-menu {
  left: auto;
  right: -7px;
}
.patient-table table thead tr td:nth-of-type(5) {
  width: 3%;
}
.patient-table table thead tr td:nth-of-type(2) {
  width: 60%;
}
.patient-table .dropdown-menu a {
  padding: 7px 21px;
}
.patient-table table thead {
  background-color: #f7f7f7;
  font-family: "Roboto";
}
#date-row {
  padding-left: 0px;
  width: 16%;
}
.date h4 {
  padding-right: 15px;
  margin-top: 0px;
  margin-bottom: 3px;
}
.date h5 {
  margin-top: 0px;
  margin-bottom: 3px;
}
#rec-gear {
  right: 0;
  position: absolute;
  top: -178px;
}
#rec-drop {
  color: #333;
  right: -9px;
  left: auto;
  top: -157px;
}
.recieve-note {
  border: 1px solid #e9e9e9;
  padding-bottom: 5px;
}
.recieve-note h3 {
  background-color: #1abc9c;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-family: "Roboto";
  margin-bottom: 20px;
}
.recieve-note p:nth-of-type(1) {
  padding: 10px 15px;
}
.recieve-note p:nth-of-type(2) {
  padding: 0px 15px;
}

.recieve-note p:nth-of-type(3) {
  padding: 15px 15px;
  font-family: "Roboto";
}
.recieve-note p:nth-of-type(4) {
  padding: 0px 15px;
  margin-bottom: 40px;
  font-family: "Roboto";
  float: left;
  padding-left: 100px;
}
.recieve-note .btn-primary {
  background-color: #1abc9c;
  border-color: #12a98b;
  border-radius: 5px;
  padding: 10px 31px;
  margin-right: 15px;
  margin-bottom: 20px;
  margin-top: 30px;
}
#table-row {
  padding-right: 15px;
  padding-left: 15px;
}
#my-td {
  width: 3%;
}
#my-dropdown {
  right: -140px;
}
#my-dropdown li a {
  float: right;
}
.date-time {
  text-align: center;
}
.fa-chevron-right {
  padding-left: 30px;
  font-size: 20px;
}
.fa-chevron-left {
  padding-right: 30px;
  font-size: 20px;
}
.day {
  font-size: 18px;
}
.date-time a {
  color: #ababab;
}
.date-time a:hover,
.date-time a:focus {
  color: #1abc9c;
}
#note-td {
  text-align: right;
}
#note-ul {
  margin-top: 0px;
}
#app-date {
  height: 400px;
  overflow: hidden;
}
.bootstrap-datetimepicker-widget {
  height: 280px;
  top: 390px !important;
}
#my-gear {
  top: -315px;
}
#my-drop1 {
  top: -297px;
}
#my-gear2 {
  left: -13px;
  top: -352px;
}
#my-drop3 {
  left: -22px;
  top: -332px;
}
#my-gear3 {
  top: -267px;
}
#my-drop4 {
  top: -247px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  top: 0%;
  color: #000;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  right: -165%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  left: -134%;
}
#chevron-right {
  left: -104%;
}
.item h4 {
  left: 45%;
  position: absolute;
  text-align: center;
  top: -6px;
}
.item {
  padding-top: 44px;
}
.carousel-control {
  height: 0px;
}
#my-td {
  padding: 0px;
  width: 20%;
}
#my-td table,
#my-td table tr td {
  border: 1px solid #ddd;
}
.finacial-table table tbody tr td {
  padding: 10px 8px;
}
#my-table thead tr td {
  background-color: #1abc9c;
  color: #fff;
  font-weight: bold;
}
#my-table tbody tr td {
  padding: 15px 8px;
}
#my-table1 thead tr td {
  background-color: #f5a73b;
  color: #fff;
  font-weight: bold;
}
#my-table1 tbody tr td {
  padding: 15px 8px;
}
#my-add {
  top: 196px;
  left: 50px;
}
#my-add3 {
  top: 196px;
  left: 910px;
}
#right-row {
  border-right: 1px solid #eee;
}
#right-row h5 {
  margin-bottom: 30px;
}

#scroll-table table {
  width: 100%;
}

#scroll-tablethead,
#scroll-table tbody,
#scroll-table tr,
#scroll-table td,
#scroll-table th {
  display: block;
}

#scroll-table tr:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
}

#scroll-table thead th {
  height: 43px;

  /*text-align: left;*/
}

#scroll-table tbody {
  height: 212px;
  overflow-y: auto;
}

#scroll-table thead {
  /* fallback */
}

#scroll-table tbody td,
#scroll-table thead th {
  width: 33.3%;
  float: right;
}
#scroll-table td {
  padding: 11px 8px;
}
#scroll-table {
  margin-top: 30px;
}
#scroll-table thead {
  background-color: #248aaf;
  color: #fff;
}
#scroll-table thead th {
  padding: 12px 8px;
}

.app-details {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 20px;
}
.app-details table thead {
  font-weight: bold;
  background-color: #248aaf;
  color: #fff;
}
.doctor-note h4,
.pharma h4,
.finacial h4 {
  color: #248aaf;
}
.doctor-note p {
  text-align: justify;
}
.doctor-note {
  position: relative;
}
.doctor-note .fa-plus-square-o {
  top: 8px;
  left: 730px;
}
.pharma .fa-plus-square-o {
  top: 8px;
  left: 733px;
}
#my-edit {
  color: #428bca;
  font-size: 12px;
  left: 778px;
  position: absolute;
  top: 2px;
}
.doctor-note .fa-trash-o,
.pharma .fa-trash-o {
  color: #428bca;
  font-size: 12px;
  left: 838px;
  position: absolute;
  top: 8px;
}
#app-row {
  background-color: #fbfcfc;
}
.pahrma,
.finacial {
  position: relative;
}
#my-trash {
  position: static;
  font-size: 16px;
  cursor: pointer;
}
.pharma table thead,
.finacial table thead {
  font-weight: bold;
}
.fa-print {
  color: #428bca;
  font-size: 12px;
  left: 832px;
  position: absolute;
  top: 53px;
}
.finacial #my-edit {
  color: #428bca;
  font-size: 12px;
  left: -6px;
  position: absolute;
  top: 37px;
}
.finacial .fa-plus-square-o {
  color: #428bca;
  left: 735px;
  position: absolute;
  top: 42px;
}
#more-btn {
  padding: 0 12px;
}
#more-btn1 {
  padding: 0 3px;
  font-family: "Roboto";
}
#note-form .btn-primary,
#pharma-form .btn-primary,
#finacial-form .btn-primary {
  background-color: #1abc9c;
  border-color: #12a98b;
  border-radius: 5px;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-top: 15px;
  padding: 10px 31px;
}
#note-form .btn-default,
#pharma-form .btn-default,
#finacial-form .btn-default {
  border-radius: 5px;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-top: 15px;
  padding: 10px 31px;
}
#my-add {
  left: 5px;
  top: 5px;
}
#my-add1 {
  left: 5px;
  top: 8px;
}
#my-add2 {
  left: 4px;
  top: -9px;
}
#my-textarea {
  margin-top: 15px;
}
.slider .btn-group {
  margin-bottom: 15px;
}
.slider .btn-primary,
.slider1 .btn-primary {
  background-color: #248aaf;
  border: 1px solid #278eb3;
}
.slider1 .fa-cog {
  color: #ababab;
}
.slider1 .dropdown-menu {
  right: -7px;
  left: auto;
}
.slider1 .dropdown-menu a {
  padding: 7px 21px;
}
#my-table .fa-cog {
  color: #ababab;
}
#my-table .dropdown-menu {
  right: -7px;
  left: auto;
}
#my-table .dropdown-menu a {
  padding: 7px 21px;
}
#my-table tr td:nth-of-type(4) {
  width: 3%;
}
#my-table1 .fa-cog {
  color: #ababab;
}
#my-table1 .dropdown-menu {
  left: -7px;
  right: auto;
}
#my-table1 .dropdown-menu a {
  padding: 7px 21px;
}
#my-table1 tr td:nth-of-type(4) {
  width: 3%;
}
#my-row {
  padding-right: 15px;
  padding-left: 15px;
}
#my-row h4 {
  text-align: center;
}
#right-left-btn {
  padding-right: 0px;
  direction: rtl;
}
.slider table tbody tr td:nth-of-type(4) {
  width: 3%;
}
.slider table tbody tr td:nth-of-type(1) {
  width: 15%;
}
.slider table tbody tr td:nth-of-type(3) {
  width: 10%;
}
.slider table tbody tr td:nth-of-type(3) .btn,
.patient-table table tbody tr td:nth-of-type(3) .btn {
  padding: 0px;
}
.slider table tbody tr td:nth-of-type(2) a {
  text-decoration: none;
}
#my-td1 {
  width: 3%;
}
.patient-table tbody tr td:nth-of-type(4) {
  width: 3%;
}
.patient-table tbody tr td:nth-of-type(3) {
  width: 10%;
}
.patient-table tbody tr td:nth-of-type(1) {
  width: 15%;
}
.chosen-container-single .chosen-single {
  height: 34px !important;
}
.chosen-rtl .chosen-drop {
  left: 9000px;
}
.fa-plus-square {
  padding-right: 5px;
}
.watch {
  background-color: #f3f3f3;
  margin-bottom: 20px;
  margin-right: 30px;
  padding: 20px;
}
.watch h3,
.watch h4 {
  margin: 0px auto;
  width: 20%;
  text-align: center;
}
#add-btn {
  height: 74px;
  padding-top: 27px;
}
#right-row a {
  font-family: "Roboto";
  text-decoration: none;
}
#add-row {
  padding-top: 15px;
}
#add-a {
  cursor: pointer;
}
#fancyClock {
  margin: 10px auto;
  height: 200px;
  border: 1px solid #111111;
}
.note1 {
  background-color: #fcb322;
}
.my-caret-up1 {
  color: #fcb322;
}
.note2 {
  background-color: #e74955;
}
.my-caret-up2 {
  color: #e74955;
}
.note3 {
  background-color: #a9d86e;
}
.my-caret-up3 {
  color: #a9d86e;
}
.media-body {
  position: relative;
}
.progress {
  height: 12px;
}
.sr-only {
  height: auto;
  width: auto;
  clip: rect(auto, auto, auto, auto);
  top: 34px;
  left: 2px;
  color: #bbb;
}
.media-list .media .pull-left {
}
.symbol {
  width: 40%;
  padding: 25px 15px;
  -webkit-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  text-align: center;
  display: inline-block;
}
.right {
  padding-right: 15px;
  padding-left: 15px;
}
.value {
  width: 58%;
  padding-top: 21px;
  float: right;
  text-align: center;
  display: inline-block;
}
.value h1,
.value p {
  margin: 0;
  padding: 0;
  color: #c6cad6;
}
.terques {
  background: #6ccac9;
}
.red {
  background: #ff6c60;
}
.yellow {
  background: #f8d347;
}
.blue {
  background: #57c8f2;
}
.book_value {
  background-color: #227aa5;
}
.po_value {
  background-color: #c6bbbb;
}
.deprecated {
  background-color: #ed6c6c;
}
.Dep_Mo {
  background-color: rgba(207, 40, 240, 0.72);
}
.task-thumb {
  width: 90px;
  float: left;
  margin-bottom: 5px;
}
.task-thumb img {
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.task-thumb-details {
  display: inline-block;
  margin: 25px 0 0 10px;
}
.task-thumb-details h1,
.task-thumb-details h1 a,
.task-progress h1,
.task-progress h1 a {
  color: #39b5aa;
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.task-thumb-details h1,
.task-thumb-details h1 a,
.task-progress h1,
.task-progress h1 a {
  color: #39b5aa;
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.task-thumb-details p,
.task-progress p {
  padding-top: 5px;
  color: #a4aaba;
}
.personal-task tbody tr td {
  padding: 11px 15px;
  border-color: #eeeff1;
}
.personal-task tbody tr td i {
  font-size: 20px;
  color: #c7cbd4;
}
.personal-task > tbody > tr > td:last-child {
  text-align: right;
}
.personal-task tbody tr td {
  padding: 11px 15px;
  border-color: #eeeff1;
}
.an-panel {
  margin-left: 30px;
  background: #fff;
  border-radius: 4px;
}
.progress-panel {
  padding-bottom: 5px;
}
.task-progress {
  float: left;
}
.task-option {
  float: right;
}
.task-option select {
  height: 35px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 8px;
  color: #a4abbb;
}
span.customSelect {
  font-size: 12px;
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #eaeaea;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #a4aaba;
}
.customSelectInner {
  background: url(../images/customSelect-arrow.gif) no-repeat center right;
}
.personal-task tbody tr td {
  padding: 11px 15px;
  border-color: #eeeff1;
}
.badge.bg-important {
  background: #ff6c60;
}
.personal-task > tbody > tr > td:last-child {
  text-align: right;
}

.an-badge {
  font-size: 11px;
  padding: 5px 10px;
  position: inherit;
}
.badge.bg-success {
  background: #a9d86e;
}
.badge.bg-info {
  background: #41cac0;
}
.badge.bg-warning {
  background: #fcb322;
}
.badge.bg-primary {
  background: #8075c4;
}
.an-panel1 {
  margin-right: 30px;
}
/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon/icomoon.eot");
  src: url("../../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/icomoon/icomoon.woff") format("woff"),
    url("../../fonts/icomoon/icomoon.ttf") format("truetype"),
    url("../../fonts/icomoon/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.sb-search {
  float: right;
  height: 36px;
  margin-top: 11px;
  min-width: 40px;
  overflow: hidden;
  position: relative;
  transition: width 0.3s ease 0s;
  width: 40px;
}

.sb-search-input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eee;
  color: #999;
  font-family: inherit;
  font-size: 15px;
  margin: 0;
  outline: medium none;
  padding: 7px 26px 1px 7px;
  position: absolute;
  right: 4px;
  top: 5px;
  width: 88%;
  z-index: 10;
  border-radius: 4px;
}

.sb-search-input::-webkit-input-placeholder {
  color: #efb480;
}

.sb-search-input:-moz-placeholder {
  color: #efb480;
}

.sb-search-input::-moz-placeholder {
  color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
  color: #efb480;
}

.sb-icon-search,
.sb-search-submit {
  cursor: pointer;
  display: block;
  height: 29px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 7px;
  width: 36px;
}

.sb-search-submit {
  background: #fff; /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0); /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.sb-icon-search {
  color: #999;
  background: none;
  z-index: 90;
  font-size: 18px;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
  content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: none;
  z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90;
}
.logout {
  width: auto !important;
  top: 44px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
  right: auto;
  left: 31px;
  padding: 0px !important;
}

.log-arrow-up {
  background: url("../images/arrow-up.png") no-repeat;
  width: 20px;
  height: 11px;
  position: absolute;
  right: 20px;
  top: -10px;
}
.logout > li {
  float: left;
  text-align: center;
  width: 100%;
}
.logout > li > a {
  color: #a4abbb;
  border-bottom: none !important;
  padding: 15px 10px !important;
  width: 100%;
  display: inline-block;
  font-size: 12px;
  list-style: none;
}
.logout > li > a i {
  font-size: 17px;
  display: block;
  padding-bottom: 2px;
}
.logout > li:last-child {
  float: left;
  text-align: center;
  width: 100%;
  background: #2a3542;
  border-radius: 0 0 3px 3px;
}
.logout > li:last-child > a,
.logout > li:last-child > a:hover {
  color: #fff !important;
  border-bottom: none !important;
  text-transform: uppercase;
}

.logout > li > a {
  border-bottom: medium none !important;
  color: #a4abbb;
}
.logout > li > a:hover {
  border-bottom: medium none !important;
  color: #50c8ea !important;
}
.royal-logo .fa-bars {
  color: #797979;
  font-size: 21px;
  left: 13px;
  position: absolute;
  top: 20px;
}
.form-signin {
  max-width: 340px;
  margin: 50px auto 0;
  background: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.form-signin h2.form-signin-heading {
  margin: 0;
  padding: 30px 15px;
  text-align: center;
  background: #2b303b;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}
.login-wrap {
  padding: 20px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
  margin-bottom: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: none;
  font-size: 12px;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
  margin-bottom: 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  font-size: 12px;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .checkbox {
  font-weight: normal;
  color: #b6b6b6;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}
.form-signin .checkbox {
  margin-bottom: 14px;
}
.checkbox,
.checkbox:hover,
.checkbox:focus {
  border: none;
}
.form-signin a {
  color: #41cac0;
}
.form-signin .btn-login {
  background: #303b47;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  box-shadow: 0 4px #212b36;
  margin-bottom: 20px;
}
.form-signin p {
  text-align: center;
  color: #b6b6b6;
  font-size: 16px;
  font-weight: 300;
}
.login-social-link {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 15px;
}
.login-social-link a.facebook {
  background: #5193ea;
  margin-right: 22px;
  box-shadow: 0 4px #2775e2;
  float: left;
  color: #fff;
}
.login-social-link a {
  color: #fff;
  padding: 15px 28px;
  border-radius: 4px;
}
.form-signin a {
  color: #41cac0;
}
.login-social-link a i {
  font-size: 20px;
  padding-right: 10px;
}
.login-social-link a.twitter {
  background: #44ccfe;
  box-shadow: 0 4px #2bb4e8;
  float: left;
  color: #fff;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal-content {
  box-shadow: none;
  border: none;
}
.modal-header {
  background: #2a3542;
  color: #fff;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-bottom: none;
}
.modal-header .close {
  margin-top: 0;
}
.modal-header h4.modal-title {
  font-weight: 300;
  font-size: 20px !important;
  font-family: "Open Sans", sans-serif;
}
.form-signin p {
  text-align: center;
  color: #b6b6b6;
  font-size: 16px;
  font-weight: 300;
}
.btn-default {
  border-color: #bec3c7;
  color: #fff;
}
.btn-success {
  background-color: #78cd51;
  border-color: #78cd51;
  color: #ffffff;
}
.login-social-link a.twitter:hover,
.login-social-link a.facebook:hover {
  color: #fff !important;
  text-decoration: none;
}
.login-social-link a {
  border-radius: 4px;
  color: #fff;
  padding: 15px 28px;
}
.form-signin a:hover {
  color: #b6b6b6;
  text-decoration: none;
}
.modal-dialog {
  margin: 90px auto;
}
.radios {
  padding-top: 18px;
}
.panel-heading {
  border-color: #eff2f7;
  font-size: 16px;
  font-weight: 300;
}
.form-group1 {
  width: auto !important;
}
.panel1 {
  margin: 20px 30px;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 0px;
}
.panel-body {
  padding: 15px;
}
.sr-only1 {
  left: 48px;
  top: 73px;
  font-weight: 700;
  color: #797979;
}
.sr-only2 {
  left: 255px;
  top: 73px;
  font-weight: 700;
  color: #797979;
}
.sr-only-std {
  font-weight: 700;
  color: #797979;
}
.btn-shadow.btn-default {
  box-shadow: 0 4px #9c9c9c;
}

.btn-shadow.btn-primary {
  box-shadow: 0 4px #428bca;
}
.btn-shadow.btn-success {
  box-shadow: 0 4px #61a642;
}
.btn-shadow.btn-info {
  box-shadow: 0 4px #1caadc;
}
.btn-shadow.btn-warning {
  box-shadow: 0 4px #cab03f;
}
.btn-shadow.btn-danger {
  box-shadow: 0 4px #d1595a;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #fff;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  color: #949494;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  vertical-align: middle !important;
  line-height: 1, 4 !important;
}

.add-btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #428bca;
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 0px;
}
.panel-heading {
  position: relative;
}
.fa-plus {
  font-size: 12px;
}

.icon-box i {
  /* font-size:25px; */
  /* position: relative; */
  /* top:14px; */
  /* right:22px; */
}
.gear-menu {
  left: -138px;
  top: 26px;
  width: 88%;
  padding: 7px 0px;
}

.gear-menu::after {
  position: absolute;
  top: -6px;
  right: 9px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #555;
  border-left: 6px solid transparent;
  content: "";
}

.pagination {
  font-size: 15px;
  padding-left: 15px;
}

.form-group span.validation_error p,
.form-group span.validation_error span.error {
  display: inline;
  font-size: 85%;
  color: red;
}

td a.table-icon {
  font-size: 20px;
  padding: 5px;
}

.table-responsive thead tr th {
  background-color: #fff;
  font-size: 14px;
  border-top: 1px solid #e4eaec !important;
  color: #87838f;
  padding: 8px 5px;
}

.search-glass button {
  color: #fff;
}

.search-glass button:hover {
  background-color: #f1592a;
}
#submitter {
  background-color: #f1592a;
}
#canceller {
  background-color: #f1592a;
}
.panel1 h3 {
  color: #41cac0;
  margin-bottom: 0;
  padding: 20px 15px 5px;
}

.time1 {
  opacity: 0.3;
  padding-bottom: 10px;
  padding-left: 15px;
  font-size: 13px;
  margin-bottom: 0px;
}
.tag {
  background-color: #2a3542;
  color: #ffffff;
  font-weight: 700;
}
.assest {
  background-color: #2a3542;
  color: #fff;
  font-weight: 700;
}
.tech {
  background-color: #2a3542;
  color: #ffffff;
  font-weight: 700;
}
.service {
  background-color: #fcf8e3;
  color: #986d3b;
  font-weight: 700;
}
.purchace {
  background-color: #f7d9f7;
  color: #763d73;
  font-weight: 700;
}
.my-input {
  padding-right: 15px;
}
.form-control {
  background: transparent;
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.38) !important;
  border-radius: 0;
}
#disabledInput {
  background-color: #eee !important;
  cursor: not-allowed;
  opacity: 1;
}
.form-group {
  margin-bottom: 20px;
}
.location {
  color: #3c763d;
}
.location hr {
  margin-top: 5px;
  border-color: #3c763d;
  opacity: 0.2;
}
textarea.form-control {
  background: none;
}
#datepicker .fa-calendar {
  color: #c5c9ce;
  font-size: 14px;
  position: absolute;
  right: 11px;
  top: 37px;
  z-index: 1000;
}
.select-ch {
  margin-top: 7px;
  margin-bottom: 27px;
}
#toggle-btn {
  background: none;
  color: #2971b0;
  border: 0px;
  margin-top: 27px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.form-sub {
  margin: 20px 30px;
}
.chosen-container {
  width: 100% !important;
}

.close-btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #428bca;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 28px;
}

.inv-no {
  font-size: 16px;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled.active,
.btn-primary.active[disabled] {
  background-color: #41cac0;
  border-color: #41cac0;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled.active,
.btn-primary.active[disabled] {
  background-color: #39b2a9;
  border-color: #39b2a9;
  color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #6dbb4a;
  border-color: #6dbb4a;
  color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #53bee6;
  border-color: #53bee6;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #e4ba00;
  border-color: #e4ba00;
  color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #ec6459;
  border-color: #ec6459;
  color: #ffffff;
}
.btn-success {
  background-color: #78cd51;
  border-color: #78cd51;
  color: #ffffff;
}
.btn-info {
  background-color: #58c9f3;
  border-color: #58c9f3;
  color: #ffffff;
}
.btn-warning {
  background-color: #f1c500;
  border-color: #f1c500;
  color: #ffffff;
}
.btn-danger {
  background-color: #ff6c60;
  border-color: #ff6c60;
  color: #ffffff;
}
.panel-body .nav li button {
  margin-right: 5px;
}
.td1 {
  background-color: #f1592a;
  color: #fcfdfe !important;
  font-size: 16px;
  padding: 8px 10px !important;
}
.td2 {
  background-color: #2a3542;
  color: white !important;
  padding: 8px 10px !important;
}
.td3 {
  background-color: #f1592a;
  color: #fcf9f9 !important;
  font-size: 16px;
  border-color: #f2dede !important;
  padding: 10px 10px !important;
}
.panel-body table {
  margin-top: 0;
}
.panel2 {
  margin-right: 0px;
  margin-left: 0px;
}
.tab-content {
  border: 0px;
}
.panel3 .panel-body table {
  margin-bottom: 0px;
  margin-top: 0px;
}
.panel3 .panel-body {
  padding-right: 0px;
  padding-left: 0px;
}
.tab-content .panel {
  box-shadow: none;
}
.view-array li a {
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 6px 9px;
  margin-left: 10px;
  margin-bottom: 15px;
  color: #37aca3;
}
.view-array li:nth-of-type(1) a {
  margin-left: 15px;
}
.view-array > li.active > a,
.view-array > li.active > a:hover,
.view-array > li.active > a:focus {
  background-color: #37aca3 !important;
}
.profile-nav .user-heading {
  background: #41cac0;
  color: #fff;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  padding: 35px;
  text-align: center;
}
.profile-nav .user-heading.round a {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.3);
  display: inline-block;
}
.profile-nav .user-heading a img {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.profile-nav .user-heading h1 {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 5px;
}
.profile-nav .user-heading p {
  font-size: 12px;
}
.profile-nav ul {
  margin-top: 5px;
}
.profile-nav ul > li {
  border-bottom: 1px solid #ebeae6;
  margin-top: 0;
  line-height: 30px;
}
.profile-nav ul > li > a:hover,
.profile-nav ul > li > a:focus,
.profile-nav ul li.active a {
  background: #f1592a none repeat scroll 0 0 !important;
  border-left: 5px solid #41cac0;
  color: #f7fbfa !important;
  font-size: 15px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: #337ab7;
  color: #fff;
}
.profile-nav ul > li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #89817f;
  border-left: 5px solid #fff;
}
.profile-nav ul > li > a > i {
  font-size: 16px;
  padding-right: 10px;
  color: #bcb3aa;
}
.profile-nav ul > li > a:hover > i,
.profile-nav ul > li > a:focus > i,
.profile-nav ul li.active a > i {
  color: #ffffff;
}
.r-activity {
  margin: 6px 0 0;
  font-size: 12px;
}
.profile-nav ul > li:last-child > a:last-child {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}

.profile-panel {
  background-color: #fff;
  margin-left: 30px;
  margin-top: 20px;
}
.fa-edit1 {
  position: unset;
}
.label-danger {
  background-color: #e74955;
}
.profile-info .panel1 {
  margin-left: 30px;
}
.bio-graph-info {
  color: #89817e;
}
.bio-row {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  padding: 0 15px;
}
.bio-row p span {
  width: 100px;
  display: inline-block;
  color: #444;
}
.bio-chart {
  width: 40%;
}
.bio-chart,
.bio-desk {
  float: left;
}
.panel-info {
  background: none;
  box-shadow: none;
}
.sub-panel {
  margin-left: 15px !important;
  margin-right: 15px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.bio-row1 {
  width: 100%;
}
.log-table {
  margin-top: 0px !important;
}
.chart-img {
  margin: 0 auto;
  max-width: 256px;
}
.panel-transparent {
  margin: 0 30px;
  margin-bottom: 0px;
  height: auto;
}

.title a:hover .fa-play,
.title a:hover .fa-clock-o,
.title a:hover .fa-print1,
.title a:hover .fa-folder-open {
  color: #41cac0 !important;
}
.bio-graph-heading {
  background: #41cac0;
  color: #fff;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  font-size: 16px;
  font-weight: bold;
  font-size: 24px;
}
.bio-graph-heading p {
  font-size: 14px;
  font-style: normal;
  margin-bottom: 0px;
}
.dl-horizontal dt {
  color: #41cac0;
  font-size: 18px;
  margin-top: 15px;
  text-align: left;
  width: auto;
}
.bold {
  font-weight: bold;
  color: rgba(137, 129, 126, 0.52) !important;
}
td .label {
  padding: 0.5em 0.8em;
  line-height: 2;
}
.table-panel1 {
  padding: 0px !important;
}
.desc {
  text-align: justify !important;
  line-height: 22px;
}
.desc1 {
  width: 30%;
}
.active-color {
  color: #f05a28 !important;
}
/* NewStyle */
.loginScreen {
  background: #f15f32 !important;
}
.form-control {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  box-shadow: none !important;
}
.form-control:hover {
  border-color: rgb(241, 95, 50) !important;
}
.form-control:focus {
  box-shadow: none !important;
}
.nopadding {
  padding: 0 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff !important;
  background-color: #f1592a;
  border: none;
  border-bottom-color: transparent;
  cursor: default;
  border-radius: 0 !important;
}
.anthoer {
  margin: 10px;
}

.newTitle h3 {
  padding: 15px !important;
}

.panel.panel1.panel-info {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.panel.panel1.panel-info .panel.sub-panel {
  background-color: #fff;
}
.over-view {
  overflow-y: visible !important;
  overflow-x: visible !important;
}
.nav > li > a {
  padding: 8px 15px;
}
.mb-20 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 980px) {
  #tog-nav {
    display: none;
  }
  .fix-header {
    position: relative !important;
    width: 100vw !important;
  }
  .side-menu {
    position: absolute !important;
    top: -60px !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9;
  }
  .panel1 {
    overflow-y: auto;
  }
  .nav-tabs > li {
    margin-bottom: 2px;
  }
  .xs-offset-it {
    margin-left: 30%;
  }
  .logout {
    width: 85vw !important;
    left: auto;
    z-index: 10;
  }
  .profile-panel,
  .profile-info .panel1 {
    background-color: #fff;
    width: 90%;
    margin: 10px auto;
  }
  .bio-row,
  .user-name .dropdown .dropdown-toggle {
    width: 100%;
  }
  .user-name a p {
    margin-left: 30px;
  }
  .dropdown-backdrop {
    display: none;
  }
  .offset-m {
    margin-left: -70%;
  }
}

input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type="checkbox"].css-checkbox + label.css-label {
  padding-left: 35px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer;
}

input[type="checkbox"].css-checkbox:checked + label.css-label {
  background-position: 0 -30px;
}
label.css-label {
  background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_9e0be0d3c50aa15eb49cfd5afdebcc01.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #2a3542;
  border: none;
  border-radius: 0;
}

.icon-box i {
  padding-top: 19px;
}
.hasTooltip span {
  display: none;
  color: #000;
  text-decoration: none;
  padding: 3px;
}

.hasTooltip:hover span {
  display: block;
  position: absolute;
  font-size: 12px;
  background-color: #ccc;
  border: 2px solid #ababab;
  margin: 2px 10px;
}
.active_link tr td {
  background-color: #1abc9c;
  color: #fff;
  font-weight: bold;
}

/* Notification Style */

.notifications.navbar-default .dropdown-menu.notify-drop {
  min-width: 330px;
  background-color: #fff;
  min-height: 360px;
  max-height: 360px;
}

.notify-drop-title {
  height: 30px;
  border-bottom-style: groove;
  margin-top: 5px;
}
.navbar-default .dropdown-menu.notify-drop .drop-content {
  min-height: 280px;
  overflow-y: scroll;
}

.navbar-default .dropdown-menu.notify-drop .drop-content > li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px 5px 0px;
}

.navbar-default .dropdown-menu.notify-drop .drop-content > li:last-child {
  border-bottom: none;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li .notify-img {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin: 0px 0px 8px 0px;
}
.navbar-default .dropdown-menu.notify-drop .allRead {
  margin-right: 7px;
}

.navbar-default .dropdown-menu.notify-drop .drop-content > li a {
  font-size: 12px;
  font-weight: normal;
  color: red !important;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li {
  font-weight: bold;
  font-size: 11px;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li hr {
  margin: 5px 0;
  width: 100%;
  border-color: #e2e2e2;
}
.navbar-default .dropdown-menu.notify-drop .drop-content .pd-l0 {
  padding-left: 0;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li p {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  margin: 3px 0;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li p.time {
  font-size: 10px;
  font-weight: 600;
  top: -6px;
  margin: 8px 0px 0px 0px;
  padding: 0px 3px;
  border: 1px solid #e2e2e2;
  position: relative;
  background-image: linear-gradient(#fff, #f2f2f2);
  display: inline-block;
  border-radius: 2px;
  color: #b97745;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li p.time:hover {
  background-image: linear-gradient(#fff, #fff);
}
.navbar-default .dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  position: relative;
  padding: 8px 15px;
}
.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a {
  color: #777;
  text-decoration: none;
}
.nav-notifications > li > a:hover,
.nav-notifications > li > a:focus {
  background-color: transparent !important;
}
.nav-notifications > li > a {
  padding: 8px 0px;
}

.dropdown-menu.notify-drop {
  width: 500px;
}
.drop-content > li {
  border-bottom-style: inset;
  padding-top: 5px;

  cursor: pointer;
}
.drop-content > li:hover {
  background-color: #eeeeee40;
}
.toggle-notifications {
  margin-top: 15px !important;
}

.toggle-notifications .fa-bell {
  color: black;
  font-size: 20px !important;
}
.toggle-notifications .fa-bell:hover {
  color: lightslategrey;
  font-size: 20px !important;
}
.stack-notifications {
  color: red;
  margin-left: -8px;
  margin-bottom: 10px;
  font-size: 10px;
}
.num-notifications {
  color: black;
}
.img-notifications {
  border-style: solid;
  border-radius: 100%;
  font-size: 12px;
  color: white;
  padding: 5px;
  background-color: #f3170d;
}
.img-not-div {
  padding-top: 15px;
}
.time-notifications {
  font-weight: 600;
  color: #8993a4;
}
.rIcon {
  color: #ebecf0 !important;
  border: transparent;
  background-color: transparent;
}
.rIcon:hover {
  color: #333;
}
.rIcon-unread {
  border-color: #ebecf0 !important;
  background: #0052cc;
  padding: 0;
  transition: none;
  width: 18px;
  height: 18px;
  font-size: 0;
  border: 4px solid transparent;
  border-radius: 100%;
  margin-right: 5px;
}

.rIcon-read {
  border-color: #ebecf0 !important;
  background: #ebecf0 !important;
  padding: 0;
  transition: none;
  width: 18px;
  height: 18px;
  font-size: 0;
  border: 4px solid transparent;
  border-radius: 100%;
  margin-right: 5px;
}
.rIcon-read:hover {
  color: #333;
}

.read_notification {
  color: #8993a4ed;
}

.unread_notification {
  color: black;
}
.unread_notification:hover {
  text-decoration: underline !important;
}
.read_notification:hover {
  text-decoration: underline !important;
}

#sla_list tr[disabled] td {
  filter: blur(1px);
  pointer-events: none;
}
.error_message {
  display: inline;
  color: #0e5490;
  font-weight: bold;
  font-size: 14px;
}
.loader {
  display: none;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.loading {
  border: 6px solid #41bdca4a;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-top-color: #1ecd97;
  border-left-color: #1ecd97;
  animation: spin 0.5s infinite ease-out;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

 h2.form-confirm-signin-heading {
  margin: 0;
  padding: 30px 15px;
  text-align: center;
  background: #2b303b;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}